Сайт в разработке Наполняем разделы и правим ошибки — что-то может выглядеть или работать не так. Если заметили — позвоните или напишите.

Как проверить понятность кнопок и ссылок на сайте производителя окон

Кнопки «Подробнее» и «Рассчитать» не всегда ясны посетителю. Разбираем, как за вечер проверить их без специалистов и что исправить в первую очередь.

Раздел: Дизайн — статьи о сайтах

На сайте производителя окон посетитель решает практические задачи: узнать, чем один профиль отличается от другого, прикинуть стоимость, вызвать замерщика, найти условия гарантии. Если подпись на кнопке не объясняет, что случится после клика, человек либо не нажимает, либо попадает не туда и уходит. Проверить это можно самостоятельно, без дорогих исследований.

Что значит «понятная» кнопка или ссылка

Понятная подпись отвечает на три вопроса: что это, что произойдёт после нажатия и что потребуется от меня. Кнопка «Отправить» не отвечает ни на один. «Вызвать замерщика» отвечает на первые два. «Вызвать замерщика — укажите телефон и адрес» закрывает и третий.

Для ссылок правило то же. Слово «Продукция» в меню расплывчато: за ним может быть и каталог окон, и двери, и комплектующие. «Пластиковые окна», «Балконы и лоджии», «Двери» понятнее, потому что совпадают с тем, что человек ищет.

Пример: фрагмент страницы, где посетитель теряется

Возьмём условную страницу «Окна ПВХ» у вымышленного производителя. Под описанием трёх серий профиля стоят три одинаковые кнопки «Подробнее». Ниже большая кнопка «Рассчитать». В шапке: «Каталог», «Услуги», «Информация», «Контакты».

  • Три «Подробнее» неразличимы. Человек, который ищет вариант потеплее, не поймёт, какая из них ведёт к нужной серии. Лучше «Характеристики серии с пятикамерным профилем» или хотя бы название серии в подписи.
  • «Рассчитать» не говорит, что именно: стоимость, площадь остекления или срок изготовления. Подпись «Рассчитать стоимость окна» и подсказка рядом «4 шага, регистрация не нужна» снимают сомнения.
  • «Информация» в меню — корзина для всего: гарантия, доставка, монтаж, вопросы и ответы. Отдельные пункты вроде «Гарантия» и «Доставка и монтаж» найдутся быстрее.

Как провести проверку на пяти задачах

Нужны три-пять человек, которые не работают в вашей компании и не знают сайт: знакомые, соседи, родственники сотрудников. Каждому дайте одну-две задачи, не объясняя, где что лежит. Примеры задач для производителя окон:

  • Найдите, сколько лет гарантии на стеклопакеты.
  • Узнайте, можно ли заказать окно нестандартной формы.
  • Прикиньте стоимость двух окон для квартиры.
  • Запишитесь на замер на субботу.
  • Найдите, есть ли у компании шоу-рум и как до него добраться.

Просите комментировать вслух: «Нажму сюда, потому что…». Сами молчите и не подсказывайте. Записывайте, где человек замешкался, нажал не то, вернулся назад. Если двое из пяти споткнулись на одном месте, проблема в сайте, а не в людях.

Дополнительно можно показать главную страницу на пять секунд и спросить: «Что здесь можно сделать?» Если ответ не совпадает с вашей главной целью, например заказом замера, расставьте акценты заново.

Что проверить в ссылках и меню

  • Подписи совпадают с заголовками страниц, на которые ведут. Нажал «Фурнитура», а попал на страницу «Комплектующие и аксессуары» — это лишний шаг сомнения.
  • Внутренние термины заменены понятными словами. «Конструктив», «светопрозрачные конструкции» и «изделия» знакомы отрасли, но не покупателю.
  • Ссылки в тексте отличаются от обычного текста и подписаны осмысленно. «Нажмите здесь» хуже, чем «таблица размеров стандартных окон».
  • Ссылка на скачиваемый файл сообщает формат и примерный объём: «Прайс-лист, PDF».
  • Телефон и кнопка заказа звонка видны без прокрутки на любой странице.

Что происходит после клика по кнопке заказа

Подпись — половина дела. Вторая половина — следующий экран. Пройдите путь сами: нажмите «Вызвать замерщика» и посмотрите, сколько полей в форме, какие из них обязательны, сказано ли, когда ждать звонка, видно ли подтверждение отправки. Форма на десять полей с обязательным адресом электронной почты для тех, кто хочет просто оставить телефон, отпугивает.

Проверьте и калькулятор, если он есть: понятны ли названия параметров вроде «тип открывания» или «профильная система», есть ли пояснения и картинки, можно ли вернуться на шаг назад без потери введённого. Отдельно посмотрите страницу благодарности: на ней стоит указать, что будет дальше и как связаться, если никто не перезвонил.

Сайт стоит открыть и на смартфоне: мелкие кнопки и ссылки, расположенные вплотную, легко нажать не туда.

Короткий проверочный список

  • В одном экране нет двух кнопок с одинаковой подписью, ведущих в разные места.
  • Подпись кнопки содержит действие и объект: «Рассчитать стоимость окна», а не «Далее».
  • Пункты меню названы так, как о товаре говорят покупатели.
  • Главное действие, например заказ замера, заметно сильнее остальных.
  • Перед отправкой формы ясно, какие данные нужны и что последует дальше.
  • Пять посторонних людей выполнили ключевые задачи, а места затруднений записаны.
  • После правок тест повторён на новых участниках: те же люди уже знают сайт.

Начните с главной страницы и страницы заказа замера: именно там неясная подпись обходится дороже всего. Исправив самые заметные места, повторите проверку через несколько недель.

Все статьи блога

Заявка

Расскажите о проекте

Свяжемся в течение рабочего дня, зададим уточняющие вопросы и предложим варианты. Без навязчивых звонков.

Форма обратной связи

Отвечаем в рабочие дни с 10:00 до 19:00

Написать в Telegram