Как дизайн иконки влияет на количество скачиваний приложения — Решение задачи при помощи А/B-теста в Google Play


Руководитель студии дизайна иконок IconDesignLAB.com Роман Рудник написал для vc.ru колонку о том, как совместно с заказчиком провести А/B-тест иконки в Google Play и какие результаты можно получить в итоге.

Как понять, какой дизайн иконки принесет приложению наибольшее количество скачиваний? Даже профессиональный дизайнер с огромным опытом не ответит на этот вопрос. Но есть один способ, который решит эту проблему. Закажите дизайн иконки с А/В-тестом. Как это работает и как мы с его помощью увеличили загрузки приложения на 34%, читайте подробнее в статье.

Для начала посмотрите на эти примеры иконок:

Как думаете, какая иконка принесла приложению наибольшее число загрузок во время проведения А/B-теста? Ответ вы узнаете в конце статьи.

Как все начиналось

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

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

Вот так выглядела на тот момент иконка приложения

Заказчик заполнил бриф, и мы договорились о создании трёх вариантов уникальных иконок для проведения А/В-теста в Google Play.

Пожелания заказчика

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

Один из вариантов иконок глазами заказчика в качестве примера

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

Ход работ

Через три дня после внесения предоплаты заказчик получил шесть набросков:

Первые наброски, предложенные заказчику

Заказчику понравились иконки № 5, 4 и 1, названные им в порядке приоритета. Единственное, что его смущало — это зеленый цвет, взятый из игры. Он просил сделать зеленую полоску как можно меньше.

После незначительных ремарок заказчика выбранные наброски стали выглядеть так:

Три варианта набросков иконок после ремарок заказчика

Теперь заказчика смущало слово «Free» на одной из иконок. Он пояснил, что не видит надобности его использования в дизайне, так как ранее было две версии игры: одна платная, вторая — нет. Теперь, когда существует только бесплатная версия, необходимость включать в дизайн слово «Free» пропала.

Дизайн был утвержден, и вот, что получилось после добавления цвета:

Три финальных варианта иконок для А/В-теста

Первый А/В-тест — выбираем лучший дизайн

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

Графическая борьба с заказчиком за чистоту эксперимента

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

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

Иконка-победитель увеличила количество скачиваний приложения до 27,1% по сравнению со старой версией иконки. И заметьте, что надписи «Free» у нее при этом не было.

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

Второй А/В-тест — определяем лучший цветовой вариант

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

Для следующего теста были выбраны такие иконки:

Скриншоты заказчика по мере размещения иконок в Google Play для А/В-теста

Как видите, мысль о том, что слово «Free» все-таки имеет какое-то магическое воздействие на пользователей, не покинула ни нас, ни заказчика. Именно из этих соображений заказчик протестировал голубую иконку в двух вариантах: с надписью «Free» и без нее.

На удивление, победила иконка без пометки «Free» зеленого цвета. Это и есть правильный ответ на наш вопрос в начале статьи

Единственная иконка с надписью «Free» заняла последнее место.

Интересные наблюдения и выводы:

  • Дизайн иконки влияет на то, какое количество людей заходят установить ваше мобильное приложение. Проверено.
  • Финальная иконка увеличила количество скачиваний приложения на 9,6% — 34% по сравнению со старой иконкой приложения.
  • Вариант, который понравился заказчику меньше всего, оказался самым успешным.
  • Разница в конверсиях между худшей иконкой и лучшей доходит до четырех раз (для граничных случаев). То есть выбрав иконку на свой вкус, заказчик мог получить лишь четверть тех органических скачек, что ему принесла бы лучшая иконка.
  • Зеленый цвет, который так хотел убрать заказчик в начале, стал победителем среди трёх цветовых вариантов.
  • Надпись «Free» ни в одном из случаев никаким магическим образом не увеличила количество скачиваний приложения.

До сих пор иконка приложения «Пиано Мастер 2» имеет свой прежний вид, созданный нами. А насколько точно наш дизайн передает идею игры вы можете убедиться сами, если перейдете по этой ссылке.

А/В-тест — отличная возможность проверить эффективность иконки и выбрать наилучший цветовой вариант. Если вы делаете приложение для Android, обязательно пользуйтесь этим приемом.

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

©  vc.ru