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

А ведь в прошлом, этому вопросу я уделил не один день, но не буду тянуть кота за хвост и приступлю к делу!

У меня есть вот такой пример вертикального меню категорий:

Линия между категориями

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

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

Группируем названия категорий

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

второй вариант мой любимый, полумесяц:

или вариант заглавная буква Е или перевернутая буква Ш:

Меню в две колонки

Но бывает так, что на многих блогах в меню категорий отсутствует статистика с количеством материалов:

В таком случае есть смысл разбить названия категорий на две колонки:

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

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

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

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

либо второй вариант, во второй колонки меню, названия категорий прижать к правому краю:

и у нас как я называю, получились занавески.

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

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

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

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

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

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

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

Если вам интересно, то оставьте в комментариях ниже адрес своего блога и если в нём будет установлен нужный HTML код, то адрес вашего блога появиться в следующей статье!