FocusFlow — Case Study UX/UI
Ten case study dokumentuje drogę projektową UX/UI dla FocusFlow, od wstępnych badań użytkowników po dopracowane makiety. Pokazuje decyzje projektowe, które uczyniły aplikację intuicyjnym i skutecznym narzędziem produktywności.
.png)
Historia tego projektu
Narzędzia produktywności przytłaczają użytkowników liczbą opcji. Wywiady z 12 pracownikami umysłowymi pokazały, że zmęczenie planowaniem, narzut decyzyjny i przełączanie kontekstu to największe blokery spójnej głębokiej pracy.
Zaprojektowałam interfejs, który domyślnie ukrywa złożoność — AI planuje, użytkownik tylko dodaje zadania. Iteracyjne szkice i trzy rundy testów użyteczności doprecyzowały kluczowe ścieżki, eliminując zbędne kliknięcia.
Finalny prototyp wysokiej wierności uzyskał 4.7/5 w testach użyteczności. Podstawowa pętla 'dodaj zadanie → AI planuje → sesja skupienia' trwała poniżej 8 sekund dla 90% uczestników.
Jak to zostało zaprojektowane
Badania użytkowników
Przeprowadziłam 12 wywiadów z pracownikami umysłowymi i analizę konkurencji 8 narzędzi produktywności. Synteza w postaci 3 person i sformułowania problemu.
- 12 wywiadów częściowo ustrukturyzowanych
- Analiza konkurencji: Todoist, Motion, Reclaim, Sunsama i inne
- Diagram pokrewieństwa w Miro
- Tworzenie person i mapowanie podróży użytkownika
Szkice i prototypowanie
Trzy iteracje szkiców o niskiej i średniej wierności w Figmie. Każda iteracja testowana z 4-5 użytkownikami przed kolejnym krokiem.
- Szkice low-fi kluczowych ścieżek
- Szkice mid-fi do testów
- Interaktywny prototyp high-fi
- System projektowy z reużywalnymi komponentami
Testy użyteczności
Trzy rundy moderowanych testów zdalnych odsłoniły niejasne stany puste, brakujące wskazówki onboardingowe i ukryte filtry. Każda runda informowała kolejną iterację.
- 15 sesji testowych w 3 rundach
- Skuteczność realizacji zadań wzrosła z 62% → 90%
- Wynik SUS wzrósł z 71 → 88
- Finalny prototyp zwalidowany ze stakeholderami