Заказчики часто воспринимают дизайн как «сделать красиво». Но большая часть работы, которая влияет на заявки и продажи, происходит до того, как появляются цвета и шрифты.

Чем UX отличается от UI

UX и UI
UXUI
Главный вопросУдобно ли этим пользоватьсяКак это выглядит
РезультатСценарии, структура, прототипыМакеты, стили, компоненты
Как проверитьЛюди выполняют задачу без подсказокИнтерфейс единообразен и вызывает доверие
Чем грозит ошибкаПользователи не доходят до целиПродукт выглядит ненадёжно

Из чего состоит работа

  1. Исследование. Кто пользователи, какие у них задачи, где они сейчас спотыкаются.
  2. Сценарии. Путь пользователя от входа до цели по шагам.
  3. Структура и прототипы. Черновые схемы экранов без оформления — на них проверяют логику.
  4. Визуальный дизайн. Цвета, шрифты, иконки, иллюстрации.
  5. Дизайн-система. Набор кнопок, полей, карточек и правил, по которым собираются все экраны.
  6. Передача в разработку. Макеты всех состояний: ошибки, пустые списки, загрузка.
Самое дорогое исправление — на уже запрограммированном продукте. Проверка прототипа на нескольких реальных пользователях до разработки обходится намного дешевле.

Что заказчик получает на выходе

  • Кликабельный прототип, по которому можно пройти основные сценарии.
  • Макеты всех экранов для телефона и компьютера.
  • Дизайн-систему — чтобы новые экраны делались быстро и в одном стиле.
  • Файлы с доступом, оформленным на вашу компанию.

Как принимать дизайн

  • Оценивайте не «нравится — не нравится», а может ли пользователь выполнить свою задачу.
  • Проверяйте мобильную версию так же внимательно, как компьютерную.
  • Спрашивайте, как выглядят ошибки, пустые состояния и долгая загрузка.
  • Дайте прототип нескольким людям из целевой аудитории и понаблюдайте, где они путаются.

Когда дизайн нужен отдельно

Отдельный этап дизайна особенно важен для приложений, личных кабинетов и сервисов — там пользователь выполняет много действий, и каждая неудобная мелочь повторяется. Для небольшого сайта часть работы можно упростить, но сценарии и мобильную версию стоит продумать всегда.

Дизайн интерфейсов делаем в рамках направлений дизайн и дизайн мобильных приложений.

Частые вопросы

Можно ли обойтись без UX-исследования?

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

Кто такой UX/UI-дизайнер?

Специалист, который делает и логику, и оформление интерфейса. В больших командах эти роли разделены.

Нужна ли дизайн-система маленькому проекту?

Хотя бы базовая: набор кнопок, полей и стилей текста. Она ускоряет разработку и сохраняет единый вид.

Нужна такая же реклама для вашего бизнеса?

Разберу нишу, посчитаю бюджет и покажу, из чего сложится цена заявки.

УслугаКак мы это делаем