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

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

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

1. Слишком много вариантов

Дайте человеку 15 вариантов на выбор, и ему потребуется больше времени, чтобы сделать выбор, чем если бы вы дали ему только 8 вариантов. Чем меньше возможных вариантов выбора может сделать человек, тем быстрее он сможет оценить этот выбор и затем принять решение.

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

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

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

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

2. Неправильные варианты

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

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

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

3. Иди по-крупному или иди домой

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

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

На адаптивном сайте навигация может быть изменена для разных размеров экрана, чтобы она всегда была понятной и простой в использовании. Такая платформа, как Webydo, с ее пиксельным отзывчивым редактором, является отличным способом разработки различных схем навигации для различных размеров, в которых будет отображаться веб-сайт, а с платформой разработки Webydo без кода, после того, как навигация и страницы разработаны, они могут быть легко опубликованы как рабочие веб-страницы!

4. Разгром вылетающего меню

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

• История компании
• Команда руководителей
• Отзывы
• Карьера

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

Например, на устройствах с сенсорным экраном, где технически нет состояния «наведения», вы хотите убедиться, что ваши ссылки по-прежнему доступны для пользователей. Вы также хотите избежать всплывающих меню, которые имеют 3 или более уровней. Часто бывает сложно ориентироваться в системах меню, в которых есть всплывающие окна, происходящие из других всплывающих окон, поэтому избегайте этих громоздких меню на любом сайте, который вы разрабатываете.

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

5. Непоследовательность

Как только человек поймет, как использовать ваше навигационное меню, и ему будет удобно, где все находится, не меняйте это на нем! Веб-сайты должны иметь последовательную навигацию по всему опыту — для каждой итерации меню, на разных устройствах и независимо от того, на какой странице они находятся. Подменю могут меняться от страницы к странице, но основная навигация или элементы управления должны быть высечены в камне.

6. Слишком долго

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

Ссылка «Все о нашей компании» не нужна, если просто «Наша компания», «Компания», «О нас» или «О компании» вполне подойдут. Это может показаться не таким большим редактированием, но мы перешли от 4 слов к 1 или 2.

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

7. Неправильный тон

У каждого веб-сайта есть тон. Этот тон может быть свободным и дружелюбным, он может быть профессиональным и прямолинейным или иметь множество других вариантов. Каким бы ни был тон сайта, язык навигации должен его отражать.

Если веб-сайт должен быть дружелюбным и полезным, ссылка с надписью «Как мы можем помочь» может быть более подходящей, чем просто «Услуги». Поняв тон сообщения сайта, вы можете разработать навигацию, соответствующую этому тону.

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

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

В заключение

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