Дизайн мобільних додатків

    Багато статей написано про дизайн, навіть дуже багато, як про його UX (user experience), так і UI (user interface) складових. Ця стаття не для новачків, так що заглиблюватися в основи ми тут не будемо.
 
Ми розглядаємо дизайн і формулювання не з точки зору зовнішнього вигляду, хоча є проекти, в яких саме зовнішній вигляд становить основну цінність продукту, а з точки зору конверсії. У статті, на прикладі наших додатків Photo and Video Transfer app і Image Transfer , ми розповімо про роботу над наступними завданнями, за допомогою дизайну:
  
     
  • Збільшення кількості email передплатників.
  •  
  • Збільшення кількість користувачів дозволили push notifications.
  •  
  • Збільшення прибутку при роботі по freemium моделі.
  •  
  • Збільшення показника поверненні користувачів.
  •  
  • Зменшення показників відмов.
  •  
Нижче ви зможете знайти вихідні дані та практичні рекомендації. Так само вкрай рекомендуємо прочитати попередню статтю про просування мобільних додатків, її ви cможете знайти тут . Отже почнемо.
 
 

Передісторія

 Так-як ми не монобрендова компанія, ми повинні робити те, про що говорять дуже багато маркетологів — готується до запуску кожного нового продукту заздалегідь. Але ось невдача — всі рекомендації далі ради «створіть landing page з email підпискою» не йдуть. На практиці ж ваша landing page мало кому потрібна і максимум на що ви можете розраховувати це 1000 email адрес в кращому випадку.
  Ми вирішили створювати власні маркетингові комунікації з користувачами, в якості основних інструментів просування ми виділили такі:
 
 
     
  • База email адрес
  •  
  • База push notifications пристроїв
  •  
  • Нові користувачі продукту і користувачі поточний сесій — splash screens
  •  
 На даний момент у нас база з порядку 100 000 email адрес, 700000 push notifications пристроїв і можливість показувати splash screen всім новим користувачам, а ця цифра може досягати 60 000 на день і більше, якщо до кампанії готується заздалегідь. Отже по порядку.
  
  

Збільшення кількості email передплатників.

  Email адреси користувачі залишають вкрай неохоче, особливо там, де в цьому немає гострої необхідності, наприклад якщо не потрібна реєстрація. Ми намалювали екран з милим iPhoneчеком, який пропонував підписатися на нашу email розсилку. У результаті всього 3% користувачів, мабуть зі співчуття до нашого персонажу, залишали свої email адреси. Решта 97% безсердечно проходили мимо. Ми особливо не розраховували на велику кількість передплатників і не засмучувалися, але відсоток конверсії, звичайно, хотілося збільшити.
  
  І ми знайшли просто і безкоштовний спосіб — замінили слово Subscribe на Register. Дійсно, користувач завантажив наш додаток, зробив це офіційно через AppStore і цілком зрозуміле і звичне дію зареєструвати додаток. Таким чином реєстрації у нас ніби немає, а ніби як і є. Процедура не обов'язкова, тому що була б обов'язкова реєстрація, без зрозумілих причин на це, ми отримали б стоп-екран, а нам на цьому додатку ще й гроші заробляти потрібно. Підсумок: кількість email передплатників збільшилася в 3 рази і зараз складає близько 9-11%.
  
  
  
  

Збільшення прибутку

  Не дивлячись на те, що різними методами нам вдалося підтримувати досить велика кількість завантажень кожен день (докладніше про це ТУТ , конверсія в платних користувачів була не дуже високою.
  
  У даному випадку ми не лише переробили дизайн, а й оновили трохи бізнес модель. У першій версії Image Transfer ми давали можливість пересилати безкоштовно до 5 Фото (фотографій і відео). Важливий момент — показуйте вікно покупки тільки тоді, коли потреба цієї покупки у користувача максимальна, так Evernote пропонує upgrade, коли у вас закінчується безкоштовний об'єм. У нашому випадку таким моментом була пересилка більше 5 файлів, при відправки меншої кількості екран in-app purchase навіть не показувався. Як виявилося користувачі цілком успішно пересилали до 5 відео файлів (2-3) і не бачили екран покупки, а 10 фотографій можна було переслати і за два рази.
  
  У результаті ми заборонили безкоштовну пересилку відео файлів в Image Transfer в принципі, це можна стало зробити тільки за гроші і оновили екран покупки. Тепер у користувача був вибір: «Зняти обмеження на фото», «Зняти обмеження на відео» і «Зняти всі обмеження», при цьому на скріншоті нижче ви можете помітити, то «Зняти всі обмеження» коштує СТІЛЬКИ Ж, скільки і зняти обмеження на фото. Вигідна угода чи не так? І користувачі стали набагато частіше бачити екран in-app покупки і, найголовніше, робити потрібний нам вибір. У результаті прибуток виріс навіть більше, ніж у два рази, тому що нам вдалося збільшити конверсію і вартість продукту. Знайшлося навіть пара людей, які примудрилися знімати обмеження по-черзі :)
  
  
  

Збільшення конверсії push notifications

  При вирішенні цього завдання ми зіткнулися з двома проблемами:
  
  
     
  • Є тільки ОДНА єдина можливість показати системне повідомлення на доступ до push notifications. Потім користувачеві потрібно це робити самому в налаштуваннях.
  •  
  • Чи не очевидність необхідності push notifications в Image Transfer.
  •  
  Тут нам вдалося вбити відразу двох зайців — вирішуючи першу задачу, ми вирішили і другу. Дійсно, якщо користувач натискає «Don't allow» при запиті, то більше ви це повідомлення показати йому не зможете (пам'ятаєте про це, творці сервісів миттєвих mail клієнтів). Отже, перш ніж зробити системний запит на доступ push notifications, користувач видет екран, де наш персонаж — iPhone, пояснює навіщо необхідно відкрити цей доступ, тим самим вирішує завдання № 2. На цьому екрані є кнопки «Allow» і «Later». Якщо користувач натискає «Later», то йому не показується системний запит і ми не використовуємо нашу єдину спробу, а даний конкретний екран ми можемо показати скільки завгодно разів. Коли ж користувач натискає «Allow» він вже погоджується надати цей доступ і з не порівнянно більшою ймовірністю натискає заповітну кнопку «Allow» на системному повідомленні.
  
  
  Повинен зізнатися, що ми й самі грішимо, додаючи попередній екран перед запитом, але тільки в тих додатках, в яких рівень конверсії нас влаштовує.
  
  

Трохи про Rate This App

  Тут ви прочитали про те, що рейтинги додатки вкрай важливі для просування, вони впливають на прийняття користувачами рішень і позиції в пошуковій видачі.
  
  З доповіддю про дизайн додатків я виступав на двох конференціях Apps4All і DesignLab , на обох я згадував про необхідність Rate This App, на обох я згадав про одну і ту ж саму історію: Якось раз я завантажив додаток і запустив його. Додаток вилетіло. Я вдруге відкрив додаток і воно сново вилетіло. На п'ятий раз воно не вилетіло, а показало мені екрна «Please rate this app». Я сказав Ок, вліпив одну зірку і видалив додаток, Т.е. хлопці мені навіть швидку посилання, що б я зміг поставити одну зірку. Турботливі.
  
  Проблема була в тому, що алгоритм роботи Rate This App працював дуже просто — після 5го запуску показати вікно (а може ще після 10го і 15го). Модель зрозуміла, але не універсальна. Ми створили свій алгоритм Rate This App, який з високою часткою ймовірності гарантує отримання високих оцінок від користувачів. Звичайно незадоволений користувач з більшою охотою поставить поганий відгук, ніж задоволений хороший, але наш алгоритм орієнтований саме на те, щоб відновити баланс сил. Тут все дуже схоже з in-app покупками — просіть написати відгук, коли ймовірність отримати 5ть зірок максимальна.
  
  Ми придумали, як ще більше можна підвищити ймовірність отримання 5-ти зірок. Ми придумали, але до цих пір не впровадили, а Facebook вже додав, так що ми радіємо нашої кмітливості і розчарувалися в оперативності в цьому питанні :) Спосіб дуже простий: запропонуйте користувачеві поставити кількість зірок прямо в додатку. Зрозуміло ці зірки не підуть відразу в AppStore, але ситуацією керуєте ви — якщо користувач поставить від 1 до 3-х зірок, запропонуйте йому написати чому він поставив низьку оцінку, прямо в додатку, а це повідомлення піде у ваш support, а в разі, коли користувач ставить 4 або 5 зірок, відразу ж відбувається переадресація в AppStore. Помітили, що цей метод дуже схожий на метод із запитом на push notifications? Таких відповідностей можна знайти дуже багато.
  
  
  До речі, робити персоніфіковане вікно Rate This App, як на картинці особливої ​​необхідності немає, на качесво оцінок це впливає мало. Якщо, звичайно, ви не вирішили скористатися нашою ідеєю.
  
  

Порожні екрани і зменшення показників відмов

  Дуже часта помилка розробників це відсутність інформації про стан системи. Наприклад, користувач завантажив додаток для перегляду PDF файлів — потрудіться додати туди хоча б один PDF файл, а якщо користувач його видали — замість білого тла повідомлення про те, що файлів немає і інструкцію, як їх додати. Так у нас в додатках користувачеві повідомляється про кожному змінити стану системи або її поточному стані — файли отримані, файли відправлені, відсутня підключення до wi-fi, в альбомі немає фотографій і т.д. Це дуже важливе правило, якщо воно порушене, то всі попередні конверсії так само зменшаться в рази.
  
  
  

Створення своєї екосистеми

  У великих розробників завжди є чому повчитися і ось чому ми навчилися у Google. Каждомму свого додатком ви можете присвоювати унікальну URL-схему, яка так само є унікальним ідентифікатором вашого застосування на iOS. Ця URL-схема дозволить з однієї програми запускати інший і навіть передавати йому якісь дані. Якщо брати свіжий приклад, то можна подивитися на в'язку додатки Swarm і Foursquqre — в Swarm ви Чекин, а інформація про конкретне місце відкривається безпосередньо Foursquare, при натисканні кнопки «Back» б повертаєтеся назад в Swarm (!).
  
  Ми поки використовуємо це всього лише інформуючи користувача, що запустив безкоштовну версію продукту, про те, що у нього встановлена ​​платна і пропонуємо відкрити саме її. Не великий шматочок коду сильно збільшує лояльність користувачів до нашому продуктам.
  
  
  Набагато інтересу використовує цю можливість Google, яким вдалося на базі iOS створити свою власну екосистему, з якої вони не квапляться випускати користувача. Так у прикладі на зображенні я спробував проілюструвати, як працює відкриття посилання в додатку Gmail: Якщо ви відкриваєте посилання в додатку Gmail, то вона відкривається не в Safari, а в Chrome (якщо він встановлений), причому кнопка «Back» замінена на «Gmail »при натисканні на яку користувач повертається назад в додаток Gmail.
  
  
  Ця функціональність відкриває величезні можливості для маркетологів і розробників, але ми занадто мало нею користуємося.
  
  

