5 самых частых ошибок в оформлении навигационных кнопок
Поскольку панель навигации – важный элемент любого ресурса, особое внимание стоит уделить именно ей. Чаще всего ее оформляют в верхнем меню. Посетитель возлагает надежды на данную опцию, пытаясь отыскать необходимый материал. Если по каким-то причинам веб-специалисты плохо разрабатывают внешнее оформление и функционал элементов навигации, то автоматически переносят долю своей задачи на пользователей.
Такой подход чаще всего приводит к ситуации, когда человек теряется на просторах ресурса и совершенно не понимает своего местоположения. Или же случается так, что пользователи элементарно не могут прочесть текст на кнопке, тогда возникают трудности с взаимодействием с этой кнопкой.
Рассмотрим подробно 5 наиболее частых дефектов в дизайне навигационных кнопок. Если такие ошибки Вам знакомы, самое время их ликвидировать.
Не выделяется активная кнопка
Некоторые веб-дизайнеры иногда забывают о важном моменте – выделении кнопки меню. Пользователь нажимает кнопку и ждет ответ – визуальное подтверждение его выбора. Без ответной реакции теряется понимание, где находится человек. В данном случае легко перепутать похожие между собой страницы.
С целью выделить выбранную кнопку применяйте измененные формы и другие цвета. Если делать упор только на цвете, Вы можете не учесть потребности пользователей с неправильным восприятием оттенков. Классический способ выделения элементов меню – нижнее подчеркивание.
Слабый контраст цветов выделенных кнопок
Некоторые ресурсы отличаются тем, что кнопки в их меню выделены не ярко. Это уже некорректно, поскольку посетители тратят время на распознавание месторасположения себя в структуре ресурса. Именно по причине столь низкого контраста текст кнопок практически нечитабельный. Человеку приходится прилагать усилия, дабы разобраться, где именно он нажимает. Гораздо активнее дело пойдет, когда пользователь поймет, где он, только посмотрев на меню. Активная кнопка обязана выделяться среди других. Таким образом, человек может в секунды сориентироваться, и решить куда двигаться дальше. Периодически проверяйте контраст и контролируйте читабельность текста на фоне кнопок.
Слишком слабый контраст неактивных кнопок
Неактивные кнопки в идеале выглядят не такими контрастными, как активные, но они не должны быть нечитабельными. В таком случае перебор в низком контрасте может запутать посетителя, который попросту не увидит нужную кнопку или решит, что она не рабочая.
Отсутствует пространство вокруг текста
В меню навигации вокруг пунктов обязана находиться область, так называемое пространство, помогающее разграничивать элементы, чтобы они не сливались. Очень важно, чтобы эта область была кликабельна. Такая функция способна расширить цель для нажатия и существенно ускорит процесс навигации.
Нет эффектов наведения курсора
Легче нажать кнопку, когда эффект наведения курсора обозначает границы. Ведь посетитель понимает, что находится в кликабельном пространстве. Если такой эффект отсутствует, человек решит, что активная ссылка – это текст.
Чаще обращайте внимание на кнопки
Меню навигации – это первоочередное место, куда захотят попасть гости ресурса. Люди нуждаются в оперативной обратной реакции. Им необходимо видимое подтверждение того, что меню и его пункты рабочие и активные.
Работайте над навигационными кнопками, они должны быть предельно понятными для пользователя и не вызывать трудностей.
Написать комментарий