DOU Проектор: Y-Productive — приложение, которое поможет не отвлекаться и работать продуктивнее
В рубрике DOU Проектор все желающие могут презентовать свой продукт (как стартап, так и ламповый pet-проект). Если вам есть о чем рассказать — приглашаем поучаствовать. Если нет — возможно, серия вдохновит на создание собственного made in Ukraine продукта. Вопросы и заявки на участие присылайте на Данный адрес e-mail защищен от спам-ботов, Вам необходимо включить Javascript для его просмотра. .
Меня зовут Александр Жебряков. Я несколько лет строю собственный бизнес, стремлюсь к возможности работать когда угодно и откуда угодно.
Y-Productive — думаю, моя лучшая идея, поскольку решает близкую мне проблему. У меня жена и двухлетний сын, так что проблема личной продуктивности в рабочее время для меня вопрос ежедневный. Каждый день мне хочется закрыть все рабочие задачи в рабочее время, встать из-за компьютера с чувством достигнутого результата и уделить все внимание семье и досугу. Но как сделать так, чтобы работа всегда шла согласно плану?
Идея
В течение дня появляется множество поводов переключиться на что-то менее важное, но более срочное. Возникают новые задачи, накапливаются просьбы от коллег или необходимость помочь кому-нибудь из них в работе.
А как насчет отвлечений? Компании вроде Facebook, YouTube, мессенджеры и развлекательные сайты тратят огромные бюджеты на разработку функционала и контента, который гарантированно отвлечет вас от работы. Вы ведь тоже часто ловите себя на том, что листаете новостную ленту или читаете какую-нибудь «полезную» статью, смотрите «еще одно видео» вместо того, чтобы работать над текущей задачей?
Все эти проблемы привели к тому, что я перегорел. Старался работать как можно больше, но это лишь стало причиной продуктивного срыва. Тогда я понял, что нужно стараться работать не больше, а лучше: сосредоточенно, планомерно и результативно. Но сказать проще, чем сделать, правда?
Работаю удаленно в Исландии
Идея Y-Productive родилась, когда мне в руки попала книга «Your Brain at Work» Дэвида Рока. Она написана понятным языком и с примерами, поэтому помогла мне понять главные проблемы, которые бывают у каждого:
- Частая смена контекста. Это то, что у нас называют «мультизадачностью», и это вовсе не качество. Каждая смена фокуса — это затрата времени и энергии на то, чтобы вникнуть в суть дела, а потом вернуться к прежней задаче. Попробуйте постоянно переключать каналы в телевизоре и быстро устанете. Точно так же мозг воспринимает и рабочие задачи.
- Отвлечения. Это как и с телевизором, но ты переключаешься с работы на занятия, которые к работе вообще никак не относятся. Время уходит, энергия тоже, а результата нет.
- Неправильные приоритеты и планирование задач. Сюда же идет и прокрастинация. Откладывание тяжелых и неприятных задач «на потом», работа когда устал, трата времени и сил на мелкие и маловажные занятия.
Каждая из проблем грозит катастрофой рабочего дня. А теперь представьте, что они накладываются одна на другую... Чтобы помочь себе, я решил найти приложение, которое дало бы мне знать, как часто я отвлекался в работе, на что именно, и как это повлияло на мой результат. Приложений для трекинга активностей хватает, но ни одно из найденных решений не делало это так, чтобы сразу можно было понять, в чем проблема.
С RescueTime получаешь гору информации об активностях за компьютером за весь день, а то и за неделю, без всякого контекста. Сиди вспоминай, почему в четверг пятого числа ты сидел полчаса на Фейсбуке, и было это связано с твоей работой или нет. Информация об активностях в нерабочее время явно лишняя, ведь это никак не затрагивает продуктивность.
У Qbserve интерфейс слишком нагруженный, со множеством вкладок и кнопок, которые непонятно за что отвечают. После рабочего дня меньше всего хочется разбираться со сложным приложением, так что мне он тоже не подошел.
Все другие приложения, которые я пробовал в работе, имеют схожие недостатки. Тяжелый для понимания интерфейс, масса лишней информации, нет отчета о состоянии продуктивности прямо сейчас и способах сделать ее лучше.
Так и родилась идея Y-Productive — простого приложения, которое помогает понять и улучшить свою продуктивность в контексте рабочих задач.
Реализация
Разработка приложения началась с логичного вопроса: как измерить продуктивность? Отобразить ее так, чтобы можно было развернуть окно приложения, беглым взглядом оценить обстановку и снова вернуться к работе.
После множества UX-тестов мы придумали график, который состоит из столбиков. Один полный столбик — пять минут рабочего времени. Высота рассчитывается по специальной формуле: количество времени на продуктивных активностях разделить на общее время за компьютером.
Каждая задача имеет свой цвет на графике. Если столбики градиентные — значит задания в этот момент не отслеживались и работа записана вне контекста. По клику на график приложение отображает список продуктивных и непродуктивных сайтов и программ и количество проведенного за ними времени.
Вот, например, я писал статью о продуктивности с пяти и до семи вечера. Около шести продуктивность упала — столбики низкие. Наверное, я отвлекся от работы над статьей. Можно нажать на график и выяснить в чем дело:
График написан при помощи D3.js. Во время разработки мы задавались вопросом — как интегрировать D3 и React, если каждая библиотека хочет управлять DOM? Поделюсь статьей, которая нам помогла. Наш выбор пал на React Faux DOM. Подробнее об этом в статье с детальным разбором подхода. Это решение позволило нам достаточно быстро и без особых трудностей создать рабочий вариант графика, который прекрасно работает и сейчас.
Так как Y-Productive — кросс-платформенное десктопное приложение, в его основу лег Electron. Для front-end части используем связку React + Redux, локально храним данные в NeDB. Также у нас есть небольшой Node.js сервер для авторизации, обработки платежей и прочих мелких задач. Еще мы выпустили браузерные расширения для Chrome, Firefox и Safari.
Изначально приложение было создано для macOS. За трекинг тогда отвечал трекер ОС, написанный нативно Objective C. Когда мы приняли решение портировать приложение на Windows, возникла необходимость написать нативный трекер под эту ОС. Нужно было обращаться к Win32 API и передавать эту информацию в основное приложение через IPC, но знатоков С++ у нас в команде не было. Мы обошлись решением на .NET, так как он предоставляет обертки над системным API.
В основе Y-Productive лежит функционал, который помогает сосредоточиться на работе и развивать продуктивные привычки. Старт таймера — это сигнал настроиться на работу. Когда заводишь задачу и запускаешь трекинг, и правда проще сказать себе: «Все, я работаю». Мы специально привязали к старту таймера автоматическую блокировку непродуктивных сайтов, которую мы называем Focus Mode.
Focus Mode реализован через расширения для Chrome, Firefox и Safari. При включении они блокируют отвлекающие сайты. Через них мы также передаем информацию о работе с вкладками. Нативные трекеры работали с ошибками, теряли или путали данные. На тот момент у нас было расширение для Google Chrome. Идея трекать через него еще и сайты оказалась прекрасным решением. В результате мы написали расширения для Firefox и даже для Safari.
Поддержка Safari — это серьезный аргумент при скачивании Y-Productive, так как половина пользователей macOS пользуется только этим браузером. Расширение пришлось писать с нуля, так как у Safari нестандартный API и подход к архитектуре расширений. Релиз в Safari Extensions Gallery проходит ревью, который может занять от одной недели до месяца. Если ваше расширение отклонили, вы получаете уведомление с причиной отказа... или без нее. Для стартапов время — ресурс ценный, и долгие ревью стоили нам целого месяца — мы зарелизились с четвертой попытки. Зато у нас есть очень полезная функция для всех популярных браузеров.
Focus Mode служит барьером для неосознанных действий, помогает понять: «А точно ли я хочу зайти на Фейсбук именно сейчас или отвлекаюсь?» Так мы помогаем сохранить вовлеченность в работу над задачей дольше:
Если хотите понять, куда ушло ваше время и сколько раз за день вы отвлекались, у нас есть отдельная функция и для этого:
Понимание того, куда ушло время, полезно для правильной оценки своих сил и дисциплины. А это, в свою очередь, помогает не только планировать задачи сообразно своим силам, но и придерживаться плана, работать на результат.
Как для бизнеса, так и с технической точки зрения интересно упомянуть наш Demo Mode. Это демонстрационная версия приложения, которую можно поклацать прямо на сайте, правда, только с десктопа. Это мы реализовали благодаря все тому же Electron.
Одна из основных его особенностей — наличие двух связанных между собой процессов Main и Renderer (кому интересно, вот ссылка на документацию). Благодаря тому, что в нашей архитектуре Renderer процесс — это чистый UI (он отрисовывает полученные от Main процесса данные), мы смогли относительно быстро и безболезненно сделать из него веб-приложение. По факту, мы дописали заглушки в тех местах, где Renderer обращался к Main. Очень повезло, что NeDB поддерживает работу в браузере, не пришлось переписывать работы с данными. В итоге демо выложили на Amazon S3 и раздаем через CloudFront.
Приложение мы разместили на собственном сайте. Чтобы выйти на ранних пользователей, использовали рекламу в Facebook и AdWords. Ведем партизанский маркетинг в нишевых блогах, на Quora и Reddit. Последние два ресурса дают хороший результат, именно оттуда приходит большинство пользователей. Подробнее об этом мы рассказали в статье.
На сайте и в приложении есть встроенный Intercom. Он упростил обратную связь с нами. Именно через чат мы получаем массу отзывов от пользователей Y-Productive. Обычно хвалят простоту в пользовании и то, что приложение помогает работать эффективнее, дают отзывы по функционалу и просят новые фичи:
Результаты и планы
Над приложением сейчас трудятся шесть человек: три разработчика и трое из «бизнес-команды», включая меня. Мы все работаем удаленно, это позволяет сэкономить на офисе, лучше отдыхать и не тратить время на перемещения по городу. За год работы приложение выросло из MVP варианта в полноценного помощника для продуктивной работы за компьютером.
У Y-Productive есть все что нужно, чтобы сконцентрироваться над задачей или обнаружить непродуктивные привычки: задачи, проекты и отчеты, отзыв об эффективности, счетчик отвлечений, блокировщик непродуктивных сайтов и очень простой интерфейс. Благодаря этому еще до выхода из беты у нас более 300 пользователей.
Опытным путем мы нашли оптимальные каналы. Y-Productive хорошо подходит людям, которые знают цену своему времени и стремятся работать на результат. Приложением интересуются в таких комьюнити, как IndieHackers, сабреддитах по бизнесу и продуктивности на Reddit, тематических вопросах на Quora.
Видели маскота на главной странице сайта? В планах выпускать с ним комиксы о специфике продуктивной работы за компьютером. Это будет как минимум весело, мы любим пошутить, и над собой в том числе.
В конце мая выходим на ProductHunt. Рассчитываем на поддержку наших пользователей и украинского комьюнити. Приложение можно скачать на сайте. Мы прислушиваемся к отзывам, нам всегда можно написать в чате. К тому же специально для читателей DOU мы сделали скидку. Получить ее можно, введя промокод HELLODOU на странице прайсинга.
Мы продолжаем работать над приложением, будут появляться новые фичи для улучшения продуктивности.
Спасибо за ваше внимание! Если есть вопросы, задавайте их в комментариях или пишите на почту:
Данный адрес e-mail защищен от спам-ботов, Вам необходимо включить Javascript для его просмотра.
— Саша, СEO Y-Productive
Данный адрес e-mail защищен от спам-ботов, Вам необходимо включить Javascript для его просмотра.
— Кирилл, маркетолог и комьюнити-менеджер:
