Progresywna Aplikacja Mobilna
Kompleksowe narzędzie wspierające produktywność i realizację celów
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:
- Analiza potrzeb użytkownika i definicja architektury informacji.
- Szkice oraz cyfrowe makiety lo-fi do weryfikacji układu nawigacji.
- Projektowanie systemu komponentów oraz makiet hi-fi w Figmie.
- Badania użyteczności i wdrożenie poprawek przed etapie kodowania.
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.
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.