Дизайн — статьи о сайтах
На сайте хостинг-провайдера рядом живут действия, которые легко перепутать: заказать, продлить, перенести, пополнить баланс, сменить тариф. Если подпись кнопки можно понять двумя способами, человек пойдёт в поддержку или закроет вкладку. Ниже описан способ проверить это без больших бюджетов.
Почему на сайтах хостинга кнопки путают чаще обычного
Аудитория неоднородна. Одни выбирают площадку для сайта впервые и не видят разницы между «виртуальным хостингом», «облаком» и «VPS». Другие хорошо знают термины и ищут конкретную настройку. Кроме того, на одних и тех же страницах встречаются новые и действующие клиенты: «Заказать» и «Войти» стоят рядом, а «Продлить» может относиться и к домену, и к хостингу. Добавьте внутренний жаргон: «тариф», «панель», «NS-серверы», «конфигурация». Владелец привык к этим словам, посетитель — нет.
Условный пример: карточка тарифа с неясными подписями
Представим фрагмент страницы с тарифом «Старт». В нём есть:
- кнопка «Далее»;
- под ней ссылка «Подробнее»;
- пункт меню «Услуги»;
- ссылка в подвале «Перенос».
Вопросы к каждому элементу. «Далее» — это оформление заказа, регистрация или выбор параметров? «Подробнее» раскрывает состав тарифа или ведёт к сравнению всех тарифов? Под «Услугами» скрыты домены, серверы или помощь с настройкой? «Перенос» — это инструкция или заявка?
Более ясный вариант: «Заказать тариф Старт», «Что входит в тариф», «Сравнить тарифы», «Перенести сайт к нам». Если перед оплатой нужна регистрация, это стоит сказать прямо: «Зарегистрироваться и заказать». Подпись должна называть действие и объект, а не направление движения.
Как провести проверку за один день
Шаг 1. Инвентаризация. Выпишите кнопки и ссылки ключевых страниц: главной, тарифов, доменов, переноса, контактов. Для каждой запишите текст, адрес назначения, что происходит после клика и для кого элемент предназначен.
Шаг 2. «Предскажи результат». Покажите пяти людям, не связанным с вашей технической командой, скриншот без возможности кликнуть. Спросите по каждому элементу: «Что произойдёт после нажатия?» Ответы записывайте дословно и сравнивайте с реальным поведением.
Шаг 3. Задачи вместо вопросов. Дайте сценарии: «Найдите, как продлить домен», «Выясните, можно ли перенести уже работающий сайт», «Откройте панель управления». Не подсказывайте. Отмечайте, где человек замялся, какой путь выбрал и куда нажал ошибочно.
Шаг 4. Данные сайта. Если подключена Яндекс.Метрика, посмотрите карту кликов и записи посещений: на какие элементы нажимают вместо нужных и где возвращаются назад. Полезны также запросы во внутренний поиск и частые темы обращений в поддержку. Вопросы вида «где мне…» и «как мне…» часто указывают на неясные подписи.
На что обращать внимание в ответах
- Ожидание не совпало с результатом: человек ждал цену, а открылась форма регистрации.
- Одна подпись ведёт к разным действиям, например «Продлить» для домена и для хостинга.
- Одно действие названо по-разному: «Заказать», «Купить», «Подключить».
- Ссылки «здесь», «подробнее», «перейти» без контекста.
- Опасные слова без уточнения: «Удалить», «Отключить», «Сбросить».
- Термины без пояснения, если они стоят на кнопке, а не в справке.
Проверочный список для кнопок и ссылок
- Подпись содержит глагол и объект: «Заказать хостинг», а не «Далее».
- Новичок отличает вход для клиентов от заказа для новых.
- Название типа услуги (хостинг, VPS, выделенный сервер) понятно из подписи или короткого пояснения рядом.
- Для домена и хостинга действия продления названы отдельно.
- Ссылка на инструкцию отличается от кнопки, запускающей действие.
- Перед нажатием ясно, что откроется дальше: форма, документ, личный кабинет.
- Одинаковые действия подписаны одинаково на всех страницах.
- Ссылки в тексте описывают назначение, их можно понять вне контекста.
- Кнопки удаления и отключения называют, что именно будет затронуто.
Что делать с результатами
Не переписывайте весь сайт сразу. Начните с путей, которые приносят заявки и заказы: тарифы, оформление, продление, вход в кабинет. Меняйте подписи группами, чтобы понимать, какая правка помогла. Затем повторите те же задачи с новыми участниками: тест на тех же людях покажет только то, что они уже запомнили интерфейс.
Гарантировать рост заказов или позиций в поиске такая проверка не может. Зато она убирает конкретные причины, по которым человек не понял, что произойдёт после клика, и помогает разгрузить поддержку от однотипных вопросов.
