Habit Bubbl

Progresywna Aplikacja Mobilna

Kompleksowe narzędzie wspierające produktywność i realizację celów

Habit Bubbl Mockup

1. O Projekcie

Habit Bubbl to progresywna aplikacja mobilna (PWA) stworzona jako projekt dyplomowy na kierunku Informatyka (Uniwersytet Vizja) pod kierunkiem dra inż. Marcina Kacprowicza.

Cel projektu: Zaprojektowanie i wdrożenie progresywnej aplikacji mobilnej wspierającej użytkowników w skutecznej realizacji codziennych zadań, budowaniu trwałych nawyków oraz osiąganiu długoterminowych celów.

Grupa docelowa: Osoby dorosłe aktywne zawodowo (ze szczególnym uwzględnieniem grupy wiekowej 18–30 lat), które mierzą się z brakiem motywacji, trudnościami w organizacji czasu, prokrastynacją oraz wysokim obciążeniem poznawczym wynikającym z łączenia pracy i obowiązków domowych.

2. Badania

Na rynku istnieje wiele rozwiązań wspierających produktywność (np. Microsoft To Do, InnerGrow Habit, Apple Reminders). Mimo ich popularności, z przeprowadzonych badań i analizy konkurencji (desk research) wynikają istotne luki funkcjonalne:

  • Brak mechanizmów motywacyjnych: Większość aplikacji nie oferuje wbudowanych narzędzi pomagających użytkownikowi wrócić na właściwe tory w przypadku braku realizacji zadania.
  • Brak powiązań strukturalnych: Brak połączenia pomiędzy codziennym zadaniem, utrwalonym nawykiem a długoterminowym celem osobistym.

Habit Bubbl rozwiązuje ten problem poprzez zintegrowany system, w którym pojedyncze działania budują nawyki, a te z kolei bezpośrednio przekładają się na postęp w realizacji celów głównych.

3. Ideacja

Aplikacja została zaplanowana w architekturze Progressive Web App (PWA) z wykorzystaniem podejścia mobile-first oraz offline-first.

Stos technologiczny i narzędzia:

  • Projektowanie UX/UI: Figma (makiety lo-fi/hi-fi, design system), FigJam (user flows, diagramy).
  • Frontend: HTML5, CSS3, JavaScript (ES6+).
  • PWA & Architektura: Service Worker (obsługa trybu offline i buforowanie pamięci cache), Web App Manifest (instalowalność na urządzeniu mobilnym).
  • Narzędzia i testy: Visual Studio Code, Chrome DevTools, Google Lighthouse.

4. Iteracje

Proces realizacji projektu miał charakter iteracyjny i obejmował etapowe projektowanie przepływów oraz interfejsu użytkownika:

  1. Analiza potrzeb użytkownika i definicja architektury informacji.
  2. Szkice oraz cyfrowe makiety lo-fi do weryfikacji układu nawigacji.
  3. Projektowanie systemu komponentów oraz makiet hi-fi w Figmie.
  4. Badania użyteczności i wdrożenie poprawek przed etapie kodowania.
User Flow diagram
Schemat architektury informacji oraz przepływu użytkownika (User Flow)

5. Efekt Końcowy

Aplikacja składa się z czterech głównych modułów wspierających produktywność:

  • Lista Zadań: Zarządzanie bieżącymi obowiązkami w danym dniu.
  • Kalendarz: Planowanie przyszłych działań oraz weryfikacja historii zadań.
  • Ekran Nawyków i Statystyk: Śledzenie regularności i analiza stopnia utrwalenia nawyków.
  • Ekran Bohatera (Gamifikacja): Zarządzanie długoterminowymi celami, podgląd statystyk rozwoju oraz poziomu zaawansowania użytkownika.
Ekrany Habit Bubbl
Przegląd kluczowych ekranów aplikacji mobilnej Habit Bubbl

6. Po Projekcie

Wykorzystanie architektury PWA w połączeniu z zasadami UX oraz mechanizmami grywalizacji pozwoliło stworzyć lekkie, wydajne i niezależne od połączenia internetowego narzędzie. Połączenie zadań, nawyków i celów w jednym systemie skutecznie redukuje obciążenie poznawcze i pomaga utrzymać długofalową motywację użytkowników.