Поиск
Close this search box.
Поиск
Close this search box.

Эффективность A/B тестов. 3 примера AБ тестирования.

Примеры и результаты АБ тестирования сайтов

Нейл Патель стал соучредителем сервиса Crazy Egg в 2005 году. Его используют для анализа 300 000 веб-сайтов. Применяют тепловые карты, скролл-карты, карты рефералов и пользовательские записи. Они узнают, что нужно исправить с помощью редактора WYSIWYG. А новые идеи они проверяют с помощью надежного инструмента – A/B теста.

В мире маркетинга есть шутка, что A/B тестирование на самом деле означает: «Всегда проводи тестирование».

Это хорошее напоминание о том, что вы не сможете получить звездные результаты, если не сравните одну стратегию с другой. Примеры A/B тестов помогут вам увидеть их удивительные возможности.

За прошедшие годы я провел тысячи A/B тестов. Каждый из них был разработан, чтобы помочь мне найти лучший дизайн и сделать маркетинговую кампанию действительно эффективной.






Я надеюсь, что вы делаете то же самое. Если нет, то пора начинать. А/B тесты могут выявить слабые стороны вашей маркетинговой стратегии. Они также способны показать, что вы делаете правильно и подтвердить свои гипотезы. Без анализа вы не узнаете, насколько эффективны ваши маркетинговые активы.

Я покажу важность A/B тестирования. Затем мы рассмотрим несколько примеров, которые вдохновят вас на создание собственных тестов.

А/В тест

Напомним: что такое A/B тест?

A/B тест – это сравнение двух версий одного и того же элемента веб-страницы в двух вариантах дизайна. Вы демонстрируете их равным половинкам своей аудитории. Основываясь на коэффициентах конверсии или других показателях, вы можете решить, какой из них наиболее эффективен.

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

Помните: всегда проводите тестирование.

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

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

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

Другими словами, если вы проверяете заголовок на целевой странице, вы можете проверить строку темы для своей последней маркетинговой кампании по электронной почте. Изменение только одной переменной гарантирует, что вы поймете, что повлияло на ответы вашей аудитории.

Как узнать, что вам нужно проводить A/B тесты?

Простой ответ на этот вопрос заключается в том, что всегда нужно запускать A/B тесты. Если у вас есть веб-сайт, бизнес и аудитория, такие проверки сразу же дает вам преимущество перед конкурентами.

Когда проводить А/В тесты

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

Это не означает, что A/B тестирование бесполезно для нового бизнеса. Это просто означает, что вы можете получить менее точные результаты.

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

Три из лучших примеров A/B тестирования, чтобы вдохновить вас.

Теперь пришло время для доказательства. Давайте рассмотрим 3 примера A/B тестирования, чтобы вы могли увидеть, этот процесс в действии. Я опишу каждый тест, включая цель, результат и причину успеха теста.

Пример 1: WallMonkeys.

Если вы не знакомы с WallMonkeys, это компания, которая продает невероятно разнообразные настенные наклейки для дома и бизнеса.

A/B тестирование сайта

Компания использовала Crazy Egg для создания отчетов о поведении пользователей и запуска A/B тестов. Как вы увидите ниже, результаты были довольно невероятными.

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

Там не было ничего плохого с оригинальной домашней страницей. Изображение было привлекательным и не слишком отвлекающим. Заголовок и CTA, казалось, хорошо соответствовали целям компании.

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

Результат.

После генерации отчетов о поведении пользователя WallMonkeys решили провести A/B тест. Компания разместила изображение в стиле «сток» на более причудливую картинку. Она показала бы посетителям возможности, которыми они могли бы пользоваться с продуктами WallMonkeys.

Коэффициенты конверсии для нового дизайна по сравнению с контролем были на 27 процентов выше!

Однако WallMonkeys хотел продолжить тестирование. Для следующей проверки бизнес заменил свой ползунок на заметную строку поиска. Идея заключалась в том, что клиенты будут более склонны к поиску товаров, которые им особенно интересны.

Второй пример A/B тестирования привел к увеличению коэффициента конверсии на 550 процентов!

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

Почему это работает?

Прежде чем начать A/B тестирование, вы выдвигаете гипотезу, в идеале основанную на данных. Например, WallMonkeys использовал Heatmaps и Scrollmaps для определения областей активности посетителей. Затем они использовали эту информацию, чтобы сделать предположение об изменении изображения, которое может привести к большему количеству конверсий.

Они были правы. Начальное 27-процентное увеличение может показаться небольшим по сравнению со вторым тестом, но оно все еще значимо. Тот, кто не хочет конверсии на 27 процентов больше, поднимите руку!

Тот факт, что один тест А/В приносит плодотворное вознаграждение, не означает, что вы не можете добиться большего успеха. WallMonkeys поняли это, поэтому они запустили еще один тест. Он оказался даже более успешным, чем первый.

Пример 2: Electronic Arts.

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

По словам HubSpot, Electronic Arts полагалась на A/B тестирование, чтобы правильно оформить свою страницу продаж для SimCity 5.

Цель: в основе этого примера A/B тестирования лежало улучшение продаж. Electronics Arts хотела получить максимальный доход от игры сразу же после ее выпуска, а также путем предварительной продажи.

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

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

Результат.

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

Контрольная версия страницы предварительного заказа предлагала 20-процентную скидку на будущую покупку для всех, кто купил SimCity 5. Изменение устраняло стимул предварительного заказа.

Как выяснилось, вариация показала результат более чем на 40% лучше, чем у контрольной версии. Поклонники SimCity 5 не были заинтересованы в стимуле. Они просто хотели купить игру. В результате A/B теста половина продаж игры была цифровой.

Почему это работает?

A/B тест для Electronic Arts выявил важную информацию об аудитории. Многие люди, которые играют в такие популярные игры, как SimCity, не играют ни в какие другие игры. Им нравится эта конкретная франшиза. Следовательно, предложение о скидке в 20 процентов не нашло у них отклика.

Примеры аб тестов

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

Пример 3: Humana.

Humana, страховая компания, создала довольно простой A/B тест с огромными результатами. У предприятия был баннер с простым заголовком и CTA, а также изображение. Проведя A/B тестирование, компания поняла, что нужно изменить пару вещей, чтобы сделать баннер более эффективным. Это второй из двух примеров A/B тестирования, который показывает, что одного теста недостаточно.

Цель: Согласно Design For Founders, Humana хотела увеличить рейтинг кликов на вышеописанном баннере. Выглядело это хорошо, но компания подозревала, что может улучшить CTR, внеся простые изменения.

Они были правы!

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

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

Результат.

Простая очистка копии и изменение картинки привели к увеличению CTR на 433 процента! После изменения текста CTA компания испытала дальнейшее повышение на 192 процента.

A/B тест Humana

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

Почему это работает?

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

Они ищут путь наименьшего сопротивления. Этот пример A/B тестирования доказывает, что люди часто реагируют на уменьшенную копию и более простые CTA.

Начните свое собственное A/B тестирование сейчас.


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

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

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

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

Как инструмент A/B тестирования Crazy Egg может помочь вам повысить результаты.

Crazy Egg предлагает несколько преимуществ A/B тестирования, которые не предлагают другие инструменты. С одной стороны, его очень быстро и просто настроить. Вы можете запустить свой первый тест A/B всего за несколько минут. Другие инструменты требуют часов работы.

Вам не нужны никакие навыки кодирования для проведения тестов, подобных приведенным выше примерам A/B тестирования. Программное обеспечение делает тяжелую работу за вас. Кроме того, вам не нужно беспокоиться о проверке каждые пять минут, чтобы узнать, когда отключить проигрышный вариант. Алгоритм тестирования в Crazy Egg автоматически перенаправляет большую часть трафика победителю.

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

Вывод.

Приведенные выше примеры A/B тестирования дают вам представление о результатах, которых вы можете достичь. Если вы хотите повысить конверсию и увеличить продажи, вам нужно принимать решения на основе данных.

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

По материалам сайта: crazyegg.com.

✔️ Могут ли A/B тесты быть ненужными?

Если не продумана цель и неправильно выбрана аудитория, то они будут недостаточно информативными.

✔️ Что можно проверять с помощью А/В тестов?

Все элементы сайтов от их формы и цвета до текстового содержания.

✔️ В чем сложность А/В тестов?

Нужно правильно учитывать статистическую значимость.

