Я давно замислювався про те, чи слід надавати перевагу використанню горизонтальних навігаційних меню або вертикальних. Я використовував обидва раніше, на різних веб-сайтах, і бачу, що кожен має плюси і мінуси.
Чи є якісь конкретні дані з цього приводу? Мене цікавлять проблеми доступності та зручності використання.
Відповіді:
Окрім проблем із простором та простоти сканування, слід врахувати ще кілька факторів:
Горизонтально розташовані меню (горизонтально розташованих мов) означають більше руху миші, щоб дістатися від одного елемента до іншого.
Однак перейти від пункту меню верхнього рівня в горизонтальному меню до відповідного спадне меню, ніж перейти від вертикального пункту меню до відповідного розгорнутого меню. Проблема діагоналі сильно збільшується у макетів порівняно із спаданнями, оскільки спільний край настільки менший.
А тут питання про швидкість націлювання. Вертикально розташовані меню мають більшу "глибину", ніж горизонтальні меню. Це означає, що користувач може переміщувати мишу з більшою швидкістю у бік меню, оскільки у них є більший буфер у випадку, якщо вони перестануть. Звичайно, якщо ваше горизонтальне меню розміщене уздовж верхнього або нижнього краю документа (тобто нескінченної глибини), то це суперечливий пункт.
Зрештою, я думаю, що це миття. Ідіть з тим, що найкраще відповідає вашому дизайну, а потім оптимізуйте зручність використання. Ви не хочете використовувати вертикальне меню, якщо це означає створити величезний порожній стовпчик під ним для решти сторінки. І ви не хочете використовувати горизонтальне меню, якщо це означає, що ваш макет повинен бути шириною 2000 пікселів.
Ну, я - розробник / програміст / кодування.
Це означає, що я завжди шукаю інформацію про дизайн, перш ніж відповісти на такі запитання. Мені подобаються статті Якоба Нільсена, тому що вони досліджують перед публікацією.
Я думаю, що ці посилання можуть допомогти.
Тепер моя думка. Використання горизонтальних меню - це перший варіант основної навігації, особливо якщо ви плануєте використовувати мега-спади.
Також використання горизонтальних сухарів як допоміжної навігації, щоб допомогти користувачам швидко знаходити себе.
Мені подобаються вертикальні меню навігації, але вони, як правило, подібні до реклами, що робить користувачів незрячими для них, тому, перш за все, переконайтеся, що ваші вертикальні меню НЕ схожі на рекламні банери або google.
По-друге, я вважаю за краще використовувати вертикальні меню для "контекстної" навігації, відображення пов'язаного вмісту або підрозділів.
Якщо у вас є пункти меню з одного або декількох слів, то існує фізичне обмеження, скільки їх увійде в горизонтальне меню, перш ніж потрібно прокрутити. Отже, з цієї причини я б надавав перевагу горизонтальному меню для елементів основного / верхнього рівня.
Щодо доступності (якщо візуально це нормально), різниці можуть бути не великі, оскільки вони цілком можуть бути позначені однаково. Наприклад, не упорядкований список посилань.
Я збираюся опублікувати протилежну відповідь промаху ...
Хоча ми читаємо зліва направо, ми схильні сканувати зверху вниз. Якщо пункти меню розташовані вертикально, простіше швидко порівняти елементи, якщо вони знаходяться один над одним.
Якщо у вас є лише декілька посилань, горизонталь - це добре. Імена нехай будуть короткими, але чіткими та мають не більше 6-7. Звичайно, інший варіант - комбінація - кілька «заголовків» по горизонталі з наведенням спаду на все, що в цій категорії.
Відповідь, ймовірно, є випадки використання обох, але, як показали дослідження відстеження очей, око сканує сторінку у формі F , тому, ймовірно, найкраще зберігати навігацію вгорі ліворуч або впоперек верх.
І те, і інше можна використовувати як спільно, як горизонтальне меню вгорі для навігаційних посилань (домашня інформація, про нас, контактні дані тощо), так і ліве меню для категорій, статей тощо.
Ще один момент, який слід врахувати щодо спадних меню, - це те, що вони можуть мати значення для SEO. Денні Салліван в пошуковій системі пропонує, що випадаючі меню можуть розбавити повноваження посилань, маючи багато посилань на кожну сторінку і що ієрархічне меню може краще передавати сік посилань. Також навіщо ховати елементи навігації від своїх користувачів у спадному меню, де вони можуть пропустити те, що вони шукають.
ІМХО, я схильний класифікувати основний розділ як горизонтальні меню .. де як описові розділи будь-якого активного головного розділу у вертикальному меню.
Наприклад:
------------------------------------------------------------------------------
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
Я впевнений, що хтось опублікує дослідження чи щось таке, можливо, навіть скаже, що я помиляюся, але факт - моя логіка досить проста, що я це розумію, для мене це має сенс, і мені не потрібен фантазійний звіт, щоб мені сказати що це правильно чи неправильно ... тому що я здогадуюсь, що фантастичний звіт не матиме сенсу, а це лише зразок даних, що базується на структурі даного тесту ...
Так що ж ви думаєте?