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