✔️ С чего начать А/В тест?

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

✓ Что такое A/B тестирование сайтов?

Тестирование сайта – это изучение того какой один из вариантов дизайна страниц больше увеличивает конверсию сайта.

✓ Зачем проводить A/B тестирование?

A/B тестирование проводится с целью увеличения прибыли. Все крупные компании проводят десятки A/B тестов каждый месяц.

✓ Когда проводить A/B тестирование сайтов?

При достижении трафика более 100 человек в день нужно приступать к постоянному A/B тестированию.

✓ Как начать и провести A/B тестирование сайта?

Чтобы начать тестирование, вам необходимо провести UX/Юзабилити экспертизу сайта. И на основе экспертных оценок настроить A/B тесты.

35 SEO лайфхаков. TOP 10 в 2020/2021 году.

35 SEO лайфхаков чтобы занять топовое место в 2020 году

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

В этой статье мы делимся 35 эффективными хитростями роста SEO. Вы можете включить их в свои лучшие практики продвижения в Интернете. Обязательно ознакомьтесь с каждым разделом этой статьи, чтобы ничего не упустить.

Приступим к взлому Топа! Вот 35 эффективных SEO-хаков для достижения высокого рейтинга в 2020 году.






1. Подготовьтесь к революции голосового поиска в 2021 году.

Вы правильно прочитали. Я сделал этот SEO-взлом первым в списке не просто так. Мы ожидаем, что:

В 2020 году 50% всех поисковых запросов во всем мире будут поступать из голосового поиска, выполняемого с помощью виртуальных помощников, таких как Google, Siri, Alexa и Cortana.

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

Вы можете найти ответы на эти часто задаваемые вопросы, используя онлайн-инструменты, такие как Answer The Public, Google Trends и раздел People also Ask в поиске Google. В русском варианте последний раздел называется «Похожие запросы».

раздел похожие вопросы на странице поисковой выдачи

2. Слышали о MIX? Разместите здесь свой сайт.

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

Этот редко используемый SEO-прием может вам очень помочь, особенно если вы еще только начинаете создавать свой сайт.

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

3. Используйте технику небоскреба для ТОП 10.

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

  1. Найдите сообщения в блоге или любой контент, который относится к вашему бизнесу или любой теме, о которой вы хотите написать. Ищите среди сообщений, которые занимают высокое место на первой странице Google.
  2. Посмотрите, как вы можете улучшить найденный контент. Можете ли вы создать более подробный текст? Найдете ли вы более свежие результаты и статистику? Получится ли вам создать лучший дизайн и т. д.?
  3. Сделайте лучшую версию найденного вами контента и убедитесь, что вы придерживаетесь той же темы и ключевых слов.
  4. Опубликуйте эту статью и поделитесь ею в социальных сетях, чтобы мир увидел ее.

4. Используйте бесплатные инструменты SEO.

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

Вот некоторые из самых надежных бесплатных инструментов SEO в 2020/2021 году:

  1. Планировщик ключевых слов Google – используйте его для поиска своих ключевых слов.
  2. Google Analytics – поможет узнать, какие веб-страницы работают хорошо, а какие нет.
  3. Инструмент Google для веб-мастеров – используйте его, чтобы получить ценную информацию для ваших усилий по поисковому маркетингу.
  4. Консоль поиска Google – применяйте ее для устранения неполадок, улучшения и отслеживания вашего присутствия в результатах поиска Google. Кроме того, следите за отчетами об ошибках URL.
  5. SEMRush – сервис позволяет вам контролировать свой сайт, а также веб-ресурс вашего конкурента.
  6. Yoast SEO – это универсальный пакет SEO для сайтов WordPress.
  7. Инструмент SEO Analyzer – позволяет сравнить качество SEO вашего сайта с вашими тремя основными конкурентами.

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

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

5. Получите сертификат SSL для своего веб-сайта.

Сертификаты Secure Sockets Layer, сокращенно SSL могут шифровать данные или важную информацию ваших клиентов, которые используют ваш сайт. Вы можете сказать, что у веб-сайта есть сертификат SSL, если URL-адрес имеет HTTPS вместо HTTP.

Google уже объявил, что предпочитает индексировать веб-ресурсы с HTTPS, чем те, которые еще не защищены. Самое главное, ваш SSL-сертификат может помочь вашему сайту занять более высокое место по сравнению с теми, у кого его нет.

6. Отслеживайте разговоры в социальных сетях и на форумах, чтобы находить ценные ключевые слова.

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

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

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

7. Основная цель поисковой системы на 2021 год.

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

Так, например, когда вы нацеливаетесь на ключевое слово в своем сообщении в блоге, вы должны определить намерение, стоящее за этим ключевым словом.

Это исследование продукта или услуги, чтобы что-то купить? Может быть, сравнить один товар с другим?

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

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

то, что  Google выдает в ответ на запрос показывает интересы пользователей

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

8. Используйте Rich Snippets для ТОП 1.

Хотите выделиться в море конкурентов в поисковой выдаче? Используйте расширенные сниппеты — этот SEO-прием сделает ваши объявления уникальными и информативными. Во фрагменте на странице поиска отображается информация о продукте, отзывы и изображения.

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

В качестве примера возьмите изображение ниже. Мы уверены, что вы нажмете на результат поиска с изображением, яркими смайлами, а не на результат поиска, который показывает посредственную информацию.

результат выдачи с правильно оформленным сниппетом привлекает внимание

9. Публикуйте «вечнозеленый» контент и обновляйте существующий.

Если вы еще не заметили, контент – КОРОЛЬ в SEO. Итак, вам лучше делать ставку на публикацию вечнозеленого контента или фрагментов информации, которые будут полезны и актуальны в 2020 году и в последующий период.

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

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

Вот направления, в которых можно создавать вечнозеленый контент:

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

10. Оставляйте сообщения в блогах с длинными хвостами.

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

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

11. Публикуйте развернутый и высококачественный контент.

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

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

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

Комментарий эксперта: SerpIQ изучил страницы результатов поисковых систем, которые включают более 20 000 ключевых слов. Первые 10 результатов в поисковых системах содержат в среднем более 2000 слов. Качественный и длинный контент – это действительно КОРОЛЬ.

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

12. Оптимизация изображений веб-сайтов.

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

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

Вот некоторые факторы, которые следует помнить при выполнении SEO-хака для оптимизации изображений:

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

13. Увеличьте CTR сайта.

Размещение на первой странице Google на самом деле не гарантирует переходов на ваш сайт. Если вы не входите в тройку лучших в поисковой выдаче, вы можете не получить трафик. Вот почему SEO важен. Он не только повышает ваш рейтинг в поисковой выдаче, но также помогает привлечь людей, которые переходят на ваш сайт.

Вот как работает этот прием SEO:

  1. Создавайте контент, ориентированный на более конкретные ключевые слова, по которым легче ранжироваться, например, на длинные ключевые слова.
  2. Создайте четкое и интересное мета-описание, которое расскажет вашей целевой аудитории, почему они должны нажимать на ваш результат в поисковых системах.
  3. Создайте более информативный URL-адрес, чтобы показать людям, что они нашли правильный источник информации.
  4. Сделайте свой формат заголовка простым, но интересным, сосредоточив внимание на основной пользе посещения вашей веб-страницы.
  5. Добавьте разметку структурированных данных, чтобы разместить ваши расширенные описания в результатах поиска.

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

14. Используйте Amazon Polly, чтобы увеличить время пребывания на вашем сайте.

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

И есть много способов увеличить время пребывания посетителей на вашем сайте, например, привлекая их видео и изображениями, внутренними связанными ресурсами, а также создавать интересный и хорошо отформатированный контент. Но есть неиспользованный SEO-прием, о котором ваши конкуренты могут ничего не знать – Amazon Polly.

Amazon Polly – это инструмент распознавания речи, который позволяет вашему веб-сайту читать всю статью для ваших посетителей. Они могут оставаться на вашем сайте, даже если при этом заняты чем-то другим.

страница Amazon Polly

15. Распределите авторитет ссылок на вашу домашнюю страницу.

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

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

16. Увеличивайте в 2021 году шансы на создание ссылок.

Одно исследование показало, что на такие сигналы ссылок, как авторитетность домена, входящий анкорный текст, количество ссылок и многое другое, приходится 27,94% факторов локализованного органического ранжирования и 16,53% факторов ранжирования локального поиска.

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

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

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

