Як зробити сайт зручним
Правильне використання гіперпосилань є найважливішим фактором підвищення зручності сайту. Відомий фахівець із usability Якоб Нільсен стверджує, що навігація сайту повинна будь-якої миті надавати відвідувачу відповіді на три запитання:
1. Де я?
2. Де я вже був?
3. Куди я можу піти?
Основним джерелом трафіку для більшості сайтів є пошукові системи. Тому важливо, щоб відвідувач не тільки перейшов на внутрішню сторінку сайту з пошуковика, але відразу ж зміг зрозуміти, в якому підрозділі якого розділу та на якій сторінці він знаходиться.
При проектуванні сторінок необхідно враховувати ситуацію, коли користувач потрапляє на внутрішню сторінку сайту. Тому на будь-якій сторінці сайту повинні бути такі елементи:
логотип компанії, який є посиланням на стартову сторінку, а також короткий опис діяльності; центральна навігація, що відображає структуру основних інформаційних блоків сайту (розділів та підрозділів); форма пошуку по сайту. Якщо необхідно виключити влучення користувача з пошукової системи на певну сторінку, необхідно встановити заборону на її індексування пошуковими системами. Тобто розмістити в елементі HEAD тег META NAME = "robots" CONTENT = "noindex". Пошукові сервери повинні виключити таку сторінку з бази даних.
Класифікація елементів навігації
Всі засоби навігації діляться по відношенню до сайту на зовнішні та внутрішні. Зовнішні засоби реалізовані як кнопок браузера, управляючих переходами по сайту. Внутрішню навігацію можна поділити на основну та допоміжну. Центральний елемент основної навігації – це панель або меню переходів.
Якісна допоміжна навігація маєвключати посилання, що ведуть на попередній розділ, на сторінку з вмістом розділу та на головну сторінку сайту.
Приміром, це зручно представляти у вигляді пройденого шляху: "Головна побутова техніка Соковижималки Moulinex".
Для поділу ланок навігації не рекомендується використовувати символи ":" та "", тому що. вони не інформують про вкладеність та підпорядкованість сторінок. Оптимальним варіантом буде вибір як роздільники "/" або ">".
Корисно заповнювати для посилань атрибут title, який при наведенні покажчика миші виводить підказку з описом посилання. Іноді окремий тип виділяють посилання глобальної навігації, які ведуть на сторінки типу About us, Contact us тощо.
Глобальні посилання мають бути доступні з будь-якої сторінки сайту. Причому часто такі посилання мають і вгорі сторінки, і внизу.
URL як елемент навігації
URL'и сайту зручні для користувача, якщо назви каталогів та файлів є інформативними. Наприклад: www.macromedia.com/software/dreamweaver/tutorial/links.html.
Якщо в URL використовуються нумеровані сторінки або підкаталоги, наприклад "page_1", то змінивши цифру, можна швидко потрапити на потрібну сторінку. Тому використання простих і логічно структурованих URL також полегшує користувачам навігацію по сайту.
Багато сторінок містять зовнішні посилання, за допомогою яких користувачі переходять на інші сайти. Таким чином, реалізується базова філософія Всесвітньої павутини, яка полягає у взаємопов'язаності ресурсів один з одним. Зазвичай зовнішні та внутрішні посилання не відрізняються оформленням. Проте рекомендується виділяти посилання, які ведуть інші ресурси. Для цього можна, наприклад, розмістити поруч із посиланням будь-який графічний значок.
Основне спірне питання щодо зовнішніх посилань полягає в тому, в якому вікні відображати їх вміст. Багато хто вважає відкриття зовнішнього посилання в новому вікні поганим тоном, вважаючи що, якщо ресурс заслуговує на увагу, то користувач на нього все одно повернеться. Однак існує й протилежна думка. Процес навігації по сайту, як і процес осмислення та засвоєння інформації, що відображається на ньому, не повинен перериватися переходом на інші ресурси. А це і є найнешкідливіший спосіб утримати відвідувача на сайті, діючи згідно з правилом: новим сайтом - нове вікно.
Посилання, що містяться в тексті, не повинні збігатися з ним за оформленням. Якщо в тексті використовується підкреслення та посилання, оформлені таким же чином, то виявити команду гіпертекстового переходу можна лише старанно поводивши по тексту покажчиком миші. Підкреслення в тексті використовувати взагалі не рекомендується, оскільки багато користувачів звикли сприймати підкреслення на веб-сторінках саме як гіперпосилання.
При цьому навігаційні елементи сайту повинні бути легко впізнавані. Око користувача має однозначно виділяти їх серед інших елементів сторінки. Якоб Нільсен досі рекомендує використовувати для оформлення посилань класичний, але вже морально застарілий стандарт: синій колір букв і підкреслення. Це питання спірне, тому однозначної рекомендації тут не може бути. Проте в даний момент, коли можливості налаштування зовнішнього вигляду елементів сторінок за допомогою CSS практично необмежені, з Нільсеном важко погодитися.
Крім того, фізіологи стверджують, що сприйняття яскраво-синього кольору оком людини обмежене через малу кількість рецепторів, що сприймають довжину хвилі синього кольору. На їхню думку, ступінь читабельності синього кольору,монітора, що сприймається з екрана, досить низька в порівнянні з іншими кольорами.
Питання вибору кольору для відвіданих посилань дещо менш актуальне. Тут головне, щоб користувач однозначно ідентифікував посилання, якими він уже переходив. Для "відпрацьованих" посилань можна використовувати менш насичений колір, ніж активні посилання, або колір, близький до кольору основного тексту і навіть фону сторінки.
Таким чином, проектування навігації є одним з найважливіших моментів розробки сайту, що відповідає вимогам usability. Якщо навігація сайту не логічна як за структурою, так і оформленням, то основним способом орієнтації на сайті буде "метод тику". А це зовсім недоречно у такому динамічному середовищі, як Інтернет. При цьому порушуватиметься основна умова роботи з сайтом - оперативне отримання інформації при мінімумі витрат часу та ресурсів.
Зробити якісний сайт ви завжди можете звернувшись до нашої компанії! Залишити заявку прямо зараз!