Принципи ефективної системи web-навігації

Хороша система навігації допоможе Вам орієнтуватися. Незвичайно важливо, щоб хороша система навігації допомагала Вам переміщатися по об'єктах мережі (сайтам :)) без головного болю. Незважаючи на те, що є деякі винятки, більшість web-сайтів виявилися б на мілині або б взагалі канули в лету без тонкої системи управління сторінками.

Чи є у Вас під рукою план вашого сайту? Давайте зробимо одну малоприємну річ. Винесіть його в окреме вікно, і нехай вікно буде відкритим, поки Ви Новомосковскете цю статтю. Пора піддати вашу систему управління сторінками ретельному дослідженню. Ми з'ясуємо, чи не втрачаєте Ви потенційних користувачів, дезорієнтувати і вводячи в оману.

Чи готові? Давайте протестуємо ваш сайт, відповідаючи на ряд фундаментальних питань.

Скільки турбот і хвилювань йде на пошук вдалого стилю системи навігації для верстки сторінок сайту? Під час обговорення веб-юзабіліті сайту, ви, напевно, почуєте, що ефективна система управління повинна відповідати ряду основних питань, що виникають у користувача:

У середньостатистичного користувача сайту, це питання на першому місці. Він виникає, можливо, на одну тисячну секунди, так як кожен, переходячи по посиланню, насамперед намагається зорієнтуватися. Тому одна з основних завдань навігаційної системи привернути увагу до того місця на сторінці сайту, де знаходиться відповідь на це питання.

Якщо система навігації не здатна зорієнтувати відвідувача, його збентеження ставить під питання придатність сайту.

Питання до тих, у кого зараз відкритий сайт: Відзначається чи в пунктах вашого меню поточна сторінка?

Найпростіший спосіб сказати про місцезнаходження користувача це маркування відповідного пункту меню або виділення кнопки іншим кольором.

Повторення творить чудеса!

Навіть якщо на поточній сторінці є заголовок, графічне зміна відповідного пункту меню зовсім не буде зайвим, так як повторення творить чудеса.

'' А де я вже був? ''

Навігаційні ланцюжка відмінно виконують завдання, так що відвідувач може легко і швидко визначити своє поточне місцезнаходження на сайті.

Сайт Wufoo найбільш ефективно використовує їх на сторінках розділу tour:

Завдяки ієрархічній навігації додавання нового шару сторінок не надає великої складності. Він просто прив'язується до кінця ланцюжка. Швидше за все, ви не візьметеся верстати сайт за таким типом навігаційної системи самостійно. Навігаційні ланцюжка є радше засобом орієнтування. ніж переміщення по об'єктах сайту. Використовуйте їх як додатковий елемент, але для чогось менш динамічного залиште основну систему навігації.

'' Куди я можу перейти? ''

Користувачеві необхідно знати, куди він може перейти з поточної сторінки. Це стає особливо важливим, якщо ваш відвідувач шукає щось особливе. І саме розчарування - вірний шлях, прогнати відвідувача з сайту.

Зміна виду і стилю посилання при наведенні курсору - найпопулярніший спосіб демонстрації пунктів меню.

'' Чому я повинен переходити за цим посиланням? ''

Просто вказати пункти меню не завжди достатньо. Додаткова інформація до кожного пункту меню підкаже користувачеві про вміст сторінки. Додаткові деталі можуть бути як у вигляді підтексту, так і у вигляді рядка-підказки, спливаючі при підведенні курсора до якого-небудь пункту меню.

Як пише Стів Круг в книзі Do not Make Me Think (Не змушуйте мене думати). що юзабіліті не завжди має на увазі надмірне роз'яснення. Він також зауважує, що середньостатистичному інтернет-користувачеві більше не треба писати '' Введіть сюди ключове слово '', коли йому потрібно скористатися полем пошуку. Ось де проявляється спільна робота стандартів і домовленостей.

Не варто вважати користувача новачком у Всесвітній павутині. Не забувайте про цей пунктик, коли будете вирішувати, яку додаткову інформацію додати.

Уникайте будь-яких незрозумілостей

"Mystery Meat" навігація ґрунтується на використанні неоднозначного або незрозумілого дизайну меню. Так само як крутиться кермо, розвиваються і різні напрямки в дизайні систем навігації. І подібна тенденція теж з'явилася не просто так. Коли використовується '' mystery meat '' меню, користувачеві доводиться орієнтуватися самостійно, здогадуючись і експериментуючи. Інтуїція і розум зовсім не потрібні.

Як бачите, можна проявити креативність, продовжуючи дотримуватися традицій. Але цей тип навігації далекий і від того і від іншого:

Ще раз погляньте на свій сайт. Тепер грунтуючись на ряд особливих показників, ви зможете оцінити корисність вашого сайту. Може якимось розділах тієї чи іншої сторінки не вистачає додаткової ясності?

П.С. Картинки клікабельні;)

5 останніх уроків рубрики "Юзабіліті"

Ви все ще користуєтеся поштовим маркетингом для просування свого бізнесу? Якщо немає, невже це наслідок того, що ви вважаєте розсилку недоречною для вашого бізнесу? Якщо ви все ж використовуєте розсилку, чи впевнені ви в тому, що вона максимально ефективна? Як і багато інших речей у житті, область маркетингу сповнена чуток і міфів, які звучать чудово, але в дійсності тільки шкодять. На щастя, згадані нижче приклади допоможуть значно поліпшити стратегії поштового маркетингу.

Думаю, ви як і я приділяєте купу часу, намагаючись удосконалити кожну деталь вашого сайту: від чудового відображення на різних пристроях, до створення цікавих сторінки 404! У той же час, ви колись замислювалися, що відбудеться, якщо користувач залишить поле пошуку порожнім, а потім натисне Enter?

Термін "розумна достатність" відноситься до схильності людини використовувати мінімальні ресурси для успішного завершення роботи. Це явище, яке здійснюється на підсвідомому рівні: найчастіше ми навіть не замислюємося про те, що зараз нам необхідно використовувати самий мінімум зусиль для виконання певного завдання.

UX залежить від безлічі факторів, але не існує ніякої наукової формули, яка підказала б вам, що той чи інший варіант вірний або помилковий. Ви єдині, хто може судити про це в залежності від того, чи відповідає UX підхід вашим потребам.

Ось. давно не було корисних статей) Як то не замислювався про те, що треба показати користувачеві початкове положення на сайті)

да да да да да да юзабіліті дуже корисно

Шановні панове. Підкажіть, яким чином реалізований пошук на даному сайті. у мене щось схоже, але цікаво як тут, бо у мене все замутнено. І взагалі вийшов би відмінний урок про реалізацію пошуку

сайти: 1 і 2 :) - це круто спасибі за урок

Дуже корисно! Дякуємо)

За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!