Auditerra
20 subscribers
3 photos
7 links
Инсайты интернет-маркетинга и веб-разработки от auditerra.pro

По вопросам сотрудничества: @brenneise
Download Telegram
Channel created
Делимся ключевыми выводами последних исследований в сфере веб-разработки и дизайна: плохой UX может привести к тому, что 70% онлайн-покупателей откажутся от своих покупок​, а 90% пользователей не вернутся на сайт исключительно из-за плохого UX.

Что это значит для предпринимателей?

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

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

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

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

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

1. Создайте нужное первое впечатление
✔️ Заголовки должны быть мощными и захватывающими.
✔️ Дизайн сайта должен быть чистым и профессиональным.

2. Четко сформулируйте уникальное торговое предложение (УТП) 🎯
✔️ Ваше УТП должно быть видно сразу и легко понимаемо. Если есть сложности с формулировкой, попробуйте методику 4U


3. Используйте отзывы и рекомендации для наращивания доверия 💬
✔️ Отзывы клиентов увеличивают доверие к вашему предложения. Нет отзывов? Придумайте, но не злоупотребляйте и как можно скорее замените их реальными.

4. Сделайте формы обратной связи простыми и интуитивно понятными 📝
✔️ Минимизируйте количество полей для заполнения. Только по-настоящему. В большинстве случаев для формы хватит поля "Номер телефона"
✔️ Обязательно используйте автозаполнения. Чем меньше действий — тем выше конверсия.

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

6. Упростите процесс ввода информации 🔍
✔️ Требуйте от посетителей минимум информации для действия.

7. Используйте чат-ботов для улучшения взаимодействия с клиентами 🤖
✔️ Чат-боты могут помочь ответить на вопросы посетителей в реальном времени.

❗️По данным Gartner, к 2027 году чат-боты будут обеспечивать 85% всех взаимодействий с клиентами. Во многих случаях чат-боты снижают цену за лид (CPL) на целевой странице на 48% и потенциально удваивают коэффициент конверсии потенциальных клиентов за счет повышения вовлеченности клиентов.

Даже при всей очевидности этих пунктов, 95% сайтов, которые мы исследуем не соответствуют одному или нескольким пунктам. И это несоответствие начинается еще на стадии создания прототипа и дизайна сайта.
Please open Telegram to view this post
VIEW IN TELEGRAM
Привет от команды Auditerra! На связи Алексей Бренейзе, руководитель команды. 👋

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

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

Немного фактов обо мне и об агентстве:
1. Работал с аналитикой и юзабилити уже на четвертом курсе университета в компании Яндекс. Таким образом, я в сфере уже 10 лет.
2. В общей сложности мы разработали более 100 сайтов.
3. И провели не менее трехсот аудитов юзабилити сайтов и рекламных кампаний.
4. Поработали не менее чем в 130 нишах, подробно их исследовали и знали, что делаем.
5. География наших работ: 95+ городов и 7 стран.

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

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

Вы знаете, кому еще может быть полезен этот канал, так что обязательно поделитесь 💫
Please open Telegram to view this post
VIEW IN TELEGRAM
Auditerra pinned «Привет от команды Auditerra! На связи Алексей Бренейзе, руководитель команды. 👋 Этот канал создан для того, чтобы вы могли узнавать о новых исследованиях, фишках, инсайдах из области интернет-маркетинга, а особенно веб-разработки. Вам будет полезен этот…»
Есть бюджет на SEO, а на UX нет?🤔

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

Какие метрики учитывают Google, Яндекс и прочие:

1. Время на сайте и время просмотра страницы: если люди проводят много времени на сайте, это может сигнализировать поисковым системам о том, что ваш контент интересен и полезен, что может улучшить ваше SEO.
2. Показатель отказов: высокий показатель отказов может указывать на то, что посетители не находят на вашем сайте того, что искали, или что сайт неудобен для использования.
3. Взаимодействие пользователя с сайтом: если пользователи активно взаимодействуют с вашим сайтом (например, переходят по ссылкам, заполняют формы), это тоже хороший сигнал для поисковика.
4. Количество страниц за сеанс: чем выше количества, тем выше заинтересованность контентом сайта, что также положительно сказывается на SEO.

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

