Чтобы не обвинили в том, что заглядываюсь на других, а в своем глазу ошибок не видать, поведаю грустную историю о юзабилити любимого сайта Кино-Театр.РУ. И то, что при разработке дизайна казалось светлой прогрессивной идеей, на поверку достаточно сильно влияет на количество внутренних переходов и на возможность удержания посетителей на сайте.

Речь пойдет о дизайне горизонтальных закладок как навигационного меню разделов на внутренних страницах сайта.

Когда проектируется дизайн важно тестировать уже нарезанный продукт тщательнейшим образом на обычных посетителях вне проектной команды. Необходимо подключить к тестированию всех кто может кликать кнопкой мышки, людей всех возрастов и образований. И не просто подключить шаблон — необходимо «натянуть» дизайн на несколько страниц, чтобы можно было походить и прощупать шаблон в рабочем состоянии. Возможно, сделать параллельное тестирование нового дизайна наравне со старым.

С Кино-Театром.РУ все обстояло немного иначе — необходимо было просто немедленно что-то решать с дизайном, сроки запуска проекта поджимали, поскольку все спешили быстрее запуститься. Отсюда период тестирования нового дизайна был пропущен и по сути дизайн был запущен так, как был разработан и как понимался проектной командой.

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

По ходу разработки шаблона дизайна возникла идея реализации меню разделов горизонтально в виде закладок над верхним краем информационной страницы.


Т.е. Главное меню призвано было перенести пользователя в раздел, внутри которого предполагалось движение по закладкам. Это было ключевой ошибкой, хотя проектная команда даже не сомневалась, что способ навигации однозначно удобен и в вопросе юзабилити, и в вопросе реализации интерфейса.

Проблема была в том, что посетители не поняли, что на закладки можно кликать!!!

А нет кликов — нет внутренних переходов. Нет внутренних переходов — проблемы с релевантностью и возвратами.

Сложно сказать сколько посетителей потерял сайт из-за глубокой уверенности проектной команды в истинности выбранного решения внутреннего меню разделов.

Ошибку бы не заметили просто никогда, если бы не внесли небольшое изменение в дизайн разделов — добавили в левом столбце раздела выпадающий список, дублирующий систему закладок. Резкий скачок буквально на 15% внутренних переходов в первый же день выявил ошибку дизайна.

Возможно, закладки получились слишком маленькими и надо было, как в учебнике, сделать их более «рослыми» и «рубленными» с одного края. Возможно, надо было подчеркиванием выделить заголовки закладок, чтобы посетитель интуитивно понял, что это ссылка.

Сейчас на сайте более 105 000 человек ежедневно и более 600 000 внутренних переходов, сайт стабильно находится в TOP 5 Рейтинг@Mail.ru: Киноискусство (место правильное, статистика количества — заходите ближе к 12-ти ночи). И в любом случае, вскоре сайт ожидает редизайн, потому ошибка уйдет сама собой. Но вот такая ошибка использования закладок для горизонтальной навигации была, и в том числе повлияла на сложность продвижения сайта в ТОП 10 кино-порталов СНГ.

p.s. : Сложно сказать стоит ли отказываться от горизонтальных закладок для навигации вообще в дизайне и в дизайне меню в частности. Но подобные визуальные эксперименты все же лучше либо свести к минимуму, либо продублировать систему закладок дополнительными средствами и посмотреть какой блок более кликабелен.

 


 

Оставить комментарий