Навігація повинна показувати не тільки куди ви можете йти, але і де ви перебуваєте зараз. Кожна сторінка на веб-сайті може бути першою сторінкою, яку бачать відвідувачі вашого веб-сайту, тому важливо передати досить контексту, щоб люди могли негайно приступити до досягнення своїх цілей. У світі, де пошукові системи можуть залишати відвідувачів вашого сайту в будь-якому місці, важливо вказати, де знаходяться користувачі в інформаційному просторі, щоб вони могли успішно переміщатися звідти. Навіть коли відвідувачі приходять через домашню сторінку, їм може знадобитися орієнтація при проходженні сайту.
Зробіть так, щоб відвідувачі могли швидко визначити і веб-сайт, і тему сторінки. У мережі передача сигналів «ви тут» часто здійснюється шляхом зміни зовнішнього вигляду панелі навігації, значків або меню. Ця навігаційна сигналізація підкріплюється хлібними крихтами і заголовками. Оформлення покупок і процедури подачі заявок (майстра), як правило, також використовують імена кроків і номера.
Типові механізми «Ви тут»
- логотип і брендинг. Представлення логотипу показує право власності на контент. Логотипи повинні бути пов'язані з домашньою сторінкою. Інші брендинги, такі як товарні знаки, колірні палітри і шрифти для підпису, можуть використовуватися для того, щоб викликати визнання авторитету організації. Зазвичай ці зусилля зосереджені в верхньому лівому кутку веб-сайтів, які, швидше за все, будуть в першу чергу на екрані, незалежно від розміру пристрою.
- зміна навігації: посилання або графічний елемент (вкладка, кнопка, мітка і т. Д.), пов'язані з навігацією, стають більш помітними, коли користувач вибирає цю тему. Часто це випуклість досягається за рахунок виділеної забарвлення або зсуву елемента в просторі або обох (для кращої доступності).
заголовки: вирівняні по лівому краю заголовки допомагають читачам з лівого мови направо швидко сканувати значущі слова. Кілька рівнів заголовка можуть бути виставлені одночасно, щоб показати більше інформації про контекст і шляхи. - URL: Правильно підібрані, легким для читання веб-адреси важливі для обміну, довіри, розпізнавання і відкликання.
- хлібні крихти: інформаційна ієрархія представлена у зв'язаному шляху. Як і у випадку з URL-адресами, структура «хлібних крихт» може допомогти розкрити довколишній контент, але більш зручним способом.
- контекстні підказки: дата, теги, значки та інші символи та знаки можуть використовуватися для розміщення інформації в правильному контексті, як в часі, так і в інформаційній архітектурі сайту.
- візуальні зміни дизайну. Колірна кодування, зміни в брендінгу та інші видимі відмінності можуть сигналізувати про зміну місця розташування. Кольорове кодування (де переважає колір змінюється в залежності від розділу сайту) зазвичай зустрічається на сайтах з різко відрізняються типами контенту. Наприклад, журнали, новинні сайти і багато організацій використовують зміни кольору і бренду, щоб розрізняти функції, відділи та сімейства продуктів.
- кроки: кроки перевірки або інші послідовні потоки завдань зазвичай позначаються і нумеруються на індикаторах ходу виконання. Ці індикатори кроку зазвичай розташовуються горизонтально над сторінками додатка або відображаються у вигляді вертикального списку зліва. Вони показують як всю послідовність кроків, так і який крок ви виконуєте зараз, щоб допомогти правильно встановити очікування.
Тест для ефективної сигналізації розташування
Багато веб-дизайни використовують індикатори розташування, які занадто тонкі, щоб добре спілкуватися. Дизайнери помічають все в своїх розробках і мають чітку уявну модель структури сайту. Вони знають, як пересуватися по сайту, і їм не потрібна орієнтація, тому їм важко побачити дизайн, як це роблять інші. Відвідувачі веб-сайту, з іншого боку, можуть бути новачками на сайті, або вони можуть використовувати його нечасто, так що все там є новим і потенційно цікавим. З цієї причини сигнал, який може здатися відволікаючим очевидним для дизайнера, часто навіть не помічається відвідувачем. Люди легко ігнорують тонкі зміни.
Для нових веб-дизайнів тестування орієнтації на місце розташування найкраще проводити, коли візуальний дизайн вашого сайту знаходиться в стадії високої точності. Демонструйте реальний контент з усіма типами відволікаючих чинників, які, як очікується, будуть існувати, коли веб-сайт працює, особливо з рекламою, анімацією та фотографіями, оскільки саме ці елементи дизайну, швидше за все, впливають на те, на що люди звертають увагу.
Як перевірити ефективність сигналу розташування
Покажіть людям різні сторінки на різних рівнях вашого сайту, по одному, без переходу до них.
Скажіть: «Уявіть, що ви тільки що прийшли на цю веб-сторінку. Де ти на сайті?
Якщо вони дають відповідь (правильний або неправильний), запитаєте: «Як ви можете сказати?»
Якщо вони кажуть, що не впевнені, запитайте: «Що ви очікуєте побачити тут, щоб допомогти вам дізнатися, де ви знаходитесь?»
Якщо вони все ще не впевнені, де вони знаходяться, запитаєте: «Що б ви зазвичай робили, щоб дізнатися?»
