Я долго задавался вопросом, должно ли быть предпочтение для использования горизонтальных меню навигации или вертикальных. Я использовал оба раньше, на разных сайтах, и вижу, что у каждого есть свои плюсы и минусы.
Есть ли конкретные данные по этому вопросу? Я заинтересован в доступности и удобстве использования.
Ответы:
Помимо космических проблем и простоты сканирования, есть несколько других факторов, которые вы должны принять во внимание:
Горизонтально расположенные меню (из горизонтально расположенных языков) означают больше движения мыши для перехода от одного элемента к другому.
Однако будет проще перейти от пункта меню верхнего уровня в горизонтальном меню к соответствующему раскрывающемуся меню, чем перейти от пункта вертикального меню к соответствующему всплывающему меню. Диагональная проблема значительно увеличивается во всплывающих окнах по сравнению с раскрывающимися списками, потому что общий край намного меньше.
И затем есть проблема скорости нацеливания. Вертикально расположенные меню имеют большую «глубину», чем горизонтальные меню. Это означает, что пользователь может перемещать свою мышь с более высокой скоростью к меню, потому что у него есть больший буфер в случае, если они выходят за пределы. Конечно, если ваше горизонтальное меню расположено вдоль верхнего или нижнего края документа (т. Е. Бесконечной глубины), то это спорный вопрос.
В конце концов, я думаю, что это мытье. Выбирайте все, что подходит вашему дизайну, а затем оптимизируйте удобство использования. Вы не хотите использовать вертикальное меню, если это означает создание огромного пустого столбца под ним для остальной части страницы. И вы не хотите использовать горизонтальное меню, если оно означает, что ваш макет должен быть шириной 2000 пикселей.
Ну, я разработчик / программист / программист.
Это означает, что я всегда обращаюсь за информацией о дизайне, прежде чем отвечать на такие вопросы. Мне нравятся статьи Якоба Нильсена, потому что они исследуют перед публикацией.
Я думаю, что эти ссылки могут помочь.
Теперь мое мнение. Использование горизонтальных меню является первым вариантом для основной навигации, особенно если вы планируете использовать мега выпадающие списки.
Кроме того, использование горизонтальных хлебных крошек, как привычная навигация, помогает пользователям быстро найти себя.
Мне нравятся вертикальные навигационные меню, но они, как правило, похожи на рекламу, что делает пользователей слепыми к ним, поэтому, во-первых, убедитесь, что ваши вертикальные меню НЕ похожи на баннер или рекламу Google.
Во-вторых, я бы предпочел использовать вертикальные меню для «контекстной» навигации, отображения связанного содержимого или элементов подразделов.
Если у вас есть пункты меню из одного или нескольких слов, то существует физический предел того, сколько из них поместится в горизонтальном меню, прежде чем потребуется прокрутка. Поэтому по этой причине я бы предпочел горизонтальное меню для пунктов основного / верхнего уровня.
Относительно доступности (при условии, что это визуально хорошо), не может быть большой разницы, так как они могут быть помечены одинаково. Например, неупорядоченный список ссылок.
Я собираюсь опубликовать противоположный ответ промахов ...
Хотя мы читаем слева направо, мы склонны сканировать сверху вниз. Если пункты меню расположены вертикально, проще сравнивать пункты, если они расположены друг над другом.
Если у вас есть только несколько ссылок, горизонтальный - это хорошо. Держите имена короткими, но ясными и не более 6-7. Конечно, другой вариант - это комбинация - несколько «заголовков» горизонтально с выпадающими выпадающими списками всего в этой категории.
Ответ, вероятно, состоит в том, что есть времена, чтобы использовать оба, но, как показали исследования по отслеживанию глаз, глаз сканирует страницу в форме буквы F , поэтому, вероятно, лучше держать навигацию слева вверху или через Вверх.
И то, и другое можно использовать вместе, например, горизонтальное меню сверху для навигационных ссылок (главная страница, о нас, контакт и т. Д.) И левое меню для категорий, статей и тому подобного.
Еще один момент, который следует учитывать в отношении раскрывающихся меню, заключается в том, что они могут иметь последствия для SEO. Дэнни Салливан из Search Engine Land считает, что выпадающие меню могут ослабить авторитет ссылок, имея много ссылок на каждую страницу, и что иерархическое меню может лучше передавать ссылки. Кроме того, зачем скрывать элементы навигации от ваших пользователей в раскрывающемся списке, где они могут пропустить то, что ищут.
ИМХО, я склонен классифицировать основной раздел как Горизонтальное меню ... где описательные разделы любого активного основного раздела в вертикальном меню.
Например:
------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------
| About Us | | |
| Mission | | Here is describing content |
| Contact Us | | |
Поскольку «Дом», «Новости» и «Продукт» выступают в качестве основных категорий, я держу их в горизонтальном расположении, где «О нас», «Миссия», «Свяжитесь с нами» являются наиболее описательными разделами домашней страницы, поэтому я оставил вертикальное меню рядом с частью отображения контента для быстрого доступа. ,
Довольно просто, скажи мне, что легче читать: ABCDEFGHIJKLMNOP...Zили
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z
Когда вы читаете это, подумайте о том, как движется ваш глаз. В первом примере это - - - и т. Д. Во втором примере это ZZZ и т. Д .; это означает, что ваш глаз движется в виде Z. С Z-образным рисунком ваш глаз должен больше думать о следующем пункте информации, чем о первом. Чем ближе фрагмент информации к последнему фрагменту информации, тем проще его использовать. Чем компактнее информация, тем лучше, вы всегда можете добавить пространство, но некоторая информация пока будет только компактной. Например, я могу добавить больше места, как это, но его длина будет все же короче, если вы измеряете самый длинный конец примера 2: ABCDEFGHIJKLMNOPQRSTU VWXYZ
Я уверен, что кто-то опубликует исследование или что-то, может даже сказать, что я не прав, но факт в том, что моя логика достаточно проста, чтобы я ее понял, это имеет смысл для меня, и мне не нужен фантастический отчет, чтобы сказать мне что это правильно или неправильно ... потому что я предполагаю, что необычный отчет не будет иметь смысла, а представляет собой просто образец данных, основанный на структуре данного теста ...
Так что ты думаешь?