Canpol: sterowanie dwoma laktatorami w jednym widoku

Recenzje pokazały problemy z połączeniem i historią sesji

Canpol przyszedł z potrzebą aplikacji do sterowania laktatorem i przeglądania statystyk. Podczas warsztatów poznaliśmy powody tej decyzji oraz konkurencyjne rozwiązania, do których odnosił się klient. Przeanalizowałem aplikacje i recenzje z App Store oraz Google Play. Porządkowałem to, co użytkowniczki ceniły, co je frustrowało i czego im brakowało. Desk research uzupełniłem publikacjami o doświadczeniach odciągania i technologii dla matek.

Wnioski przekładałem na user stories z kryteriami akceptacji. Pomagały nam uzgodnić z klientem zachowanie aplikacji podczas parowania, sesji i zapisu danych oraz zamykać kolejne części zakresu.

Status obu laktatorów pozostaje widoczny podczas sterowania

Po podłączeniu pierwszego laktatora użytkowniczka może rozpocząć sesję albo dołączyć drugi. W obu sytuacjach korzysta z tego samego flow.

Rozważałem układ, w którym przełączanie urządzenia zmieniało cały ekran. Odrzuciłem go, bo znikał wtedy podgląd drugiego połączenia. W wybranym rozwiązaniu statusy obu laktatorów są stale widoczne. Zakładka wskazuje urządzenie, którego tryb i moc można zmieniać w panelu poniżej.

Interfejs uwzględnia to, czego urządzenie nie potrafi przekazać

Jedna z użytkowniczek uznała dwa starsze modele bez Bluetooth za uszkodzone, ponieważ nie mogła ich połączyć. Aplikacja nie mogła rozpoznać modelu, z którym nie nawiązała połączenia. Wzmocniliśmy więc informację o kompatybilności w onboardingu i dodaliśmy oznaczenie pomagające sprawdzić urządzenie.

Fizyczne laktatory dostaliśmy w trakcie prac. Testowanie ze sprzętem pozwoliło dopasować UI do dostępnych danych, na przykład czterostopniowego wskaźnika baterii zamiast wartości procentowej.

Podsumowanie uwzględnia ręczne wpisywanie danych

Laktator nie mierzy objętości mleka. W podsumowaniu użytkowniczka wpisuje więc ilość odczytaną z podziałki i wskazuje pierś, której dotyczy zapis. Zaprojektowałem historię sesji oraz zestawienia dzienne, tygodniowe i miesięczne. Porównania pokazują zmiany w zapisanych danych, a możliwość ich uzupełnienia i edycji jest częścią tego flow.

Feedback wymagał sprawdzenia wersji aplikacji

Canpol zorganizował testy z użytkowniczkami. Analizowałem przekazane uwagi z uwzględnieniem wersji, której dotyczyły. Raport porównujący wersje 1.0.0 i 1.0.1 pokazał między innymi, że gest regulacji mocy przestał przełączać widok na drugi laktator.

Później złagodziliśmy ton ostrzeżenia o wysokiej mocy i wprowadziliśmy stopniowe zwiększanie mocy do wybranego poziomu. Nie mam wyników ponownego sprawdzenia tej zmiany z użytkowniczkami.

Design System rozwinąłem pod dwie osobne aplikacje

Kolejnym etapem był projekt Difrax. Pierwsza baza Canpolu nie była przygotowana na łatwą zmianę całego brandingu, dlatego przebudowałem powiązania ekranów i komponentów ze zmiennymi w Figmie.

Wspólny Design System obejmuje kolory, typografię, odstępy i warianty komponentów. Tryby marek pozwalają przełączać wygląd projektu między Canpolem a Difraxem. Gdy rozwijamy wspólny komponent, możemy wykorzystać go w obu wersjach projektu.

Co zrobiłbym wcześniej

Wcześniej uzgodniłbym kierunek kolorystyczny ze wszystkimi osobami decydującymi o brandingu. Przy kolejnej marce od początku zaplanowałbym współdzielenie zmiennych i komponentów. Przed testami doprecyzowałbym też z klientem scenariusze, ankietę oraz wersję aplikacji. Ułatwiłoby to oddzielenie nowych obserwacji od problemów już poprawionych.