Что не так с выпадающим меню
1 ноября 2018 | Опубликовано в статьюшечки | Нет комментариев »
Перед тем как решить использовать на сайте выпадающее меню, задайте себе вопрос: знает ли пользователь что именно он в нем ищет? Если ответ «да», значит выпадающее меню вам точно не нужно. Вместо него используйте поле автозаполнения.
Если посетитель сайта знает, что ему нужно выбрать из списка, совершенно необязательно заставлять его скролиться через весь список. Выпадающие меню в этом случае добавляют лишних движений и замедляют взаимодействие с интерфейсом. Для мобильных версий сайта это еще хуже, потому что на экране отображается только небольшая часть списка, а поиск при помощи клавиатуры недоступен.
Строка автозаполнения в этом примере лучше, потому что экономит пользователям время, дают возможность быстрее выбрать необходимый пункт. Посетителю нужно только начать вводить первые символы, и у них уже появятся варианты. Теперь они могут нажать клавишу «вниз», чтобы выбрать то, что им нужно.
Вместо того, чтобы выбирать из длинного списка вариантов, остается выбрать из нескольких опций. Чем больше символов вводит пользователей, тем меньше список, и тем быстрее можно найти необходимый. Еще один плюс: количество опций сильно снижено, что снижает и вероятность ошибок.
Ненужными выпадающими меню часто грешат поля, которые предполагают выбор времени или места. Эта ошибка юзабилити встречается повсеместно в местах, где нужно указать, к примеру, страну или месяц. Пользователи прекрасно понимают что именно им нужно указать в этой форме, но все равно вынуждены тратить время на то, чтобы листать большое количество ненужных пунктов.
Сделайте заполнение формы быстрой и простой для посетителя сайта. В этом поможет автозаполнение — в тех местах, где можно избежать выпадающего меню. Это как поход в любимый ресторан: вы уже и так знаете меню и что хотите заказать. Листать список блюд — лишняя трата времени.
Автор статьи anthony
Перевод — Дежурка
Смотрите также:
- Как сделать удобную форму ввода дня рождения
- Проблема мгновенной проверки ошибок в формах заполнении
- Избавляемся от поля подтверждения электронной почты
Оставить ответ
Похожие статьи
-
Строгие узоры и иллюстрации от Гарри Голдхока
-
Бесплатные весенние фотографии
-
Яркое на темном в веб-дизайне
-
20 крутых примеров нейл-арта
-
Бесплатный клипарт лепестков
-
Разные шрифты на одной веб-странице
-
Вкусные образы в фотографиях Луизы Валиери
-
Яркий текстовый эффект с масками в Adobe Illustrator
-
Шоколадное вдохновение
-
Текстовый эффект в стиле Sci-fi
-
Цветочные рамки для вашего дизайна
-
Сайты с милой анимацией
-
Благородные паттерны от Дины Мошкало
-
Создание многострочного градиентного фона для текста
Самые комментируемые
- 50 прикольных страниц ошибки 404
90
- Flash и HTML5 для клиентов, разработчиков и пользователей. Откручиваем гайки.
88
- 16 лучших бесплатных графических редакторов
70
- Интервью с fashion-иллюстратором Lilit Sarkisian
64
- Дизайн схемы проезда
62
- 12 сайтов, на которых можно продавать свои работы
61
- 370 экшенов для фотошопа
58
- Как выглядят сайты дизайнерских вузов - их и наши
58