Разница между UI и UX

Если взглянуть в резюме некоторых дизайнеров, а потом в их портфолио, а потом снова в резюме, создастся впечатление, что они не особо понимают разницу между UI и UX. На самом деле это распространенная проблема не только среди дизайнеров, но и среди нанимателей, начиная от мелких студий и заканчивая большими корпорациями.

Разница между UI и UX

Фото взято с сайта fastfiveozchi24.wordpress.com

Сейчас мы попробуем разобраться в терминах и нюансах, но перед тем как зайти слишком далеко, хочу сразу внести некоторую ясность. UI дизайн — вполне «реальная штуковина», UX дизайна — не существует.

Поэтому модное сочетание UI/UX дизайнер в резюме, значит лишь то, что дизайнер еще не разобрался в тонкостях своей профессии.

Теперь обо всем по порядку.

Что такое UI

UI — пользовательский интерфейс — инструмент, который позволяет человеку эффективно взаимодействовать с каким-либо продуктом: сайт, приложение, софт и т. д. Причем, важно понимать, что под интерфейсом подразумевается не только косметическая, но и логическая составляющая. Об этом многие дизайнеры предпочитают забывать, перекладывая ответственность на аналитика/проектировщика.

Поэтому бездумно отрисованный интерфейс — это не дизайн, а говно. Каким бы красивым он не был.

Вот хороший пример из резюме на не без известном ЦП.

Если в двух словах: специализируюсь на интерфейсах, также увлекаюсь предметным и графическим дизайном, делаю: айдентику, инфографику, UX/UI-дизайн интернет-проектов и приложений. © Сергей Цыгичко

UX дизайнер

Если честно, само сочетание UX дизайн — звучит довольно тупо и сейчас вы поймете почему.

Что такое UX

UX — комплекс мер, направленных на решение конкретной проблемы пользователя. Сюда входит разработка пользовательских интерфейсов (UI), создание информационной архитектуры и стратегии, юзабилити-тестирования и много, много аналитики.

По большей части дизайнеры занимаются непосредственно UI. Для всего остального существуют специально подготовленные люди. Тестировщики, аналитики, интернет-маркетологи и прочие представители IT индустрии.

Приведу пример, чтобы внести еще больше ясности.

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

Сергей Петрович

Так же предположим, что существует некий Банк, у которого, как раз, имеется необходимая сумма, но есть другая проблема — нет Сергея Петровича. Соответственно задача UX специалистов банка — решить проблему Сергея Петровича, а именно, превратить его в клиента и выдать потребительский кредит на конских условиях.

После всех аналитических и маркетинговых процедур Сергей оказывается на сайте банка и вот тут в игру вступает UI дизайнер. Его задача сделать так, чтобы Сергей Петрович не только нашел кнопку «Оформить кредит», но и не «отвалился» на заполнении 298 поля заявки :). Более того, дизайнер должен предусмотреть сбор контактных данных Сергея, до того момента, как он «отвалится». В таком случае менеджер банка сможет связаться с ним (Сергеем) и впарить кредит по телефону.

Небольшое уточнение. Проверить правильность своих суждений дизайнер может только за счет юзабилити тестов и глубокой аналитики. Тем самым, можно сделать логичный вывод, что UI и UX неразрывно связаны. UI без UX — просто набор предположений дизайнера, сделанных на основе собственного опыта и компетенции.

13 отличных книг по теме

В свое время, эту подборку мне рекомендовал очень хороший аналитик. Специально для читателей Onjee я нашел самые выгодные цены на эти книги. Наслаждайтесь :)

1. Психбольница в руках пациентов — Алан Купер.

2. Об интерфейсе. Основы проектирования взаимодействия — Алан Купер.

3. Законы простоты. Дизайн. Технологии. Бизнес. Жизнь — Джон Маэда. В продаже данной книги уже нет, но есть в интернете :)

4. Переломный момент. Как незначительные изменения приводят к глобальным переменам — Малкольм Гладуэлл.

5. Человеческий фактор. Успешные проекты и команды — Том Демарко и Тимоти Листер.

6. Deadline. Роман об управлении проектами — Том ДеМарко.

7. Веб-дизайн — Дмитрий Кирсанов.

8. Web-дизайн: удобство использования Web-сайтов — Якоб Нильсен, Хоа Лоранжер. В продаже данной книги уже нет, но есть в интернете :)

9. Интерфейс. Новые направления в проектировании компьютерных систем — Джеф Раскин.

10. Профессиональная разработка программного обеспечения — Стив Макконнелл.

11. Проектирование веб-интерфейсов — Билл Скотт, Тереза Нейл.

12. Дизайн для НЕдизайнеров — Робин Вильямс.

13. Веб-дизайн. Элементы опыта взаимодействия — Дж. Гарретт.

В заключение

Если делать вывод из всего вышеописанного, то UI — это большая часть UX. UI ≠ UX и уж тем более UI не противопоставление, или альтернатива UX.

Загир 05 марта 2015 / 09:05

Просто и без лишней воды. Как всегда на высоте. Спасибо за статью и за хорошую подборку книг :)

Ответить
Иван 05 марта 2015 / 13:49

Как всегда отличная статья. Спасибо, Антон!

Ответить
Артем 06 марта 2015 / 00:49

Отличная статья! Особенно хорошо про банк и Сергей Петровича)))

Ответить
Юрий 06 сентября 2015 / 10:46

У вас очень полезный блог. Удачно что я его нашел. Спасибо.

Ответить
Александр 28 октября 2015 / 02:09

прекрасная статья, отдельное спасибо абзацы про кредит на конских условиях!

Ответить