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