Главная » Статьи » Ошибки блоггеров

А вы знаете об ошибках вертикального меню сайта?

Здравствуйте дорогие читатели, подписчики и гости моего блога!

Вот и пришло время мне поговорить об основных ошибках вертикального меню или как многие ещё его называют, меню категорий. Которое как правило, размещается в боковой колонке блога!

Не буду много болтать, приступаю к делу.

Маленький шрифт

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

Маленький шрифт в меню

На первом примеры шрифт 11px, а на втором примере уже 14px, разница на лицо.

Отсутствие отступов

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

отступы вертикального меню

Лишняя линия

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

Лишняя линия вертикального меню

Пустое место

Старайтесь использовать пустое место в меню категорий с умом, особенно когда речь идёт о количестве новостей в категориях, их можно прижать к правому краю ячейки:

количестве материалах в категориях меню

Лишние символы

Когда речь идёт о количестве новостей в категориях меню блога, откажитесь от фигурных скобок, речь идёт и о других символах, старайтесь сделать меню чище и приятнее для восприятия посетителями блога:

Лишние символы вертикального меню

Выделение информации

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

Выделение информации вертикального меню

Иконки в меню

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

Иконки вертикального меню

Символ выпадающего меню

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

символ выпадающего меню

Большие иконки в меню

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

Большие иконки вертикального меню

Простота и минимализм

Старайтесь не нагружать меню категорий различными элементами дизайна и дополнительной информацией, расставьте между ними приоритеты и придерживайтесь простоты:

Простота и минимализм меню категорий

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

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



Источник: http://web-dm.ru/blog_sovety/img/1/oshibki-vertikalnogo-menyu.png
Категория: Ошибки блоггеров | Добавил: RuleZ-DM (30.07.2015) W
Просмотров: 395 | Комментарии: 8 | Теги: вертикальное меню, Меню | Рейтинг: 1.0/4
Всего комментариев: 8
RuleZ-DM 8
Денис Мехедов
02.08.2015 в 01:06

dry

NI4KA 7
NI4KA
01.08.2015 в 14:48

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

azikonya 5
Азик
01.08.2015 в 14:38

Отличные рекомендации, Денис!
Кажется, так уж сильно не обращаешь внимание на такие мелочи, но подсознательно чувствуешь дискомфорт) Так что респект за статью!

RuleZ-DM 6
Денис Мехедов
01.08.2015 в 14:45

Спасибо, сегодня вечером будет продолжение этой статьи! book

telets 4
Андрей Косолапов
31.07.2015 в 23:53

Денис, привет! Интересная подборка различных вариантов.

3
seoonly.ru
31.07.2015 в 21:58

Очень часто выглядит очень убогенько unsure

1
Иван
30.07.2015 в 19:40

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

RuleZ-DM 2
Денис Мехедов
30.07.2015 в 19:45

Всё верно, чем больше таких мелочей на сайте, тем лучше сайт будет выглядеть! А это значит, у посетителей будет больше положительных эмоций! yes