weranda
@weranda

Как считаете, нужна ли навигация по странице с количеством блоков более 20?

Приветствую.
Часа два уже размышляю о том нужно ли добавить и в каком виде навигацию по странице. Есть сайт услуг, где больше 20 разных блоков информации (цены, калькулятор, гарантия, фотки, faq и т. д.).

Как разместить эти 20 с лишним пунктов так, чтобы все клевенько было?
  1. Каждый пункт в строку? Много места займет и справа будет зиять дыра.
  2. Колонками? Вроде, норм, но 20 пунктов визуально пугают.
  3. Отдельной кнопкой (раскрывающимся списокм)? Но справа, как и в первом пункте будет много пустого пространства.


Что посоветуете? Может быть, есть у вас какие-то идеи или статистика по использованию людьми навигации по странице? Пробовать реализовывать или глупости все это и люди в основном скроллят и навигацией пользуется редкий гость?
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Каждый пункт в строку? Много места займет и справа будет зиять дыра.

Будет некрасивая колбаса
Колонками? Вроде, норм, но 20 пунктов визуально пугают.

Всё правильно
Отдельной кнопкой (раскрывающимся списокм)? Но справа, как и в первом пункте будет много пустого пространства.

Это на мобильных, с подпунктами.

Сам вижу 2 варианта - первый - либо группировать все ваши 20 элементов на подгруппы - Допустим основные пункты вроде главная, контакты, продукция, и по аналогии вы оставляете. Остальное выносите в открытие саб меню при наведении(клике и тд). Т.е цены, калькулятор - и другие производственные вещи вы смело можете вынести в подпункт "услуги", "продукция", либо назвать более корректно. Гарантия, фотки, faq смело выносить в пункт "О нас".
Второй - Главные пункты которые несут основную смысловую нагрузку вынести в шапку, остальные пункты вынести в подвал, разбив на колонки. Но первый пункт вариант будет технически грамотным. Так как в большинстве случаев, обычно навигационное меню дублируют, хотя бы частично в подвале.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы