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