UXPUB 🇺🇦 Дизайн-спільнота

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

Опубліковано

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

#ux

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

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

Первоначальный дизайн: панель навигации в виде вкладок

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

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

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

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

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

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

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

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

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

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

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

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

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

На сайте Sage есть вкладки, которые не похожи на традиционные вкладки

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

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

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

Вывод

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

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

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

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


Перевод статьи adamsilver.io

Топ коментарі (0)