Дизайн — статьи о сайтах
Посетитель сайта театра обычно приходит с конкретной задачей: найти спектакль на субботу, понять, подойдёт ли он ребёнку, купить билеты. Если кнопка называется «Подробнее» и неясно, куда она ведёт, человек не разбирается, а закрывает вкладку или звонит в кассу. Ниже описано, как проверить подписи за один-два вечера, без дорогих исследований.
Какие подписи на сайте театра чаще всего вызывают вопросы
У театральных сайтов есть свои «слабые места». Начните проверку с них:
- «Подробнее» на карточках афиши: непонятно, это описание спектакля, состав исполнителей или условия покупки;
- «Билеты» и «Купить»: ведут сразу к выбору мест или на страницу с ценами;
- «Афиша» и «Репертуар»: посетитель не знает, в чём разница, а команда театра её не замечает;
- названия площадок («Малая сцена», «Камерный зал») без пояснения, где это;
- «Читать далее» под новостями и анонсами.
Отдельная тема: покупка часто происходит на странице билетного оператора с другим дизайном. Зритель должен понимать заранее, что страница сменится.
Условный пример: карточка спектакля в афише
Представим фрагмент афиши. Карточка: «Вишнёвый сад», 14 декабря, 19:00, Малая сцена, 16+. Внизу две кнопки: «Подробнее» и «Купить».
Вопросы к такой карточке. Что откроется по «Купить»: схема зала или список всех дат? Если дат несколько, к какой из них относится кнопка? Что даст «Подробнее», если описание уже есть на карточке? Более ясный вариант: «О спектакле» и «Выбрать места на 14 декабря». Если билетов нет, кнопку лучше заменить текстом «Продажа закрыта» или убрать. Обещать «Сообщить о поступлении» стоит только при наличии такой функции.
Как провести тест: задания вместо вопроса «понятно ли вам»
Попросите 3–5 человек, не работающих в театре, выполнить задачи на вашем сайте. Подойдут знакомые зрители, родители школьников, соседи. Формулируйте задачи без слов с кнопок:
- «Найдите спектакль на выходные, который можно посмотреть с ребёнком восьми лет»;
- «Узнайте, как добраться до театра и где вход»;
- «Дойдите до выбора мест на любой спектакль в этом месяце».
Не подсказывайте и не объясняйте интерфейс. Записывайте, на какой подписи человек задержался, что сказал вслух, куда вернулся назад. Особенно ценна фраза «Я думал, тут будет…»: это готовая формулировка для новой подписи.
Проверка ссылок без контекста
Выпишите списком все подписи с главной страницы и страницы спектакля, без картинок и соседнего текста. Именно так их воспринимают пользователи программ экранного чтения, которые умеют вызывать список ссылок. Если в списке двенадцать «Подробнее» и пять «Купить», подписи не различаются. Решение: добавить объект действия, например «О спектакле «Вишнёвый сад»» и «Выбрать места на 14 декабря». Разработчик может сохранить короткий текст на экране, но дополнить доступное название ссылки. Видимое слово при этом не должно противоречить скрытому.
Что посмотреть на телефоне и в разных состояниях
Многие открывают афишу с телефона, часто по пути в театр. Проверьте, что кнопки не стоят вплотную и по ним можно попасть пальцем. Убедитесь, что главная кнопка видна без долгой прокрутки.
Затем пройдите разные состояния спектакля: билеты в продаже, мест нет, спектакль перенесён, продажа ещё не открыта. Для каждого состояния текст кнопки должен описывать реальное действие. Если после нажатия откроется сайт оператора, добавьте рядом пояснение: «Откроется страница продажи билетов».
Короткий проверочный список
- По подписи понятно, что произойдёт после нажатия.
- Похожие подписи не ведут в разные места, а разные действия не названы одинаково.
- На карточке с несколькими датами видно, к какой дате относится кнопка.
- В списке ссылок без контекста нет одинаковых «Подробнее» и «Читать далее».
- Переход на внешнюю страницу покупки обозначен заранее.
- Для состояний «мест нет», «перенос», «скоро в продаже» есть свои подписи.
- Задания теста выполнили люди, не знающие структуру сайта.
После теста меняйте подписи по одной-две за раз и повторяйте задания с другими людьми. Если результат не улучшился, значит, проблема может быть не в слове, а в расположении кнопки или логике страницы.
