Возможно, ваш сайт не работает ― 3 критерия, чтобы это понять

Всего за 0,05 секунды пользователю составляет мнение о сайте, пишет Forbes. А мы разбираем грубые ошибки, которые делают это мнение плохим.

Всем привет, мы — студия Молния. Более 6 лет разрабатываем сайты на Тильде и помогаем бизнесу приносить лиды. В нашем портфолио 1180+, поэтому нам всегда есть что сказать о дизайне лендингов и многостраничников : )

В этой статье наш молниеносный арт-директор Сергей Ананьев разобрал основные ошибки сайтов, у которых повторяется одна и та же проблема, и она до боли проста. Страница компании просто не ведет к целевому действию, то есть не продает. Хотя это по сути главная задача бизнеса.

А теперь давайте разберем их вместе ↓

Пользователи тратят в среднем 5,59 секунды на просмотр текстов на сайте. Решат ли эти тексты задачу бизнеса или просто заполнят пустое пространство ― зависит от мастерства копирайтера.

Мы неоднократно сталкивались с сайтами, которые заполнены полотнами текстов без конкретики и призыва к действию. Порой по тексту вообще непонятно, что предлагает компания. Разберем примеры, как делать не надо.

На первой странице сайта языкового лагеря для детей в глаза бросается большой блок плохо читабельного текста. «Идеальное место для отдыха» и «разнообразные программы досуга» ― это можно сказать о любом лагере.

О педагогах международного уровня сайт рассказывает только в последнем абзаце, хотя это одна из главных фишек!

На следующем экране намешаны сразу три крупных текстовых блока — английский язык, программа и безопасность. Как минимум, информацию о безопасности можно было бы разместить в другом блоке.

Вчитываемся в текст и снова замечаем воду — «дети раскрывают таланты, находят друзей», «постоянно ведется видеонаблюдение».

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

Это главная ошибка в копирайтинге сайтов!

На уже упомянутом сайте нет возможности совершить целевое действие ― отсутствует форма заявки или заказа обратного звонка. Вместо нее лишь «Есть офис в Москве» и всё.

А вот сайт компании по организации детских праздников в Москве. На втором экране встречаем проблему — много текста, а пользы примерно ноль. Уцепить здесь информацию, которая помогла бы заказать вечеринку, ну как будто нереально.

Один из экранов того же сайта — про кулинарный день рождения. Если коротко, шеф проводит мастер-класс, и гости едят. Много вопросов, готовят дети или едят? А еще бесконечное перечислений блюд. Весь текст можно сократить в два раза или хотя бы разбить абзацы визуально.

Рассмотрим блок «Где проходят праздники».

Весь текст можно было разбить на три пункта:

Пункты можно было сделать иконками для более простого восприятия.

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

Посмотрите наш сайт для Fill Camp — никакого лишнего текста, а тот, что есть, хорошо читается и доносит основные мысли.

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

UI ― это графическая часть интерфейса, то как дизайн воспринимается. В нее входят все элементы, с которыми взаимодействуют пользователи: кнопки, поля ввода, изображения, тексты. Также к UI относятся визуальные составляющие сайта: макет экрана, переходы, цвета и шрифты, анимация и прочее.

Дизайн во многом субъективен. Но как тогда понять, какой сайт понравится аудитории? Наш совет — смотрите на исследования и работы лидеров рынка. По мнению Freelance.today, главными тенденциями веб-дизайна являются:

Хотите увидеть пример худшего UI? Посмотрите на The Big Ugly Website. На этом сайте дизайнеры продемонстрировали все недостатки устаревшего дизайна и запутанного юзабилити.

UX — это пользовательский опыт, то как сайт будет работать.

Проверьте, чтобы на сайте были:

Практикуйте «взгляд новичка» — попробуйте воспользоваться сайтом, как будто видите его впервые. За что сразу цепляется взгляд, что непонятно?

Возьмем конкретный элемент интерфейса — форма заявки.

По нашему опыту, лучшая форма — с минимумом полей, в идеале — только с номером телефона. Когда клиенту понятен запрос, заставлять его писать имя, фамилию, почту, телефон и комментарий — издевательство над пользователем.

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

Возвращаясь к Молнии, в другой нашей форме захвата есть поле выбора услуги и удобной формы связи.

Теперь переходим к ошибкам UX:

Рассмотрим сайт доставки цветов. По клику на кнопку «Купить» открывается карточка товара, в которой непонятно, что делать дальше — кнопки нет, формы заказа или корзины тоже. Нажимаешь «купить» — а там окошко с подробностями о товаре.

Только при пролистывании вниз появляются две кнопки «Заказать» и «В корзину» — пользователь вынужден выполнять одно и то же действие два раза подряд и снова нажимать на кнопку

И-и-и вишенка на торте, даже долистав до «Заказать», нельзя просто так взять и заказать цветы. Эта кнопка ведет на форму регистрации данных. Увлекательный аттракцион, не правда ли?

На главной странице сайта грузинского ресторана нет, как минимум основных целевых действий «Забронировать столик», «Посмотреть меню», «Узнать адрес», «Посмотреть интерьер». И к этим запросам всегда нужен быстрый доступ.

Еще кнопка брони стола находится в подвале сайта. А чтобы найти адрес ресторана, нужно полистать его вкладки. Может быть, вам повезет и вы найдете его быстро! Это лотерея, не иначе.

Демонстрируем нормальное юзабилити — сайт пивного ресторана «Дубинин». На первом экране сразу видим адрес, номер телефона и кнопки для бронирования. Самая важная информация, которая ведет к продаже.

На нашем сайте для цветочного магазина Nezab кнопка «Купить» сразу ведет на форму заказа

Хотите разобраться, что не так с вашим сайтом? Приходите на бесплатный аудит. Мы разберем его с точки зрения копирайтинга, дизайна UI и UX и подскажем, как сделать лучше.

Заказать бесплатный аудит вашего сайта:

Посмотреть портфолио сайтов:

Кстати, подписывайтесь на наш Молниеносный Телеграм-канал! Там мы делимся бизнес-хаками по дизайну сайтов и последними трендами рынка. Всем рады :)