Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Что не так с выпадающим меню

1 ноября 2018 | Опубликовано в статьюшечки | 151 Комментариев »

Перед тем как решить использовать на сайте выпадающее меню, задайте себе вопрос: знает ли пользователь что именно он в нем ищет? Если ответ «да», значит выпадающее меню вам точно не нужно. Вместо него используйте поле автозаполнения.

 


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

select_menu-autocomplete_field

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

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

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

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

Автор статьи anthony

Перевод — Дежурка

Смотрите также:

 




Коментарии запрещены.

[an error occurred while processing the directive]

Похожие статьи

    

    [an error occurred while processing the directive]