Search
Write a publication
Pull to refresh

Оригинальный вариант навигации на сайте. Решение задачи. Концепт «deep».

Reading time3 min
Views949
Начало этой статье было положено здесь 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 c облаком тэгов. В deep вообще нет концепции тэгов, информация нигде не тэггируется и похожесть вытекает из зависимости контекста от действий пользователя (это одна из задач);
— в случае, если возникнет потребность, я мог бы написать еще одну статью с описанием внутренней реализации некоторых концепций deep;
— deep — это концепт, некая alpha-версия, которая подлежит дальнейшей технической оптимизации (скрипты и css). Но вместе с тем, сейчас deep полностью реализует то, что требуется.

PS: «в статье нет ошибок!» — к сожалению утверждать этого невозможно, но я буду рад, если вы обратите мое внимание на найденную вами ошибку.
Tags:
Hubs:
Total votes 11: ↑6 and ↓5+1
Comments35

Articles