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