17. Оптимизируйте нижний колонтитул своего сайта.

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

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

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

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

18. Используйте инструменты анализа ссылок, чтобы найти топ ссылки ваших конкурентов.

Один из лучших SEO-приемов, которым вы можете научиться, – это то, как выявлять лучшие ссылки ваших конкурентов и использовать их в интересах вашего сайта. Эй, поисковые системы не сказали, что извлечение ссылок ваших конкурентов незаконно!

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

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

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

19. Ведите гостевой блог.

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

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

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

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

20. Отправить пресс-релиз.

Публикация материалов для пресс-релизов может быть одним из лучших способов привлечь внимание СМИ и стать известным брендом. Вы можете попробовать использовать сайт под названием Help a Reporter Out, сокращенно HARO. Это отличное место, где можно предлагать контент для получения обратных ссылок, сбора цитат и даже для появления в СМИ.

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

Вы также можете обратиться к местным СМИ и разместить контент на их веб-сайтах. Таким образом, вы получите больше внимания и авторитетных обратных ссылок.

21. Отправьте свои товарные объявления на eBay и Amazon.

Если у вас есть интернет-магазин, один из наиболее важных способов взлома SEO, который вы можете выполнить, – это расширить охват за пределы вашего веб-сайта. Воспользуйтесь преимуществами двух крупнейших веб-сайтов онлайн-торговли – Amazon и eBay. В Украине многие размещают свои товары на OLX.

Учетная запись продавца на eBay, особенно в магазине, имеет множество преимуществ для SEO. Кроме того, он отлично подходит для ремаркетинга.

С другой стороны, Amazon может быть одним из гигантов, которые вы не должны игнорировать, потому что это отличный рынок. Он владеет сайтом ранжирования поиска Alexa, который жизненно важен для SEO, особенно в голосовом поиске.Также цель Amazon – превзойти поиск Google. 

Итак, если вы хотите выжить во время приливов, вам следует следить за каждым из водоемов.

22. Примените ускоренные мобильные страницы AMP.

Один из самых полезных SEO-приемов, который обычно игнорируется, – это Accelerated Mobile Pages (AMP). Это стандарт кодирования для издателей, позволяющий сделать веб-страницы урезанными и простыми на ваших мобильных устройствах.

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

23. Используйте разметку структурированных данных.

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

Теперь помните, что использование разметки структурированных данных различается на разных платформах. Для результатов поиска Google вам нужно будет использовать Schema.org. С другой стороны, для сайтов социальных сетей, таких как Google+, LinkedIn и Facebook, вам необходимо использовать Open Graph.

Но вот лучший SEO-прием: помощник по разметке структурированных данных Google. Он поможет вам контролировать все ваши разметки из одного центра.

24. Оптимизируйте свое объявление в Google Мой бизнес.

Когда дело доходит до локального ранжирования пакетов, самый важный способ роста SEO – это ваша страница в Google My Business (GMB). К счастью, его оптимизация может оказаться легкой задачей.

Вот как это сделать:

  • Заявите о своем объявлении.
  • Подтвердите свой аккаунт на GMB.
  • Убедитесь, что информация о вашей компании актуальна. Обратите особое внимание на часы работы и списки категорий.
  • Свяжите свою учетную запись GMB со своим сайтом.
  • Обновите существующие изображения, которым больше года, если у вас уже есть учетная запись GMB. Обязательно загружайте только бизнес-изображения хорошего качества.

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

25. Ищите 404 страницы.

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

Используйте Google Search Console, чтобы найти страницы 404 на своем веб-сайте и узнать, где они ведут ссылки и откуда.

Вот как это сделать:

  • Перейдите к сканированию.
  • Нажмите Ошибки сканирования.
  • Нажмите «Не найдено».
  • Затем щелкните каждый URL-адрес, который возвращает страницу 404.
  • Google часто сортирует ошибки от наименее важных к наиболее важным.
  • После того, как вы нажмете на URL-адрес, выберите вкладку «Связанный с», которая показывает URL-адреса, ссылающиеся на соответствующую веб-страницу.
  • Наконец, убедитесь, что эти страницы 404 перенаправляются 301 на вторую по релевантности страницу вашего веб-сайта.

26. Используйте Google PageSpeed ​​Insights.

В 2020 году скорость становится все более необходимой. Итак, ваш сайт должен быстро загружаться. Знаете ли вы, что средний посетитель веб-ресурса может ждать загрузки в течение всего 2 секунд? 

Одно исследование показало, что 47% пользователей сайта ожидают, что он загрузится за 2 секунды, а 40% из них покинут ресурс, если загрузка займет более 3 секунд.

Итак, один из самых полезных инструментов для взлома SEO, который вы можете использовать, – это Google PageSpeed ​​Insights.  Этот инструмент предоставляет отчеты о производительности веб-страницы как на настольных, так и на мобильных устройствах. Лучшее в нем то, что он предлагает рекомендации по улучшению отдельной страницы. Его основная цель – ускорить загрузку вашего сайта на всех устройствах.

27. Убедитесь, что ваш веб-сайт адаптивен для мобильных устройств.

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

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

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

Если вы ничего не знаете о дизайне и разработке веб-сайтов для SEO, обратитесь к профессионалам, чтобы помочь вашему сайту процветать в 2020 году.

28. Устранение несоответствий в NAP.

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

Один из важных приемов SEO, который вам необходимо выполнить, – это разместить свой бизнес на всех соответствующих веб-сайтах каталогах и в социальных сетях, доступных для вас.

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

29. Рейтинг изображений и видео с монитора.

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

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

Вы можете отслеживать рейтинг изображения и видео, используя  инструмент отслеживания рейтинга, включить опцию универсальных результатов поиска. Он должен показывать вам результаты не только Google, но и других популярных поисковых систем и веб-сайтов, таких как Bing, Facebook, Pinterest и YouTube.

30. Создание инфографики.

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

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

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

31. Побуждение к созданию пользовательского контента.

Получение трафика часто означает отслеживание тех, у кого есть трафик. Итак, один из самых лучших приемов SEO – это изучение того, что делают крупные игроки.

Вы знаете, что общего у ведущих сайтов? Это подходящий контент. Поисковые системы, такие как Google и Baidu, будут считаться нерелевантными, если у них нет проиндексированного контента с разных веб-сайтов для поиска.

YouTube и Facebook – это сайты социальных сетей, которые ежемесячно заполняются миллионами пользовательского контента.

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

32. Укрепляйте свой бренд.

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

Помните, что Google предпочитает ранжировать сайты с надежными запросами по брендам, а не без них. Как их получить? Убедитесь, что люди продолжают возвращаться на ваш сайт, привлекая их ультраполезным и актуальным контентом. Возможно, вы захотите сделать несколько привлекательных предложений и интересных подарков.

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

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

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

33. Создайте канал на YouTube.

Как вы видели на предыдущем изображении, YouTube – уже вторая по величине поисковая системой в мире. К тому же она в два раза популярнее, чем Bing. Не говоря уже о том, что количество пользователей с каждым годом стремительно растет.

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

Вы не должны игнорировать такую ​​большую поисковую систему, как YouTube, верно?

Лучше всего то, что если ваш видеоконтент хорошо оптимизирован для SEO на YouTube. Вы заработаете больше мест в первых позициях Google в его результатах поиска. Это потому, что 55% результатов поиска Google содержат хотя бы один видеоконтент. Кроме того, Google фактически владеет YouTube. Таким образом, вы можете ожидать, что в этом 2020 году все больше и больше видео YT будут попадать в выдачу.

Все чаще Google в ответ на запрос в первых строках выдачи предлагает видео:

в ответ на запрос Google часто выдает видео с YouTube

34. Создайте учетные записи в популярных социальных сетях.

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

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

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

35. Соберите доказательства клиента.

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

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

Вот как работает этот прием SEO:

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

Итог.

Вот как вы подготовите свой веб-сайт к вызовам, которые поисковые системы и цифровой рынок могут принести в 2020 году. Поэтому обязательно примените эти полезные SEO-хаки, как только сможете.

Теперь, если вы не слишком уверены в том, что выполняете все эти приемы для роста SEO или если они кажутся вам слишком сложными, вы можете воспользоваться отличными услугами профессионалов в SEO. 

По материалам сайта: delante.co

❤️ Когда ожидать первых результатов от SEO?

