Андрей Мисюк
По оценкам экспертов, в среднем 70% посетителей просматривают только одну страницу сайта, после чего уходят и не возвращаются. Это значит, что большинство сайтов не соответствует ожиданиям потребителей, сделаны неудобно, непонятно и с нарушениями логики. Ниже я собрал семь типичных ошибок в структуре и навигации онлайн-СМИ, которые, казалось бы, лежат на поверхности, но которые, увы, повторяются от одного сайта к другому.
По материалам авторского семинара «Как создать сайт газеты» для муниципальных газет г. Москвы, разработанного по заказу Гильдии издателей России (ГИПП) и Правительства Москвы (2012 г.). Текст будет полезен в первую очередь руководителям, главным редакторам и редакторам региональных и муниципальных онлайн-СМИ, руководителям веб-проектов, интернет-маркетологам.
Ошибка 1: Громоздкое меню
Как видно из примера ниже, верхнее меню сайта организовано в виде большой всплывающей плашки, закрывающей почти половину экрана. Такая плашка раздражает потребителя, поскольку не позволяет наблюдать за изменением страницы при кликах на рубрики и подрубрики.
Кроме того, в боковом меню слева дублируются подразделы из плашки, но к ним добавляются еще и собственные подразделы, в результате чего меню становится трехуровневым, а перемещение по нему только усложняется. Чтобы перемещаться по такому сайту, потребителю нужно: 1) много читать (много подразделов, много длинных названий), 2) соотносить верхнее и боковое меню (сначала с удивлением обнаружить, что они дублируются, а затем – что дублируются не полностью) и 3) постоянно удерживать в голове громоздкую структуру.
Потребитель путается, у него накапливается «усталость», и это приводит к скорому уходу с сайта и нежеланию возвращаться.
NB: Как сделать организацию меню более логичной и легкой для потребительского восприятия?
Все зависит от сайта, но есть несколько универсальных советов: 1) не дублируйте меню, чтобы не путать потребителя; 2) откажитесь от огромных всплывающих плашек, закрывающих 1/3 – 1/2 экрана (есть другие решения: скажем, когда при клике на верхнее меню с разделами появляется отдельное боковое меню данного раздела); 3) ограничьте количество подрубрик – пусть их будет 5-10, но уж никак не двадцать; 4) ограничьте количество уровней меню: три уровня – это максимум.
Ошибка 2: «Тройное» меню
Продолжением предыдущей ошибки является еще более дробное меню, представленное, к тому же, с трех «сторон»: вверху, в левой колонке и в правой колонке.
Такое меню совсем не облегчает пользование сайтом. Посетитель не понимает, «куда смотреть», как разделы трех меню соотносятся друг с другом и куда он попадет, кликнув на какой-то из пунктов.
«Тройного меню» на сайте быть не должно.
Ошибка 3: Длинные названия рубрик
Действительно, рубрика не должна называться так многословно: «Регламент рабочей группы Городской комиссии по упорядочению размещения неровностей в городе Москве» (я сейчас не про смысл, хотя он тоже прекрасен), «Установка водосчетчиков как способ экономии оплаты ЖКУ» и т.д. Если проводить аналогии с печатной газетой, то я бы сказал, что в рубрики здесь попали заголовки статей.
Лаконичные рубрики улучшают навигацию, длинные – значительно ухудшают.
NB: Как придумать рубрики для сайта?
1. Делайте рубрики только для содержательных разделов: если в раздел входит одна статья, то, вероятно, незачем ее выносить в отдельный раздел и, соответственно, делать отдельную рубрику.
2. Рубрика должна состоять из 1-3 слов, не больше.
3. Различайте рубрики и заголовки: рубрикой не может быть длинное повествовательное предложение, а уж тем более восклицательное или вопросительное.
4. Посмотрите, какие рубрики есть у конкурентов, скопируйте или адаптируйте для себя удачные решения.
Ошибка 4: Материалы сайта отсортированы по номерам печатной газеты
В этом случае сайт представляет собой «склад номеров» газеты. Причем сквозная навигация по материалам отсутствует: невозможно найти все материалы на интересующую тему, можно только искать выпуски по датам или порядковым номера, а внутри них искать статьи.
Такой подход идет в разрез с поведением потребителя в Интернете: посетитель заходит на сайт не для того, чтобы найти тот или иной номер газеты в онлайн (таких крайне мало), а чтобы найти конкретный материал или материалы по конкретной теме (скажем, новости района). Сортировка по номерам также делает неудобным поиск: человек не обязан помнить, в каком номере был тот или иной материал, а уж тем более не обязан помнить, какие номера в какие даты выходили.
Откажитесь от деления материалов на сайте по номерам. Размещайте материалы не по аналогии с печатным продуктом, а с информационными сайтами (посмотрите, как устроены информационные порталы на любую тему). Номера же газеты для скачивания или просмотра в онлайне можно сделать отдельным разделом, причем далеко не основным.
Ошибка 5: Нелогичная структура
Зачастую на сайтах информация находится в «труднодоступных» местах, причем логика размещения ее там непонятна.
Например, кому придет в голову искать информацию «о погребении ветеранов» в разделе «Социальная сфера»? Или материалы по экономике «Антикризис» – в разделе «Сфера услуг»? А в каком разделе вы будете искать «Приватизацию в режиме «одного окна»? Вероятно, в разделе «Услуги»? Нет, не угадали – «Управа района».
Проверьте раздел за разделом свой сайт на логичность. Протестируйте на человеке, который не работает с вами над созданием сайта, а лучше постарайтесь найти представителя вашей целевой аудитории, и протестируйте доходчивость структуры сайта на нем.
NB: Как проверить структуру сайта на логичность?
Найдите типичного посетителя сайта среди своих знакомых или родных и попросите его открыть сайт и найти на нем ту или иную информацию. Понаблюдайте за ним в этот момент: сколько времени занял у него поиск? какие неправильные действия он совершил? что вызывало неудобство и раздражение? По итогам теста на 2-3 человеках вы сможете внести на сайт существеНные улучшения.
Ошибка 6: Нельзя понять, где ты находишься
Перед вами пример страницы, место которой по отношению к другим страницам сайта непонятно. Если для вас эту страницу открыл кто-то другой или вы отвлеклись от компьютера, а потом вернулись снова, то понять, в каком разделе вы находитесь и как вернуться назад, крайне проблематично.
Посетитель должен в каждый момент своего нахождения на сайте знать «координаты» своего нахождения и иметь возможность быстро вернуться в любую точку своего «путешествия» по сайту.
NB: Как помочь посетителю сориентироваться на сайте?
Обязательно размещайте на сайтах breadcrumbs – элемент навигации, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. Обычно имеет такой вид:
Главная страница → Раздел → Подраздел → Текущая страница
Подробнее
Ошибка 7: Разный дизайн страниц
Перед вами один и тот же сайт. Обратите внимание на его дизайн: дизайн двух страниц одного сайта абсолютно разный.
Разный дизайн обескураживает посетителя: ему кажется, что он случайно щелкнул не туда, и попал на другой сайт. Возможно, он попробует несколько раз вернуться и нажать ту же ссылку снова, или же будет долго вчитываться в новую страницу, пока убедиться, что это то, что нужно, или же он уйдет с сайта, не разобравшись.
Делая разный дизайн страниц, вы рискуете потерять посетителя.