Способи покращення навігації сайту
Переклад статті: How to improve site navigation.Автор: Dan Rajan.
Якщо уявити сайт у його первозданній формі, знявши на мить з нього зовнішню оболонку, якою є його контент та графічні елементи, то перед користувачем постане лише його навігаційна структура. Вона є клікабельними посиланнями, що переміщують користувача на інші сторінки сайту, які в свою чергу містять ще більше посилань. При цьому найбільш важливим компонентом такої структури є елементи головної навігації вашого сайту, оскільки вона надає доступ до сторінок, які містять найбільш значущий вміст ресурсу.
Будьте традиційними.
Будь-який гідний дизайн вимагає хорошої організації його компонентів. Вам необхідно проаналізувати всю пропоновану користувачеві інформацію та поділити її на певні секції. Ця процедура є стандартною для веб-дизайнерів, і якщо тільки ваш сайт не представлений однією сторінкою, як це реалізується на сайтах з ефектом паралаксу, ви захочете розмістити ці фрагменти інформації на окремих сторінках, доступ до яких зазвичай здійснюється через головну навігаційну панель, що полегшує процес сприйняття інформації. Стандартним рішенням в цьому випадку є горизонтальна панель, що розміщується в заголовній частині. Ви, ймовірно, думаєте, що використовуючи пікантні та незвичайні елементи навігації, вам вдасться залучити користувача або ж вважаєте, що зможете кардинально змінити усталений спосіб представлення «навігації», зробивши її зручнішою шляхом створення одного посилання, яке згодом поділяється на кілька вкладених посилань. Це не спрацює.
Переважна більшість користувачів не бажають напружуватися під час взаємодії з сайтом, і всупереч вашимочікуванням, вони припускають, що зіткнуться зі стандартною формою інтерфейсу користувача. Наскільки мене залучають інноваційні дизайнерські рішення та методи навігації, настільки вони відштовхують середньостатистичного користувача, котрий зіткнувшись із цим явищем, одразу ж відключається. Простіше кажучи, використовуючи нестандартний інтерфейс головного навігаційного меню, миттєво підвищуєте показник відмов сайту. Найважливішим моментом у разі є не новизна стилю оформлення, яке консерватизм. Наявність навігаційної панелі на кожній сторінці сайту дуже важлива, особливо в поєднанні з постійністю в її розміщенні, оскільки вона є основним інструментом, що визначає можливості користувача в процесі переміщення сайтом.
Ви, мабуть, вже вловили думку, яку я намагаюся довести до вас — незважаючи на те, що першорядною властивістю веб-дизайну є його унікальність, проте на область сайту, що відповідає за навігацію, це не повинно поширюватися.
Будьте очевидні.
Другою поширеною помилкою є прирівнювання навігації до контенту, ніж вона, звичайно, не є. Уявіть, наприклад, ситуацію, коли вас запрошують на вечір, де все, здавалося б, ідеально організовано — вишукана їжа, цікаві люди, спілкування, але заздалегідь отримане вами запрошення ніяким чином не дозволяє вам зрозуміти, що вас чекає насправді. Тобто замість того, щоб повідомляти вам про місце, час та спрямованість заходу, запрошення містить лише його загадкову назву типу «Вечірка століття плаксивого Джона». У вас має скластися враження. Елементи навігації повинні мати описовий характер, адже це лише посилання і люди повинні знати, що очікувати після їх активації. До того ж не забувайте,що навігація є дуже важливою частиною SEO, тобто, якщо хтось набере в полі пошукового запиту фразу «наші товари», то він потрапить на сторінку, що представляє ваші товари, якщо тільки ви не застосуєте більш вишукане та унікальне для відповідного посилання навігації ім'я — «наші творіння», або щось таке.
Погляньте на сайти, які удостоєні високих нагород за дизайн, ви одразу помітите, що вони порушують як мінімум одне з представлених мною правил побудови навігації. Незважаючи на всі, властиві їм прийоми типу вільного простору та вишуканого дизайну, які є дуже ефективними, вони йдуть урозріз з таким поняттям як юзабіліті. Цей тип слабко функціональних сайтів має на увазі використання методу, який в індустрії веб-дизайну відомий під принизливим терміном Mystery Meat Navigation (MMN) або"Складна для сприйняття навігація". Зовні це може виглядати вражаюче, і бути цілком обґрунтованим для дизайнера: «Невже незрозуміло, що при переміщенні курсору миші в ліву область сторінки та на відстань 45,1 сантиметра вниз призведе до появи посилань, що ведуть на сторінку, в якій висвітлюється моя політична думка ? І цілком очевидно, що там знаходиться огляд моєї улюбленої книги "Фаренгейт 451", яка відображає ліві політичні погляди, які я поділяю».
Не розпилюйтесь.
У той час як я вже радив вам раніше, що з метою забезпечення необхідного рівня комфорту для користувача та максимального зниження випадків відмови сайту (за умови, що ви надаєте гідний контент), необхідно звернути увагу на деякі навігації, які часто використовуються, яких слід уникати .
Головним винуватцем в даному випадку є страшне меню, що випадає, і ситуація ще більшепосилюється, якщо не передбачено окремий інтерфейс для мобільних пристроїв. Це, як правило, не створює жодних проблем для пошукових машин і, загалом, не є нею для користувача, якщо така поведінка меню не буде для нього несподіванкою. Спочатку люди бачать лише верхні (батьківські) посилання і роблять свій вибір виходячи з того, що є, а потім раптом з'являється можливість переходу на низку інших сторінок. У жодному разі не включайте у головне меню посилання на вкладені дочірні сайти, що вносить елемент хаосу у вашу навігацію. На цьому також ґрунтується відоме твердження в галузі SEO, що говорить про те, що наявність зайвої кількості посилань призводить до витоку ваги ресурсу і як наслідок негативно позначається на його трафіку. Якщо ж вам все-таки необхідно вмістити в рамки стандартної навігаційної панелі більше посилань, ніж вона може містити, то можна зробити висновок, що ви використовуєте неякісний і роздроблений контент, який в результаті може стати причиною проблем у майбутньому.
Будьте короткими.
Якщо ви все ще не знаєте, майте на увазі, що присутність у навігаційному меню ряду вертикально розташованих елементів є ключовим моментом у питанні його зручності. Зловживання ними найбільш характерно для навігаційних меню, виконаних у вигляді бічних колонок, тобто коли дизайнери вважають, що можуть розтягувати їх до невизначених розмірів вниз, виправдовуючи таку поведінку тим, що для користувача вертикальна прокручування — це звична справа. Тепер, з урахуванням всього вищесказаного, припустимо, що ваше меню легко відоме користувачем, тоді використання в ньому по можливості меншого числа елементів дозволить йому запам'ятати їх на певний період. Це робить ваш сайт зручнішим у використаннідля середньостатистичного користувача, тому що він при необхідності легко зможе пригадати, що являють собою основні сторінки, на які ведуть посилання вашого головного меню.
Вже давно встановлено, що короткострокова людська пам'ять здатна зберігати лише 7 об'єктів протягом 20 секунд, а це означає, що розмір навігаційного меню необхідно обмежувати сімома елементами або того менше. Маючи, таким чином, логічне пояснення і відсутність бажання обтяжувати навігаційне меню більшим числом елементів, можна зробити висновок, що якщо у вас є посилання, що відносяться безпосередньо до вашого сайту, то ті з них, з якими відвідувачі знайомі найбільше, ви можете змістити в менш важливі області навігаційної панелі (детально цієї теми ми торкнемося пізніше). Таким чином, користувачі не докладатимуть особливих зусиль для їх пошуку, оскільки будуть вже добре знайомі з їх розташуванням.
Дотримуйтесь стандартів.
У нинішній вік панування Google , всі ми чудово знаємо, наскільки важливим для нас є питання хорошої SEO оптимізації сайту. Під поняттям «хороша оптимізація» я не маю на увазі компроміс між якістю контенту та високими позиціями ресурсу в пошукових видачах, оскільки це буде випадок невдалої SEO оптимізації. Питання оптимізації вашого сайту не обов'язково передбачає використання максимально прийнятної кількості ключових слів і тому подібних речей, стосовно навігації сайту він може полягати у виключенні випадків використання кнопок як її елементів. При створенні навігаційної системи ресурсу завжди використовуйте посилання, це є гарним довгостроковим дизайнерським рішенням, яке до того ж враховується пошуковими машинами.
Більшетого, це також покращує ваш сайт з точки зору юзабіліті (звісно ж, за умови, що ваш дизайн досить гарний). Наприклад, користувачі з поганим зором, які збільшують розмір шрифту у браузері, можуть лише виграти від такого рішення. Це ж стосується і користувачів мобільних пристроїв, яким не доведеться чекати завантаження зображень, що використовуються для оформлення кнопок, а після кліка знову не чекати завантаження інших зображень, що відповідають їхньому активному стану (що стосується останнього доводу, то ця проблема легко вирішується за допомогою CSS спрайтів ). У продовження теми використання кнопок, що містять зображення, як елементи навігації можна сказати, що застосування з цією ж метою просто зображень, що не передбачають альтернативний текст, теж є поганою ідеєю. Подібні способи побудови навігаційної системи не рекомендовані до використання, оскільки в її оформленні повинен бути текст і як багаторазово згадувалося вище, у стандартній, звичній для користувача формі.
Будьте послідовні.
Висновок.
Хоча всі ці поради є актуальними стосовно більшості традиційних сайтів і сприяють поліпшенню юзабіліті для середньостатистичного користувача, все-таки не слід сприймати їх як Євангеліє. Кожен існуючий сайт та дизайн по-своєму унікальний, а значить, у певних випадках можна лише виграти, проігнорувавши деякі з перерахованих вище принципів. Незважаючи ні на що в першу чергу робіть сайт зручним, а вже потім привабливим, це знизить показник його відмов і дозволить безболісно розвивати те, що вже є.