Несколько месяцев. Это зависит от задач.

✔️ На что обращать внимание, создавая инфографику?

Главное – изображение, минимум текста, логическая последовательность элементов, оставлять пространство, в среднем применять 3 цвета.

❤️ Amazon Polly поддерживает русский язык?

Да.

✔️ Как получить SSL-сертификат?

У провайдера, владельца вашего хостинга, есть бесплатные варианты, но у них есть недостатки.

✔️ Сколько часов занимает SEO?

Расчетное время: от 10 до 40 часов, в зависимости от размера вашего сайта и его текущего состояния.

✔️ SEO действительно работает?

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

✔️ Сколько стоит SEO в месяц?

Согласно обширному исследованию Ahrefs, средний план SEO для агентства стоит 2819 долларов в месяц. Нижний предел среднего составляет около 500 долларов в месяц, а верхний предел среднего составляет от 25 000 до 50 000 долларов в месяц.

Проектирование пользовательского интерфейса и итеративный дизайн.

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

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

Это привело к появлению итеративного подхода к дизайну.






Легко ли вам создать сайт?

Трудно поверить, что более 20 лет назад можно было одиночку создать веб-ресурс для международного бренда. Сейчас важен не только дизайн пользовательского интерфейса! 

Можете ли вы представить себе человека, который сегодня создает сайт для именитого бренда? Теперь к этому привлекается много специалистов для создания пользовательского интерфейса:

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

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

современный веб дизайн развивается

Почему дизайн интерфейса должен развиваться?

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

Дизайн пользовательского интерфейса должен достигать цели – стимулировать продажи. В противном случае бизнес может потерять значительные инвестиции и получить серьезный ущерб.

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

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

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

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

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

развитие пользовательского дизайна менеджмент

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

Справка: Итеративный подход к дизайну пользовательского интерфейса – с англ. iteration – «повторение». Это цикл PDCA: Планирование — Реализация — Проверка — Корректировка (англ. plan-do-check-act cycle). Разработка, непрерывный анализ результатов, корректировка предыдущих этапов работы, и так до завершения проекта.

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

Введение фазы открытия.

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

Более традиционные проекты начинаются с вопроса «чего мы хотим достичь?», фаза открытия спрашивает: «что пользователь хочет сделать?»

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

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

Акцент делается на наблюдении за поведением клиентов, а не на опросе их мнения.

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

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

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

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

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

Дизайн интерфейса и визуальная идентификация.

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

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

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

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

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

настройка настроения веб проекта

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

Сопоставление ключевых слов может быть полезным способом определения правильности эстетики бренда.

определение эстетики бренда

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

Анализ – основа подхода к разработке пользовательского интерфейса. В этом прототипирование становится особенно важным.

Построение итеративного прототипирования вместо спецификации.

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

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

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

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

сортировка карточек

Но эта информационная архитектура нуждается в тестировании, чтобы убедиться, что она верна.

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

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

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

Процесс гипотезы, тестирования и итерации – основа современного процесса проектирования пользовательского интерфейса.

Со временем мы становимся более уверенными, и поэтому мы можем начать увеличивать точность нашего прототипа:

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

Затем авторы контента могут начать составлять полные ответы на вопросы пользователей, а дизайнеры могут вводить стили пользовательского интерфейса, такие как типография и цвет.

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

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

От прототипа до беты.

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

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

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

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

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

бета версия сайта

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

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

Постоянный мониторинг, уточнение и развитие.

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

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

статистика взаимодействия пользователей с сайтом

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

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

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

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

Преимущества итерации дизайна пользовательского интерфейса.

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

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

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

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

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

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

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

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

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

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

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

⏩ Какой отличить тест хорошего прототипа пользовательского интерфейса?

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

❤️ Что помогает протестировать пользовательский интерфейс?

A/B тестирование или сплит тестирование, самые эффективные способы оценки качества прототипа.

⏩ Почему дизайн интерфейса должен развиваться?

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

❤️ Что такое итеративный дизайн?

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

❤️ Каковы 3 этапа модели итеративного проектирования?

Итеративный процесс проектирования происходит в непрерывном цикле, включающем три уникальных этапа: формулировка, тестирование, оценка.

❤️ Почему используется итеративный дизайн?

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

❤️ Какой пример итеративного процесса?

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

Инструменты и методы A/B и A/B/n тестирования сайта.

Инструменты для A/B и A/B/n тестирования сайта

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






Что такое А/B тестирование?

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

Также и с A/B-тестом, трафик 50/50 будет разделен между исходной страницей и вариантом:

A/B тестирование трафик

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

Кроме того, тестирование новых препаратов требует почти определенной степени точности. Жизни на линии. С технической точки зрения, ваш период «исследования» может быть намного дольше, так как вы хотите быть точно уверены, что не допустите ошибки первого типа – ложного срабатывания.

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

Конечно, вы можете создать более двух вариантов. Тесты с более чем двумя вариациями известны как тесты A/B/n. Если у вас достаточно трафика, вы можете протестировать столько вариантов, сколько захотите. Вот пример теста A/B/C/D, и сколько трафика выделяется каждому варианту:

Тест A/B/n равномерно распределяет трафик

Тесты A/B/n отлично подходят для реализации большего количества вариантов одной и той же гипотезы, но они требуют больше трафика, поскольку разделяют его на несколько страниц.

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

Многомерное тестирование и A/B/n алгоритмы. В чем разница?

A/B/n-тесты – это контролируемые эксперименты. Запускают одновременно один или несколько вариантов на исходной странице. Для получения результата сравнивают коэффициенты конверсии среди вариантов на основе одного изменения.

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

Многовариантные тесты

В данном примере многомерного теста показано 3 элемента на странице с тремя различными вариантами. Если такой тест проводить как AB тест, то нам потребуется провести 3 в третей степени вариантов. Всего 27 тестов.

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

Большинство агентств отдают предпочтение A/B-тестированию, потому что вы обычно тестируете более значительные изменения с большим потенциальным воздействием, а также потому, что их проще выполнять. Как однажды сказал Пип: «Большинство ведущих агентств, с которыми я говорил об этом, проводят ~ 10 А/Б тестов на каждые 1 МВТ».

A/B/n алгоритмы – это тесты A/B/n, которые обновляются в режиме реального времени в зависимости от производительности каждого варианта.

По сути, алгоритм A/B/n начинается с отправки трафика на две или более страницы: оригинал и вариант n. Затем, чтобы «чаще оставаться в выигрыше», алгоритм обновляется в зависимости от того, какой вариант является наиболее удачным. В конце концов, алгоритм полностью использует лучший вариант:

Использование выигрышного варианта

Одно из преимуществ A/B/n тестирования заключается в том, что они смягчают отрицательные результаты.

A/B/n тесты отлично подходят для:

  • заголовков и краткосрочных кампаний;
  • автоматизации для масштаба;
  • ориентации;
  • оптимизации смешивания с атрибуцией.

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

Как улучшить результаты А/В теста?

Не обращайте внимания на сообщения в блоге про «99 вещей, которые вы можете протестировать прямо сейчас». Это пустая трата времени и трафика. Процесс не принесет вам больше денег.

Около 74% оптимизаторов со структурированным подходом к конверсии также заявляют об улучшении продаж. Те, у кого нет структурированного подхода, остаются в том, что Крейг Салливан называет «корытом разочарования», если только их результаты не завалены ложными срабатываниями, о которых мы поговорим позже.
Чтобы упростить процесс выигрыша, структура выглядит примерно так:

  • исследование;
  • приоритезация;
  • экспериментирование;
  • анализирование, учет и повтор.


Чтобы начать оптимизацию, вам нужно знать, что делают ваши пользователи и почему.

Итак, думать нужно в следующем порядке:

  • Определите ваши бизнес-цели.
  • Определите цели вашего сайта.
  • Определите ваши ключевые показатели эффективности.
  • Определите ваши целевые показатели.

Как только вы знаете, куда движетесь. Вы сможете собрать данные, необходимые для достижения поставленных целей. Для этого мы рекомендуем ResearchXL Framework.

Вот краткое изложение процесса, который мы используем в CXL:

  • эвристический анализ;
  • технический анализ;
  • анализ веб-аналитики;
  • анализ машинного слежения;
  • качественные опросы;
  • пользовательское тестирование и копирование.

