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