Что делать?

1. Улучшить время загрузки страницы;
2. Упростить навигацию по сайту;
3. Убедиться, что с мобильных устройств все ок;
4. Посмотрите в Яндекс.Метрике, соответствует ли поисковый запросы странице, на которую попадает пользователь;
5. Напишите @brenneise чтобы точно убедиться, что все в порядке.🤝
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀 Погрузитесь в мир UX: Секреты совершенствования вашего сайта! 🌐

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

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

🎨 Визуальный дизайн, 🔍 Контент и 🚀 Производительность - вот столпы, на которых держится ваш интернет-магазин. Именно эти аспекты решают, превратится ли посещение в покупку или у пользователя возникнет желание уйти и не возвращаться.

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

Как провести UX-исследование самостоятельно:

Определите цели - Что вы хотите улучшить?
🟢Сбор данных - Используйте аналитику и отзывы для выявления "болевых точек".
🟢Оценка - Сравните ваш сайт с лучшими практиками и стандартами удобства.
🟢Документирование и действие - Записывайте все недочеты и приступайте к их устранению.

🔍 Советы:

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

Подробнее читатейте в нашем лонгриде https://auditerra.pro/ru/o-yuzabiliti/provedite-ux-issledovanie-za-7-prostyh-shagov/
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Это ваш клиент, когда заполняет длинную форму, с ужасным UX.

Хотите видеть его счастливое лицо и его деньги? Улучшите конверсии с этими UX хаками для формы заказа! 🚀

1. Чем меньше полей, тем лучше.📈
Меньше шагов, больше конверсий. Клиенты ценят своё время и предпочитают быстрые и простые покупки. Уменьшение количества полей в форме сокращает время на заполнение и снижает вероятность отказа от покупки.

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

3. Бейте в самое сердечко с помощью призывов к действию.
Кнопки с чёткими призывами к действию направляют пользователей к следующему шагу без путаницы. Хорошо видимые и понятные CTA увеличивают шансы на завершение покупки.

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

5. Полная мобильная адаптация. 📱
С каждым годом процент пользователей с мобильных устройств становится все больше. А в некоторых нишах он вообще достигает 80%. Поэтому если у вас еще нет мобильной версии или она реализована не на должном уровне — рекомендуем заняться этим как можно быстрее. Рост аудитории обеспечен.

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

7. Форма должна быть не только удобной. Но и красивой 💅
Визуальное оформление формы должно соответствовать общему дизайну сайта и фирменному стилю. Это создаёт доверие и узнаваемость бренда.

А самое главное, тестируйте ваш сайт — регулярно проводите тестирование и исключите ошибки для улучшения конверсии. 💸
Please open Telegram to view this post
VIEW IN TELEGRAM
Как создать идеальные блоки с прайс-листами используя когнитивные искажения и психологические приемы в юзабилити и UX? 🤔

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

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

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

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

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

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

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

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

8. Предложите бесплатный тариф с ограниченным функционалом 🆓
Такой подход позволит сделать "первое касание" и получить контактные данные для дополнительных продаж.

9. Следите за результатом и оптимизируйте тарифную сетку 📊
Например, если ваш тарифный план слишком длинный для изучения, вы увидите это на Вебвизоре Яндекс.Метрики.

10. Проверьте, как смотрятся тарифы с помощью нашего сервиса https://aitracking.app, 😍 убедитесь, заметны ли кнопки, легко ли читается текст, не отвлекают ли другие элементы дизайна от изучения тарифов. Лучше всего, чтобы премиальный тариф заметили первым
Please open Telegram to view this post
VIEW IN TELEGRAM
Не заказывайте разработку на Tilda

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

Но действительно ли все так радужно? Захват новоиспеченными Tilda-разработчиками бирж фриланса и социальных сетей обусловлено двумя трендами:
1. Инфокурсы, в которых рассматривается только платформа Tilda
2. Общемировой тренд на no-code разработку.
В этом нет рационального зерна, просто так сложилось.

