Rose debug info
---------------

Давайте дружить! Я в соц сетях

Упрощение навигации с помощью автокомплита и подсказок

Когда работаешь над сайтом, который генерирует десятки или сотни тысяч страниц, то крайне важно обеспечить пользователю быстрый доступ к любой странице. Рассмотрим сначала самый длинный путь на сайте mybreeze.net

Задача: найти город Москва


Самый долгий путь — это искать через меню и пагинацию. Меню на сайте вложенное, так как логически правильно структурировать города по странам и континентам. На втором уровне меню выведены континенты. Далее, навигация уже в контентной области.
Получается, что когда пользователь хочет узнать долготу дня в Москве, ему нужно выбрать континент Европа, страну Россия, и он увидит список городов, отсортированных по алфавиту.

Всего 700 городов России, разбитые постранично с помощью пагинации по 30 штук на странице. Если переходить постранично, то нужно будет сделать еще несколько кликов пока найдется Москва. Такая навигация крайне неудобна.

Что я сделал для упрощения поиска города


Уже на уровне континента я добавил форму автокомплита. То есть пользователю достаточно ввести первые символы названия города и он получит результаты в виде списка подходящих городов.

Как видим на скрине, после ввода двух букв «мо», город Москва находится на 4 позиции. Получается, пользователь может кликнуть на любой континент в меню и ввести две буквы, чтобы найти город Москва.
Автокомплит добавлен и на уровне страны, если вдруг пользователь напрямую попал на страницу страны или не заметил автокомплит на уровне континента.
Чтобы сделать навигацию еще более удобной, я добавил к автокомплиту на уровне страны ссылки на три самых крупных города текущей страны, поскольку крупные города ищут гораздо чаще, чем более мелкие.

Я считаю, что в больших сайтах использование автокомплита целесообразно, как минимум в 90% случаев.

Подписаться на блог
Поделиться
Отправить
Запинить