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

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

Избегайте эти 5 ошибок в дизайне UX интерфейса, проводите юзабилити-тестирование и улучшайте опыт взаимодействия пользователей с вашим сайтом. Только положительные эмоции, которые получает человек, взаимодействуя с веб-ресурсом, помогут ему сделать выбор в вашу пользу и приведут его к воронке продаж.

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 копирайтера.

Как писать продающие тексты для сайта - секреты копирайтинга

5 ошибок UX интерфейса, которые ухудшают пользовательский опыт сайта

Ошибка UX №5: не забывайте об итерации и аналитике

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

Но, многие дизайнеры и заказчики страдают от перфекционизма. Однако здесь присутствует хитрость в подходе: если вы будете думать о дизайне как об итерационном процессе, тогда можно непрерывно совершенствовать пользовательский интерфейс.

Применяйте инструменты, которые помогут вам найти новые идеи для совершенствования пользовательского интерфейса, основанные на действии пользователей:

Пользовательские воронки.

  • Всегда есть точка входа пользователя и точка, где он покидает веб-сайт. Приветствуйте их везде одинаково удобным и понятным интерфейсом.
  • Проанализируйте, они увидели все, что вы хотели? Используйте отчеты Google Analytics о действиях пользователей на сайте, чтобы узнать, как они перемещаются и изучают ваш продукт.
  • Возможно, вы думаете, что большинство пользователей попадают на сайт с целевой страницы, которую вы так идеально сделали, но оказалось, что большинство пользователей попадают на страницы блога. Убедитесь, есть ли связка и четко выделенные переходы на страницы продукта или услуги?

Схемы зоны активности.

Посмотрите, как люди взаимодействуют с вашим интерфейсом, может быть, есть некоторые важные функции, которые пользователи плохо замечают? Попробуйте Yandex Webvisor для того чтобы понять это.

Вы хотите создать профессиональный, современный, удобный веб-сайт? Обращайтесь в веб-студию АВАНЗЕТ, мы всегда рады помочь в реализации ваших планов. Найдем убедительные образы, чтобы аудиторию впечатлила ваша идея, проработаем юзабилити так, чтобы обеспечить хороший пользовательский опыт, необходимый для успешного проекта.

Материалы по теме «Основы юзабилити»

  1. Как улучшить пользовательский опыт (UX) применяя дизайнерское мышление
  2. Избегайте 5 ошибок UX интерфейса, которые ухудшают пользовательский опыт сайта
  3. Юзабилити аудит сайта: полный чек-лист
  4. Юзабилити сайта – рекомендации для получения максимального эффекта
  5. Руководство по увеличению конверсии. Оптимизируем CRO и получаем качественные лиды

Заявка на услуги

Все услуги веб-студии АВАНЗЕТ

Подать заявку
🎁

Поможем запустить профессиональный landing-сайт БЕСПЛАТНО

АНТИКРИЗИЗНОЕ ПРЕДЛОЖЕНИЕ Подробнее