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

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

А/B-тестирование для App Store и Google Play

Дизайн, обеспечивающий конверсию: креатив плюс аналитика

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

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

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

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

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

Эксперименты с цветом

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

Скриншоты для App Store и Google Play

(1)

(2)

(3)

Приглушенный голубой и шоколадный, естественный коричневый (2,3) оказались не столь успешны по сравнению с первым набором цветов. Просмотров скриншотов различной расцветки было больше — люди взаимодействовали с экраном и рассматривали каждое изображение. Также после просмотра скриншотов разных цветов пользователи чаще нажимали вкладку «Read more» и прокручивали экран вниз, чтобы прочесть описание.

Порядок расположения

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

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

A/B-тестирование скриншотов для App Store и Google Play

(4)

(5)

Первые два скриншота (набор 4) — с темным фоном, на втором экране подчеркнуты детали. У следующей комбинации (5) тот же экран на четвертой позиции, доступно приоритетное пространство для графика.

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

Локализация в условиях двуязычия

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

A/B-тестирование для App Store и Google Play (6)

A/B-тестирование для App Store и Google Play (7)

Локализированная версия страницы оказалась на 33% эффективнее. «Локализация в любой стране окажется идеальной, если принимаются в расчет культурные нормы и традиции, для Китая это в особенности важно», — объясняет Рейчел Романо, руководитель отдела FiftyThree по связям с общественностью.

Локализация может повысить рейтинг приложения и еще и потому, что в таком случае добавляются дополнительные ключевые слова. Другими словами, ваше приложение найдет больше пользователей. Если планируете расширить охват за счет локализации, тогда лучше начать со статистики загрузок в Developer Console (Google Play) или iTunes Connect (если приложение предназначено для экосистемы iOS).

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

Тестирование

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

Чтобы узнать, как тестирование и выбор цвета фона, очередности скриншотов и локализация повлияют на конверсию для приложения Paper в Китае, тестировались различные вариации. На основании полученных результатов были сделаны определенные выводы, которые, возможно, окажутся актуальными и для других проектов. Но реальность такова, что никто не знает наверняка, что именно обеспечит максимальную конверсии в каждом конкретном случае. Что подходит для одного, не всегда подойдет для другого — общеизвестный факт. Остается только тестировать: возможно, будет достаточно изменить лишь цвет фона для каждого скриншота (как в случае Paper) или чуть иначе расположить визуальные элементы на странице.