Pro UX – Telegram
Pro UX
772 subscribers
449 photos
5 videos
7 files
315 links
Автор канала: Марьенко Юрий, руководитель UX-сервиса https://askusers.ru/. В миру поэт, фотограф, музыкант @depecheff. Помогаю находить проблемы с юзабилити сайтов, приложений, макетов и прототипов. Делюсь опытом удачных решений и рассказываю об ошибках.
Download Telegram
🥊 КАКИМ ДОЛЖНО БЫТЬ НАЗВАНИЕ CTA-КНОПКИ?

Сделайте название CTA-кнопки соответствующим её предназначению, или, что ещё лучше, тому, что посетителя действительно ждёт при клике на кнопку.

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

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

Смотрите видео о Карточке товара: https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: vkusvill
👍5👌1
💰 ЗАЧЕМ УКАЗЫВАТЬ ЦЕНУ ДО СКИДКИ И ПОСЛЕ НЕЁ?

Как посетителю увидеть выгоду от покупки товара со скидкой, если это никак визуально не выделено?

Да никак! Отсутствие информации для сравнения обнуляет ценность вашего щедрого предложения для посетителя.

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

Смотрите видео о Карточке товара: https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: vprok
👍61🔥1
🎎 ЗАЧЕМ ДЕЛАТЬ ЦЕНУ СО СКИДКОЙ БОЛЬШИМ РАЗМЕРОМ ШРИФТА, ЧЕМ ЦЕНУ ДО СКИДКИ?

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

Повышаем ценность нашего предложения для посетителей любым приемлемым способом!

Смотрите видео о Карточке товара: https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: wildberries
👍7🔥1👏1
🔥 КАК ГЛАВНОЕ МЕНЮ САЙТА УВЕЛИЧИВАЕТ КОНВЕРСИЮ ПОСЕТИТЕЛЯ В ПОКУПАТЕЛЯ?

Узнайте в статье ответ на вопросы:
1. Как запутать посетителя и сделать всё, чтобы он не стал покупателем?!
2. Какие 5 основных типов главного меню?
3. Как навигация помогает увеличивать конверсию?

+ Смотрите видео по теме статьи https://youtu.be/8MIOsy4sWbA

Даём бонус досмотревшим видео до конца!)

Автор и ведущий: Рукводитель сервиса AskUsers Марьенко Юрий

📝 Пишите в комментариях, что вы ещё хотите узнать о влиянии главного меню на конверсию?
👍7🔥2👏1
🗿 КАКОГО КАЧЕСТВА ДОЖНЫ БЫТЬ ИЗОБРАЖЕНИЯ В КАРТОЧКЕ ТОВАРА?

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

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

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

Смотрите видео о Карточке товара: https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: lamoda
👍61🔥1👏1
🤹 КАКОГО РАЗМЕРА ДОЛЖНЫ БЫТЬ ДОП.ИЗОБРАЖЕНИЯ В КАРТОЧКЕ ТОВАРА?

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

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

Смотрите видео о Карточке товара: https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: vkusvill
👍6🔥1
🧾 ЗАЧЕМ РАЗМЕЩАТЬ БЛОК ХАРАКТЕРИСТИК РЯДОМ С ИЗОБРАЖЕНИЯМИ ТОВАРА?

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

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

Смотрите видео в о Карточке товара https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: market yandex
👍42🔥1
🚚 ЗАЧЕМ РАЗМЕЩАТЬ ИНФОРМАЦИЮ О ДОСТАВКЕ В КАРТОЧКЕ ТОВАРА?

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

Большинство из нас работает и не имеет возможности сорваться с рабочего места и в течении часа, бросив всё, рвануть в сторону дома. Напротив, выбирая день для получения товара, вам как минимум, необходимо либо отпроситься у руководства, либо привести дела в порядок, чтобы подчинённые не дали слабину.
Смотрите видео о Карточке товара: https://youtu.be/ADnY04crQ4s

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

