UX/UI дизайн для создания идеального продукта. Полный и исчерпывающий гид

Ярослав Шуваев (2023)

Успех любого цифрового продукта складывается из многих факторов. Ваш продукт может быть уникальным и востребованным, но без проработанного UX ему не суждено заслужить лояльность клиента. Эта простая истина прекрасно известна Ярославу Шуваеву, основателю школы UXAcademy и руководителю крупных digital-проектов для российских и западных компаний, среди которых Администрация Президента, Внешэкономбанк, Coca-Cola, «Газпром», «Татнефть», «Башнефть», Bosco, QIWI, STADA и многие другие. «Моя главная цель — описать факты через призму личного опыта и конкретные жизненные примеры», — пишет Ярослав. Его книга — авторский подход к дизайну, выработанный годами плодотворной работы. Вы сделаете пользовательский опыт лучше, побуждая клиентов возвращаться к вашему продукту снова и снова.

Глава 3

В чем разница между UX — и UI-дизайном?

Выступая перед студентами, я часто задаю им такой вопрос и получаю совершенно разные ответы. Вот самые распространенные:

• «UI-дизайн — про красоту, а UX-дизайн — про удобство»;

• «UXD (UX design) — это рисование прототипов, а UID (UI design) — рисование макетов»;

• «UXD — это проведение исследований, а UID — создание финального интерфейса»…

Давайте попробуем разобраться.

Очевидно, что если у продукта есть пользовательский интерфейс, то он влияет на качество пользовательского опыта. Но он не всегда выступает точкой касания; иногда взаимодействие осуществляется через интерфейс другого продукта (когда продукты связаны через API^[11]) или через пуш-уведомление, в таком случае на качество опыта сильно влияют скорость отклика и сообразительность поискового алгоритма под капотом. Помимо этого, есть масса других факторов, которые влияют на качество опыта и притом не связаны с интерфейсом.

Отсюда можно сделать вывод, что при работе над дизайном пользовательского опыта мы оперируем бо́льшим количеством факторов, чем при работе над дизайном пользовательского интерфейса.

Чтобы студентам было проще разобраться, я предлагаю им заполнить пропуски в шаблоне:

Ужасный интерфейс, но я ЛЮБЛЮ продукт, потому что ______________________.

Или как вариант:

Прекрасный интерфейс, но я НЕНАВИЖУ этот продукт, потому что ______________________.

Хотя задача касается только тех UX-факторов, что не относятся к пользовательскому интерфейсу (UX без UI), студенты часто вспоминают UI-факторы, и они тоже фиксируются на доске.

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

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

Примечания

11

Application Programming Interface — программный интерфейс приложений. API позволяет приложениям общаться между собой. Подробнее об API, как о факторе пользовательского опыта, рассказано в главе 4.