Навигация, юзабилити и прочие страшные слова

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

Теперь по пунктам, или «избегайте этих ошибок»:

1. Неинформативное меню

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

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

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

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

2. Перегруженность меню

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

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

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

Вспомните, про «воронку» сайта – в ней всего лишь 2-3 уровня, 2-3 кольца спирали, что соответствует этому правилу трех кликов. Также помните об общеизвестной формуле 7±2 – внимание человека в один момент времени удерживает 7±2 единиц информации. Соответственно делать более семи пунктов в меню – ухудшать удобство пользованием вашим сайтом.

3. Пустые разделы

Никогда и ни в коем случае не оставляйте пустых разделов на вашем сайте. Это похоже на новый телефон, у которого уже запало несколько кнопок – вы сами бы таким пользовались? Нет, говорите? А вот я регулярно наблюдаю, как на сайте какой-либо фирмы есть один или два пустых раздела. Особенно, если сайт новый, некоторые разделы находятся в разработке, но о сайте уже даётся информация в рекламе, визитках и другими способами.

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

А вы не подумали, что это может раздражать, да к тому же создаёт впечатление заброшенности и недоделанности сайта или вашего непрофессионализма?

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

4. Лишние «меню»

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

Спрашивается, для кого всё это делалось? Для обычного человека или всё-таки для 11-глазого и 5-рукого пупизоида с планеты Сильнеплюйск? Мне кажется, что для второго.

Ещё раз повторю: чем прощё всё устроено, тем лучше. Чем меньше ссылок, тем быстрее посетитель доберётся до сути. А если вывалить на него мильон ссылок, то пока он разберется, что к чему, пройдёт мильон лет. Которых у вас попросту нет.

5. Лишние элементы на сайте

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

Надо сказать, что таких сайтов всё меньше и меньше, и среди бизнес-сайтов их практически нет, но предупредить об этом все равно необходимо, потому что этот атавизм по-прежнему кое-где жив.

Ещё раз: Принцип концентрации на главном – на вашем сайте не должно быть ничего, что отвлекает посетителя от тех действий, которых вы хотите от него добиться.

• Если вы не брокерская компания, то зачем вам информер РБК с курсами валют?
• Если вы не Гидрометцентр или городской информационный портал, то к чему вам трансляция прогнозов погоды в левой колонке?
• Если вы продаете собственные товары и услуги, зачем вам чужие баннеры и реклама сторонних рекламодателей?

На вашем бизнес-сайте вообще не должно быть никакой чужой рекламы: ни баннеров, ни ссылок (кроме, пожалуй, ссылок на партнеров). Сами подумайте, что для вас важнее – несколько рублей (или даже копеек) за каждый клик, который уводит вашего потенциального клиента с сайта, или новый клиент, совершивший заказ благодаря тому, что вы не дали ему повода покинуть сайт по рекламной ссылке?

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

Отдельно стоит высказаться по поводу счётчиков посетителей и различных рейтингов (метко именуемых «пузомерками»). Счётчики не должны быть видны вашим посетителям. Во-первых, кликнув по одному из них посетитель может покинуть ваш сайт и больше не вернуться. Во-вторых, зачем раскрывать посторонним статистику посещений вашего сайта? Маловероятно, что у вас так много посещений, что кого-то это впечатлит настолько, что он станет вашим фанатом-поклонником-клиентом.

Что делать, если вы хотите по-прежнему получать статистику, но не знаете, как скрыть счётчик. Тогда сделайте его размером 1?1 пиксель и не парьтесь. Или установите себе гугл-аналитикс (http://google.com/analytics/) – более полной статистики вы нигде больше не найдёте.

Разного рода пузомерки пока ещё имеют место быть. Но место им только на блоге и в количестве не более двух-трёх. А лучше вообще обойтись без них – для бизнес-сайта это просто моветон.

Каким же должно быть меню?

Пойдём по порядку. Меню, как вы помните, лучше не перегружать кучей пунктов, а ограничить пятью-семью. Если уж так сильно хочется включить их больше, то можно сделать некоторые или все пункты меню разворачивающимися при клике на них (для бокового меню). Например, так:
• Продукция
    o Крякозябры
    o Гравицапы
    o Аннигиляторы
    o Кукарачи
• Вопросы и ответы
• Статьи
    o Агрономия
    o Астрофармия
    o Обо всём и ни о чём
• Отзывы
• О компании
• Вакансии
• Контакты
Или (для горизонтального меню), можно сделать пункты меню, выпадающие при наведении курсора. Это всё позволяет не перегружать меню лишними элементами, а также чётко обозначает структуру вашего сайта.

Если страниц и разделов очень много, имеет смысл сделать карту сайта – специальную страницу, содержащую всю структуру сайта в виде иерархически распложенных ссылок (как в примере выше, но объёмнее раза в три).

«Нить Ариадны»

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

Главная –> Магазин –> Книги –> Политическая литература –> «Колобок как яркий пример диссидентского движения», Валерий Новодворский

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

Итак, какой же в итоге должна быть навигация на сайте – простой, понятной, удобной и не перегруженной. Большего от неё не требуется. Взгляните критическим взглядом на свой сайт – соответствует ли навигация на нём этим критериям?

P.S. Ещё один видео-ролик, в котором я разобрал ошибки с пустыми разделами, неправильным использованием флэша и некоторыми другими, я выложил вот на этой странице: http://ainursafin.com/node/62 На этот раз под раздачей оказалась клиника эндохирургии.

Узнайте, как сделать свой сайт золотой жилой

Tags: