Вверх

Адрес
Пирогова 131, офисс 11 Винница, Украина 21037,
info@4go.space
Тел: +380738466121

Главное меню или боковое меню

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

При этом важно понимать контекст вашего приложения.

Главное меню имеет:

  • 3 визуальные фиксации, 3 предмета отсканированы;
  • Больше вертикального пространства для использования выпадающих меню;
  • Самые левые предметы имеют больший визуальный вес;
  • Все предметы выше сгиба.

Боковое меню имеет:

  • 3 визуальные фиксации
  • Меньше вертикального пространства;
  • Все предметы имеют одинаковый вес;
  • Некоторые предметы могут быть ниже сгиба.

Давайте поговорим о Top Menu!

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

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

Позвольте мне привести Вам пример:

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

Они могут легко разместить ссылку «Наши услуги» в своей навигации, которая ссылается на эту страницу. Однако для пользователя было бы проще исключить ссылку «Наши услуги» и сделать службы фактическими ссылками. Это позволяет посетителям сразу увидеть предлагаемые услуги.

Тем не менее, если у вас есть небольшое определенное / фиксированное количество категорий, на которые вы хотите, чтобы пользователь обращал внимание, и некоторые элементы более важны, чем другие, Top Menu – это правильный выбор.
Есть даже преимущество в SEO, потому что текст ссылки, используемый в пунктах меню, может быть ключевыми словами, за которые компания может пытаться найти место.

А теперь боковое меню!

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

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

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

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

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

Боковые меню быстрее адаптируются к маленьким размерам экрана. Хотя верхние меню могут быть адаптивными, они обычно требуют некоторого преобразования из верхнего в боковое меню. Поскольку боковые меню уже представлены в этом формате, переход от настольного компьютера к мобильному не вызывает затруднений.

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

 


Author avatar
admin

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

EnglishPolishRussianUkrainian