Курсы не давали альтернатив и все как один штамповали привычную схему: рисуем в Figma, переносим в Tilda. Зачем что-то менять, если это работает?

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

С 2010 года мы предпочитаем разработку на WordPress, а с выходом Elementor делаем сайты только на нем, хотя попробовали все: WIX, Webflow, Tilda, Shopify.

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

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

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

Возникла новая идея как доработать сайт? Решили прикрутить крутой модуль бронирования или сделать личный кабинет? Увы. Придется делать новый сайт (и не дай бог на Битрикс), потому что:

Делать большие проекты на Tilda — это ад для всех.

Нет никакого смысла соглашаться на дорогие и слабые no-code платформы, когда есть условно-бесплатные аналоги с мировым именем. За 8 лет Elementor превратился из простого плагина для WordPress в настоящую платформу c 16 миллионами сайтов и тысячами дополнений для самых сложных сайтов. В то время как Tilda за 10 лет не смогла нормально ввести хотя бы ленивую загрузку изображений для оптимизации.
А у вас точно хорошие тексты на сайте?

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

Что такое UX-тексты

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

Где используются UX-тексты.

1. Надписи на кнопках и в меню, которые направляют пользователя.
2. Подсказки и инструкции в формах, объясняющие, что нужно ввести.
3. Уведомления и сообщения об ошибках.
4. Какими должны быть хорошие UX-тексты

Чтобы ваши UX-тексты были эффективными, они должны соответствовать нескольким ключевым принципам:

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

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

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

Как еще улучшить UX-тексты?

1. Пользователи не любят, когда их обманывают (или обманывают ожидания). Если заголовок статьи не соответствует её содержанию, они быстро уйдут.
2. Навязчивые всплывающие окна, медленная загрузка, грамматические ошибки и откровенное пренебрежение опытом пользователей снижают доверие к вашему продукту.
3. Даже если ваша аудитория хорошо образована, простота всегда лучше.
4. Используйте цифры вместо слов для обозначения чисел.
5. Уберите весь жаргон и термины там, где это возможно.
6. Раскрывайте информацию постепенно и по мере необходимости, особенно этот принцип важен для landing page.

Если вы вдруг осознали, что ваши тексты оставляют желать лучшего, не стесняйтесь — пишите мне t.me/brenneise. Мы с командой проведем аудит юзабилити и UX вашего сайта или приложения, найдем все слабые места и дадим рекомендации, от которых ваши пользователи будут в восторге. И да, это не будет мягкий и пушистый анализ — готовьтесь к честной и безжалостной оценке.
6 Уроков, которые я усвоил как дизайнер: не про инструменты, а про мышление

Я работал дизайнером, учил дизайнеров и часто давал советы по их профессиональному росту. Парадоксально, но самые ценные уроки никогда не касаются инструментов или техник. Речь не о том, как делать лучше, а о том, как думать лучше. Эти вещи не изучают в "Скиллбокс" или “Нетологии”. Они приходят с опытом — через работу с талантливыми коллегами, сложные обсуждения с заинтересованными сторонами и борьбу с собственными неудачами.

1. Креативность — это не вдохновение, а практика

Если вы смотрели сериал "Хороший доктор", то помните, как Шон Мерфи придумывал гениальную идею на пустом месте. Я тоже верил в это. Думал, что великие дизайнеры — это мифические существа, способные из пустого холста создать шедевр. Но реальность куда более сложна.

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

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

2. Вы становитесь лучше, делая, а не читая о том, как делать

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

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

3. Дизайн без цели — это украшение

Прочтите "Начни с Зачем" (хватит даже короткого саммари) или посмотрите выступление автора Саймона Синека на TED https://www.youtube.com/watch?v=7B2tFvkOZ0Q

Он говорит о важности цели в любой деятельности. Это справедливо и для дизайна и UX. Перед тем как начать работать, задайте себе вопрос: “Почему это важно?”

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

4. Не объясняйте свою идею, расскажите историю

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

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

5. Владение Figma и Иллюстратором не поможет вам вырасти из джуна

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

6. Командный дизайн часто проще, эффективнее и быстрее

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

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

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