Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования

в 10:08, , рубрики: android, Google Play, hideninja, vpn, Разработка под android, тестирование, метки: , , , ,

В первой части я рассказал о том, как был сделан первый прототип и как мы пережили взлом In-App Purchase.

Вторая версия приложения

После успешного выхода первого прототипа было выпущено приложение версии 2, UI и UX которого были уже переосмыслены с большей оглядкой на конкурентов и пожелания наших первых пользователей. Добавился список серверов для подключения на отдельном экране, главный экран был полностью изменен: добавился наглядный IP-чекер с флагом страны, кнопочки шарингов в соц.сети, главная call-to-action кнопка стала большой и цветной, и выглядело это так:

Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования


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

Третья версия приложения

Я стал внимательно изучать карточный интерфейс Google Now и продумывать новый UI “Hideninja VPN” в этом стиле.

Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования

8 мая версия 3.0 с полностью новым UI была выложена в Google Play. 15 мая для России вышла четвертая версия Google Play с обновленным дизайном в том же самом карточном стиле.

Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования

Решение сделать UI третьей версии “Hideninja VPN” в стиле карточек было абсолютно правильным: если пользовательский опыт от взаимодействия с моим приложением будет схож с опытом от использования самых популярных приложений на Android, то это поможет моему пользователю быстрее разобраться с “Hideninja VPN” и позитивнее его воспринять. Когда мы выложили в стор версию 3.0, то получили несколько сотен крайне позитивных отзывов — дизайн удался на все 100%!
По-прежнему, как и для предыдущих версий, дизайн делал я, сторонние специалисты не привлекались. На придумывание и отрисовку макета потрачена 1 бессонная ночь. Карточный UI мы используем вот уже пять месяцев, внося лишь небольшие правки, обусловленные изменениями в функциональности. Вот, как выглядела в итоге версия 3.0:

Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования

Сравните все три версии (первый прототип, 2.0, 3.0 соответственно):

Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования

Семь раз — тест, один раз — релиз

На грабли “отсутствие качественного тестирования” наступили и мы. До определенного момента все шло хорошо, пока приложение не обрасло новыми фичами, и не изменился дизайн. Как тестировали приложение мы: собирался билд, ставился на мой личный смартфон, и я пару вечеров тыкал во все возможные кнопки в разных последовательностях. Но опасность Android в том, что даже в рамках одной версии ОС разные производители позволяют себе изменять не только графическую оболочку но и компоненты ядра. Так мы столкнулись с проблемой вырезанного API VPNService на китайских смартфонах и планшетах, а также на некоторых не новых продуктах SonyEricsson/Sony. Рещение этой проблемы есть — вручную установить компонент tun.ko — но для пользователя это, во-первых, не очевидно, во-вторых, все должно работать “из коробки”.
Но то были еще цветочки. Представьте себе весь ужас, когда вечером вы выкладываете в продакшен свежую и, о да, конечно же, оттестированную, версию, а утром получаете десятки оценок в 1 звезду и гневных комментариев, что ничего не работает! Проверяете — а действительно, в приложении не работают две далеко не самые важные кнопки: запустить VPN и купить… Причем, этот баг встречается не на всех устройсвах! Тестируйте, тестируйте и еще раз тестируйте! Крайне желательно — на разных устройствах, хотя бы на top-5 из тех, которыми пользуются ваши клиенты (интересно, есть приложения, у которых Samsung не в топе?!):

Как я запускал мобильное приложение Hideninja VPN (Часть 2): Путь до правильного UI, важность тестирования

Полученный опыт

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

Что в следующей части истории

К третьей версии приложения “Hideninja VPN” поднялся на 5 место в топе по запросу “vpn” в Google Play. Бюджет на маркетинг в период роста в топе — $50 всего, вообще, потрачено на консультации по ASO.
О том, какие факторы сложились в наш успех на крайне конкурентном рынке VPN для Android — читайте в следующей части.

Автор: boxster

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js