Epic Growth Channel

9 советов по улучшению пользовательского опыта

2020-03-16T09:47:03.310Z

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

1. Создаем контраст между текстом и изображением

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

2. Делаем элементы более четкими

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

3. Используем один шрифт

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

4. Когда много текста, используем шрифт в размере 20pt

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

5. Улучшаем пользовательский опыт

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

6. Тени элементов должны идти от одного источника света

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

7. Размещаем текст в центре только в конкретных случаях

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

8. Дружим с пробелом

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

9. Затемняем текст на светлом фоне

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

Источник: https://uxdesign.cc/9-simple-tips-to-improve-your-ui-designs-fast-377c5113ac82

Инструменты роста продукта от Calm

2020-03-08T08:53:27.567Z

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

1. Закон Вебера

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

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

качественное (привлекательное) изображение;
использование пространства;
легко читаемые иконки и четкий путь к главной цели пользователя.

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

2. Случайные вознаграждения

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

Пример: Calm ежедневно предоставляет пользователю одну новую цитату и один новый сеанс медитации в красивой упаковке. Такой прием «Daily Calm» служит для пользователя как вознаграждение и мотивирует возвращаться в продукт, предвкушая, какую медитацию ему подготовил Calm сегодня.

3. Удачно подобранное время

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

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

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

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

4. Люди не покупают продукты — они покупают лучшую версию самих себя

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

Совет: всегда спрашивайте себя — «посоветовали бы вы свой продукт друзьям?»

5. Скевоморфизм

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

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

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

6. Четкий призыв к действию

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

Пример: Calm c помощью всего 11 слов дает понять смысл «подарочной карты».

7. Сократите время до aha-момент

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

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

Источник: https://growth.design/case-studies/calm-growth-referral-tactics/

Z-образная модель

2020-01-24T19:32:12.425Z

У человека есть привычный шаблон чтения — слева-направо, Z-образно. Таким образом его глаз сканирует информацию на любой странице, которую изучает.

Z-образный формат следует за движением глаз пользователя. Этот прием Airbnb использует, например, на своей главной странице, делая фокус на одном главном СТА:

Сравните видимость основного СТА на главной странице Booking.com и Airbnb. Плагин VisualEyes с помощью своего Clarity Score указывает на то, что у Airbnb интерфейс более понятный и ясный, чем у Booking.com (75% против 64%).

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

Источник: https://uxdesign.cc/how-airbnb-drives-users-actions-with-their-landing-page-design-a-ux-analysis-d99effa9f536

Больше про Z-образную модель найдете в статье на Instapage.com.

6 UX-хаков для роста вашего продукта

2019-11-29T07:52:21.067Z

Команда Epic Growth подготовила небольшую шпаргалку с практическими советами по улучшению вашего продукта с помощью UX Writing.

UX Writing — это использование слов (микротекстов), которые ведут пользователя по продукту, упрощая их взаимодействие с ним, и тем самым, удерживая пользователя.

Предлагаем 6 UX-хаков усовершенствования продукта с помощью микротекстов:

1. Используйте простой язык

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

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

2. Выбирайте живой тон

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

Например Facebook вместо стандартного уведомления «Обновите свой статус», спрашивает «Что у вас нового?»:

А вот какой прием использует Tumblr: приложение не использует сухую фразу «Это имя пользователя уже занято», а подбадривает пользователя, если процесс пошел не по его сценарию — «Хороший выбор, но имя уже занято».

3. Будьте последовательны

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

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

4. Предотвращайте потенциальные проблемы

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

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

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

5. Объясняйте причину

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

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

6. Побуждайте к действию

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

Например, когда у вас появляется совпадение в Tinder, у вас появляется подсказка, подталкивающая к действию — «Напишите комплимент и посмотрите, что произойдет».

Еще один пример, когда в Airbnb показывают, как представиться хозяину апартаментов — достаточно просто поздороваться и написать о своем прибытии:

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

Краткие выводы из книги Freemium Manifesto

2019-09-11T11:59:10.269Z

