Люди сприймають списки задач як тягар. Я хотів це змінити.

Проєкт

Люди сприймають списки задач як тягар. Я хотів це змінити.

Проблема

Ось у чому річ: ринок продуктивних застосунків величезний. Todoist, Notion, TickTick, Any.do — у всіх мільйони користувачів. І все одно більшість людей тихо кидає їх за кілька тижнів.

Проблема не в браку функцій. Проблема в тому, як ці застосунки змушують почуватися. Задачі накопичуються. Ти відкриваєш застосунок — і замість мотивації отримуєш стіну незавершеного, що дивиться на тебе у відповідь. Оте відчуття, що ти вічно відстаєш, — це не баг, це фактично закладено в те, як ці інструменти спроєктовані. Вони створені керувати задачами, але ніхто не подумав про те, щоб керувати станом користувача.

До того ж я помітив два повторювані UX-патерни, які лише погіршували ситуацію в кожного конкурента, якого я вивчав:

• Втрата контексту при перемиканні режимів — щоб перейти зі списку задач у календар, треба кілька тапів, і поки ти туди дістанешся, вже забув, над чим узагалі працював;
• Виконані задачі просто зникають — замість відчуття прогресу отримуєш порожній екран. Не надто мотивує.

Цільова аудиторія робила все ще конкретнішим: жінки 25–45 у Канаді, на «ти» з технологіями, орієнтовані на особистісний ріст. Їм не потрібен корпоративний таск-менеджер. Їм потрібне щось, що відчувається частиною їхнього способу життя.

Що людям потрібно насправді (Jobs To Be Done)

Перш ніж чіпати будь-який UI, я розписав реальні джоби, заради яких люди «наймають» планувальник.

Дослідження й бенчмарки

Я свідомо дивився за межі категорії to-do застосунків, щоб знайти кращі UX-патерни: конкуренти корисні для референсу функцій, але найкращі ідеї для взаємодій прийшли з іншого.

• Фітнес-застосунок підказав ідею кастомізації головного екрана — користувач сам вирішує, що на ньому живе, створює власні папки, обирає вигляд кожної секції. Повне володіння простором.
• Застосунок для фокусу/часу показав, як візуально працює концепт «рости разом із застосунком» — барвисті палітри, плавні ілюстрації, денний таймлайн, який користувач будує сам. Цікавою була й механіка соціального шерингу.
• All-in-one застосунок (задачі + пошта + календар в одному екрані, без таб-бару) підштовхнув мене мінімізувати перемикання режимів. Один екран — усе під рукою.
• Застосунок для медитацій ідеально балансував між візуальним багатством і зручністю, а його екран персональної статистики став чудовим референсом, як дати користувачу відчути цінність продукту.

Ключовий UX-інсайт

Більшість застосунків змішують рутину й задачі в один список — і саме звідси береться когнітивне навантаження.

Я розділив їх на два паралельні потоки:

• Рутина — твій повторюваний особистий ритм. Ранковий розклад, який ти будуєш для себе. Жодних зобовʼязань, лише підтримка: можна поставити нагадування або взагалі проігнорувати. Усередині колонки «Рутина» є повзунок часу, що показує, де ти зараз у своєму дні.
• Задачі — конкретні справи з модифікаторами: час, нагадування, категорія, повтор, підзадачі.

Обидва потоки живуть на головному екрані поруч і скролються незалежно. Це головний структурний диференціатор Thinkii — і все інше в дизайні випливає з нього.

Брендинг

Перш ніж зупинитися на фінальному концепті, я опрацював три метафори:

• Пісочний годинник — Thinkii зберігає час і нерви. Кожен маленький крок важливий. На 1% краще щодня.
• Список і пауза — чистий аркуш, який користувач заповнює по-своєму. Ростемо разом.
• Грайливе ii — живи яскраво, будуй рутини, що дають енергію.

Переможна ідея прийшла із самої назви. Дві літери «ii» у Thinkii природно стають очима. Слоган: Keep an eye on things.

Це працює одразу на трьох рівнях — назва, логотип і сенс невіддільні. Таку злагодженість бренду важко підробити.

Спершу — дизайн-система

Перш ніж чіпати фінальні екрани, я зібрав фідбек клієнта й побудував повний UI-кіт. Це був свідомий вибір: кожен великий напрям було узгоджено ще до того, як щось пішло в продакшн. Жодної марної роботи.

Ось що покриває система:

• Система карток — візуальне серце застосунку. Задачі рендеряться як адаптивні картки з підтримкою 7 модифікаторів (категорія, нотатка, час, нагадування, важливість, повтор, підзадача). Типографіка масштабується від 26px з мінімумом інфо до 16px для довшого тексту. Картки важливості інвертуються в темне — візуальний сигнал пріоритету без зайвих іконок.
• Кнопки — 4 варіанти × 3 розміри × повна матриця станів: світло-зелена, біла, темна, аутлайн.
• Кольори — токен-система з кроками прозорості від /700 до /100 для обох базових кольорів.
• Компоненти — радіокнопки, поля вводу, поле пошуку — усі стани: порожній, активний, заповнений, вимкнений.

Вайрфрейми й тестування взаємодій

Перед повноцінним UI я пройшов фазу вайрфреймів, щоб стрес-тестнути ключові взаємодії — двоколонкову розкладку, жести від краю екрана, поведінку завершення задачі, звʼязок між Рутиною й Задачами.

Це був MVP. Формальних тестів із користувачами я не проводив. Я збирав флоу, сам із ним взаємодіяв і питав: чи це відчувається природно? Чи має сенс жест однією рукою? Чи тримається ієрархія інформації, коли картки заповнені?