Эвристический анализ близок к «лучшим практикам». Даже после многолетнего опыта вы не сможете точно сказать, что будет работать. Но вы можете определить области возможностей.

Он помогает создать структуру. При проведении эвристического анализа мы оцениваем каждую страницу на основе следующего:

  • релевантность;
  • ясность;
  • ценность.

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

Итак, начнем с:

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

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

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

Для качественного исследования используйте такие вещи, как:

  • опросы на местах;
  • опросы клиентов;
  • интервью с клиентами и фокус-группы;
  • пользовательское тестирование.

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

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

После тщательного исследования у вас будет много данных. Следующим шагом будет установление приоритетов этих данных для тестирования.

Как расставить приоритеты для А/B гипотезы.

Существует множество структур для определения приоритетов ваших A/B-тестов и вы даже можете вводить новшества с помощью собственной формулы. Способ, чтобы расставить приоритеты в работе. Пройдя все шаги, вы обнаружите проблемы – серьезные и незначительные. Распределите каждую находку в одном из пяти сегментов:

  • Тестовое задание. В этой части вы размещаете вещи для тестирования.
  • Инструмент. Это может включать исправление, добавление или улучшение обработки тегов или событий в аналитике.
  • Выдвижение гипотезы. Здесь вы нашли страницу, виджет или процесс, который не работает должным образом.
  • Просто сделай это. Тут все и так ясно. Работа над ошибками.
  • Исследовать. Нужно задавать вопросы или копать глубже.

Оцените значимость каждой проблемы от 1 до 5 звезд, 1 = второстепенный, 5 = критический.

Есть два критерия, которые являются более важными, чем другие, при оценке:

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

Создайте электронную таблицу со всеми вашими данными. У вас будет приоритетный план тестирования. Мы разработали собственную модель расстановки приоритетов, чтобы отсеять субъективность, насколько это возможно. Это основано на необходимости вносить данные в таблицу. Он называется PXL и выглядит так:

Приоритетный план тестирования

Вместо того, чтобы угадывать, как это может повлиять, эта структура задает вам ряд вопросов:

  • Изменение выше сгиба? Все больше людей замечают изменения, превышающие их. Таким образом, эти изменения, скорее всего, окажут влияние.
  • Заметно ли изменение менее чем за 5 секунд? Покажите группе людей контроль, а затем вариацию «и». Могут ли они показать разницу через 5 секунд? Если нет, то это может оказать меньшее влияние.
  • Это добавляет или удаляет что-нибудь? Большие изменения, такие как удаление отвлекающих факторов или добавление ключевой информации, оказывают большее влияние.
  • Тест выполняется на страницах с большим трафиком? Улучшение страницы с большим трафиком дает большую отдачу.

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

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

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

Оценка PXL.

Мы предполагаем бинарную шкалу: нужно выбрать одну или другую. Таким образом, для большинства переменных выбираете либо 0, либо 1.

Но мы также хотим взвешивать переменные в зависимости от важности. Насколько заметно изменение, если что-то добавлено или удалено? Для этих переменных мы специально говорим, как все меняется. Например, в поле «Заметность» переменной «Изменение» вы можете пометить его как 2 или 0.

Настраиваемость.

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

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

Возможно, вы находитесь в стартапе, чей движок работает на SEO. Возможно, ваше финансирование зависит от этого потока клиентов. Добавьте категорию вроде «SEO», что поможет изменить некоторые заголовки или копировать тесты.

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

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

Как долго проводить А/B тесты?

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

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

Примите во внимание следующее: когда было выполнено 1000 A/A-тестов (две идентичные страницы):

  • 771 эксперимент из 1000 достиг 90% значимости в какой-то момент.
  • 531 эксперимент из 1000 достиг 95% значимости в какой-то момент.

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

Определите размер выборки и запустите тестирование на полные недели, обычно не менее двух рабочих циклов.

Как вы определяете размер выборки? Есть много отличных инструментов. Вот как вы можете рассчитать размер выборки с помощью инструмента Эвана Миллера:

Инструмент Эвана Миллера

В этом примере мы указали инструменту, что у нас коэффициент конверсии 3% и мы хотим обнаружить повышение как минимум на 10%. Этот инструмент говорит нам, что нам нужно 51 486 посетителей на каждый вариант, прежде чем мы сможем взглянуть на уровни статистической значимости.

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

Для практических целей, знайте, что 80% мощности является стандартом для инструментов A/B-тестирования. Чтобы достичь такого уровня, вам понадобится либо большой размер выборки, либо большой размер эффекта, либо более длительный тест.

Там нет магических чисел.

Многие посты в блогах рекламируют магические числа, такие как «100 конверсий» или «1000 посетителей» в качестве точек остановки. Математика не волшебство. То, с чем мы имеем дело, немного сложнее, чем упрощенная эвристика, подобная этим цифрам. Эндрю Андерсон из Malwarebytes хорошо сказал:

Мы хотим представительный образец. Как мы можем получить это? Тест на два бизнес-цикла для смягчения внешних факторов:

  • День недели. Ваш ежедневный трафик может сильно варьироваться.
  • Источники трафика. Если вы не хотите персонализировать опыт для выделенного источника.
  • График публикации блога и новостной рассылки.
  • Вернуть посетителей. Люди могут посетить ваш сайт, подумать о покупке, а затем вернуться через 10 дней, чтобы купить ее.
  • Внешние события. Например, зарплата в середине месяца может повлиять на покупку.

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

После того, как вы все настроили правильно, не смотрите на результаты теста до его окончания. Это может привести к раннему получению результата из-за «обнаружения тренда». Вы обнаружите, что многие результаты тестов возвращаются к среднему значению.

Регрессия к среднему.

Часто можно замечать, что результаты сильно различаются в первые несколько дней теста. Конечно же, они имеют тенденцию сходиться, поскольку тест продолжается в течение следующих нескольких недель. Вот пример с сайта электронной коммерции:

Пример AB теста
  • Первые пару дней: Голубая линия или вариант № 3 выигрывает – около 16 долларов за посетителя против 12,50 доллара за контроль. Многие люди по ошибке закончили бы тестирование здесь.
  • Через 7 дней: вариант № 3 все еще выигрывает, и относительная разница велика.
  • Через 14 дней: Оранжевая линия или вариант № 4 побеждает!
  • Через 21 день: № 4 все еще выигрывает!

Если бы вы остановили тест менее чем за четыре недели, вы бы сделали ошибочный вывод.

Есть связанная проблема: эффект новизны. Новизна ваших изменений, например, большая синяя кнопка, привлекает больше внимания к вариации.

Остановка A/B-тестов: сколько конверсий мне нужно?

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

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

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

Как настроить A/B тесты?

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

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

Крейг Салливан имеет набор гипотез для упрощения процесса:

  • Что мы видели: данные и обратная связь,
  • Мы ожидаем, что изменение вызовет воздействие.
  • Мы будем измерять это с помощью метрика данных.

И продвинутый:

  • Потому что мы видели качественные и количественные данные.
  • Мы ожидаем, что изменение для вызовет воздействие.
  • Мы ожидаем увидеть изменение метрики данных за период.
  • Основания для технических преобразований.
  • Вот заключительная часть: вы можете наконец подумать о выборе инструмента.

Хотя это первое, о чем думают многие, это не самое главное. Стратегия и статистические знания на первом месте.

Тем не менее, есть несколько различий, которые следует иметь в виду. Одна из основных категорий инструментов – это инструменты тестирования на стороне сервера или на стороне клиента.

Серверные инструменты отображают код на уровне сервера. Они отправляют рандомизированную версию страницы зрителю без изменений в браузере посетителя. Инструменты на стороне клиента отправляют ту же страницу, но JavaScript в браузере клиента управляет внешним видом оригинала и его вариантом.

Инструменты тестирования на стороне клиента включают Optimizely, VWO и Adobe Target. Conductrics имеет возможности для обоих, а SiteSpect использует метод на стороне прокси-сервера.

Что все это значит для вас? Если вы хотите сэкономить время заранее или ваша команда невелика или не имеет ресурсов для разработки, клиентские инструменты помогут вам быстрее начать работу. Серверная часть требует ресурсов для разработки, но часто может быть более надежной.

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

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

При настройке A/B-тестов пригодятся следующие навыки: HTML, CSS и JavaScript / JQuery, а также навыки проектирования и копирайтинга для создания вариантов. Некоторые инструменты позволяют использовать визуальный редактор, но это ограничивает вашу гибкость и контроль.

