Как создавалось приложение YourList — чтобы ничего не забывать

Привет, AppleInsider.ru! Меня зовут Евгений, я зарабатываю на жизнь разработкой под iOS. Летом 2019 года я решил упростить себе жизнь и начал использовать чек-листы в повседневной рутине (по факту, чтобы не оставить включенный утюг дома). Для своих нужд я пробовал различные приложения: от стандартных заметок до сторонних комбайнов от крупных корпораций. В итоге продолжительное время жил с одним небезызвестным приложением, однако испытывал ряд трудностей. Это все привело меня к идее решить свои проблемы самостоятельно.

Приложение YourList было создано, чтобы не забывать выключить утюг перед уходом из дома

Какие проблемы были со сторонними приложениями

  • Регулярно падало с включенным интернетом;
  • Нельзя было сбросить выполнение со всех элементов в одно касание;
  • Не очень удобно было отмечать выполнение в спешке, так как приходилось пальцем целиться в чек-боксы.

Первым шагом стали наброски “идеального” интерфейса и идей на бумаге, поскольку это делается максимально быстро и дешево.

Первый макет приложения

Надо сказать, что набросать интерфейс мне было очень сложно: мне вообще не нравилось то, как это реализовано у других приложений, и не у кого было «срисовать».

Макет добавления новой задачи

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

Приложение стало похоже на мессенджеры

Макеты приложения

После набросков на бумаге я приступил к макетам. Единственным инструментом, которым я немного умею пользоваться — Sketch. UI я решил сделать минималистичным и простым, так как не имею богатого опыта в дизайне. Такой подход оказался хорошим выбором: верстать было несложно, интерфейс выглядит приятно, с тёмной темой проблем тоже не возникло. Несмотря на все это, первые макеты получились непригодными для использования:

  • Отступы были некорректными;
  • На элементах управления был сделан чрезмерный акцент;
  • Индикаторы прогресса выполнения я вообще зачем-то сделал разноцветными;
  • «Чек-боксы» я решил полностью перенять у Apple и сделать их круглыми;
  • Больше всего проблем возникло с полем ввода, но не с внешним видом, а с логикой его показа / скрытия.

Верстка приложения для iOS

Первые макеты в Xcode

После макетов я приступил за верстку и реализацию. Отдельные UI элементы верстались просто, а вот с механизмом основной страницы возникли проблемы. Высокоуровневый программный интерфейс Apple предоставлял готовые удобные инструменты для работы с одномерными списками, а я хотел выпадающие списки (список списков) с крутыми анимациями и возможностями гибкой работы с ними.

Это объясняет то, почему в большинстве подобных приложений при тапе по списку / чек-листу происходит смена контекста, и вам показывают отдельный экран, на котором уже список содержимого — просто так проще, быстрее и дешевле сделать.

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

В первые недели работы у меня возникли сомнения по поводу того, что я делаю. И я решил поискать информацию по чек-листам. Поиски привели меня к книге Атула Га-ванде “Чек-лист. Как избежать глупых ошибок, ведущих к фатальным последствиям”. Из книги я узнал про то, что чек-листы пришли в различные сферы жизни из авиации.

Благодаря этому простому и эффективному инструменту, в своё время был введен в эксплуатацию Boeing 299, известный как Boeing B-17 Flying Fortress (Б-17 «Летающая крепость»), испытательный полет которого закончился аварией, а компания Boeing тогда чуть не обанкротилась.

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

Тогда летчики-испытатели предложили простую, но гениальную вещь – чек-лист. Они сделали его кратким, четким и простым. В нем были пункты про снятие самолета с тормозов, показания приборов, закрытие дверей и иллюминаторов, проверку работоспособности рулевой высоты. С введением такого чек-листа летчики налетали примерно 3 млн км без единой аварии.

Сегодня во многих сферах нашей жизни «самолет» настолько сложный, что летать на нем непосильно никому. Однако чек-листы способны исправить данную ситуацию. На фото ниже реальный чек-лист современного самолета Embraer 170.

