Оригінальний варіант навігації на сайті. Вирішення завдання. Концепт «deep».
Початок статті було покладено тут habrahabr.ru/blog/ui_design_and_usability/41824.html. Там я описував ситуацію, проблему і постановку завдання. У цій статті я пропоную своє рішення.
У моїй першій статті ganzer висловив думку, схожу з тією, що прийшла в голову мені: «Пропоную розмістити весь сайт і сервіси на одній сторінці». Так це так! У цьому щось є. Інший користувач 366 дав посилання на Webby Awards номінація «Навігація і Структура». Я подивився на них і зрозумів, що простотою і доступністю вони не відрізняються. Це чудові зразки технічної думки, майстерності програмістів і дизайнерів. Це майже мистецтво, але я знаходжу, що як і будь-яке мистецтво в повсякденній роботі такі техніки просто надлишкові, незвичні, незвичні і навіть відштовхуючі. У своїй першій статті я описував цільового користувача як «звичайна, середня людина без будь-якої технічної підготовки». Користувач, на якого орієнтується мій ресурс іноді навіть на Ви з вебом і комп'ютером, його цілком може злякати все те новаторське виконання, яке присутнє, наприклад, на сайті www.schematic.com або у переможця www.ted.com.
Окремо хочу згадати номінанта www.blenderbox.com. В ідеях навігації цього сайті є те, що я хотів би бачити в своєму рішенні: контекст сформований користувачами. Як ви переконаєтеся, мій концепт у чомусь схожий з рішенням сайту www.blenderbox.com.
Спочатку кілька вступних слів з приводу основного стояла завдання - навігації і, як основної причини навігації, пошуку інформації. Особисто мені пошук інформації на сайті нагадував ловлю риби, такої собі золотої рибки. Золотою рибкою в цьому випадку, очевидно, є кінцевий URL, на якому користувач знайде інформацію, що його цікавить. У такому випадку сайт - це якийсь ставок, в якому водиться велика кількість риби і тільки одна або кілька є золотими, тобто необхідними. Як і в ставку, на сайті є поняття глибини, як і в ставку, чим глибше золота рибка, тим більше необхідно зробити дій, щоб зловити її. Така ось проста концепція.
Я представляю на ваш суд свою реалізацію ставка з золотими рибками: концепт «deep», який розташований за адресою www.bankinform.ru/deep (не вважайте за рекламу, ресурс все одно регіональний).
- deep надає максимально швидкий спосіб зловити золоту рибку (тобто перейти на необхідний URL). Після завантаження deep працює без найменших пауз, немає запитів на сервер, deep не робить навіть ajax-запитів;
- концепт deep простий: по суті це звичайні гіперлинки. Навігація з боку користувача не представляє труднощів, всі дії знайомі будь-кому хто побував хоч на одному сайті;
- deep з самого початку зрозумілий, в реалізації deep не використовуються ні flash ні silverlight ні будь-які інші технології. Використання deep не схоже на використання новаторських, оригінальних або екстравагантних концепцій навігації. Все що робить користувач і все що він спостерігає - це стандартні дії у вебе, які користувач проробляє кожен день по багатьому разу. Завдяки знайомим елементам з техніки «хмара тегів» навігація в deep стає ще більш інтуїтивно зрозумілою;
- зрештою, deep оригінальний, я не бачив подібної реалізації ніде.
Коментарі:
- я прошу не звертати уваги на зовнішній вигляд і реалізацію всього іншого наповнення сайту;
- якщо ви десь стикалися з такими ж або схожими реалізаціями навігації - обов'язково повідомте мене;
- не слід плутати deep з хмаром тегів. У deep взагалі немає концепції тегів, інформація ніде не теггується і схожість випливає з залежності контексту від дій користувача (це одне із завдань);
- у разі, якщо виникне потреба, я міг би написати ще одну статтю з описом внутрішньої реалізації деяких концепцій deep;
- deep - це концепт, якась alpha-версія, яка підлягає подальшій технічній оптимізації (скрипти і css). Але разом з тим, зараз deep повністю реалізує те, що потрібно.
PS: «у статті немає помилок!» - на жаль стверджувати цього неможливо, але я буду радий, якщо ви звернете мою увагу на знайдену вами помилку.