Рецензия Вовы Кукушкина (Product Analyst, Ultimate Guitar) на книгу «Freemium Manifesto» от компании ProfitWell, в которой глубоко рассматриваются особенности freemium-модели.

Freemium — это модель привлечения пользователей, в которой урезанная версия продукта предлагается бесплатно в расчёте на то, что пользователь заинтересуется продуктом в целом, почувствует его ценность и будет готов приобрести дополнительные платные фичи.

Глава 1. The Birth Of Freemium

Особенности:

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

Глава 2. Freemium Is For Acquisition Not Revenue

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

Необходимые условия для использования freemium-модели:

1. Продукт имеет продолжительную ценность для пользователя.
2. Существует способ сконвертировать бесплатного пользователя в платящего рано или поздно.

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

Бесплатный триал можно считать разновидностью freemuim-а. Если в случае freemium-а дается ограниченная версия продукта на неограниченное время, то бесплатный триал дает полный доступ ко всем фичам на ограниченное время. Ограничение по времени дополнительно стимулирует пользователя совершить покупку, психологически это обосновывается феноменом loss aversion: потеря $100 отражается на чувствах сильно ярче, чем приобретение $100.

Если пользователь почувствовал пользу приложения во время триала, то он уже будет бояться потерять её. Поэтому очень важно в триале не просто вывалить набор фичей на пользователя, а аккуратно донести до осознания все крутые штуки, что есть в продукте.

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

Глава 3. Freemium Economics

Поскольку деньги на привлечение клиента тратятся прямо сейчас, а LTV-выручка реализуется в течение некоторого периода времени вперёд, то при соотношении LTV/CAC = 1/1 мы получим убыточный бизнес. У успешного растущего бизнеса соотношение должно быть больше, чем 3:1. В задачу бизнеса входит снижение CAC и увеличение LTV. Freemium может помочь в достижении обеих целей.

Платящий пользователь становится инвестором в том смысле, что он хочет знать свой ROI. Если продукт стоит $10, получит ли он пользы больше, чем на $10?

The penny gap — экономический феномен, поясняющий огромную разницу в спросе между бесплатным продуктом и продуктом, который стоит 1 цент. Перейти от бесплатного продукта к платному — очень сложная задача.

Freemium позволяет снизить CAC за счёт предложения бесплатного продукта и при этом увеличить LTV благодаря демонстрации возможностей продукта и за счёт того, что на момент покупки пользователи будут прогреты и с большей вероятностью сконвертируются в покупку.

Глава 4. Companies That Took The Time to Get Freemium Work

Bidsketch и Chargify попробовали freemium в самом начале, и ничего не получилось. Во-первых, не было понимания, что пользователи ценят в приложении, а во-вторых, выручка была низкой, чтобы окупать бесплатных пользователей.

Grammarly — украинский онлайн сервис для проверки грамматики, продакты которого выработали следующую схему реализации:

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

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

Глава 5. Tactical Guide to Making Freemium Work

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

1. Установить ключевую ценность продукта.

Чтобы продавать дополнительные фичи, нужно сначала заинтересовать пользователя бесплатными возможностями. Первый опыт пользователя очень важен: как правило, 40-60% новых пользователей уходят в первую же сессию, 80% покупок, также, совершается в первый день. Вот почему так необходимо, чтобы в бесплатной версии пользователь сразу же осознавал ценность продукта и склонялся к покупке. Классный онбординг — особенно значим!

2. Выявить, за какую дополнительную ценность пользователи готовы заплатить.

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

Также можно проводить опросы. Старайтесь следовать существующим методологиям, например — Van Westendorp's Price Sensitivity Meter, иначе при прямолинейных вопросах вы рискуете получить некорректные ответы и негатив от респондентов.

Желательно, делать такие замеры периодически, время от времени.

3. Подготовить продажу в нужное время и в нужном месте.

Нельзя прерывать flow пользователя. В идеале, бесплатная версия продукта должна прогревать пользователя, а продажи дополнять существующий опыт использования продукта.

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

4. Постоянно замерять метрики.

Делайте итерации по шагам 2-3, превращая это в регулярный процесс.

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