Чек-лист для пилотов самолета Embraer 170

Итак, к началу ноября у меня было готово подобие первой версии приложения, но при его использовании я не ощущал себя комфортно и поэтому не торопился релизить. Я не мог объяснить сам себе, что не так с приложением, поэтому принял решение посоветоваться со знакомыми и провести UX исследование.

UX-исследование приложения

Я составил список действий, которые предлагал проделать каждому участнику:

  • Создать новый чек-лист;
  • Добавить 5 элементов в чек-лист;
  • Отметить элементы, как выполненные;
  • Сбросить выполнение всех элементов;
  • Переименовать чек-лист;
  • Удалить последний элемент в чек-листе;
  • Включить настройку скрытия выполненных элементов.

Также я спрашивал у участников, что они знают про чек-листы и используют ли их. На очном интервью я предоставлял айфон с приложением и по списку просил сделать то или иное действие.

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

Итоги исследования:

  • Не было понятно, как выйти с экрана создания чек-листа;
  • Никто сходу не понимал, как добавить элемент в чек-лист;
  • Не было понятно, как закрыть поле ввода после добавления элемента в чек-лист;
  • Также были трудности и с удалением элементов.

В общем все можно увидеть на видео:

Первый релиз приложения

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

За 2 недели перед релизом было сделано:

  • Понятный механизм добавления новых элементов в чек-листы;
  • Убрана ландшафтная ориентация;
  • Доработан пользовательский опыт в режиме добавления и редактирования чек-листов и элементов;
  • Проработано «пустое» состояние;
  • Настроена аналитика;
  • ASO: ключевые слова для двух языков;
  • Политика конфиденциальности;
  • Созданы мокапы айфонов в Sketch, которые были использованы для создания скриншотов для App Store.

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

Первая версия приложения вышла в App Store 6 декабря 2019 г. (в двух странах: Россия и Австралия).

От идеи до релиза прошло примерно 6 месяцев.

Первый релиз получился сыроват:

  • В приложении не было поддержки темного режима (в 2019 году!);
  • В повседневном использовании всплывали всякие неприятные детали: длинные формулировки элементов просто обрезались, чек-листы невозможно было никак отсортировать.

Статистика тоже не радовала приложение использовали от силы 20 человек, и приложение не попадало практически ни в какие поисковые выдачи в App Store (это в России, в Австралии вообще его найти было невозможно).

У меня складывалось впечатление, что оно вообще никому не нужно.

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

  • Темный режим;
  • Вывод длинных формулировок в несколько строк;
  • Сортировку чек-листов и элементов внутри чек-листов;
  • Синхронизацию с iCloud.

Апдейты

С января по февраль я придерживался плана и выпустил обновления со следующей функциональностью:

  1. Темный режим;
  2. Поддержка длинного текста в названиях чек-листов и элементах;
  3. Поддержка iPad;
  4. Функциональность настройки порядка чек-листов.

Статистика по приложению в настоящее время

  • На текущий момент у приложения +- 100 уникальных пользователей в сутки;
  • В последнем релизе появилась настройка порядка чек-листов;
  • Планирую добавить обучающий экран и бэкап данных в iCloud.

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

Из проблем — пока что нет идей, каким образом можно монетизировать. Также у приложения есть проблемы с пользовательским опытом, для начала попробую добавить обучающие экраны, а потом планирую переделать некоторые вещи. И пока непонятно, каким образом можно продвигать приложение. Попробуйте по ссылке ниже, буду рад любой обратной связи как здесь в комментариях, так и в отзывах в App Store.

Скачать приложение YourList — Чек-лист&список дел

Если вам есть, чем поделиться с другими читателями нашего сайта, пишите на renat@i10.ru и не забудьте указать свое имя или ник. Мы внимательно читаем входящие письма и публикуем ваши самые интересные истории.

Обзоры техники и приложений для iPhoneПриложенияРазработка приложений для iOS

Лучший комментарий

 
Авторизуйтесь Чтобы оставить комментарий