
UX/UI Design
Прототипирование и переходы
Тип урока
31 мин
Преподаватель
Денис
Что такое UX и UI — разница и цели
Понимание различий между UX (User Experience) и UI (User Interface) — это первый шаг к созданию успешных цифровых продуктов. Эти два понятия часто путают, хотя они выполняют совершенно разные роли в процессе дизайна. Разберемся по порядку.
Что такое UX (User Experience)?
UX-дизайн — это опыт пользователя: всё, что человек чувствует и переживает, взаимодействуя с продуктом. Это не только визуал, а логика, структура, удобство и удовлетворение.
Цель UX — сделать использование продукта интуитивно понятным, полезным и приятным.
💡 Пример:
Представьте, что вы заказываете еду через мобильное приложение. UX отвечает за то:
насколько легко найти любимое блюдо
как быстро оформить заказ
получаете ли вы подтверждение и понимаете ли статус доставки
Что такое UI (User Interface)?
UI-дизайн — это визуальная оболочка продукта. Это кнопки, шрифты, цвета, иконки, отступы, анимации и всё, что вы видите на экране.
Цель UI — сделать интерфейс привлекательным, читаемым и последовательным.
💡 Пример:
В том же приложении UI отвечает за:
цвет кнопки “Заказать”
размер и стиль текста
иконки рядом с блюдами
визуальную иерархию на экране
UX и UI — в чём разница?
Характеристика | UX | UI |
---|---|---|
Фокус | На опыте и поведении пользователя | На визуальном оформлении интерфейса |
Инструменты | Исследования, CJM, прототипы, тесты | Figma, дизайн-системы, UI-киты |
Результат | Удобный и эффективный продукт | Привлекательный и читаемый интерфейс |