UX Слоган #12 — «Больше вариантов — больше проблем»

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

Для наглядности приведём простое сравнение. Представьте длительное путешествие на автомобиле. Если на маршруте много поворотов, то велика вероятность пропустить нужный или повернуть не в ту сторону. Намного проще ехать по прямой трассе. Так же и с интерфейсами.

Сделать простой набор действий бывает нелегко. Ведь часто стейкхолдеры настаивают на добавлении новых функций, считая их выгодным отличием от конкурентов.

В реальности избыток вариантов приводит к противоположному. С новыми опциями пользователю становится сложнее принимать решения, ведь ему нужно изучить и обдумать каждый вариант. Он устает, теряется, разочаровывается или вообще бросает начатое. К тому же увеличивается риск выбрать неверный вариант и совершить ошибку.

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

Источник

#ux_слоганы #nngroup

Синтаксис интерфейса

В русском языке синтаксис отвечает за объединение слов в словосочетания и предложения. В интерфейсе тоже есть синтаксис.

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

Чтобы синтаксис был хорошим нужно учитывать два правила.

Правило #1. Текст в интерфейсе — это диалог между пользователем и продуктом
Продукт общается с пользователем через текст и визуал, а кнопки — инструмент пользователя. С их помощью человек может совершить действие (купить товар, перейти в другой раздел, подписаться на рассылку и пр.)

Правило #2. Все элементы должны быть связаны между собой по смыслу и грамматически
Текст в интерфейсе не читают, а считывают. Чаще всего выхватывают заголовок, слегка пробегаются по подзаголовку и сосредотачиваются на кнопке. Важно, чтобы при беглом просмотре было понятно о чём речь, иначе пользователь может не разобраться в продукте, не сделает целевое действие или вовсе уйдёт в другой сервис.

Поэтому необходимо связывать все элементы между собой:
— заголовок должен сочетаться с кнопкой (н-р, заголовок «Выбрать товары из каталога» и кнопка «Выбрать»)
— заголовок и кнопка должен сочетаться с другими интерфейсными элеметами (подзаголовками, поинтами списками и пр.)

#uxредактура

Группа #3 — Внешние коммуникации
(пуш, смс, письма, релиз-ноутс) — помогают общаться с пользователем и рассказывать о продукте за пределами сервиса.

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

→ СМС-сообщения
Должны быть как можно короче (примерно до 70 знаков с пробелами). Иначе компании придётся платить уже за 2 сообщения, а это доп траты.

→ Письмо
Можно добавлять максимум информации, которые в другие форматы не вместить. У каждого письма должна быть тема и прехедер — позволяет понять о чём идёт речь ещё до открытия письма.

→ Релиз-ноутс
Сообщения в app store и google play о том, что изменилось в приложении после обновления. Основная цель — рассказать о новой версии так, чтобы пользователь захотел обновить приложение.

#uxредактура

Группа #2 — Подсказки
(бейдж, дисклеймер, онбординг, инпут, снекбар, нотификация, модальное окно, тултип) — помогают пользователю ориентироваться в продукте и получать обратную связь от сервиса. Н-р, видеть свои ошибки и успешные действия.

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

→ Нотификейты (нотификейты+снекбары)
Подсказки появляются в ответ на действие пользователя, которое он совершил прямо сейчас. Держатся на экране ограниченное количество времени (не перекрывают информацию под собой и не блокируют дальнейшие действия). В них не должно быть много текста, чтобы пользователь успел прочитать его, пока нитификейт доступен.

→ Тултипы
Появляется при нажатии или наведении на элемент, который требует пояснения. Текст должен быть продолжением элемента, с которым пользователь взаимодействует. В него нельзя прятать основное действие и важную информацию, так как есть риск, что человек просто не кликнет и увидит.

→ Модальное окно
Может включать картинки, кнопки и даже отдельные флоу. Блокируют весь контент, который находится за модалкой.

→ Онбординг
Онбординг-сторис — слайды с текстами, изображениями, интерактивами.
Онбординг-алерт — текст-пояснения, который рассказывает как пользоваться новой фичей. Всё остальное на экране затемняется.

→ Бейджи
Могут содержать числа, тексты, цветовые индикаторы.

→ Импут
Тексты должны быть максимально короткими и понятными для пользователей.

→ Экран пустого состояния (заглушки, эмптики)
Могут призывать заполнить данные или сообщать что будет на экране, когда данные будут заполнены.

→ Экран ошибки
На экране нужно сообщить, что делать в ситуации ошибки.

→ Экран успеха
Сообщает, что пользователь сделал всё правильно и у него всё получилось.

#uxредактура