Чтобы не обвинили в том, что заглядываюсь на других, а в своем глазу ошибок не видать, поведаю грустную историю о юзабилити любимого сайта Кино-Театр.РУ. И то, что при разработке дизайна казалось светлой прогрессивной идеей, на поверку достаточно сильно влияет на количество внутренних переходов и на возможность удержания посетителей на сайте.
Речь пойдет о дизайне горизонтальных закладок как навигационного меню разделов на внутренних страницах сайта.
Когда проектируется дизайн важно тестировать уже нарезанный продукт тщательнейшим образом на обычных посетителях вне проектной команды. Необходимо подключить к тестированию всех кто может кликать кнопкой мышки, людей всех возрастов и образований. И не просто подключить шаблон — необходимо «натянуть» дизайн на несколько страниц, чтобы можно было походить и прощупать шаблон в рабочем состоянии. Возможно, сделать параллельное тестирование нового дизайна наравне со старым.
С Кино-Театром.РУ все обстояло немного иначе — необходимо было просто немедленно что-то решать с дизайном, сроки запуска проекта поджимали, поскольку все спешили быстрее запуститься. Отсюда период тестирования нового дизайна был пропущен и по сути дизайн был запущен так, как был разработан и как понимался проектной командой.
Сайт был реализован в теплых уютных тонах, тщательно подбирались цвета для читабельности, подбиралась расстановка элементов, стиль блоков, разделов, форм, эпизодов. Причем, после запуска работа не закончилась и продолжалась несколько лет.
По ходу разработки шаблона дизайна возникла идея реализации меню разделов горизонтально в виде закладок над верхним краем информационной страницы.
Т.е. Главное меню призвано было перенести пользователя в раздел, внутри которого предполагалось движение по закладкам. Это было ключевой ошибкой, хотя проектная команда даже не сомневалась, что способ навигации однозначно удобен и в вопросе юзабилити, и в вопросе реализации интерфейса.
Проблема была в том, что посетители не поняли, что на закладки можно кликать!!!
А нет кликов — нет внутренних переходов. Нет внутренних переходов — проблемы с релевантностью и возвратами.
Сложно сказать сколько посетителей потерял сайт из-за глубокой уверенности проектной команды в истинности выбранного решения внутреннего меню разделов.
Ошибку бы не заметили просто никогда, если бы не внесли небольшое изменение в дизайн разделов — добавили в левом столбце раздела выпадающий список, дублирующий систему закладок. Резкий скачок буквально на 15% внутренних переходов в первый же день выявил ошибку дизайна.
Возможно, закладки получились слишком маленькими и надо было, как в учебнике, сделать их более «рослыми» и «рубленными» с одного края. Возможно, надо было подчеркиванием выделить заголовки закладок, чтобы посетитель интуитивно понял, что это ссылка.
Сейчас на сайте более 105 000 человек ежедневно и более 600 000 внутренних переходов, сайт стабильно находится в TOP 5 Рейтинг@Mail.ru: Киноискусство (место правильное, статистика количества — заходите ближе к 12-ти ночи). И в любом случае, вскоре сайт ожидает редизайн, потому ошибка уйдет сама собой. Но вот такая ошибка использования закладок для горизонтальной навигации была, и в том числе повлияла на сложность продвижения сайта в ТОП 10 кино-порталов СНГ.
p.s. : Сложно сказать стоит ли отказываться от горизонтальных закладок для навигации вообще в дизайне и в дизайне меню в частности. Но подобные визуальные эксперименты все же лучше либо свести к минимуму, либо продублировать систему закладок дополнительными средствами и посмотреть какой блок более кликабелен.