Красивый дизайн и продающий дизайн — разные вещи. Сайт может собирать комплименты и при этом не приносить ни одной заявки. Ниже — семь ошибок, которые мы чаще всего находим на аудитах, и способы их исправить без полного редизайна.
Ошибка №1: слабый контраст
Светло-серый текст на белом фоне выглядит «воздушно» на макете и нечитаемо на дешёвом экране при дневном свете. Посетитель не будет напрягаться — он уйдёт. Проверьте контраст основных текстов по стандарту WCAG: для обычного текста соотношение должно быть не ниже 4.5:1. Это бесплатно проверяется любым онлайн-чекером контраста.
Ошибка №2: слишком много выборов
Закон Хика: чем больше вариантов, тем дольше человек принимает решение — и тем выше шанс, что он не примет его вовсе. Если на первом экране семь кнопок, три баннера и меню из двенадцати пунктов, посетитель не сделает ничего. У каждой страницы должно быть одно главное действие, и оно должно быть очевидным.
Ошибка №3: CTA-кнопки не выделяются
Кнопка «Оставить заявку» — самый важный элемент страницы, а значит, она должна быть самым заметным её элементом. Если кнопка того же цвета, что и заголовки, или тонет среди других акцентов, конверсия падает. Правило простое: акцентный цвет — один, и он принадлежит кнопкам действия.
Ошибка №4: перегруженный первый экран
У вас есть несколько секунд, чтобы ответить на три вопроса посетителя: куда я попал, что мне предлагают и что делать дальше. Если первый экран занят слайдером, анимацией логотипа и приветственным текстом «Мы рады видеть вас на нашем сайте» — ответов человек не получит. Заголовок с конкретной пользой, короткое пояснение, кнопка. Всё остальное — ниже.
Ошибка №5: мелкий шрифт и теснота на мобильных
Больше половины трафика — со смартфонов, а дизайн до сих пор часто согласовывают на большом мониторе. Текст мельче 16 пикселей, кнопки, по которым сложно попасть пальцем, элементы впритык друг к другу — всё это заставляет посетителя щуриться и промахиваться. Минимальный размер зоны нажатия — 44×44 пикселя, и это не рекомендация, а гигиена.
Ошибка №6: формы-простыни
Каждое лишнее поле формы снижает конверсию. Если для первого контакта вы просите ФИО, телефон, e-mail, город, компанию и «расскажите о задаче» — заявок будет мало. Для первого касания достаточно имени и одного контакта. Остальное выяснит менеджер в диалоге, и это будет естественнее для обеих сторон.
Ошибка №7: нет визуальной иерархии
Когда все заголовки одного размера, все блоки одинаково важны и всё выделено жирным — не выделено ничего. Посетитель сканирует страницу, а не читает её: взгляд должен цепляться за главное. Проверка простая: прищурьтесь и посмотрите на страницу. Если непонятно, что здесь главное, — иерархии нет.
Как проверить свой сайт
Откройте сайт на телефоне и попробуйте за десять секунд понять, что здесь предлагают и как оставить заявку. Потом попросите сделать то же самое человека, который сайт никогда не видел. Большинство ошибок из этого списка находятся именно так — без всяких инструментов.
Если после проверки стало грустно — мы собираем сайты, в которых эти ошибки исправлены ещё на этапе макета, и можем провести аудит текущего сайта перед редизайном.