Полезное

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

Автор Freelance.Today

Красивый сайт создает хорошее первое впечатление. Но это еще не все. Плавный дизайн пользовательского интерфейса (UI) поможет вам привлечь внимание к вашему контенту. 

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

Поэтому стоит избегать тех ошибок, из-за которых взаимодействие с вашим сайтом будет раздражать посетителей.

Согласно uxdesign, компании, которые уделяют внимание дизайну UI, получают на 32% больше дохода. Кроме того, по данным uxcam.com, 85% пользователей считают, что мобильный веб-сайт компании должен быть не хуже, чем его веб-сайт для ПК, а 39% откажутся взаимодействовать с контентом, если изображения не загружаются или скорость загрузки недостаточна. 

К сожалению, 88% пользователей гораздо реже повторно посещают веб-сайт из-за негативного пользовательского опыта. Вот почему мы не первый раз (и не последний) затрагиваем эту тему.

Что такое UI?

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

В чем разница между хорошим и плохим дизайном пользовательского интерфейса?

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

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

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

Ниже перечислены 5 особенностей, которые определяют «плохой» дизайн пользовательского интерфейса.

1) Запуск страниц даже после нажатия кнопки X

Пользователи часто жалуются на некорректную работу кнопок X. В некоторых случаях щелчок не закрывает приложение. Именно тогда пользователи жалуются: «Кто вообще это придумал». Основная цель этой кнопки — закрыть страницу (приложение и т. д.) по запросу клиента. По данным PWC, 32% клиентов отказались бы от бренда после всего лишь одного негативного опыта. Если эмпирическое мышление не может соответствовать когнитивным паттернам потребителей, оно становится плохой функцией пользовательского интерфейса. Пользователи принимают во внимание базовый пользовательский интерфейс, который делает среду выполнения понятной и удобной.

На Quora.com Терри Хикман, отмеченный наградами UX-дизайнер и управляющий директор Unbridled Brain, говорит: 

«Skype не закрывается и глючит; вместо этого он сжимается и сидит на скамье запасных, высмеивая ваше бессилие, вашу неспособность заставить его уйти. Когда кнопка X начала действовать таким образом?»

2) Работа со слишком большим количеством кликов раздражает

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

На Quora.com Кришнабх Медхи, который работает в AMAZON, говорит: «Когда вы пытаетесь отказаться от подписки на спам, он перенаправляет вас на сайт и отображает следующее:

  • Выберите или отмените выбор следующих настроек электронной почты:
  • Еженедельная рассылка новостей по электронной почте
  • Ежемесячная рассылка
  • Специальные предложения
  • Другой спам, который мы вам отправляем
  • Еще больше спама
  • Еще больше нежелательной почты
  • Праздничные акции

Что я должен сделать? Установите флажки рядом с тем, от чего я хочу отказаться, и снимите флажки рядом с тем, на что я не хочу подписываться.»

3) CAPTCHA — полная катастрофа

Нежелательная почта — это техническая проблема, а не смертельная опасность. Неуместно винить пользователя. Достаточно просто идентифицировать спам, не мешая работе пользователя. Боты демонстрируют очень надежные и мгновенно узнаваемые модели поведения, такие как отправка формы в течение той же секунды после загрузки страницы. Вы можете проверить, был ли отключен JavaScript. Вы даже можете попытаться выяснить, заполнены ли HTML-теги URL-адресами. 

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

На Quora.com Амит Вадхаван, инженер Sosh, говорит: «Captcha — это самая неэффективная функция UX из когда-либо созданных. Это совершенно не нужно. Буквы и цифры трудно читать… Еще хуже, если вы ошиблись с Captcha, форма, которую вы пытаетесь отправить, будет сброшена!».

4) Ввод нескольких паролей в разные поля

Фильтрация паролей также является одним из худших элементов дизайна пользовательского интерфейса. Вы можете верить, что этот акт защищает пользователей, но вопрос в том, от кого, а ответ — буквально ни от кого! Миллионы клиентов презирают точки, которые появляются в поле пароля при вводе. Разрешите пользователям принимать решение: поместите кнопку «Показать» рядом с полем имени пользователя, чтобы пользователи могли отключить эту функцию. Кнопки забытого пароля неизбежны. Когда вы вводите свой адрес электронной почты или идентификатор пользователя, неудобно только для того, чтобы быстро вводить его повторно после нажатия кнопки «забыть пароль». 

На Quora.com Миклос Филипс, руководитель отдела взаимодействия с пользователем, говорит: "По умолчанию в полях пароля отображаются точки. Люди склонны к неправильному написанию паролей; там должен быть флажок, позволяющий скрыть это или нет. 90% времени никто не стоит позади меня, пытаясь разгадать мои пароли".

5) Рядом с колесом прокрутки есть кнопка отмены

Эта дилемма вполне сопоставима с предыдущей. Снова трюки с клавиатурой, на этот раз в неправильном месте. Пользователи часто задаются вопросом:  «Разве недостаточно места на сайтах, чтобы разместить кнопки «Отмена» и «Назад» подальше, вместо того, чтобы размещать их рядом?» Это действие может ввести пользователей в заблуждение, в результате чего у них сложится ужасное мнение о вашем сайте.

На Quora.com Джейсон Катлер, специалистслужбы поддержки Mac, говорит: «Поместите кнопку «Отменить» рядом с кнопкой «Назад». Я случайно нажал «отмена» после того, как нажал «назад» слишком много раз, и все мои прошлые изменения были потеряны».

Заключительные замечания

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

Источник

 
  • 1870