Как делать интерфейс осознанно

11 нояб. 2025 г.

Читать

0 мин.

Недавно мне дали на ревью макеты от новичка и я задал ему простой вопрос — как пользователь удалит то, что сам добавил? Никак.

Мои базовые правила

В интерфейсах нельзя проектировать только прямой путь. Пользователи ходят кругами, делают ошибки, передумывают, возвращаются назад.

  • Если есть действие, нужно сделать обратное (отмена, удаление).

  • На всех интерактивных элементах показывать все их состояния (например, hover/disabled на кнопке).

  • Если есть ввод данных, нужно продумать обработку ошибок.

  • Если есть данные (графики, таблицы), нужно отобразить как выглядят пустые состояния.

Лучше сделать эти мысли частью процесса еще до рисования макетов. Но если сроки горят, держи эти принципы в голове постоянно.

Немного о моем пути

Я изучал всё сам, без курсов и менторов. Все знания приходили через собственные ошибки и кучу часов работы над разными проектами в одиночку. Плюс я подкреплял это разными статьями и видео, которые помогали лучше разбираться и не наступать на те же грабли.

Самые полезные источники

  • lawsofux.com. Здесь можно узнать про всю базу UX. Закон близости, когнитивная нагрузка и др.

  • hardclient.com. Реальные примеры customer journey maps и подходы дизайнеров к решению сложных задач.

  • mobbin.com. Примеры UX-паттернов и User Flow в реальных продуктах. Сильно экономит время.

  • Портфолио и CV других дизайнеров. В них можно прочитать, как дизайнер подходит к проектированию своих проектов, как он мыслит и какие методы применяет.


Учиться самому - долго и сложно. Но я продолжаю, ведь без этого не построить по-настоящему хороший дизайн

Есть идея для нового проекта? Пишите — разберём задачу и сделаем так, чтобы это работало. В последнее время задач много, так что чем раньше напишете, тем лучше для обоих.

Сделано с Figma + Framer, 2025

20

°C

Есть идея для нового проекта? Пишите — разберём задачу и сделаем так, чтобы это работало. В последнее время задач много, так что чем раньше напишете, тем лучше для обоих.

Сделано с Figma + Framer, 2025

20

°C

Create a free website with Framer, the website builder loved by startups, designers and agencies.