Как анализировать результаты A / B-теста?

Хорошо. Вы провели исследование, правильно настроили тест, и он наконец готов. Теперь перейдем к анализу. Это не так просто, как взглянуть на график.

График результатов AB теста

Одна вещь, которую вы всегда должны делать: анализировать результаты своего теста в Google Analytics. Это не просто расширяет ваши возможности анализа; это позволяет вам быть более уверенным в своих данных и принятии решений.

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

Что происходит, если нет различий между вариациями?

  1. Ваша гипотеза могла быть верной, но реализация была неправильной.

Допустим, ваше качественное исследование говорит о том, что проблема не опасна. Сколько есть способов, чтобы улучшить восприятие безопасности?

Название игры – итеративное тестирование, поэтому, если вы что-то хотели, попробуйте несколько вариаций.

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

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

Сегментация данных для A/B-тестов.

Ключ к обучению в A/B-тестировании – сегментирование. Несмотря на то, что B может проиграть A в общих результатах, B может победить A в определенных сегментах: обычный, Facebook, мобильный и т. д.

Сегментация данных

Есть множество сегментов, которые вы можете проанализировать. Оптимально перечисляются следующие:

  • тип браузера;
  • тип источника;
  • мобильный или настольный компьютер или устройство;
  • зарегистрированные и зашедшие посетители;
  • кампания PPC / SEM;
  • географические регионы: город, область, страна);
  • новые против постоянных посетителей;
  • новые и повторные покупатели;
  • опытные пользователи против случайных посетителей;
  • мужчины против женщин;
  • возрастной диапазон;
  • новые и уже представленные лиды;
  • типы планов или уровни программы лояльности;
  • текущие, потенциальные и бывшие подписчики;
  • роли: например, если ваш сайт выполняет роль покупателя и продавца.

По крайней мере, при условии, что у вас достаточный размер выборки, посмотрите на эти сегменты:

  • настольный компьютер против планшета или мобильного телефона;
  • новое относительно старого;
  • трафик, который попадает на страницу, против трафика по внутренним ссылкам.

Убедитесь, что у вас достаточно размера выборки в сегменте. Рассчитайте его заранее, и будьте осторожны, если в данном сегменте меньше 250–350 конверсий за вариацию.

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

Как архивировать пройденные A/B тесты?

A/B-тестирование – это не только выигрыш, проигрыш и тестирование случайных участков. Как сказал Мэтт Гершофф, оптимизация — это «сбор информации для принятия решений». Уроки из статистически достоверных A/B-тестов способствуют достижению больших целей роста и оптимизации.

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

Архивирование А/В тестов

Итак, вот сложная часть: нет единого лучшего способа структурировать управление знаниями. Некоторые компании используют сложные встроенные инструменты, другие используют сторонние инструменты; а третьи используют Excel и Trello.

Если это поможет, вот три инструмента, созданных специально для управления проектами оптимизации конверсии:

  • Iridion;
  • effectiveexperiments.com;
  • projects.growthhackers.com.

Важно общаться между департаментами и руководителями. Часто результаты A/B-теста не являются интуитивно понятными для непрофессионала.

Статистика А/В тестирования.

Зачем вам нужно знать статистику? Мэтт Гершофф любит цитировать своего преподавателя математики в колледже: «Как ты можешь делать сыр, если не знаешь, откуда берется молоко?!»

Есть три условия, которые вы должны знать, прежде чем мы погрузимся в подробности статистики A/B-тестирования:

  • Значение. Мы измеряем не все коэффициенты конверсии, а только образец. Среднее является представителем целого.
  • Отклонение. Какова естественная изменчивость населения? Это влияет на наши результаты и то, как мы их используем.
  • Отбор проб. Мы не можем измерить истинный коэффициент конверсии, поэтому мы выбираем образец, который является репрезентативным.

Что такое р-значение?

Многие используют термин «статистическая значимость» неточно. Статистическая значимость сама по себе не является правилом остановки, так что же это такое и почему это важно?

Для начала давайте рассмотрим p-значения, которые также очень неправильно поняты. Как недавно отметил FiveThirtyEight, даже ученые не могут легко объяснить p-значения.

Значение p — это мера доказательств против нулевой гипотезы или контроль, на языке A/B-тестирования. Значение p не говорит нам о вероятности того, что B лучше, чем A.

Точно так же это не говорит нам о вероятности того, что мы допустим ошибку при выборе B вместо A. Это распространенные заблуждения.

Значение p – это вероятность увидеть текущий результат или более экстремальный, учитывая, что нулевая гипотеза верна. Или «Насколько удивителен этот результат?»

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

Доверительные интервалы и предел погрешности.

Ваш коэффициент конверсии не просто говорит X%. Он говорит что-то вроде X% (+/- Y). Второе число – это доверительный интервал, и он крайне важен для понимания результатов вашего теста.

В A/B-тестировании мы используем доверительные интервалы, чтобы снизить риск ошибок выборки. В этом смысле мы управляем риском, связанным с внедрением нового варианта.

Поэтому, если ваш инструмент говорит что-то вроде: «Мы на 95% уверены, что коэффициент конверсии составляет X% +/- Y%», тогда вам нужно учитывать +/- Y% как предел погрешности.

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

Синусоидальные данные.

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

  • время года;
  • день недели;
  • каникулы;
  • позитивные или негативные упоминания в прессе;
  • другие маркетинговые кампании;
  • КПП / SEM;
  • SEO;
  • из уст в уста.

Другие включают загрязнение образца, эффект мерцания, ошибки отслеживания доходов, смещение выбора и многое другое. Об этом следует помнить при планировании и анализе ваших A/B-тестов.

Байесовская или частая статистика.

Байесовское или Frequentist A/B тестирование является еще одной горячей темой. Многие популярные инструменты перестроили свои движки статистики для использования байесовской методологии.

Вот упрощенная разница с точки зрения байесовской вероятности: гипотезе присваивается вероятность. По мнению Frequentist, гипотеза проверяется без присвоения вероятности.

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

Инструменты и ресурсы A/B-тестирования.

Существует множество инструментов для онлайн-экспериментов. Вот список из 53 инструментов оптимизации конверсий, которые были рассмотрены экспертами. Некоторые из самых популярных инструментов A/B-тестирования включают в себя:

  • Optimizely;
  • ПУО;
  • Adobe Target;
  • Maximyser;
  • Conductrics.

A/B тестирование калькуляторов.

  • AB Test Calculator от CXL;
  • A / B Калькулятор значимости теста на разделение от VWO;
  • A / B Сплит и многовариантный тест продолжительности калькулятора от VWO;
  • Калькулятор размера выборки Эвана Миллера.

Ресурсы статистики A / B-тестирования.

  • Статистика тестирования А/В: простое в понимании руководство;
  • Статистический анализ и A/B тестирование;
  • Понимание статистики A/B тестирования для получения REAL Lift в конверсиях.

Вывод.

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

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

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

✓ Что такое A/B/n-тесты?

A/B/n-тесты — это контролируемые эксперименты. Запускают одновременно один или несколько вариантов на исходной странице. Для получения результата сравнивают коэффициенты конверсии среди вариантов на основе одного изменения.

✓ Для чего в A/B-тестировании используются интервалы погрешности?

В A/B-тестировании мы используем доверительные интервалы, чтобы снизить риск ошибок выборки. В этом смысле мы управляем риском, связанным с внедрением нового варианта.

✓ Зачем архивировать результаты А/В тестов?

Структурированный подход к оптимизации и анализу прошлых результатов позволяет получить больший рост и лучшие результаты тестирования.

✓ Что такое р-значение в А/В тестировании?

Значение p — это мера доказательств против нулевой гипотезы (контроль, на языке A/B-тестирования). Значение p не говорит нам о вероятности того, что B лучше, чем A.

✓ Что означает значение P, равное 1?

Когда данные полностью описываются рестриктированной моделью, вероятность получить менее хорошо описанные данные равна 1. Например, если выборочные средние в двух группах идентичны, p-значения t-критерия равны 1.

✓ Как значение P связано с ошибками типа 1 и типа 2?

Например, p-значение 0,01 будет означать, что существует 1% -ная вероятность совершения ошибки типа 1. Однако использование более низкого значения для альфа означает, что вы с меньшей вероятностью обнаружите истинное различие, если оно действительно существует (что создает риск ошибки типа 2).

