Всем привет! Я iOS разработчик и расскажу вам про то, как реализовывал идею таймера и секундомера по хлопку Clappy (можно запускать и останавливать хлопком, щелчком, цоканьем языком или любым резким звуком).
Идея и прототип. А почему бы и нет?!
История Clappy началась года два назад, когда стал заниматься йогой. Начинающему “йогу” довольно легко “пересидеть” или “перестоять” в асанах и на первых же занятиях нам рекомендовали пользоваться таймером или заниматься по часам. Отлично! Только вот как? Многие асаны делаются на полном расслаблении, внутреннем внимании и часто с закрытыми глазами. Понятно, что тут не до часов.
Таймер – это выход, но запускать его как минимум неудобно в стоячих (например, Уттхита Триконасана или Врикшасана) или более сложных позах (например, поза на голове Саламба Сиршасана, на руках Аштавакрасана).
И тут пришла в голову мысль: “а зачем мучиться?!” Неужели нельзя запускать таймер с помощью хлопка или, например, щёлкнув языком? Прошерстил эту тему и понял, что подобных решений нет. Задание себе было довольно простым: положил телефон на стол или пол, отмерил интервал, цокнул языком и либо запуск, либо пауза. Тогда сделал самый простой прототип с одним интервалом и стал заниматься по нему…
Это бесплатно. Прочитайте правила.
Первая версия. Столько всего хочется сделать
Итак, прошло два года, посмотрел на рынок снова и понял, что время идёт, а вот подобного никто так и не сделал. Тут как раз появилось немного свободного времени, чтобы заняться этим проектом более менее подробно.
Решил попробовать сделать Clappy до последнего “винтика” своими руками. Ведь это так интересно самому придумать дизайн и иконку, эффекты, вывести это на рынок и как-то продавать.
Условно, первый месяц потратил на придумывание названия компании “света” и организационные вопросы. Второй на не менее “светлый” логотип компании. Это довольно смешно, так как в итоге открыл ИП :) Но логотипчик-то остался.
Параллельно сел за дизайн приложения и прототип в новом оформлении. Пришлось не без ругательств научиться Sketch и Origami. Они очень удобные (прямо радость за современных дизайнеров), но любым инструментом надо овладеть.
Не знаю почему, но возникло желание придумать какой-то интересный эффект для анимации запущенного таймера. И тут оказалось, что в Origami вполне себе удобно можно попробовать различные фильтры изображений, привязать эти инструменты к жестам или ко времени. Более того, эти фильтры Core Image Filter представлены в фреймворке CoreImage, который является частью iOS SDK, поэтому их можно быстро перенести в код, почти целиком основываясь на подобранных параметрах в Origami. На тот момент я не сильно задавался вопросом, зачем в таймере, который лежит на столе, вообще нужна анимация, а просто загорелся конкретным техническим вызовом. Срезонировало что-то внутри программиста :) В итоге подобрал эффект “дыхание” (по крайней мере, я его так называю).
Первая версия включала в себя только интервальный таймер с одним интервалом.
Дальше решил “выпендриться” и сделать изменение времени с помощью жестов. Это решение стоило впоследствии многих часов доработок, но тогда хотелось создать что-то уникальное и симпатичное, поэтому трудозатратами пренебрёг.
Экраны “приветствия” и интерактивного онбординга тоже съели прилично времени.
Во-первых, приложению, чтобы просто работать правильно, нужно две вещи от пользователя: микрофон и уведомления (сообщить, когда время вышло, если приложение было скрыто). Для этого надо как-то объяснить, что ты с этим собираешься делать. И вообще, что “происходит”. Ведь одна из типичных проблем таких продуктов, что у людей нет ещё такой потребности, они не идут в магазин, не идут в поиск и не ищут “хлоп таймер”. Они даже не ищут “таймер для йоги”, так как навалом обычных таймеров. Поэтому им надо объяснить, что это удобно и как работает.
Во-вторых, была идея реализовать интерактивный онбординг из нескольких шагов: “проведите по экрану, чтобы изменить время”, “настройте чувствительность микрофона”, “хлопните, чтобы начать”, “хлопните, чтобы остановить”. Ещё одна идея, которая далась трудом, а по факту привела к тому, что только 60-70% пользователей “доживало” до окончания обучалки (по 5-10% отваливалось поэтапно).
Немного забегая вперёд: сейчас весь “интерактивный онбординг” уместился в одну надпись “Хлопните, чтобы начать или Проведите по экрану, чтобы изменить время”. Была мысль сделать кнопку “Пропустить”, но тогда был зол сам на себя и поэтому выпилил интерактивный онбординг целиком :) Конверсия приветствия и онбординга теперь 90-95%.
Дальше предстояло придумать какую-то иконку. Показалось, что самым наглядным и релевантным к продукту подходом будет изобразить на иконке хлопок или ладошки и часы или таймер в каком-то виде. Тогда родилась такая иконка.
Конечно, так себе, но у меня на все эксперименты выставлен лимит времени (только так можно не утонуть в конкретике и деталях), поэтому остановился на этом варианте с желанием вернуться потом. После этого она прошла целую серию перерождений и теперь иконка совершенно другая.
Добавил аналитику, приправил кнопкой “Ваше мнение” и выпустил на свободу побегать и подышать. На этом этапе пришлось освоить новую тему и прочитать много статей про ASO (подбор названия и ключевых слов, чтобы быть как-то заметным в поиске AppStore). Ведь хочется, чтобы приложение качали и появлялась информация, куда двигаться дальше.
Скриншоты, привет! Пришлось посидеть и наладить автоматизированную сборку, обрамление и отгрузку локализованных скриншотов в iTunes Connect (консоль управления своими приложениями). Сделал с помощью инструментов fastlane: screenshot, frameit и deliver.
Cкриншоты первых версий выглядели так (сейчас получше).
Ура – первая версия в AppStore! Поделился новостью среди разработчиков и получил положительный фидбек. Ещё написало несколько незнакомых пользователей, что это удобно, поэтому сел работать над следующей версией.
Следующие шаги. А будут ли покупать?
Дальше запланировал несколько вещей. Чтобы Clappy был полезен максимально, решил сделать режим Мультитаймера, в котором пользователь смог бы составить себе программу занятий из цепочки таймеров. Например, 3 минуты Пашчимоттанасана, дальше Вирасана 1 минуту и тд. В конце Шавасана на 15 минут.
Ещё решил включить в новую версию секундомер и, как оказалось, не зря, так как есть теперь те, кто тренирует задержку дыхания в ванной с Clappy :) Добавил режим “Без микрофона” и режим “Непрерывной тренировки” (сразу новый старт, а не пауза).
Решения в плане интерфейса были нердовскими (из-за лимитов времени): просто шлёпнул 6 новых кнопок на основной экран, ожидая, что кто-то захочет при желании это разобрать (хотя нашлись такие люди, кто методично попробовал все кнопки).
Затем пришлось вернуться к выставлению таймера, так как пользователи жаловались, что не получается точно выставить время. Очень смешно сделать таймер, в котором не работает основная функция :)
Проблема в том, что время было линейно привязано к позиции пальца при перемещении. А ограничение в 15 минут, то есть 900 секунд на экран, поэтому чтобы выставить секунды, надо было быть очень-очень терпеливым и осторожно вести палец по экрану.
Сейчас ограничение 59 минут и 59 секунд на один таймер, а минуты и секунды настраиваются отдельно и отмерить время намного проще.
Пришло время подумать о монетизации приложения. Вначале сделал платным режим Мультитаймера, так как посчитал его самым удобным и потому желанным способом тренировки. Тут я довольно сильно промахнулся, что логично, так как никакой статистики использования этого режима ещё не было. Когда пользователь нажимал на кнопку Мультитаймера, выводился стандартный алерт, в котором было расписано, как всё прекрасно и удобно, и предложение купить. Провал :)
В следующей версии уже давал попробовать режим Мультитаймера на несколько дней. Когда пользователь нажимал на кнопку с режимом, то он сразу активировался и выводился тот же алерт, но только с пояснением, что идёт пробный период режима Мультитаймера. Не сильно помогло. Тут задумался и стало понятно, что так ничего не выйдет. Сейчас сделал период Триала на 14 дней с возможностью всё попробовать. Это не конечное решение, но оно намного лучше работает, чем предыдущие. Правда, уже в голове несколько идей, как дать пользователям продолжить использование по окончанию Триала, но в сильно ограниченном функционале.
Продолжение следует…
Спасибо вам, что дочитали до конца. Спасибо редакции iPhones.ru, что позволили выйти со статьёй.
Устанавливайте и пользуйтесь Clappy, подписывайтесь на страницу Clappy Timer в Facebook. В дни публикации сделал скидку и сейчас Clappy стоит всего 75 рублей, но вы можете всё попробовать перед тем, как купить.
И поделитесь этой статьёй, если вам понравилось и хотите продолжения. Тогда, возможно, редакция iPhones.ru разрешит мне выйти со второй частью :)
А в ней я смогу рассказать:
– Как добавил по просьбе пользователей кнопки управления таймером и что случилось с показателями. Даёшь больше хлопков!
– Как поменял несколько раз иконки и скриншоты и к каким выводам пришёл. Лучше не всегда лучше
– Какие возможности скрыты в аналитике iTunes Connect
– Clappy 2.0. Дальнейшие идеи и шаги. Прорабатываем возврат, виральность, монетизацию и конверсию в отзывы
– Как бывает забавно, оказаться одним приложением по популярному, но не релевантному запросу :) Почему ASO надо заниматься постоянно
– Какие есть отличные бесплатные инструменты и возможности по ASO
– И самый большой разрешенный ASO хак по моему мнению
iPhone + iPad: Freemium [Скачать в App Store], 2 недели бесплатно, потом 75 руб. за полную версию
Текст: Антон Гаенко
13 комментариев
Форум →А цветовую гамму скомуниздили с приложения “Мантры” :-)
эм, нет… даже в голову не пришло
Кстати, я тут :) буду рад ответить на ваши вопросы или пожелания. В следующей версии планируется удобная работа с несколькими списками таймеров: День 1, День 2, Релакс и тп
Купил. Спасибо за приятное и удобное приложение, как раз такого не хватало :)
@wolchishka, спасибо! приятных тренировок!
Бросил бетонным блоком в новый телефон от LeEco, включилась китайская музыка, пришло сообщение от Чоу Юнь-фат’а: 杀死异教徒猪!
Не вижу смысла переплачивать.
И опять чистят неугодные комментарии!
Народ, таймер можно поставить вызвав Сири, чтобы не отрывать рук от дела. И не надо, хлопать, щелкать языком или еще как-то извращаться. Приложение ни о чем, ИМХО.
@poznyak, не думаю, что в вашем комментарии что-то плохое, чтобы кто-то тут сидел и “чистил” :) тем более, про Siri замечание правильное, за некоторыми исключениями:
– Siri не поддерживает сохранение списка таймеров, а в Clappy вы можете настроить список под свою тренировку, а в новой версии будет несколько списков
– “Привет, Siri” работает без подключения к зарядке только на новых моделях, а иначе вам придётся нажимать кнопку Домой каждый раз, что как бы лишает преимуществ
– Siri работает только на новых айпадах, а Clappy работает на большинстве айпадов
– для работы Siri необходим Интернет, Clappy работает без Интернета
– при всём уважении иногда перезапустить работающий таймер превращается в квест, “у вас уже есть запущенный таймер”
Но в целом я с вами согласен, когда-нибудь это будет супер удобно и Clappy нужен не будет, а пока каждый выбирает для себя, что ему удобно. У меня с Siri заниматься не получается.
Спасибо за комментарий!
Скачал, понравилась, купил. Хорошо, что 2 недели даётся на пробу. Если бы сразу была платная, подумал бы, что очередная ерунда и прошёл мимо. Молодец, хорошая и простая программа.
@zhds, спасибо! приятных тренировок!
@Anton Gaenko, просто предложение, может сделать в программе таймер который можно прокрутить “по кругу” тоесть 59 мин, а следующая опять 0,1,2 мин?
иногда когда 55 мин, не хочется мотать до 5 мин вниз.
это мысли вслух, может и неудобно будет.
да и спасибо за приложение, как раз недавно увлекся йогой
@seven.ap, спасибо! хорошее правильное предложение, добавил в список следующих фич
@Anton Gaenko, подскажите где можно скачать вашу программу?
Нашли орфографическую ошибку в новости?
Выделите ее мышью и нажмите Ctrl+Enter.Какой iMac можно использовать в качестве внешнего монитора?
Как отобразить или скрыть процент заряда батареи в macOS Big Sur
Батарея iPhone странно себя ведет. Что делать?
Как быстро скрыть все иконки с рабочего стола Mac
Как убрать красные наклейки с иконок на iPhone без отключения уведомлений
Как просматривать две страницы в браузере одновременно на iPhone и iPad
Что делать, если iPhone «застрял» в режиме наушников
Как в macOS отключить автозапуск приложения Музыка во время подключения гарнитуры