• Свайп від краю для створення нової задачі потребував видимого натяку — без підказки користувачі його б не знайшли;
• Двоколонковий скрол спершу дезорієнтував, поки я чітко не закріпив навігацію за часом (All / Today / Tomorrow) зверху;
• Завершення задачі потребувало більшого відгуку, ніж просто стиснення, — взаємодія мала відчуватися свідомою, а не випадковою.

Коли зʼявився робочий прототип, я віддав його клієнту в руки. Не щоб валідувати візуал — це було пізніше, — а саме щоб протестувати модель взаємодії. Чи жести інтуїтивні? Чи має сенс поділ на Рутину й Задачі на практиці? Чи створення задачі відчувається достатньо швидким?

Фідбек клієнта підтвердив більшість моїх гіпотез і виявив одне ключове коригування: жест завершення задачі має бути єдиною, рішучою дією — жодної двозначності, спрацювало чи ні. Це й сформувало фінальний патерн взаємодії.

Люди сприймають списки задач як тягар. То як я це змінив?

Я ухвалив пʼять конкретних дизайн-рішень — кожне прямо цілить у тривогу, яку створюють типові to-do застосунки.

Головний екран показує дві паралельні колонки — сьогодні ліворуч, завтра праворуч. Ти бачиш обидва дні одразу, без перемикання екранів. Горизонтальний скрол зшиває задачі й календар в одне безперервне полотно, тож розклад і список справ ніколи не відчуваються як окремі місця. А якщо сьогодні перевантажене — можна перетягнути задачу прямо з лівої колонки в праву. Без меню, без флоу перенесення, просто переклади.

Я перетворив виконані задачі на імпульс. Коли ти позначаєш щось зробленим, картка вилітає вгору за екран і заповнює одну з крапок у сітці прогресу — як у віджеті на головному екрані. Кожна виконана задача засвічує ще одне коло. Що більше робиш, то більше сітки заливається кислотно-зеленим. Дрібниця, а працює: замість того щоб дивитися на список, що зменшується, ти спостерігаєш, як щось росте. Природним стає інстинкт «ще одну». А коли все зроблено — є справжній момент святкування, а не порожній екран.

Я використав краї екрана як тригери. Свайп згори — додати задачу. Свайп зліва — відкрити профіль. Жодного полювання за кнопками, жодних зайвих тапів. Однією рукою, на будь-якому розмірі телефона, у будь-якому контексті — навіть коли не можеш друкувати, можна диктувати.

Кислотний лайм і глибока олива. Кольори категорій, які ти обираєш сам. Картки, що успадковують колір твоєї категорії. Застосунок не виглядає як корпоративний інструмент — він виглядає твоїм.

Підсумок — планувальник, який працює з твоєю енергією, а не проти неї.

Ключові екрани й рішення

Головний екран

Сплеш-екран вітає користувача на імʼя на кислотно-зеленому — застосунок знає тебе ще до того, як ти щось зробив.

Перший запуск — це онбординг-флоу: я знайомлю з ключовими функціями, показую, як застосунок працює, і веду користувача до першої дії. Жодного порожнього екрана, жодної розгубленості.

Двоколонкова розкладка видно одразу. Навігація за часом (All / Today / Tomorrow) — це горизонтальний свайп, а не окремі екрани. Лічильник задач у хедері показує прогрес з першого погляду.

«What you want to do?» — голосовий і текстовий ввід доступний з кожного екрана. Голос особливо корисний, коли друкувати незручно.

Створення задачі

Користувач починає лише з назви. Усе інше — категорія, час, нагадування, важливість, повтор, підзадачі — опційне й доступне тегами внизу форми. Жодного перевантаження, жодної навʼязаної структури.

Категорії можна створювати прямо у флоу: обери колір, введи назву, збережи. Картка автоматично успадковує колір категорії. Голосовий ввід перемикається в текстовий одним тапом.

Календар

Прихований за замовчуванням — користувачі, які не мислять датами, його ніколи не бачать. Вхід — через віджет дати в хедері. Доступний у світлій і темній (оливковій) темах. Крапки на сітці календаря показують щільність задач, не відкриваючи кожен день.

Пошук, профіль і архів

Робота з клієнтом

Кожен великий напрям було узгоджено ще до реалізації — саме так я віддав повноцінний продукт за 5 тижнів без болісних переробок.

Ось як виглядав цикл фідбеку на практиці. Побачивши ранні концепти, клієнт повернувся з таким:

«Дія для завершення задачі має бути в один клік. Наприклад, емодзі вогню, коли задача виконана. Подобаються оці кольори — контраст із чорним. Верхній блок: події Google Calendar на сьогодні. Нижній блок: майбутні задачі на тиждень. Акцентні пастельні кольори. Логотип: грайлива рідка «i» з очима.»

Такий конкретний, візуальний фідбек — золото. Він сформував темний акцент для нагадувань, систему кольорів категорій, логотип і загальну структуру головного екрана. Я не сперечався — я пішов із цим.

Результат

Thinkii живе на thinkii.app і працює на двох тарифах:

• Free — планування Today + Tomorrow, Running List, 5 життєвих категорій, необмежені задачі, трекінг прогресу;
• Plus ($4.99/міс) — AI voice-to-task, масовий text-to-task, повторювані задачі, нагадування.

Моя роль

Арт-директор і UX/UI-лід. Я відповідав за:

• UX-стратегію: інформаційну архітектуру й ключові патерни взаємодії;
• концепт бренду й систему ідентики;
• побудову дизайн-системи з нуля;
• комунікацію з клієнтом та ітеративне узгодження;
• арт-дирекшн фінальних екранів.

Подяка команді

Ліза Фуріна, Дарʼя Тухтаніязова, Анель Булатова — дякую за чудовий проєкт.