✓ Что, если значение P равно 0?

1 указывает на отклонение нулевой гипотезы на уровне значимости 5%. 0 указывает на неспособность отклонить нулевую гипотезу на уровне значимости 5%.

UX/UI принципы веб дизайна.

7 принципов UX дизайна

Дизайн взаимодействия с пользователем или UX UI дизайн – это то, что применяют создатели сайтов из опыта взаимодействия с пользователями. Сюда относится весь процесс создания продукта, включая аспекты брендинга, дизайна, удобства использования и функций. 

Вы сталкиваетесь с принципами UX дизайна всякий раз, когда используете приложение, созданное крупной компанией, или один из их продуктов. 

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

Когда вы начнете изучать мир веб-дизайна, вы довольно быстро столкнетесь с концепцией пользовательского опыта UX. Она зародилась возможно, еще в 1988 году с публикацией книги Дональда Нормана «Дизайн повседневных вещей». 

Норман, который в то время был ведущим дизайнером в Apple, использовал эту книгу, чтобы привлечь внимание к сложности дизайна объектов, которые часто упускаются из виду. С тех пор UI/UX дизайн развивался и изменялся.

Однако, несмотря на популярность концепции, основные принципы UX/UI дизайна все еще плохо понимаются многими дизайнерами. На самом деле, продолжаются споры о том, как определить этот термин. Многие дизайнеры смутно понимают, что значит, что UX-дизайн ориентирован на пользователя. Тем более применить это на практике бывает еще сложнее.

В этой статье мы познакомим вас с 7 наиболее важными принципами UX дизайна и покажем, как их использовать.

Это самый важный принцип в UI дизайне. Разработчики становятся более искусными в создании сложных фреймворков веб-дизайна. Они могут иногда так оформлять сайты, чтобы произвести впечатление на своих собратьев дизайнеров. Не для удобства пользователей.






1. Сосредоточивайтесь на посетителях сайта.

много вариантов дизайна сайтов
Вариантов дизайна много – не все они удобны для пользователей.

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

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

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

2. Принцип веб дизайна. Последовательность.

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

единый дизайн сайта для разных устройств
Единый брендинг и дизайн на нескольких платформах в дизайне веб-сайта от FusionTrek

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

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

К реализации этого принципа следует подходить с помощью трех методов:

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

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

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

3. Иерархия. Основной принцип UX дизайна.

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

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

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

Дитер Рамс так высказался в своих «Десяти принципах хорошего дизайна»: «Хороший дизайн –это как можно меньше дизайна».

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

4. Контекст является ключевым в UI дизайне.

Одним из ключевых выводов подхода к UX/UI дизайну является то, что контекст является чрезвычайно важной частью того, как пользователи взаимодействуют с вашими проектами. 

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

смартфон основное средство для выхода в интернет

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

На практике есть два основных способа привнести контекстный подход в процесс проектирования. Один из них – это опросы пользователей, о которых мы упоминали выше. Другой вариант проще, но, возможно, более эффективный. Проведите небольшое «этнографическое» исследование, используя свои веб-страницы в той же обстановке, что и ваши пользователи. 

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

5. Предоставьте пользователю контроль.

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

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

Лишь одно «НО». Хотя предоставление пользователям контроля приведет к лучшему взаимодействию, вы всегда должны открывать «аварийный выход» из этих расширенных параметров. 

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

6. Принцип Доступности.

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

простой дизайн сайта
Использование доступных принципов дизайна может радикально упростить ваш дизайн, как на этой веб-странице DSKY.

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

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

7. Юзабилити тестирование дизайна.

Последний принцип UX/UI дизайна тесно связан с первым упомянутым принципом.  Чтобы убедиться, что ваши веб-страницы работают для ваших пользователей, вам необходимо внедрить непрерывную строгую систему тестирования удобства использования.

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

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

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

Отличный UX дизайн может стать вашим основным принципом.

Прочитав приведенные основные принципы дизайна, вы заметите, что большинство из них вытекают из первого упомянутого нами принципа UI/UX дизайна: ориентация на пользователя.

простой дизайн сайта пример
Принципы дизайна UX нацелены на простоту и удобство использования.

Это не совпадение. Основная ценность процессов UX-дизайна заключается в том, что они признают фундаментальную истину о веб-дизайне:

Вы разрабатываете свой веб-сайт не для себя, а для своих пользователей. 

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

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

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

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

По материалам сайта: 99designs.com.

❤️ Как расшифровывается UX?

UX расшифровывается как user experience – опыт пользователей.

⏩ Как проверить юзабилити сайта?

С помощью A/B тестирования.

❤️ Как сделать, чтобы сайт отображался хорошо на разных устройствах?

Можно сделать мобильную версию или сделать сайт адаптивным изначально.

⏩ Какие цвета лучше использовать?

Это зависит от тематики сайта и для каких он пользователей. Иногда это контрастные цвета, иногда пастельные. A/B тестирование покажет, что понравится посетителям страницы.

⏩ Что такое UX/UI?

UX расшифровывается как поведение пользователя, а UI — это пользовательский интерфейс.

⏩ Зачем нужен UX/UI?

UX/UI проектирование учитывает поведение пользователя на сайте или в приложении. Это позволяет повысить прибыли и лояльность пользователей.

⏩ Какие особенности UX/UI дизайна?

Особенности UX/UI дизайна — это минимализм. Дизайн направлен на удобство использования.

⏩ Что такое UI и UX в веб-дизайне?

Пользовательский интерфейс (UI) — специализация веб-дизайна, связанная с элементами управления, которые люди используют для взаимодействия с веб-сайтом или приложением, включая отображение кнопок и управление жестами. Пользовательский опыт (UX) — еще одна специализация веб-дизайна, связанная с поведением и ощущениями пользователя при использовании сайта или приложения.

15 правил UI/UX дизайна.

ux дизайн 15 ключевых правил

Пользовательский опыт – это обширная дисциплина. Любой, кто практикует UI/UX-дизайн, должен иметь навыки во многих областях. Хотя невозможно обобщить всю полезную информацию в одной статье, все же можно выделить наиболее важные правила. Им важно следовать каждому дизайнеру UX, чтобы создавать сайты, удобные для людей.

Вот 15 основных принципов, с которыми должен быть знаком каждый дизайнер.

1. UX и UI дизайн для пользователей.

Пользовательский интерфейс – это пространство, в котором происходит взаимодействие между людьми и продуктом. Пользовательский опыт – это эмоциональный результат после взаимодействия с этим продуктом.

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

2. Ключевое правило UX. Знайте свою аудиторию.

Исследование привычек и предпочтений пользователей – первый шаг в проектировании сайта.

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

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

3. Вы – не пользователь.

Тестирование с реальными пользователями – важная часть процесса проектирования.

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

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

Скорее всего, люди, которые будут использовать ваш продукт, имеют разное прошлое, разное мышление, разные ментальные модели и разные цели. Другими словами, они не вы.

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

тестирование помогает понять поведение пользователей сайта
UX-дизайн — это делать предположения, а затем проверять их с помощью тестирования.

4. Адаптируйте UI/UX дизайн для кратковременной концентрации внимания.

Не перегружайте пользователей слишком большим количеством информации.

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

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

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

5. Дизайн UX — это процесс не высечен на камне.

Адаптируйте процесс проектирования к разрабатываемому вами продукту.

Ясный и лаконичный процесс разработки пользовательского интерфейса позволяет создавать потрясающие впечатления для посетителей сайта.

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

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

6. Создавайте прототип, прежде чем работать с настоящим продуктом.

Этап проектирования цифровых продуктов должен включать этап прототипирования.

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

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

прототип мобильного приложения
Прототип мобильного приложения в Adobe XD.

7. Используйте реальный контент при разработке.

Избегайте использования Lorem Ipsum и фиктивных заполнителей.

Практически каждый продукт основан на контенте, будь то текст, изображения или видео. Можно сказать, что дизайн – это улучшение содержания. Тем не менее, многие разработчики не принимают во внимание контент на этапе проектирования. Они используют Lorem Ipsum вместо реальной копии и заполнители вместо реальных изображений. Хотя такой дизайн может отлично смотреться на артборде, изображение может быть совершенно другим, если один и тот же дизайн заполнен реальными данными.

8. Делайте дизайн простым и последовательными.

