Часто эти два термина путают или валят в одну кучу. Если совсем просто: UX отвечает за то, как продукт работает, а UI — за то, как он выглядит. Это два разных этапа создания одного приложения или сайта.
User Experience (UX) — логика и польза
UX расшифровывается как «пользовательский опыт». Дизайнер здесь думает о том, как человек будет решать свою задачу. Например, вы зашли в банковское приложение, чтобы перевести деньги. Если кнопка перевода находится на видном месте, а путь до подтверждения операции занимает два клика, значит, UX сделан хорошо. Если же вам нужно пять раз пролистать меню, чтобы найти нужный пункт, дизайн провален.
User Interface (UI) — визуальный стиль
UI — это «пользовательский интерфейс». Это всё то, что вы трогаете пальцами или на что кликаете мышкой. Кнопки, шрифты, цветовые гаммы, иконки и отступы — это всё работа UI-дизайнера. Если UX — это скелет и логика здания, то UI — это отделка, обои и удобные ручки на дверях.
Где они пересекаются
Дизайн продукта невозможен без связи этих двух частей. Если сделать красивый UI, но провалить UX, пользователь получит «умный» сайт, в котором невозможно ничего найти. Приложение будет выглядеть дорого, но вы удалите его через минуту, потому что оно неудобное. Если же сделать отличный UX, но с ужасным UI, приложение будет работать быстро, но вызывать желание поскорее закрыть экран из-за кривых иконок и вырвиглазных цветов.
Специалисты Nielsen Norman Group отмечают, что успех продукта зависит от того, насколько глубоко проработаны оба этапа. Сначала дизайнер рисует логику, проверяет её на людях, а потом «одевает» в цвета и формы. Нельзя сначала покрасить стены, а потом решать, где будут дверные проемы. Работа всегда идет в связке: один этап помогает другому превратить идею в рабочий инструмент для пользователя.
Что почитать по теме
- Дональд Норман, «Дизайн привычных вещей» — классика о том, почему мы постоянно дергаем дверь на себя, когда нужно от себя, и как проектировать вещи, которыми удобно пользоваться.
- Стив Круг, «Не заставляйте меня думать» — настольная книга о юзабилити, которую стоит прочесть всем, кто хочет делать удобные сайты и приложения.
- Джефф Джонсон, «UX и психология» — объясняет, как наше зрение и память влияют на восприятие интерфейсов, чтобы вы не делали лишних ошибок при проектировании.
Мы Пинк — бренд-ателье из Сибири. Наполняем бренды смыслом и создаем проекты, которые помогают развиваться и поднимать планку в вашей отрасли.
Обсудим ваш проект: pinks.agency
Пинк в соцсетях: Телеграм/ ВКонтакте
Шоурил, чтобы увидеть, что умеем: смотреть