Про in-app покупки та ігри.

 Внутрішні покупки це тема великої статті, але тут я постараюся зібрати кілька порад:
  
     
  • Створюйте неськолко точок входу в ваш магазин. Не обмежуйтеся простим повідомленням, що у користувача не вистачає внутрішньої валюти для вчинення дії, відразу ж пропонуйте йому купити, прямо на цьому екрані. Так само, якщо є індикатор кількості внутрішньої валюти, по тапу на ньому так само зробіть точкою входу в магазин. Зробіть окрему кнопку магазину і т.д. Чим більше точок входу — тим вище конверсія, але не перестарайтеся, все має бути органічно.
  •  
  • Використовуйте внутрішню валют. Давно доведено, що люди витрачають більше грошей, якщо використовують кредитні карти. Це пов'язано з тим, що немає прямого зв'язку витрат в додатку і реальними грошима, дійсно, 5 «чарівних Вишеньок» легше витратити, ніж 2 реальних долара.
  •  
  • Використовуйте відповідну віртуальну валюту. Якщо у вас сканнер, в якості внутрішньої валюти використовуйте Тоннер, якщо додаток для відправки листівок — марки і т.д. Зрозуміла метафора полегшить розуміння витрат.
  •  
  • Показуйте екран покупки, коли її ймовірність максимальна. Немає сенсу показувати екран покупки при першому запуску програми, тільки будете дратувати користувача. Немає цього сенсу і на 100 раз, показуйте екран покупки тільки коли потреба в цій покупці у користувача максимальна. Так Evernote пропонує зробити upgrade, коли у вас закінчилися безкоштовні 60 мегабайт на місяць і ви намагаєтеся завантажити нові контент — вам же потрібно завантажити цей контенті і ви найвірогідніше заплатите. Якщо додаток вимагає попередніх дій показуйте екран покупки, коли користувач їх вже справив, наприклад, будь Instagram платним, з обмеженням по числу фото, такий момент б настав тільки після того, як ви зробили фотографію, застосували фільтр, написали коментар, відзначили всіх друзів і натиснули кнопку «Share». Погодьтеся, не приємно втрачати стільки виконаної роботи. Так у безкоштовній весіі нашого застосування Image Transfer екран покупки показується тільки коли користувач вибрав більш 5 фотографій і натиснув кнопку «Send», тобто він вже виробив роботу з вибору фотографій.
  •  
  • Передплатна модель. Самою вигідною моделлю є модель підписки, оскільки гарантує постійний, щомісячний дохід від користувача і робить практично будь-яку рекламну кампанію рентабельною. Для того, щоб така модель працювала у вашому додатку постарайтеся зробити так, щоб його цінність постійно росла з часом. Повертаючись до прикладу з Evernote — кожен місяць в ньому у вас з'являються десятки нових заміток, що збільшує його цінність для вас і зменшує ймовірність відмови від нього.
  •  
  • Відмінна стаття У розробників ігор є чому повчитися, вони знають про монетизацію більше ніж хто небудь. У цій статті добірка відмінних рад тут .
  •  
  

Підсумок

  Зрозуміло це лише мала дещиця того, що допоможе вам у просуванні своїх продуктів і збільшенні конверсії, але навіть у цій статті можна простежити деякі закономірності і константи. Одна порада на останок — якщо ви збираєтеся додати щось в дизайн, функціональність, створити нову анімацію, завжди задавайте один і той-же питання «НАВІЩО?». Спасибі, що прочитали до кінця!
  
 Ми створили Круту Заслання — http://Cool-Link.com , де вже зібрано дуже багато інформації про просування додатків і дизайні, користуйтеся.
  
 

O CapableBits

  CapableBits займається розробкою власний додатків вже більше 4-х років. У початку 2014 року ми відкрили напрям паблішингу мобільних додатків — якщо у вас є продукт або він на стадії розробки і ви хочете, щоб він почав приносити гроші, надсилайте запит на publisher@capablebits.com . Більше інформації на нашому сайті CapableBits.com
  
 
 

WebCamp: Mobile Day

 
22 липня в рамках Odessa Innovation Week пройде конференція WebCamp: Mobile Day , яка буде присвячена питанням розробки, дизайну та просування мобільних додатків.
 
Конференція складатиметься з двох потоків: "Розробка" та "Дизайн & Просування". У потоці "Розробка" основний упор буде зроблений на технічні аспекти створення додатків під такі платформи, як: iOS, Android, WP8, Tizen та інші. У потоці "Дизайн & Просування" мова піде про дизайн мобільних додатків, а також про їх просуванні в різних магазинах.
 
Ви зможете задати питання Євгену Поганому (plokhoj ), автору цієї статті, а також послухати інші доповіді на дану тему.
 
 Реєстрація та всі подробиці на сайті конференції за адресою: webcamp.in.ua .
    
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.