Понятный интерфейс: чего избегать, чтобы не запутать пользователя
1. Длинные тексты
Начнем с простого правила: многословные тексты в интерфейсах нежелательны.
Хотя всем, кто работает с цифровыми сервисами, очевидно, что пользователям ненравятся «простыни текста», этот факт уже подтвержденисследованиями. Например, доказано, что люди злятся привиде длинного текста и заранее оценивают его как довольно сложный (еще не начавчитать). Это может привести к негативным последствиям для бизнеса: клиенты непрочитают описание продукта или не поймут правила использованияприложения.
Если уменьшить объем по какой-то причине нельзя (например, это юридическоесоглашение, которое необходимо публиковать по закону), следует тщательнопродумать оформление: разделить текст на абзацы, составить таблицы или списки.
К этой задаче лучше привлечь редактора, который проследит за смысловой емкостьюабзацев, правильно оформит перечни и таблицы. Другой вариант — сначала написатьодин абзац с ключевыми мыслями, а затем дать ссылку на полный текст. 2. Нестандартные символы
Когда люди пользуются интерфейсами, они действуют автоматически: быстронаходят нужные разделы и нажимают на кнопки, часто не вчитываясь в текст. Этоодна из причин, почему масштабные изменения сервисов (даже в лучшую сторону)встречают сопротивление и низкие оценки: людям не нравится, когда привычныйпорядок нарушается.
Например, большинство пользователей привыкли, что поиск обозначается иконкойлупы, а настройки — шестеренкой, поэтому даже в новом интерфейсе будуториентироваться на знакомые образы. Если за привычной иконкой скрываетсянеожиданная функция, пользователь растеряется или разозлится, что для задачбизнеса одинаково плохо. В подобных случаях перспективнее отказаться откреатива и остановиться на стандартном решении.
3. Неконсистентные названия
Когнитивная нагрузка увеличивается, если элементы интерфейса обозначаютсяразнородно или многословно. Например, в одном разделе применяется термин«Личный кабинет», в другом — «Профиль», в третьем — «Панель управления».
Команде проекта может быть понятно, о чем идет речь, но пользователи, скореевсего, запутаются. При создании дизайна важно стремиться к единообразию: если водном разделе используется наименование «Настройки», то во всех остальныхдолжно применяться только оно.
В больших компаниях, как правило, есть гайды, в которых зафиксированы всенаименования и правила работы с ними. В маленьких проектах подобных документовможет не быть, поэтому необходимо составлять их самостоятельно: фиксироватьнаименования, а затем проверять макеты на соответствие. 4. Нечитабельные шрифты
Шрифт нужно оценивать в условиях использования: то, что хорошо читается набольшом мониторе, в реальности часто оказывается неразборчивым. Поэтомупредпочтение следует отдавать простым и легкочитаемым шрифтам, которые помогаютпользователям быстрее освоить интерфейс и решить свои задачи.
5. Нестандартные цветовые решения
В интерфейсах важно придерживаться стандартной цветовой индикации. Например,в большинстве случаев красный цвет символизирует проблему, отказ или опасность,а зеленый, напротив, означает нормальное состояние, согласие либо успех. Еслииспользовать красный для сообщения об успехе, можно запутать значительную частьаудитории.
Отметим, что нестандартная цветовая индикация встречается в темныхпаттернах, то есть создатели сервисов применяют ее, чтобы ввести пользователя взаблуждение и заставить сделать то, чего он не хочет. Мы рекомендуем избегатьподобных решений и выстраивать доверие между людьми и сервисами. В то же время при выборе цветовой гаммы важно учитывать стилистику бренда иособенности аудитории. Исследование «Как UX зависит от возраста»консалтингового агентства Markswebb показало, что на значение цвета большеориентируются представители старшего поколения, тогда как молодые люди обращаютвнимание на значение символов (разобрали это в пункте 2). Этот факторобязательно стоит учитывать, если большинство пользователей сервиса старше 60лет.6. Слишком большой выбор
Как правило, большой выбор считается преимуществом. Например, кажется, чтоесли предложить покупателю сотни товаров, то он будет долго листать ленту, неуйдет к конкурентам и в итоге обязательно оформит заказ. На практике же частовыясняется, что изобилие вариантов вызывает трудности.
Усложнение взаимодействия. Как правило, пользователь хочет быстреерешить задачу, а слишком большое количество вариантов затрудняет это. Попыткаобеспечить максимально широкий выбор может привести к раздражению из-занеобходимости анализировать множество товаров.
Затруднение восприятия. Сложно сравнивать десятки объектоводновременно и определять, какой подойдет лучше. В таком случае повышаетсявероятность того, что пользователь отложит покупку, — для бизнеса этонежелательно.
Увеличение времени выбора. Даже если изобилие вариантов неотталкивает пользователя, на выбор товаров уйдет больше времени, чем если бысписок вариантов был короче.
Следует оговориться, что мы призываем не к сокращению числатоваров, а к более продуманному оформлению интерфейсов. Сколько вариантовтоваров должно отображаться на экране, зависит от специфики продукта и масштабаассортимента. Однако в любом случае не стоит показывать на одном экране больше15 вариантов. Хорошим решением может быть нумерация страниц и кнопка «Загрузитьеще», которые помогут пользователю несколько замедлить скроллинг исориентироваться (например, понять, сколько товаров нужно оценить для решениясвоей задачи). Не менее важно предусмотреть фильтры, чтобы пользователи моглисортировать товары по цвету, размеру или наличию.
Эти рекомендации актуальны, когда вариантов действительно много. Если вкаталоге пять товаров, нет никакой необходимости разделять их на двестраницы.7. Непривычное управление
За годы использования интерфейсов люди привыкли к определенным паттернам.
Например, что тумблеры позволяют выбирать между двумя взаимоисключающимипараметрами или состояниями. Фактически тумблер — эквивалент физической кнопки,пользователи ожидают, что он сработает сразу после нажатия — как выключатель.
Поэтому добавлять к тумблерам дополнительную кнопку активации — плохая идея,которая перегрузит интерфейс.
Таких примеров множество. Дизайнеру следует постоянно изучать, как именнолюди используют разные инструменты, и заменять нешаблонные решения на знакомыеи многократно повторенные.
8. Непредсказуемость
В хорошем интерфейсе нет сюрпризов: пользователь понимает, что происходитсейчас и что случится, если он что-либо сделает. Звучит просто, но на практикечасто оказывается, что добиться предсказуемости сложно. Если пользователь непонимает, что произойдет после нажатия на кнопку, с наибольшей вероятностью оноткажется от сервиса.
В предыдущем разделе мы рассмотрели, как важно грамотно настраивать элементыуправления, но для понятного интерфейса этого недостаточно. Вот что еще можетпомочь:
Поясняющий текст. Важно оставаться краткими, но не всегда: если дляспокойствия пользователя нужно текстовое пояснение, обязательно добавьте его.
Это может быть подпись к кнопке, плейсхолдер, всплывающая подсказка или что-тоеще.
Понятная навигация. Простые и емкие названия, возможностьпереключаться между разделами, «хлебные крошки» — все это поможет пользователямбыстрее находить нужное.
Удобный интерфейс — залог того, что люди будут пользоваться сервисомрегулярно и не откажутся от него в пользу конкурентов при первой жевозможности. С помощью рекламы и других инструментов можно привлечь большуюаудиторию, но только понятный и предсказуемый дизайн сделает пользователейлояльными.