Чем UX отличается от UI на практике
UX отвечает на вопрос «сможет ли человек сделать то, зачем пришёл»: найти товар, записаться, оплатить, получить документ в личном кабинете. Это логика экранов, порядок шагов, тексты кнопок и подсказок. UI отвечает за внешний вид: сетку, шрифты, цвета, иконки, состояния кнопок и полей. Красивый интерфейс без продуманного сценария теряет заявки так же, как удобный, но неряшливый.
Что входит в проект
- Интервью с владельцем и сотрудниками, которые общаются с клиентами, разбор обращений и вопросов покупателей.
- Карта пути клиента — от входа на сайт до заявки или оплаты, с местами, где люди уходят.
- Структура разделов и прототипы — черно-белые схемы экранов без оформления.
- Проверка прототипа на 5–7 людях из вашей аудитории: просим выполнить задачу и смотрим, где они застревают.
- Дизайн экранов для компьютера и телефона, состояния ошибок, пустых списков, загрузки.
- Дизайн-система: набор кнопок, полей, карточек и правил, чтобы новые экраны выглядели единообразно.
- Передача макетов в Figma разработчикам с комментариями и ответами на вопросы при вёрстке.
Этапы UX/UI-проекта по неделям
| Неделя | Работа | Результат |
|---|---|---|
| 1-я | Интервью, анализ аналитики и конкурентов, сценарии пользователей | Список задач клиентов и карта пути |
| 2-я | Структура и прототипы ключевых экранов | Кликабельный прототип |
| 3-я | Проверка прототипа на людях, исправление логики | Согласованная схема экранов |
| 4–5-я | Визуальный стиль, дизайн основных экранов и мобильной версии | Макеты на согласование |
| 6-я | Дизайн-система, оставшиеся экраны, передача разработке | Макеты и библиотека компонентов в Figma |
От чего зависит стоимость интерфейса
Минимальный проект — от 70 000 ₽ разово. Итог зависит от числа уникальных экранов, количества ролей пользователей (покупатель, менеджер, администратор), нужна ли мобильная версия или отдельное приложение, а также от объёма проверки на людях. Личный кабинет с таблицами, фильтрами и статусами заказов сложнее промо-страницы, потому что у каждого экрана много состояний.
Разработка в цену дизайна не входит. Если вам нужен сайт под ключ, макеты переходят в разработку сайта в одном проекте; если нужно только обновить внешний вид существующего сайта, подойдёт дизайн сайта без глубокого исследования.
Кому глубокий UX/UI-проект пока не нужен
Сайту-визитке на пять страниц хватит аккуратного шаблона и хороших текстов, исследование пользователей там окупится плохо. Также рано заказывать интерфейс, если продукт ещё меняется каждую неделю и нет понимания, кто клиент: сначала стоит определить аудиторию и предложение, например через карту пути клиента, а затем рисовать экраны.