Важность понятного меню сайта

Представь, вы собрались компанией на дачу, на 4 дня отдохнуть

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

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

и вдруг увидили трц, и вдруг ты вспомнил что дома забыл кепку...

попросил остановить, - сейчас.. 10 мин, сгоняю кепку возьму, а то голову напечет

заходишь в первый блок, и ищешь где-то на стене схему

где какие отделы, товары для дома, оптика одежда...

Схема есть, но что-то не понятная

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

ладно... сам найду

Так-с это отдел обуви... значит за ним одежда

ага, вот-т.. за углом ... супермаркет? что за хрень

..ладно, пойдем в другую сторону

а теперь я в строй-материалы забрел

...

че по времени, ага, блин.. я уже почти 26 минут брожу, меня же ждут...

ладно, черт с ней, с кепкой.. все, я на выход

"немного покрутился на месте... вспоминая откуда пришел, и двинул к выходу"

@include('site.includes.small.delimiter')

Суть уловил?

зашел → не понял схемы → пошел искать сам → потерялся → не нашел то что нужно → ушел

во-от...

а теперь перенеси эту историю на свой сайт

схема это - меню, навигация

если меню не понятное, или не удобное - потеряться на сайте как куском асфальта по двум пальцам.. легко

если человек запутается, и не найдет на сайте то, что ему нужно, он просто уйдет

А ведь он мог стать твоим клиентом, принести тебе деньги...

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

• разделы
  • все основные разделы сайта должны быть видны сразу
  • подразделы, например категории должны показываться как подменю при наведении на пункт меню
  • названия должны быть однозначными, чтобы пользователь понял что находится в разделе до того, как кликнет и перейдет, а не после
  • если в меню слишком много пунктов, упрощай его, объединяй пункты под заголовками или помещай в подменю, по моему опыту, идеально - до 9 пунктов
  • размер шрифта должен быть таким, чтобы меню легко читалось, в зависимости от дизайна идеально 15-17px
  • пункты меню не должны быть слишком близко друг к другу, иначе пользователь может промахнуться, и кликнуть не туда
  • при наведении.. пункт меню должен как-то выделятся, менять цвет фона или шрифта..., а курсор должен менятся на указывающую руку, чтобы пользователь понимал что по этому пункту можно щелкнуть
  • если пункт меню сделан только для того чтобы организовать подменю, например "категории" и подменю - список категорий, то при наведении на него, курсор меняться не должен, так пользователь поймет что это не ссылка и не будет пытаться кликнуть
• на пк
  • горизонтальное или вертикальное?
    • я сторонник того, чтобы делать вертикальное меню на интернет-приложениях, интернет-магазинах, блогах и новостных сайтах, все. На других проектах меню должно быть горизонтальное, к нему все привыкли и это удобно
• на телефоне
  • кнопка открытия меню должна быть стандартная в три полоски, этот знак все знают, и придумывание чего-то нового ни к чему хорошему не приводит
  • меню не должно лагать и тормозить! эта проблема невероятно часто встречается, напряги своих программистов, ну не должно быть такого косяка
  • когда меню открыто, должна быть заблокированна возможность прокрутки сайта, а прокрутка самого меню, наоборот, должна работать
  • когда меню открыто, кнопка меню должна превратиться в крестик
  • меню должно корректно работать на технике apple. У iphone по другому в сравнении с android реализован скролл, и часто бывает что мобильное меню именно на iphone и ipad работает не корректно

@include('site.includes.small.delimiter')

Ну все, вроде ничего не забыл