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

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

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

Если вы когда-нибудь задумывались, почему Apple и Google лидируют в области дизайна, то это не только потому, что они могут нанять самых талантливых людей. Большая часть их успеха заключается в их упорстве в тестировании каждой переменной проекта, которую они используют. К счастью, вам не нужно быть мегакорпорацией, чтобы делать то, что делают оба этих знаковых предприятия. С помощью простых инструментов, без бюджета и с небольшими усилиями вы можете начать улучшать внешний вид своего сайта на пути к повышению удобства использования и коэффициентов конверсии.

Измерение элементов веб-дизайна

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

1. Четкая цель

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

Дизайн сайта должен служить направляющей силой для целей сайта — он должен помогать продвигать аудиторию дальше по воронке конверсии.

Метрики для рассмотрения:

Следующие показатели могут помочь вам определить, преследует ли ваш сайт четкую цель или он отталкивает пользователей по неясным мотивам:

• Показатель отказов . В традиционном маркетинге говорят, что сбитый с толку ум всегда говорит «нет». Применяя это к веб-дизайну и юзабилити, сбитый с толку посетитель всегда будет нажимать кнопку «назад» в своем браузере. По словам гуру аналитики Авинаша Кошика, показатель отказов — самый привлекательный показатель во всем цифровом маркетинге. Это просто, но так много говорит вам всего за один взгляд.

Отказ происходит, когда пользователь попадает на одну из ваших страниц и возвращается на исходную страницу, не нажимая ни на что. Это говорит о том, что намерение пользователя, вероятно, не было удовлетворено, и пользовательский опыт был в значительной степени неудовлетворительным. Если ваш сайт имеет показатель отказов 60% или выше, это может быть поводом для беспокойства. Это признак того, что ваш дизайн, ваши сообщения или и то и другое могут сбивать с толку.

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

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

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

2. Привлекательный контент

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

Метрики для рассмотрения:

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

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

Среднее время просмотра статистики сайта/страницы предоставляется в Google Analytics и большинстве других платформ. Фактически, вы можете найти эту метрику прямо на базовой панели инструментов GA. Для получения среднего времени на уровне страницы вы можете перейти в раздел GA «Контент сайта» и создать отчеты для всех своих страниц, чтобы увидеть, какие из них неэффективны. Оттуда вы сможете обнаружить общие черты и шаблоны, которые помогут вам выявить проблемы проектирования.

• Частота выхода. Какие страницы вашего сайта уводят больше всего посетителей, когда они не должны быть конечной остановкой в ​​воронке конверсии? Этот показатель даст вам знать. В отчете Google Analytics «Контент сайта» вы можете отсортировать страницы сайта в соответствии с тем, какие из них больше всего уводят пользователей с вашего сайта. Страницы с аномально высоким процентом выхода должны быть исследованы на предмет возможных улучшений дизайна, которые могут остановить отток посетителей.

3. Простота навигации

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

Джефф Сауро из MeasuringU написал отличный пост о том, на что следует обратить внимание при попытке оценить производительность навигационной схемы. Это включает:

• Скорость нахождения/скорость завершения
• Время найти
• Изменчивость в нахождении времени
• Начальный щелчок
• Путь успеха
• Уверенность
• Сложность:
• Самые трудные для поиска предметы
• Успех первого пути против успеха второго пути
• Причины трудностей

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

Если вы ищете отчеты по навигационной аналитике, которые легче найти, но не такие подробные, вам следует ознакомиться с навигационной сводкой Google Analytics. Этот скрытый драгоценный камень можно найти в разделе «Поведение»> «Контент сайта»> «Все страницы» в GA. Он показывает, как посетители переходят с одной страницы на другую, чтобы вы могли понять, какие страницы способствуют хорошей навигации, а какие препятствуют трафику.

В конечном итоге цель состоит в том, чтобы убедиться, что ваш дизайн облегчает перемещение посетителей и поиск страниц, которые удовлетворяют намерения пользователя. Чем быстрее и проще пути навигации делают вещи для вашей аудитории, тем выше ваши большие показатели конверсии.

4. Визуальная привлекательность

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

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

• Сплит-тестирование A/B — в веб-дизайне и маркетинге A/B-тестирование — это эксперимент, проводимый для того, чтобы увидеть, какой из двух вариантов получает лучший отклик от небольшой части аудитории. Например, если вы выбираете между двумя цветами кнопки призыва к действию, вам нужно выполнить такой тест, чтобы увидеть, какой из них получает больше кликов.

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

Google Website Optimizer — отличный инструмент для A/B-тестирования. Он бесплатен и относительно удобен даже для веб-мастеров-новичков.

• Многовариантное тестирование . Если A/B-тестирование говорит вам, какой из отдельных элементов работает лучше, то многовариантное тестирование показывает, какая комбинация элементов способствует идеальному поведению пользователя. Подходит ли этот цвет кнопки к вашему фону и стилю шрифта? Пусть поведение пользователей даст вам самые честные ответы.

Как и A/B-тестирование, Google Website Optimizer — отличный инструмент для такого типа тестирования. VWO и Optimizely также являются отличными вариантами.

Инструменты для улучшения веб-дизайна и производительности

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

Постановка целей и отслеживание :
Постановка целей — неотъемлемая часть улучшения веб-дизайна, а также их отслеживание, чтобы увидеть, как у вас идут дела. Google Analytics предоставляет комплексную настройку для создания целей для изменений, которые вы хотите применить. С помощью GA вы можете создавать собственные цели, устанавливать значения, записывать свой статус и делиться ими. Вы также можете использовать Goals on Track, альтернативную аналитическую платформу для постановки целей и мониторинга.

Скорость сайта и страницы :
Изменения, которые вы внесете на свой сайт и веб-страницы, скорее всего, повлияют на скорость загрузки. Вы можете контролировать эти два действия с помощью Pingdom, инструмента, который сообщает вам, как быстро загружается ваш сайт, и PageSpeed, инструмента, созданного Google, который помогает анализировать, как быстро появляются ваши оптимизированные веб-страницы.

Тепловая карта :
Тепловые карты на вашем сайте позволяют определить действия посетителей, такие как клики и прокрутки, когда они находятся на вашем сайте. Он говорит вам, какие места они посещают больше всего и какие области получают наименьшее внимание. Определение тепловой карты вашего сайта подскажет вам, какие аспекты вашего веб-дизайна люди потребляют больше всего. Инструменты, которые помогут вам контролировать это, — Crazy Egg и Inspectlet.

Шпаргалка по кодированию
Кодирование, вероятно, является одной из самых утомительных задач, когда дело доходит до внесения изменений в веб-дизайн. К счастью, для таких программистов, как jQuery, CSS, HTML5 и Javascript, доступно множество руководств, которые могут им помочь.

Заключение

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