Szukasz wybitnych specjalistów od UX/UI i aplikacji mobilnych, którzy dowiozą projekt?

Bonacea: projektowanie UI/UX dla medycznego startupu IoT

Jak stworzyliśmy kompletne ścieżki użytkownika i działający prototyp aplikacji do diagnostyki medycznej, dostępnej na urządzeniach od smartwatchy po telewizory Smart TV Full HD.

W skrócie:

Klient

Bonacea

Kraj

USA
Zakres projektu i technologie

Mobile development, projektowanie UX/UI

Branża

Medtech
Czas trwania

1 miesiąc

Bonacea to młody startup medyczny, który chce pomagać ludziom w trakcie długotrwałego leczenia. Zestaw urządzeń i czujników mierzy dobrane indywidualnie parametry organizmu pacjenta. Wszystkie dane analizuje sieć neuronowa AI, a w razie wykrycia nieprawidłowości powiadomienie trafia bezpośrednio do lekarza. Aplikacja mobilna i webowa przypominają użytkownikom o przyjmowaniu leków i pilnują dawkowania. Pokazują też w jednym miejscu postępy i historię leczenia.

Wyzwanie:

Bonacea to duży, złożony projekt obejmujący zarówno software, jak i hardware. Najważniejsze było, żeby system dało się łatwo skonfigurować i intuicyjnie obsługiwać. Klient poprosił nas o koncepcje UX i UI dla interfejsu webowego i mobilnego. Tym razem „mobile” oznaczało także... smartwatche.

W praktyce musieliśmy:

zaprojektować czytelne ścieżki użytkownika w aplikacji, spójne na wszystkich urządzeniach
stworzyć intuicyjny UI na różne typy ekranów, od monitorów 4K po smartwatche
jasno i prosto informować o dawkowaniu leków

Proces:

Zaczęliśmy od ustalenia, kim są interesariusze i użytkownicy końcowi aplikacji. Następnie zebraliśmy i przeanalizowaliśmy wymagania UI/UX od każdego z nich. Nasz zespół UX przygotował ścieżki użytkownika dla różnych urządzeń i ról w aplikacji. Na tym etapie ustaliliśmy ogólny zakres funkcji. Później przeszliśmy do prototypów low-fidelity, a równolegle zbieraliśmy bardziej szczegółowe wymagania. Gdy wszystko było gotowe, omówione i zaakceptowane, uzgodniliśmy ostateczny kształt systemu i zabraliśmy się do projektów graficznych.

Co osiągnęliśmy?

zaprojektowaliśmy ścieżki użytkownika na ekrany komputerów, smartfony i smartwatche
narysowaliśmy makiety low-fidelity, żeby wszyscy mieli ten sam obraz projektu
zbudowaliśmy klikalny prototyp odwzorowujący docelowy UX aplikacji
stworzyliśmy makiety high-fidelity
zaprojektowaliśmy ostateczny layout na bazie design systemu, który przygotował nasz zespół UI

Rezultat:

Bonacea otrzymała kompletny projekt systemu na wszystkie urządzenia. Dzięki zebranym wymaganiom i makietom low-fidelity udało się uniknąć kosztownych zmian w trakcie developmentu i zaoszczędzić sporo pieniędzy. Dodatkowo, budując klikalne prototypy, zadbaliśmy o to, by wszyscy zaangażowani tak samo rozumieli produkt końcowy. Na kolejnych etapach, przy budowie architektury technicznej, było więc mniej dyskusji, a praca szła sprawniej.

Oto podsumowanie:

wcześnie wykryliśmy różnice w wizjach interesariuszy
zrobiliśmy prototyp, zanim powstała pierwsza linia kodu
stworzyliśmy design system, dzięki któremu projektanci mogli szybko składać nowe strony z gotowych bloków