Особенности отличного пользовательского интерфейса – простота и последовательность.

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

выделение главных элементов на странице
Наиболее важные элементы на главной странице Hipmunk выделены, чтобы пользователи могли сосредоточиться на них. Это дает понять пользователю, что делать дальше.

Интерфейсы также должны быть единообразными на протяжении всего проекта. В попытке сделать дизайн более креативным и запоминающимся, многие разработчики намеренно добавляют несоответствия в стиль. 

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

9. Узнаваемость UI элементов важнее оригинальности.

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

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

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

10. Сделайте UI/UX дизайн удобным и доступным.

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

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

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

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

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

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

11. Не пытайтесь решить проблему самостоятельно.

Дизайн – это командный вид спорта. Не работайте изолированно.

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

12. Не пытайтесь решить все сразу.

UX-дизайн — это не линейный процесс.

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

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

думать делать тестировать
UX-дизайн — это не линейный процесс. Чтобы создавать отличные продукты, вам нужно внести множество изменений и протестировать их. Главное — определить предположения, проверить их, уточнить и повторить.

13. Лучше предотвращать ошибки, чем исправлять их.

По возможности разрабатывайте продукты так, чтобы свести к минимуму возможные ошибки.

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

14. Информируйте посетителей о ходе их работы на веб-ресурсе.

Приложение или веб-сайт всегда должны держать пользователей в курсе происходящего.

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

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

15. Избегайте резких изменений дизайна.

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

Исследования показывают, что пользователям не нравятся массовые изменения в существующих продуктах, даже если эти изменения принесут им пользу.  

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

Значительное количество жалоб вынудило eBay снова изменить дизайн. После этого у команды была другая стратегия. В течение нескольких месяцев они меняли цвет фона по одному оттенку желтого, пока, наконец, весь желтый не исчез, оставив только белый. Как и ожидалось, на этот раз изменений почти никто не заметил.

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

Вывод: не бойтесь ошибаться.

Все делают ошибки — это единственный способ чему-то научиться.

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

По материалам сайта: https://xd.adobe.com.

✔️ Что такое Lorem Ipsum?

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

❤️ Что такое 10 эвристик Якоба Нильсена?

Это принципы проектирования интерфейса. Они названы эвристиками, потому что это общие правила, а не конкретные указания.

✔️ Как создать "быстрое прототипирование"?

Использовать для этого специальные инструменты и веб-ресурсы.

❤️ Как еще можно получить пользовательский опыт?

Походите по страницам сайтов конкурентов. Что вам там понравится, а что будет неудобным? Ищите отзыв пользователей в Сети.

❤️ С чего начинать делать UI/UX дизайн?

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

✔️ Что наиболее важно понимать в процессе проектирования UX?

Принципы UX.
Удовлетворение потребностей пользователей. Главный из всех принципов дизайна UX — сосредоточение внимания на пользователях на протяжении всего процесса проектирования.
Правильное определение этапа проектирования.
Соблюдение чёткой иерархии.
Последовательность решений и действий.
Понимание доступности.
Понимание ключевого значения контекста.
Удобство использования.
Меньше — больше.

✔️ Почему UI важен?

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

Как привлечь клиентов на сайт интернет магазина?

повышаем качество трафика как привлечь клиентов на свой сайт

Одна из самых больших проблем, с которыми мы сталкиваемся как маркетологи, — это привлечение на наш сайт или интернет магазин тех, кто точно станет клиентами. 

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

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

Когда дело касается трафика, качество важнее количества. 

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

Итак, как можно привлечь посетителей, которые станут клиентами интернет магазина? 





Шаг 1. Определите свой идеальный путь конверсии на сайте. 

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

Цель сайта — показать ценность ваших товаров и услуг посетителям. В идеале это превратит их в клиентов. 

Вот как может выглядеть этот путь: 

  1. У людей есть вопрос или потребность. 
  2. Они ищут ответы в Интернете.
  3. Ваш сайт появляется в результатах поиска. 
  4. Эти пользователи нажимают ссылку на блог, который вы написали по этой теме, и читают его. 
  5. Они нажимают на CTA в нижней части статьи, ведущей к предложению премиум-контента и заполняют форму. 
  6. Посетители становятся контактными лицами в вашей системе. Теперь они участвуют в процессе продаж в зависимости от их уровня готовности.
  7. Они становятся вашим клиентами.
поиск в интернете

Шаг 2. Разработайте образ покупателя в вашем интернет магазине.

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

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

Когда вы определяете образ клиента сайта, вам следует задать себе несколько вопросов:

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

Шаг 3. Разработайте персонализированную стратегию ключевых слов.

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

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

Когда мы советуем нашим клиентам выбирать ключевые слова, мы предлагаем использовать три основных критерия:

три критерия выбора ключевых слов

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

Шаг 4. Начните вести блог. Это привлекает клиентов. 

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

Ведение блога — отличный способ привлечь квалифицированный трафик на ваш сайт.

Вот некоторые статистические данные, подтверждающие это:

статистика о важности ведения блога

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

Google использует дату последнего обновления сайта для определения результатов поиска. Кроме того, каждое сообщение в блоге дает вам еще одну возможность оказаться в Топе. 

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

Шаг 5. Будьте активны в социальных сетях.

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

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

  • Где ваши клиенты проводят время?
  • На каких платформах они наиболее активны?
  • Где они чаще всего делятся контентом и взаимодействуют со своими сетями?
  • Где самая большая аудитория в вашей отрасли?

Задав себе эти вопросы, вы начнете понимать, на каких каналах действительно работает ваша отрасль. 

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

социальные сети источник трафика

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

Многие люди слишком сильно сосредотачиваются на публикации и продвижении собственного контента. Хотя это важно, социальные сети – это место, где делиться чужим контентом также важно. 

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

Шаг 6. Платная реклама в Google. 

Органический трафик — отличный способ привлечь потенциальных клиентов интернет магазина. Но такое ранжирование по суперконкурентным ключевым словам может занять время.

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

Это можно сделать с помощью платного поиска, платных социальных сетей и медийных кампаний. 

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

Подведем итоги, как же привлечь клиента. 

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

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

Еще одна важная часть процесса — убедиться, что вы обновляете опубликованный контент на своем сайте. Это хорошо как для ранжирования в Google, так и для ваших покупателей. 

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

По материалам сайта: www.newbreedmarketing.com.

❺ Как привлечь клиента заполнить Лид-форму?

Использовать лид-магнит: бонус или подарок за отправку формы. Например, электронную книгу или статью.

✓ Как выбрать способ платной рекламы для привлечения клиентов?

Посмотрите статистику по вашему сегменту, что применяют. Определитесь с целями. Делайте пробные кампании.

❺ У меня нет времени на блог! Что делать на сайте?

Наймите копирайтера или контент-менеджера. Вы не сможете повысить посещаемость и привлекательность сайта без качественного контента.

✓ Что такое CTA для привлечения клиента сайта?

Элемент сайта, в котором есть призыв к действию. Зачастую это кнопка. Это главный элемент сайта, чтобы посетитель стал клиентом.

✓ Как привлечь покупателей в интернет-магазин?

5 способов как привлечь целевую аудиторию в интернет-магазин.
Создать привлекательный и оригинальный дизайн.
Обеспечить качественное продвижение в социальных сетях.
Оптимизировать сервис.
Организовать промо акции.
Организовать рекламную рассылку.

✓ Как мне продвигать свой интернет-магазин?

7 маркетинговых тактик для продвижения вашего интернет-магазина.
1. Используйте список рассылки (и продолжайте его наращивать).
2. Повысьте свое органическое социальное присутствие.
3. Оптимизируйте свой сайт с помощью SEO.
4. Создавайте интересный, полезный контент.
5. Попробуйте Google Рекламу.
6. Рекламируйте свой веб-сайт в социальных сетях.
7. Сотрудничайте с дополнительными брендами.

✓ Как я могу размещать рекламу в Интернете бесплатно?

7 способов бесплатно продвигать бизнес в сети Интернет. Воспользуйтесь услугами крупных местных листинговых служб.
Активно используйте социальные сети.
Заведите блог.
Разместите мультимедиа на YouTube и Flickr.
Оптимизируйте сайт с помощью СЕО.
Пишите пресс-релизы.
Присоединяйтесь к соответствующему онлайн-сообществу и вносите свой вклад.

Обратный Звонок

Напишите нам