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