Подсмотрено у вашего возможного конкурента: vprok
👍4🔥1👏1👌1
📌ПЛЮСЫ И МИНУСЫ СТАТИЧНОГО МЕНЮ ВВЕРХУ СТРАНИЦЫ

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

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

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

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

Там где для перемещения к меню требуются дополнительные действия — юзабилити явно хромает!

Смотрите видео о Навигации по сайту: https://youtu.be/8MIOsy4sWbA

Подсмотрено на сайте: metalloy
👍5🔥1
🔥 КАК СДЕЛАТЬ КОМФОРТНЫМ ОФОРМЛЕНИЕ И ОПЛАТУ ЗАКАЗА В КОРЗИНЕ ИНТЕРНЕТ-МАГАЗИНА?

Узнайте в статье ответ на вопросы:
1. Почему посетители «бросают корзину» и уходят с сайта без покупок?
2.Какие есть 5 самых важных для роста конверсии элементов корзины?
3. Что даёт грамотно спроектированная корзина интернет-магазина?

+ Смотрите видео по теме статьи https://youtu.be/yDtFKmNyPYE

Даём бонус досмотревшим видео до конца!)

Автор и ведущий: Рукводитель сервиса AskUsers Марьенко Юрий

📝 Пишите в комментариях, что вы ещё хотите узнать о корзине интернет-магазина?
4👍3🔥1
💸 ЗАЧЕМ НУЖНА ДОП.СКИДКА ПРИ ВЫБОРЕ СПОСОБА ОПЛАТЫ?

Делайте подарки заказчикам, всегда!

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

Смотрите видео о Корзине и Оплате товаров: https://youtu.be/yDtFKmNyPYE

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

Подсмотрено у вашего возможного конкурента: vprok
👍4🔥1👏1
🎁 ЗАЧЕМ В КОРЗИНЕ УКАЗЫВАТЬ ИНФОРМАЦИЮ О БЕСПЛАТНОЙ ДОСТАВКЕ?

Не отдавайте преимущества бесплатности вашим конкурентам!

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

Смотрите видео о Корзине и Оплате товаров: https://youtu.be/yDtFKmNyPYE

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

Подсмотрено у вашего возможного конкурента: ozon
👍4🔥1👏1
🔍 ЗАЧЕМ ИСКАТЬ ПРОБЛЕМЫ В ВОРОНКЕ ПРОДАЖ?

Не ленимся — звоним, пишем заказчикам, выясняем причины отказов и устраняем, устраняем, устраняем. Бесконечный цикл поиска узких мест и их прочистке.

Смотрите видео о Корзине и Оплате товаров: https://youtu.be/yDtFKmNyPYE

В чём ценность: отслеживание и личное выяснение причин отказа от покупки, позволяют вам находить узкие места в воронке продаж, на которых вы теряете заказчиков.
👍52👏1
🗑 КАК НАСТРОИТЬ РАБОТУ С БРОШЕННЫМИ КОРЗИНАМИ?

Настройте автоматическую рассылку владельцам брошенных корзин!

За спрос не бьют, даже если ваш запрос 90% заказчиков злобно или молчаливо проигнорируют, оставшиеся 10% скажут спасибо, так как вполне может оказаться, что они просто забыли о покупке, а вы помогли им вспомнить о ней!)

Смотрите видео о Корзине и Оплате товаров: https://youtu.be/yDtFKmNyPYE

В чём ценность: настройка автоматических персонализированных триггерных писем позволяет вернуть до 10% заказчиков, которые не завершили заказ покупкой.
👍41🔥1
🔔 ЗАЧЕМ В КОРЗИНЕ НУЖЕН БЫСТРЫЙ ДОСТУП К ОНЛАЙН-КОНСУЛЬТАНТУ?

Поставьте себе онлайн-консультант — упростите Заказчику путь к покупке ваших услуг! Поясню. Ежедневно общаясь с заказчиками по множеству вопросов на любые темы выяснили, что им зачастую просто лениво, что-либо искать на сайте, проще позвонить или задать вопрос в онлайн-консультанте. У нас благодаря онлайн-консультанту стало на 46% продаж больше, чем до его установки. Примите к сведению!)

