UX и UI: в чём разница
Путаница между UX и UI — одна из самых частых в продуктовых командах. Полезно держать в голове, что эти дисциплины смотрят на разные слои одного продукта.
Что делает UX
- Понимает, кто пользователь и какие у него задачи.
- Проектирует структуру продукта и пути пользователя.
- Тестирует гипотезы на прототипах и реальных людях.
- Работает с метриками: успешность задачи, скорость, удовлетворённость.
Что делает UI
- Делает экраны конкретными: верстка, типографика, цвета, иконки.
- Описывает состояния: ховер, фокус, ошибка, загрузка, пустое состояние.
- Поддерживает консистентность через дизайн-систему.
- Договаривается с разработкой о реализуемости и доступности.
В маленькой команде эти роли часто совмещает один человек. В крупной — это разные специалисты с разными процессами.
Когда применять и когда нет
Применять
- Когда команда обсуждает, кого нанимать в дизайн
- В разделении ответственности на продуктовых ритуалах
- При найме внешнего подрядчика: уточнить, на каком уровне он работает
Не применять
- Внутри команды эти термины не стоит разводить до фанатизма — в реальной работе они переплетаются
Примеры применения
В команде была претензия: «дизайн красивый, но пользоваться неудобно». При разборе выяснилось, что нанятый дизайнер сильный UI-специалист — он отлично рисует экраны, но не работает с архитектурой и сценариями. UX-часть никто не вёл, и продукт получился красивыми разрозненными экранами. После добавления роли UX-исследователя сценарии стали целостными, а UI остался прежним сильным.
Часто задаваемые вопросы
На уровне маленьких команд — да, и это распространённая позиция. На уровне крупных продуктов и сервисов обычно эти роли разделяют: один человек редко одинаково силён и в исследованиях, и в визуальном дизайне.
Product Design — собирательный термин, в который чаще всего включают и UX, и UI, и работу с продуктом в целом. В российской традиции «продуктовый дизайнер» — это обычно специалист, способный закрывать обе стороны и работать в продуктовой команде с менеджером и инженерами.