UX-исследователь — практический курс
UX-исследователь — практический курс
Начните карьеру в области UX или структурируйте свои знания с помощью уникального на рынке курса по UX-исследованию
Узнать подробнее

Почему не стоит использовать стиль вкладок для навигационных ссылок

Я работаю над сервисом, который позволяет пользователям нанять репетитора.

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

Почему не стоит использовать стиль вкладок для навигационных ссылок
Первоначальный дизайн: панель навигации в виде вкладок

Однако, подобный дизайн потенциально проблематичен. Ниже я объясню, почему, и как мы решили эту проблему.

Проблема с оформлением ссылок в виде вкладок

Стилизация ссылок под вкладки вводит пользователя в заблуждение. Ведь при нажатии на ссылку контент отображается только после обновления страницы с перемещением фокуса обратно в верхнюю часть области просмотра.

Управление пользовательским опытом
Управление пользовательским опытом
Вы научитесь анализировать и улучшать клиентский опыт, создавать продукты и предоставлять сервисы, нужные клиентам, внедрять сервисные инновации
Забронировать место

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

Пользователи, использующие для навигации клавиатуру, могут использовать, для переключения вкладок клавиши со стрелками влево и вправо. Однако, они не будут работать со списком ссылок.

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

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

Как мы решили эту проблему

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

Почему не стоит использовать стиль вкладок для навигационных ссылок
Новый дизайн: навигационные ссылки меньше похожи на вкладки

«Но они все еще слегка похожи на вкладки»

По общему признанию, новый дизайн все еще делает ссылки немного похожими на вкладки.

Мне кажется причина в том, что многие сайты используют для вкладок менее традиционный стиль.

Почему не стоит использовать стиль вкладок для навигационных ссылок
На сайте Sage есть вкладки, которые не похожи на традиционные вкладки

Но мы ничего не можем с этим поделать.

Наш сервис, как и многие другие, состоит из панелей навигации и вкладок, которые ведут себя по-разному.

Использование различных стилей для навигации и вкладок позволит пользователям эффективно и рационально их использовать.

Вывод

Если сделать ссылки похожими на вкладки, их будет сложнее использовать.

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

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

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

guest
0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Подробнее

Уроки UX в дизайне игр

Для того, чтобы оживить наше огромное эссе об иконках, мы создали из иконки игру. То, что планировалось сделать…
Total
3
Share