Работаете с агентствами или подрядчиками, и они вас не понимают? Задачи выполняются черт знает как, коммуникация доставляет боль и дискомфорт? Вечно ждете большего, но получаете меньшее? Тогда вот шесть правил, которые помогут сделать работу приятнее, прозрачнее и снять болевой синдром.
Как тестировать идеи
Сплит-тестирование — это метод исследования, который помогает найти лучшее из решений: какой креатив приносит больше лидов, какой дизайн сайта улучшает поведенческие факторы, какое расположение блоков более конверсионно и так далее. Еще этот метод называют A/B-тестирование.
Все банально просто: у вас есть контрольный вариант A (который сейчас отлично работает), вы создаете его копию B и вносите в нее небольшие изменения. Запускаете тест и сравниваете, как показатели B меняются относительно A. Поэтому нужно сразу определить, в чем будет измеряться успех: в лидах, конверсиях или кликах по ссылке.
Что можно менять:
Чтобы проверить точность тестирования или определить базовую конверсию, можно использовать A/A-тест. Обычно так подтверждают, что исследование идет верной дорогой. В A/A-тесте оба варианта одинаковые, то есть А = B. При этом принцип работы остается такой же.
Как тестировать
1. Выдвиньте гипотезу, которая касается конкретной детали, а не продукта в целом.
Например: вам показалось или вы видели исследование, что красная кнопка «провоцирует» людей добавить товар в корзину. Сейчас на сайте у вас синяя. С помощью сплит-теста можно проверить, что ваши пользователи будут нажимать чаще: красную или синюю кнопку.
2. Выберите аудиторию: эксперимент пройдет для всех или части пользователей. Выбор может зависеть от города, образа жизни или места работы.
Например: вы уверены, что красный цвет больше привлекает пользователей, у которых средний чек не больше 2 тысяч рублей. Поэтому можно разделить аудиторию не только на две равные части, но и по затратам.
3. Определите время: нельзя подтвердить гипотезу, проверив ее только на десяти людях. Поэтому минимальное время для сплит-тестирования — неделя. Но нужно учитывать еще зависимость от дня недели, сезона или чего-то там еще.
Например: начались распродажи, люди в любом случае будут чаще добавлять товары в корзину. Но не потому что кнопка красная, а потому что появились скидки. Поэтому нелогично делать выводы только за этот период.
4. Подключите аналитику: не придумывайте свои системы, потому что за вас уже разработали платформы для организации тестов. Сайт можно тестировать в Google Оптимизация, а у Facebook Ads Manager есть инструменты для сплит-тестов рекламы.
5. Сделайте выводы. Если вы заметили, что тест зашел куда-то не туда, то его лучше вовремя остановить. Например, пользователи начали возмущаться: «Верните синюю кнопку». Когда все идет плюс-минус гладко, дождитесь окончания теста и проанализируйте результаты. Если вариант B дал результаты выше A, смело внедряйте. Если нет, то оставьте, как было раньше.
Короче, тестируйте, будто никто не смотрит ;)
Сплит-тестирование — это метод исследования, который помогает найти лучшее из решений: какой креатив приносит больше лидов, какой дизайн сайта улучшает поведенческие факторы, какое расположение блоков более конверсионно и так далее. Еще этот метод называют A/B-тестирование.
Все банально просто: у вас есть контрольный вариант A (который сейчас отлично работает), вы создаете его копию B и вносите в нее небольшие изменения. Запускаете тест и сравниваете, как показатели B меняются относительно A. Поэтому нужно сразу определить, в чем будет измеряться успех: в лидах, конверсиях или кликах по ссылке.
Что можно менять:
• визуальные элементы: картинки, видео и цвета• текст: заголовки, описания и призывы к действию (CTA)• расположение: кнопок, меню, регистрационных форм• путь клиента: как пользователь сайта попадает из пункта А в БЧтобы проверить точность тестирования или определить базовую конверсию, можно использовать A/A-тест. Обычно так подтверждают, что исследование идет верной дорогой. В A/A-тесте оба варианта одинаковые, то есть А = B. При этом принцип работы остается такой же.
Как тестировать
1. Выдвиньте гипотезу, которая касается конкретной детали, а не продукта в целом.
Например: вам показалось или вы видели исследование, что красная кнопка «провоцирует» людей добавить товар в корзину. Сейчас на сайте у вас синяя. С помощью сплит-теста можно проверить, что ваши пользователи будут нажимать чаще: красную или синюю кнопку.
2. Выберите аудиторию: эксперимент пройдет для всех или части пользователей. Выбор может зависеть от города, образа жизни или места работы.
Например: вы уверены, что красный цвет больше привлекает пользователей, у которых средний чек не больше 2 тысяч рублей. Поэтому можно разделить аудиторию не только на две равные части, но и по затратам.
3. Определите время: нельзя подтвердить гипотезу, проверив ее только на десяти людях. Поэтому минимальное время для сплит-тестирования — неделя. Но нужно учитывать еще зависимость от дня недели, сезона или чего-то там еще.
Например: начались распродажи, люди в любом случае будут чаще добавлять товары в корзину. Но не потому что кнопка красная, а потому что появились скидки. Поэтому нелогично делать выводы только за этот период.
4. Подключите аналитику: не придумывайте свои системы, потому что за вас уже разработали платформы для организации тестов. Сайт можно тестировать в Google Оптимизация, а у Facebook Ads Manager есть инструменты для сплит-тестов рекламы.
5. Сделайте выводы. Если вы заметили, что тест зашел куда-то не туда, то его лучше вовремя остановить. Например, пользователи начали возмущаться: «Верните синюю кнопку». Когда все идет плюс-минус гладко, дождитесь окончания теста и проанализируйте результаты. Если вариант B дал результаты выше A, смело внедряйте. Если нет, то оставьте, как было раньше.
Короче, тестируйте, будто никто не смотрит ;)
👍1
10 правил веб-дизайна
рассказал арт-директор веб-направления Сергей Борцов
1. Разработайте крепкий «фундамент» сайта. Первым делом определитесь, зачем вам нужен сайт: продавать, развлекать, информировать или предоставлять услугу.
Далее составьте mindmap, который включает CTA, и пропишите пользовательские сценарии. Затем разрабатывается прототип: как человек будет взаимодействовать с сайтом, какие разделы и страницы он посетит и что он вообще должен по итогу сделать — купить товар, заказать услугу или пройти до конца игру. Всегда думайте о том, как сократить количество «шагов» пользовательского пути и помочь быстрее добраться до цели.
2. Сделайте информацию доступной. Независимо от того, зачем вы делаете сайт, у посетителя вся ключевая информация должна быть как на блюдечке. Ее отсутствие — барьер для взаимодействия и покупок, особенно для новых посетителей.
3. Адаптируйте под мобильные устройства. Сейчас уже десктопная версия — дополнение к мобильной, а не наоборот, как раньше. К тому же часто проще развернуть дизайн из более замкнутого пространства смартфона на большой экран ПК, чем наоборот. Тогда при верстке можно избавиться от создания дополнительных и не продуманных заранее мобильных компонентов, которые можно было бы легко потерять в адаптивной версии.
4. Разрабатывайте для пользователя. Большинство интерфейсов сайтов (особенно e-commerce) делаются для посетителя, а не для дизайнеров или разработчиков. В идеальном мире сайт содержит специальные возможности, например, версию для слабовидящих или сценарии голосового управления.
5. Сайт должен привлекать, но не перегружать восприятие. Визуальная часть — это поиск баланса между креативным, фантастическим, интересным дизайном и удобством пользователя. Дизайн должен учитывать tone of voice бренда и фото/видеоконтент, но при этом не перегружать внимание пользователя.
6. Не жертвуйте содержанием ради стиля. Некоторые сайты отказываются от простоты ради украшательств, 3D-анимаций и сложных дизайн-приемов, чтобы подчеркнуть собственный имидж. Например, дополнительные промосайты или сайты-портфолио, которые выполняют имиджевую функцию. Дизайнер обязан понимать уместность таких приемов в зависимости от задач бизнеса и целей сайта и осознанно сокращать удобства для пользователя в пользу имиджа и «вау-эффектов».
7. Обеспечьте быструю загрузку. У вас есть две-три секунды, чтобы у пользователя загрузилась страницы. После этого процент отказа стремительно растет. Чаще всего сайт нагружают плохая оптимизация, обилие анимации, а также несжатые изображения и видео. Откажитесь в мобильной версии от «тяжелых» элементов в пользу скорости и при необходимости выведите это на десктоп-версию.
8. Не злоупотребляйте с анимацией. Это хороший инструмент, чтобы расставить акценты и направить пользователя на путь истинный. Но если переборщить, человек может нервничать, ничего не понять и уйти, не дойдя до нужной вам цели.
9. Правильно используйте отработанные годами механики пользовательского взаимодействия, например, бесконечный скролл. Такая функция оправдана в Instagram или Tumblr, где прокрутка — основная механика. Но на обычном сайте она вываливает на пользователя тонну информации, которую он не в состоянии переварить. В результате внимание рассеивается и человек не доходит до целевого действия. Исключение — промо и имиджевые сайты.
10. Соблюдайте во всем баланс. Правильная работа с основами композиции, с ритмом, с цветом, с макетной сеткой, с типографикой, а также понимание нужд и целей сайта позволит сформировать «скелет» сайта (UX), на который вешается внешнее «мясо» (UI), дизайн-эффекты и анимации без вреда для пользователя.
рассказал арт-директор веб-направления Сергей Борцов
1. Разработайте крепкий «фундамент» сайта. Первым делом определитесь, зачем вам нужен сайт: продавать, развлекать, информировать или предоставлять услугу.
Далее составьте mindmap, который включает CTA, и пропишите пользовательские сценарии. Затем разрабатывается прототип: как человек будет взаимодействовать с сайтом, какие разделы и страницы он посетит и что он вообще должен по итогу сделать — купить товар, заказать услугу или пройти до конца игру. Всегда думайте о том, как сократить количество «шагов» пользовательского пути и помочь быстрее добраться до цели.
2. Сделайте информацию доступной. Независимо от того, зачем вы делаете сайт, у посетителя вся ключевая информация должна быть как на блюдечке. Ее отсутствие — барьер для взаимодействия и покупок, особенно для новых посетителей.
3. Адаптируйте под мобильные устройства. Сейчас уже десктопная версия — дополнение к мобильной, а не наоборот, как раньше. К тому же часто проще развернуть дизайн из более замкнутого пространства смартфона на большой экран ПК, чем наоборот. Тогда при верстке можно избавиться от создания дополнительных и не продуманных заранее мобильных компонентов, которые можно было бы легко потерять в адаптивной версии.
4. Разрабатывайте для пользователя. Большинство интерфейсов сайтов (особенно e-commerce) делаются для посетителя, а не для дизайнеров или разработчиков. В идеальном мире сайт содержит специальные возможности, например, версию для слабовидящих или сценарии голосового управления.
5. Сайт должен привлекать, но не перегружать восприятие. Визуальная часть — это поиск баланса между креативным, фантастическим, интересным дизайном и удобством пользователя. Дизайн должен учитывать tone of voice бренда и фото/видеоконтент, но при этом не перегружать внимание пользователя.
6. Не жертвуйте содержанием ради стиля. Некоторые сайты отказываются от простоты ради украшательств, 3D-анимаций и сложных дизайн-приемов, чтобы подчеркнуть собственный имидж. Например, дополнительные промосайты или сайты-портфолио, которые выполняют имиджевую функцию. Дизайнер обязан понимать уместность таких приемов в зависимости от задач бизнеса и целей сайта и осознанно сокращать удобства для пользователя в пользу имиджа и «вау-эффектов».
7. Обеспечьте быструю загрузку. У вас есть две-три секунды, чтобы у пользователя загрузилась страницы. После этого процент отказа стремительно растет. Чаще всего сайт нагружают плохая оптимизация, обилие анимации, а также несжатые изображения и видео. Откажитесь в мобильной версии от «тяжелых» элементов в пользу скорости и при необходимости выведите это на десктоп-версию.
8. Не злоупотребляйте с анимацией. Это хороший инструмент, чтобы расставить акценты и направить пользователя на путь истинный. Но если переборщить, человек может нервничать, ничего не понять и уйти, не дойдя до нужной вам цели.
9. Правильно используйте отработанные годами механики пользовательского взаимодействия, например, бесконечный скролл. Такая функция оправдана в Instagram или Tumblr, где прокрутка — основная механика. Но на обычном сайте она вываливает на пользователя тонну информации, которую он не в состоянии переварить. В результате внимание рассеивается и человек не доходит до целевого действия. Исключение — промо и имиджевые сайты.
10. Соблюдайте во всем баланс. Правильная работа с основами композиции, с ритмом, с цветом, с макетной сеткой, с типографикой, а также понимание нужд и целей сайта позволит сформировать «скелет» сайта (UX), на который вешается внешнее «мясо» (UI), дизайн-эффекты и анимации без вреда для пользователя.
Компания Cisco прогнозирует, что к 2022 году 82% онлайн-контента будет в формате видео. Но снимать все подряд могут позволить себе только дети, животные и Кардашьяны.
Поэтому мы прошерстили исследования и узнали, кто и зачем смотрит российский YouTube.
Поэтому мы прошерстили исследования и узнали, кто и зачем смотрит российский YouTube.
Кроме Дня всех влюбленных и 23 февраля, в следующем месяце есть поводы повеселиться. А рожденные 29 числа наконец-то отметят день рождения.
Кстати, теперь все события можно добавлять в свой Google-календарь прямо с сайта. Планируйте месяц грамотно: https://setters.agency/calendar
Кстати, теперь все события можно добавлять в свой Google-календарь прямо с сайта. Планируйте месяц грамотно: https://setters.agency/calendar
Шесть книг для дизайнеров
54 истории о процессах дизайна, гайд по интерфейсам и типографике, схемы верстки и психология маркетинга — Ксюша Жаворонок, руководитель отдела дизайна SETTERS собрала шасть книг вам на пробу. Оставили все с комментариями в блоге: https://sttrs.me/IfHFUL
54 истории о процессах дизайна, гайд по интерфейсам и типографике, схемы верстки и психология маркетинга — Ксюша Жаворонок, руководитель отдела дизайна SETTERS собрала шасть книг вам на пробу. Оставили все с комментариями в блоге: https://sttrs.me/IfHFUL
Что делать бизнесу в Pinterest
Pinterest — это поисковая система, а не социальная сеть. Люди там ищут референсы, составляют майндмэп, вишлисты и списки покупок. Пользователи приходят за идеями: необычное платье на свадьбу, варианты декора для дома или дизайна, вдохновение для съемки или иллюстраций, рецепты для застолья, да и в конце концов — ноготочки и макияж. Поэтому с помощью соцсети можно добавить трафика на сайт и познакомить людей со своими товарами или результатами работы.
Визуальный поиск — главная особенность соцсети. Можно найти похожий товар и просто сказать консультанту «Хочу вот такое» — и вас поймут. Или скинуть дизайнеру со словами «Надо вот так».
Как запуститься:
1. Создайте и оформите бизнес-аккаунт
2. Подтвердите, что вы владелец своего сайта
3. Пилите контент
4. Настраивайте рекламу (продвижение работает в США, Европе, но не в СНГ — все страны по ссылочке)
Как оптимизировать контент
Подготовьте сайт: выберите удобный дизайн, напишите 10-20 постов, сделайте нормальные названия файлов с изображениями и задайте им описание, добавьте всплывающую кнопку Pin It! для картинок.
Публикуйте вертикальные изображения: размер 735×1102 px. Картинка должна быть качественной: без растянутых пикселей, поплывших краев и водяных знаков.
Обдумайте заголовок — от этого зависит, захотят ли пользователи перейти на ваш сайт. Текст должен легко читаться, не теряться и сообщать ключевую информацию: пять поделок из пластиковых пакетов, семь идей для ПП-завтрака, 10 легких рецептов коктейлей для вечеринки. Подход к написанию к заголовку тут ничем не отличается от других поисковых систем и соцсетей.
Оформите «доски» — тематические подборки пинов. Например, если у вас туристическая фирма, можно собрать вместе варианты экскурсий, ежегодные фестивали или национальные блюда.
Используйте хэштеги, которые описывают содержимое пина. Они помогают искать по определенным тематикам, например, #идеидлясвадьбы или #оформлениедома. Поищите самые популярные для вашей категории, но не используйте абстрактные слова и фразы, как #любовь, #счастье, #декабрь.
Что публиковать
Pinterest — это сеть, которая помогает формировать имидж. Нельзя просто скинуть ссылку и пойти по своим делам, здесь тоже нужна контент-стратегия.
Образовательный контент — это чуть ли не главное, что есть в Pinterest. Инструкции, лайфхаки, рецепты, чек-листы — все это тут отлично расходится и ищется.
Вдохновение — мотивационные цитаты, плакаты, визуальные образы и идеи для вечеринки. Соберите то, что поможет пользователям найти свежие идеи и дать пинок под зад.
Инфографика и фактоиды — они хороши везде: представьте собственные данные или соберите инфу из готовых исследований и подсамапьте в одну картинку.
«Доски», которые отражают образ жизни людей, помогают удержать внимание. Поэтому недостаточно сделать просто красивые картинки — нужно понять, что вообще нравится клиенту (впрочем, все как обычно). Маркетплейс хендмейда Etsy отлично справляется с вовлечением: бренд создал общую «доску», на которую пользователи могут выкладывать материалы по теме.
В США 59% людей открывают для себя в Pinterest новые продукты, поэтому это хороший инструмент для продвижения молодых брендов, например, одежды или предметов интерьера. А если вы хотите завоевать западный рынок, то сервис — это ваш маст-хэв. Сейчас в сервисе не так много российских компаний, и есть возможность занять место под солнцем. К тому же на страничке для бизнеса много полезной информации на русском.
Pinterest — это поисковая система, а не социальная сеть. Люди там ищут референсы, составляют майндмэп, вишлисты и списки покупок. Пользователи приходят за идеями: необычное платье на свадьбу, варианты декора для дома или дизайна, вдохновение для съемки или иллюстраций, рецепты для застолья, да и в конце концов — ноготочки и макияж. Поэтому с помощью соцсети можно добавить трафика на сайт и познакомить людей со своими товарами или результатами работы.
Визуальный поиск — главная особенность соцсети. Можно найти похожий товар и просто сказать консультанту «Хочу вот такое» — и вас поймут. Или скинуть дизайнеру со словами «Надо вот так».
Как запуститься:
1. Создайте и оформите бизнес-аккаунт
2. Подтвердите, что вы владелец своего сайта
3. Пилите контент
4. Настраивайте рекламу (продвижение работает в США, Европе, но не в СНГ — все страны по ссылочке)
Как оптимизировать контент
Подготовьте сайт: выберите удобный дизайн, напишите 10-20 постов, сделайте нормальные названия файлов с изображениями и задайте им описание, добавьте всплывающую кнопку Pin It! для картинок.
Публикуйте вертикальные изображения: размер 735×1102 px. Картинка должна быть качественной: без растянутых пикселей, поплывших краев и водяных знаков.
Обдумайте заголовок — от этого зависит, захотят ли пользователи перейти на ваш сайт. Текст должен легко читаться, не теряться и сообщать ключевую информацию: пять поделок из пластиковых пакетов, семь идей для ПП-завтрака, 10 легких рецептов коктейлей для вечеринки. Подход к написанию к заголовку тут ничем не отличается от других поисковых систем и соцсетей.
Оформите «доски» — тематические подборки пинов. Например, если у вас туристическая фирма, можно собрать вместе варианты экскурсий, ежегодные фестивали или национальные блюда.
Используйте хэштеги, которые описывают содержимое пина. Они помогают искать по определенным тематикам, например, #идеидлясвадьбы или #оформлениедома. Поищите самые популярные для вашей категории, но не используйте абстрактные слова и фразы, как #любовь, #счастье, #декабрь.
Что публиковать
Pinterest — это сеть, которая помогает формировать имидж. Нельзя просто скинуть ссылку и пойти по своим делам, здесь тоже нужна контент-стратегия.
Образовательный контент — это чуть ли не главное, что есть в Pinterest. Инструкции, лайфхаки, рецепты, чек-листы — все это тут отлично расходится и ищется.
Вдохновение — мотивационные цитаты, плакаты, визуальные образы и идеи для вечеринки. Соберите то, что поможет пользователям найти свежие идеи и дать пинок под зад.
Инфографика и фактоиды — они хороши везде: представьте собственные данные или соберите инфу из готовых исследований и подсамапьте в одну картинку.
«Доски», которые отражают образ жизни людей, помогают удержать внимание. Поэтому недостаточно сделать просто красивые картинки — нужно понять, что вообще нравится клиенту (впрочем, все как обычно). Маркетплейс хендмейда Etsy отлично справляется с вовлечением: бренд создал общую «доску», на которую пользователи могут выкладывать материалы по теме.
В США 59% людей открывают для себя в Pinterest новые продукты, поэтому это хороший инструмент для продвижения молодых брендов, например, одежды или предметов интерьера. А если вы хотите завоевать западный рынок, то сервис — это ваш маст-хэв. Сейчас в сервисе не так много российских компаний, и есть возможность занять место под солнцем. К тому же на страничке для бизнеса много полезной информации на русском.
👍1