Смотрите видео о Корзине и Оплате товаров: https://youtu.be/yDtFKmNyPYE

В чём ценность: позволяет оперативно отвечать на горячие вопросы заказчиков, которым проще спросить, чем искать ответы на сайте самостоятельно.

Подсмотрено у вашего возможного конкурента: wildberries
3👍3👏1
🚧КАК ИСПОЛЬЗОВАТЬ ПРЕИМУЩЕСТВА ФИКИСРОВАННОГО МЕНЮ?

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

2. Удобно тем, что пользователю нет необходимости прокручивать страницу вверх, если требуется перейти на другую страницу. Это как раз про юзабилити!)

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

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

Используйте данный тип меню только тогда, когда уменьшить количество пунктов физически невозможно!

Смотрите видео о Навигации по сайту: https://youtu.be/8MIOsy4sWbA

Подсмотрено на сайте: vkusvill
👍4🔥1
🧬 ПОЧЕМУ УВЕЛИЧЕНИЕ КОНВЕРСИИ САЙТА И ЮЗАБИЛИТИ НЕРАЗРЫВНЫ?

Узнайте в статье ответ на вопросы:
1. Почему желание роста конверсии без юзабилити, это лодка без весел?!
2. Как изменения на сайте связаны с конверсией и при чём тут юзабилити?
3. Какой инструмент по анализу влияния изменений на сайте на конверсию, хотел бы видеть маркетолог?
4. Как отследить связь конверсии с юзабилити и изменениями на сайте не прилагая усилий?

+ Смотрите видео по теме статьи https://youtu.be/wcxIswNc-GQ

Даём бонус досмотревшим видео до конца!)

Автор и ведущий: Рукводитель сервиса AskUsers Марьенко Юрий

📝 Пишите в комментариях, что вы ещё хотите узнать о связи конверсии с юзабилити?
👍21🔥1
🔬ЗАЧЕМ ФОРМУ РЕГИСТРАЦИИ ДЕЛАТЬ КОМПАКТНОЙ?

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

Не будьте навязчивы в принуждении заказчиков к регистрации!)

Смотрите видео о Корзине и Оплате товаров: https://youtu.be/yDtFKmNyPYE

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

Подсмотрено у вашего возможного конкурента: wildberries
👍5🔥1👏1
🚢 Почему желание роста конверсии без юзабилити, это лодка без весел?!

Видимо потому, что первое о чём вспомнит маркетолог желая увеличить конверсию будут:
1. Персонализация на посадочных страницах.
2. Анализ воронки продаж.
3. A/B тесты.
4. Прогрев аудитории выпячиванием боли.
5. Ретаргетинг и ремаркетинг.

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

Смотрите видео по теме статьи: https://youtu.be/wcxIswNc-GQ

Продолжение следует
👍2🔥21
Как изменения на сайте связаны с конверсией и при чём тут юзабилити?

Как обычно анализируется воронка продаж после изменений на сайте, если вообще на это выделены ресурсы:
1. После каждого изменения сидим и вручную анализируем изменения конверсии.
2. Строим гипотезы и применяем их на сайте.
3. И так по кругу…

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

Смотрите видео по теме статьи: https://youtu.be/wcxIswNc-GQ

Продолжение следует
👍5🔥1
🩺 Какой инструмент по анализу влияния изменений на сайте на конверсию, хотел бы видеть маркетолог?

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

1. Исследования впечатления от первого просмотра о любых нововведениях на сайте
2. Регулярная проверка кроссбраузерности, работоспособности форм обратной связи после внесения изменений
3. Исследовать прототипы дизайна до вёрстки!

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

Отсюда вопрос, как всё это отслеживать и в каком виде отдавать информацию заказчикам, так, чтобы от этого была практическая польза?

Смотрите видео по теме статьи: https://youtu.be/wcxIswNc-GQ

Продолжение следует
👍4🔥1