UI/UX

5 простых UX-принципов продуктового дизайна

Перевод статьи “5 simple UX principles to guide your product design” о 5 принципах UX-дизайна, о которых никогда не стоит забывать.


Некоторые вещи в нашей жизни неизменны: смерть, налоги и незнакомцы, которые после первого рукопожатия спрашивают: «Так, чем ты зарабатываешь на жизнь?».

Как UX-дизайнер, я годами пытался найти понятный ответ на этот вопрос. И вот к чему я пришел.

Моя работа заключается в том, чтобы сидеть в голове пользователя. Мне нужно оценивать дизайн с точки зрения пользователя (на самом деле, большого количества пользователей) и устранять возможные проблемы или неудобства, с которыми он может столкнуться при работе с продуктом.

 

«Работа UX-дизайнера — жить в голове пользователей».

 

Этот бесконечный процесс не заканчивается выпуском билда — он продолжается и после. Действовать, держа пользователя в уме, всегда сложно — дедлайны и таргеты часто заслоняют дорогу к идеальному интерфейсу.

Чтобы помочь вашему продукту оставаться на правильном пути, я подготовил список из 5 UX-принципов, которым я следую в процессе работы над дизайнами интерфейсов. Понимание как и почему принимаются те или иные решения имеет большое значение для объяснения тех самых решений коллегам по команде, что имеет еще большее значение для реализации тех самых решений в конечном продукте.

 

1. Перевариваемость

1-tD_KzjjVeEu0Yj_tYAlySQ

Хороший дизайн легко переварить — мозг не должен тратить массу энергии, чтобы понять, а на что это такое он смотрит. Люди просто «поймут», что и как, без многотомника справок и инструкций.

Очевидно, что необходим легкочитаемый текст. Иногда людям нужно руководство для принятия решений, так что меню со списком из 12 пунктов пояснений будет скорее пугать, чем помогать. Организация с помощью определенной иерархии (размер, цвет, иконки) может помочь обозначить самые популярные выборы, что позволит большинству пользователей найти нужный элемент быстрее.

Еще один хороший пример удобоваримого дизайна — руководство пользователя (справка) в виде скользящих подсказок, которые пользователь просматривает по одной по мере необходимости.

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

«Рассматривайте каждое решение, которое вы просите пользователя принять, в разрезе его продвижения вниз по воронке».

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

2. Ясность

1-_fjsm8Zjs46yrBBzPF46IA

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

Как и преимущества, цена — тот момент, в котором четкость решает. Пользователи не нажмут кнопку “Купить”, если они не могут понять, за что вы просите их заплатить. Пока мутные “бесплатные триалки”, которые потом автоматически переходят в платные версии, являются почти нормой, я сомневаюсь, что этот подход обеспечит большую популярность среди потенциальных пользователей.

Как бы банально это ни звучало, но хороший тарифный план — это золотое правило, которому несложно следовать. Объясняйте вещи так, как вы бы хотели, чтобы объясняли вам. Делайте все так понятно, как только вы можете. Вы знаете, чего ожидаете от продуктов, которые вы выбираете, поэтому не смейте создавать ничего менее хорошего.

3. Доверие

0-Q_bV267zP8bY3jgf

Хорошему дизайну легко доверять. Перед тем, как попросить кого-то завершить действие, сделайте все возможное, чтобы помочь им понять, зачем им это нужно. Честность и понятные объяснения строят доверие на каждом шагу, который ведет к более легким и частым конверсиям по воронке.

Посмотрите на Uber и Lyft, в зависимости от ваших предпочтений). Они сделали поиск попуток настолько простым, что 100-летняя индустрия такси погрузилась в хаос. Приложение сохраняет вашу платежную информацию, которой вам не очень комфортно обмениваться с незнакомцами, и обеспечивает надежные, безболезненные транзакции.

Устранение сомнений создаст благотворную почву для развития доверия пользователя. Так как для принятия решения требуется меньше и меньше ресурсов, использование продукта становится более простым и приятным.

«Честность и понятные объяснения строят доверие на каждом шагу, который ведет к более легким и частым конверсиям по воронке.»

4. Знакомость

1-yzW1aTvimFRnuVPPNP41oQ

Новаторский дизайн — это, конечно, хорошо, но дизайн, который конвертирует, — лучше. Новые фреймворки и яркие плагины будут красиво смотреться на Dribbble, но если никто не кликнет на кнопку “купить”, у вас будут проблемы.

Стандарты дизайна для разных платформ существуют не без причины. Пока вы будете считать создание идентичного вида продукта от платформы к платформе своим приоритетом, не забывайте отдавать дань уважения скользким деталям каждой операционной системы. Используя похожие текстуры, иконки и презентационные стили помогут выглядеть “родными” и близкими пользователю, даже если вы таковыми не являетесь.

Тестирование ваших решений на настоящих устройствах очень помогает убедиться, что элементы дизайна чувствуют себя «как дома» в каждой среде, и тут очень помогают инструменты вроде InVision. Притвориться пользователем проще, когда вы также притворяетесь, будто используете настоящее устройство.

«Притвориться пользователем проще, когда вы также притворяетесь, будто используете настоящее устройство.»

 

5. Восторг

1-BhfM67uWLW0Hdru1LL0BWw

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

Крайняя степень восторга проявляется, когда пользователь забывает, что продукт — это на самом деле «продукт» — когда он настолько полезен, что уже не воспринимается, как продукт, а просто как что-то полезное в жизни человека.

Встаньте на сторону пользователя

Создание осмысленных продуктов с четкими целями показывает, что вам не все равно, позволяет пользователю более комфортно определиться с выбором, и в целом ведет к большему удобству для пользователя. И это важно, потому что было установлено, что 68% пользователей не доходят до покупки просто потому, что им кажется, будто вы о них не заботитесь (что, как мы знаем, неправильно!).

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

Судить о пользовательском интерфейсе собственного продукта довольно легко, пока вы честны с самим собой. Пройдитесь пару километров в чьих-то туфлях, рассматривая каждое действие в вашем продукте с точки зрения уставшего, скучающего пользователя. Нажмете ли вы «вперед»?

Перевод: sketchapp.me