Дизайн — статьи о сайтах
Навигацию концертного зала проверяют не по тому, красиво ли нарисовано меню, а по тому, справляется ли с ним человек, который стоит на остановке с телефоном и хочет узнать, во сколько начало субботнего концерта и остались ли места. Если на ответ уходит больше пары касаний, меню нужно менять. Проверку можно провести самостоятельно, без специальных программ.
Начните со списка задач посетителя, а не с пунктов меню
Типичная ошибка: владелец открывает сайт, видит знакомые разделы и решает, что всё в порядке. Вы знаете, где что лежит, потому что сами это придумали. Посетитель так не умеет. Поэтому сначала выпишите, зачем люди приходят на сайт, а потом по очереди проверьте, как каждая задача решается с главной страницы и с внутренних страниц. Для проверки подойдёт любой человек, не связанный с залом: родственник, знакомый, новый сотрудник. Дайте задачу, не подсказывайте и наблюдайте, куда он нажимает.
Сценарии, которые нужно прогнать на сайте концертного зала
- Найти концерт на ближайшие выходные и узнать время начала.
- Выяснить, сколько стоят билеты и какие места доступны.
- Дойти до покупки или бронирования билета.
- Узнать программу вечера и состав исполнителей.
- Понять, как добраться до зала и где вход.
- Найти схему зала и посмотреть, откуда видна сцена.
- Найти информацию об абонементах и детских программах.
- Узнать, как арендовать зал для своего мероприятия.
- Найти телефон кассы и часы её работы.
Для каждой задачи считайте число шагов от главной страницы и отмечайте, где человек замешкался. Пауза на несколько секунд перед выбором пункта означает, что название непонятно.
Условный пример: путь от афиши до билета
Возьмём вымышленный зал. Главное меню: «Афиша», «Абонементы», «О зале», «Коллективы», «Как добраться», «Аренда», «Контакты». Для основных задач состав разумный. Теперь откроем страницу концерта в афише. Правильный фрагмент выглядит так:
- заголовок: «Вечер фортепианной музыки», рядом дата, день недели и время начала;
- строка «Малый зал, вход со стороны набережной» со ссылкой на схему проезда;
- кнопка «Купить билет» с диапазоном цен, видимая без прокрутки;
- программа с названиями произведений и именами исполнителей;
- ссылка «Все концерты месяца» и переход к соседним датам.
Проверьте обратное: если кнопка покупки спрятана ниже длинного описания, если зал указан только в PDF-программе, а название «Малый зал» нигде не объяснено, человек уйдёт искать ответ в другом месте или позвонит в кассу. Для зала это лишняя нагрузка на сотрудников.
Где навигация концертных сайтов ломается чаще всего
Афиша. Проверьте, можно ли отфильтровать концерты по дате, залу и жанру, и не теряется ли выбор при возврате назад. Прошедшие события не должны занимать верх списка.
Переход к продаже билетов. Если билеты продаёт сторонний сервис, посмотрите, открывается ли именно нужный концерт или общая страница каталога. Если после нажатия посетитель попадает на чужой сайт без ссылки обратно, он теряет ориентиры. Предупредите его надписью рядом с кнопкой.
Выпадающие меню. Они часто работают только при наведении мыши. На планшете и смартфоне наведения нет, и вложенные пункты могут оказаться недоступными. Проверьте, что раздел открывается и по нажатию, а у верхнего пункта есть собственная страница.
Меню во Flash и картинки вместо текста. На многих мобильных устройствах Flash не работает, а текст на картинке не прочитает поисковая система и программа для слабовидящих. Меню должно быть обычным текстом.
Важное только в файлах. Репертуар, правила посещения, схема зала в PDF или в картинке открываются неудобно на телефоне. Ключевое лучше держать на обычных страницах.
Проверка на телефоне и по ссылке из внешнего источника
Возьмите телефон и откройте сайт по мобильной сети, а не по офисному Wi-Fi. Проверьте, не мелкие ли пункты меню, не приходится ли увеличивать страницу двумя пальцами, чтобы попасть в нужную ссылку. Затем откройте страницу конкретного концерта напрямую, как будто перешли по ссылке из письма или соцсети. Должно быть понятно, на каком вы сайте, как перейти к афише и как вернуться на главную. Логотип в шапке обязан вести на главную страницу.
Отдельно проверьте адрес и контакты: они должны быть доступны с любой страницы, лучше в подвале, а телефон на мобильном — набираться нажатием.
Короткий чек-лист для владельца
- Любой концерт достижим с главной не более чем за два-три действия.
- Кнопка покупки билета видна на странице события без прокрутки.
- Названия разделов понятны человеку, который ни разу не был в зале.
- Выпадающие меню работают на сенсорном экране.
- Текущий раздел в меню выделен, а страница события показывает путь: Афиша → месяц → концерт.
- Схема зала, цены и адрес не спрятаны только в файлах.
- Прошедшие концерты не мешают найти предстоящие.
- Ссылки не ведут на несуществующие страницы, а у такой страницы есть понятное сообщение и путь в афишу.
- Поиск по сайту находит название произведения или имя исполнителя.
Повторяйте проверку при каждом изменении структуры и перед началом сезона, когда выходит новая афиша: именно тогда в меню чаще всего появляются лишние и устаревшие пункты.
