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