Это очень простые правила, но они являются основой каждого пользовательского интерфейса, поэтому, если вы игнорируете их, ваш дизайн сильно проиграет, так как пользователи будут просто уходить с сайта.
Избегайте эти 5 ошибок в дизайне UX интерфейса, проводите юзабилити-тестирование и улучшайте опыт взаимодействия пользователей с вашим сайтом. Только положительные эмоции, которые получает человек, взаимодействуя с веб-ресурсом, помогут ему сделать выбор в вашу пользу и приведут его к воронке продаж.
Ошибка UX №1: Несовместимая визуальная иерархия
Знаете ли вы, что продолжительность внимания среднего пользователя составляет 8 секунд? Это означает, что пользователь должен понять информацию из пользовательского интерфейса за 8 секунд, а если нет - пользователь закрывает ваш сайт и уходит.
Все должно быть предельно ясно с первого взгляда несовместимая визуальная иерархия приводит в ступор. Пользовательский интерфейс должен следовать этим элементарным правилам, чтобы быть визуально понятным:
- Исключите всю дополнительную информацию с первого экрана (не показывайте информацию, которая не нужна)
- Используйте яркие выразительные заголовки (пользователи сначала сканируют ваш текст, поэтому дайте им понять, что на странице есть ответ на их вопрос)
- Визуально выделите важные элементы - если наиболее важной информацией являются фотографии - сделайте их крупнее.
- Создавайте логические группы: если что-то логически связано, сгруппируйте это на странице, и пусть оно выглядит одинаково, используйте одинаковые шрифты.
Если вы хотите узнать больше о том, как это сделать, ознакомьтесь с публикацией: 10 правил идеальной типографики. Применение шрифтов в веб-дизайне
Ошибка UX №2: Сделать дизайн по шаблону? Нет, спасибо, я художник!
Как часто дизайнеры пользовательского интерфейса хотят быть креативными и изобретать что-то новое. Но, посмотрите на эти 2 машины, обе изготовлены по шаблону:
- 4 колеса и 2 боковых зеркала
- сиденье водителя находится в салоне
- круглое рулевое колесо
Однако эти машины абсолютно разные с точки зрения дизайна и восприятия пользователем! То же самое происходит с UI и UX, нет необходимости подвергать сомнению то, что является общепринятым, все инновации основаны на небольших улучшениях деталей.
Итак, вот несколько правил, которых следует придерживаться:
- Проведите исследование интерфейса конкурентов (посмотрите 5 - 10 сайтов которые первыми отображаются в естественной поисковой выдаче в вашем регионе)
- Проведите исследование интерфейса крупных лидеров отрасли (если вас попросят создать какой-то пользовательский фильтр, проверьте, как такие фильтры работают в других отраслях)
- Поищите шаблоны сайтов: на UI-Patterns.com или других подобных сайтах, чтобы найти шаблоны которые могут помочь найти лучшее решение вашей проблемы
- Попробуйте совместить функции: может быть, вам нужна лента новостей с галереей слайдов? Может каталог с корзиной покупок?
Выбирайте лучшие идеи, которые увидите и комбинируйте их. Идеальные варианты UX-дизайна пришли из проектов, где понимали потребности пользователей и находили простые решения.
Если вы хотите быть в курсе современных тенденций в веб-разработке, ознакомьтесь с публикацией: Юзабилити сайта – рекомендации для получения максимального эффекта
Ошибка UX №3: не создавайте лишних сущностей
Человеческий разум имеет ограниченные ресурсы. Когда пользователь открывает пользовательский интерфейс и видит какие-то незнакомые вещи в каталоге, на странице товара или в профиле, он озадачен или даже впадает в ступор.
Как сказал Стив Круг: «Не заставляйте меня думать».
Когда вы создаете пользовательский интерфейс, исключите это:
- Проверьте дубликаты. У вас есть несколько похожих страниц, но разные UX шаблоны для одной функции? Если да - оставьте тот, что проще.
- Изучите пользовательский интерфейс на предмет оформления заказа. Сократите количество шагов до кнопки «Отправить»
- Если есть два модуля, которые, которые решают одну и ту же проблему, удалите один.
Ошибка UX №4: Не говорите с пользователями на китайском
Каждый интерфейс UI ДОЛЖЕН соответствовать ожиданиям пользователей. Когда в навигации написано «Профиль», то все ожидают увидеть профиль, но если по клику на этой кнопке, осуществляется переход в настройки - это приводит в замешательство.
Когда пользователь открывает «Инструкции», он хочет увидеть практические руководства, а не новости. Вы должны использовать те слова, которые помогают вашим пользователям быстрее и эффективнее ориентироваться, перемещаясь по интерфейсу.
Будьте точными. Длинный и четкий текст лучше короткого и неопределенного, но короткий и ясный - будет идеальным. Здесь конечно потребуются знания и опыт UX копирайтера.
Используйте эти приемы в вашем маркетинге сайта, узнайте: 7 лайфхаков как улучшить клиентский опыт при помощи контента
Ошибка UX №5: не забывайте об итерации и аналитике
Дизайн никогда не бывает идеальным, поэтому относитесь к нему как к очередной итерации, которая может быть улучшена. После множества внесенных изменений неудивительно, когда дизайнеры чувствуют, что им надоел этот пользовательский интерфейс, и они просто хотят от него избавиться. Конечно это неправильное мышление.
Но, многие дизайнеры и заказчики страдают от перфекционизма. Однако здесь присутствует хитрость в подходе: если вы будете думать о дизайне как об итерационном процессе, тогда можно непрерывно совершенствовать пользовательский интерфейс.
Интересные креативные идеи в нашей новой публикации: Как улучшить пользовательский опыт (UX) применяя дизайнерское мышление
Применяйте инструменты, которые помогут вам найти новые идеи для совершенствования пользовательского интерфейса, основанные на действии пользователей:
Пользовательские воронки.
- Всегда есть точка входа пользователя и точка, где он покидает веб-сайт. Приветствуйте их везде одинаково удобным и понятным интерфейсом.
- Проанализируйте, они увидели все, что вы хотели? Используйте отчеты Google Analytics о действиях пользователей на сайте, чтобы узнать, как они перемещаются и изучают ваш продукт.
- Возможно, вы думаете, что большинство пользователей попадают на сайт с целевой страницы, которую вы так идеально сделали, но оказалось, что большинство пользователей попадают на страницы блога. Убедитесь, есть ли связка и четко выделенные переходы на страницы продукта или услуги?
Схемы зоны активности.
Посмотрите, как люди взаимодействуют с вашим интерфейсом, может быть, есть некоторые важные функции, которые пользователи плохо замечают? Попробуйте Yandex Webvisor для того чтобы понять это.
15.05.2022
