Частая путаница: UX и UI — не одно и то же. UI отвечает за картинку — цвета, кнопки, шрифты, отступы. UX отвечает за логику и сценарий: понятно ли, куда нажать, сколько шагов до корзины, не теряется ли человек на форме оплаты. Можно сделать красивый интерфейс, в котором невозможно купить, — это провал именно по UX.
Связь с деньгами прямая. Чем меньше трений на пути пользователя, тем выше конверсия и тем дольше человек остаётся на сайте. Хорошее юзабилити улучшает поведенческие факторы, а их поисковики учитывают при ранжировании. Так что UX — это про то, чтобы посетитель дошёл до цели и не передумал на полпути; эстетика ради эстетики тут ни при чём.
Проектируют, как человек дойдёт от входа до цели.
Сценарии гоняют на людях и убирают точки трения.
Удобная форма поднимает заявки на десятки процентов.
На прежней форме заказа было 9 полей, до оплаты доходил 1 из 5. Убрали лишнее, оставили 3 поля — и воронка на шаге оплаты перестала терять людей. Это и есть работа над путём пользователя.
UX напрямую цепляется к ранжированию через поведение. Яндекс с алгоритмом «Вега» и последующими апдейтами оценивает опыт страницы жёстче Google: если пользователь вернулся в выдачу и кликнул на конкурента (pogo-sticking), это сигнал, что страница не решила задачу. Проверять гипотезы лучше в Вебвизоре Яндекс Метрики и на картах кликов, глазу тут веры мало — видно, где люди тыкают в некликабельное, бросают форму или скроллят мимо главной кнопки.
Частая ошибка — путать UX с украшательством и гнаться за «вау-эффектом»: анимированные переходы, нестандартная навигация и горизонтальный скролл почти всегда роняют конверсию, потому что ломают привычные паттерны. Хорошая практика — забыть про красоту и мерить время до целевого действия и долю прохождения каждого шага воронки; рост юзабилитивиден по снижению отказов и удлинению времени на сайте; отзывы «как стильно» тут ничего не доказывают.
Процесс укладывается в четыре шага: изучение задач людей, сценарии, прототипы, проверка на живых пользователях. Каждый шаг дешевле следующего, поэтому ошибку выгоднее поймать на схеме. Пропуск исследования означает проектирование по предположениям команды о своих клиентах.
Результат измеряют выполнением задачи: доля людей, дошедших до цели, время прохождения сценария, число ошибок и возвратов. Эти же числа связывают работу с деньгами: сокращение шагов в оформлении заказа обычно даёт больше, чем перерисовка главной страницы.
Частые вопросы
Чем проектирование опыта отличается от оформления интерфейса?
Предметом. Оформление отвечает за цвета, шрифты и композицию, проектирование опыта — за сценарий: сколько шагов до цели, понятно ли, что делать дальше, где человек теряется. Красивый интерфейс с плохим сценарием работает плохо.
Как измерить результат работы?
Долей людей, дошедших до цели, временем прохождения сценария и числом ошибок. Эти показатели снимают на тестах с людьми и в аналитике, и по ним же видно связь с конверсией.
Сколько людей нужно для теста?
Пять-восемь на сценарий: этого хватает, чтобы найти большинство заметных препятствий. Дальнейшее расширение выборки повторяет уже найденное и нужно скорее для количественных замеров.
С чего начинать улучшение сайта?
С воронки: найти шаг с наибольшей потерей людей и разобраться в причине. Перерисовка главной страницы редко даёт столько же, сколько сокращение шагов в оформлении заказа.