ecommercecro

Kjosk

UX/UI Design: aplikacja wypożyczalni powerbanków

Kjosk Polska Sp. z o.o.styczeń – listopad 2019Odwiedź stronę ↗

Badania terenowe i wywiady z użytkownikami

Zadaniem przede mną postawionym było opracowanie koncepcji usługi wypożyczania powerbanków. Punktami styku użytkownika z usługą są wyposażone w ekran dotykowy i terminal płatniczy stacje Kjosk, znajdujące się w mieście oraz aplikacja mobilna Android/iOS. Dodatkowym zadaniem było opracowanie systemu dla pracowników działu obsługi klienta. Proces rejestracji nowego użytkownika i wypożyczenia należało opracować osobno dla stacji Kjosk, jak i aplikacji mobilnej. Największym wyzwaniem było zapewnienie maksymalnej dostępności usługi i uproszczenie procesu wypożyczenia, w sytuacji w której użytkownik ma rozładowany smartfon, nie posiada konta Kjosk i chce wypożyczyć powerbank. Należało również przewidzieć scenariusze, w których użytkownik posiada już konto Kjosk, ale ma rozładowany telefon i chce jak najszybciej wypożyczyć powerbank. Poza tym należało przewidzieć maksymalną ilość ewentualnych problemów, takich jak upłynięcie terminu ważności podpiętej karty, problemy z płatnością czy uszkodzenia sprzętu.

1. Odkrywanie — Badania użytkowników

Chciałem dowiedzieć się, co robią ludzie w sytuacji, w której będąc poza domem rozładowuje im się telefon: w jaki sposób sobie radzą z tym problemem, czy zmienia się ich sposób używania telefonu i czy odczuwają dyskomfort związany z brakiem kontaktu ze światem. Interesowało mnie również jak wygląda ich doświadczenie z usługami sharingowymi (hulajnogi, rowery miejskie, auta na minuty). Przeprowadziłem wywiady osobiste z reprezentantami pokoleń X, Y i Z. Z badania ilościowego dowiedziałem się, że należy skupić się przede wszystkim na pokoleniu Z i w mniejszej części na pokoleniu Y. Z wywiadów dowiedziałem się m.in.: • Użytkownicy boją się, że ich telefon się rozładuje i stracą kontakt ze znajomymi • Obawiają się, że nie będą mogli skorzystać z nawigacji w obcym miejscu • Noszą ze sobą własny powerbank lub proszą o naładowanie telefonu np. w barze • Nie lubią nosić ze sobą na stałe ciężkiego powerbanka lub zapominają go naładować • Często korzystają z innych usług sharingowych, ale czują stres związany z tym czy wypożyczony pojazd został prawidłowo oddany

Persona — Poznaj Michała

Wykorzystałem wyniki badań i wywiadów do stworzenia fikcyjnej postaci, Michała. Pomogło mi to lepiej zrozumieć, w jaki sposób mogę pomóc mu osiągnąć cel, jakim jest posiadanie naładowanego telefonu i wolność od gniazdek. Michał Kowalski, 17 lat — miłośnik gier, hulajnóg i mediów społecznościowych, który ceni sobie niezależność i chce być w stałym kontakcie ze znajomymi.

2. Definiowanie — Architektura informacji

Po zidentyfikowaniu solidnego zestawu głównych funkcji zmapowałem architekturę informacji zarówno dla stacjonarnego Kjosku, jak i aplikacji mobilnej. Pozwoliło mi to zobrazować hierarchię głównych i mniejszych elementów. Główne pytania produktowe (How Might We): • Jak Michał będzie mógł pierwszy raz wypożyczyć powerbank nie mając u nas konta? • Jak Michał będzie mógł sprawdzić gdzie znajduje się najbliższa stacja Kjosk? • Jak zagwarantować Michałowi wolny slot do oddania powerbanka? • Jak umożliwić Michałowi wysłanie zaproszenia do Kjosku?

Architektura informacji aplikacji mobilnej

User Flow

Opracowałem User Flow, który pozwala na płynne i spójne doświadczenia użytkownika przez cały proces — od rejestracji, przez podpięcie karty, wypożyczenie powerbanka, nawigację do kolejnego Kjosku, zwrot powerbanka, do zbierania feedbacku. User flow opracowałem zarówno dla akcji rozpoczynającej się w aplikacji mobilnej, jak i na stacji Kjosk — każdy z tych przepływów przygotowałem dla nowych i powracających użytkowników.

3. Ideacja — Wireframe

Do tej pory zebrałem już wystarczającą ilość informacji, aby przejść do szkicowania wireframe'ów. Wielka i zupełnie pusta ściana naszego biura okazała się idealnym miejscem do układania szkiców i łączenia ich wełnianymi nitkami. Podczas tego procesu przetestowałem wszystkie możliwe scenariusze użycia naszej usługi i co najważniejsze interakcji między aplikacją mobilną, a stacją Kjosk.

Wireframe na ścianie biura — wszystkie scenariusze flow

4. Prototypowanie — Rejestracja

Na tym etapie przygotowałem klikalne prototypy na średnim poziomie dokładności. Poniżej widoczny prototyp procesu rejestracji nowego użytkownika.

Prototypowanie — Płatności

Prototyp procesu podpięcia karty płatniczej i obsługi płatności — kluczowy flow dla użytkownika bez konta.

Prototypowanie — Zwrot powerbanka

Prototyp procesu oddania powerbanka do stacji Kjosk — obsługa rezerwacji slotu i potwierdzenie zwrotu.

5. Walidacja — Testy z użytkownikami

Przeprowadziłem testy użytkowników prototypu mid-fidelity na telefonie komórkowym. Chciałem zobaczyć jak użytkownicy będą wykonywać określone zadania, gdy otrzymają konkretne zadanie do wykonania. Testowałem m.in.: • Rejestrację • Reset PINu • Wypożyczenie powerbanka • Zwrot powerbanka Testy były niezwykle wartościowe. Zorganizowałem odkrycia na diagramie podobieństwa, aby zidentyfikować problemy i potencjalne rozwiązania do uwzględnienia w przyszłych iteracjach.

Diagram podobieństwa po testach z użytkownikami

6. Interfejs użytkownika — Styleguide

Po wprowadzeniu zmian w szkicach przyszedł czas na projekt wizualny. Chciałem zachować czysty design i kontrastujące kolory zgodne z brand bookiem marki Kjosk.

Makiety high-fidelity

Finalne projekty ekranów aplikacji mobilnej i interfejsu stacji Kjosk w najwyższej wierności wizualnej.

App Motion

Animacje przejść i mikrointerakcje wzbogacają doświadczenie użytkownika i nadają aplikacji premium charakter zgodny z estetyką pokolenia Z.

7. Feedback — Fullstory & mierzenie sukcesu

Proces projektowania nie ma początku ani końca. Polega on na stałym dostosowywaniu produktu do nowych potrzeb użytkowników. Aby produkt mógł się rozwijać konieczne jest ciągłe bycie w stałym kontakcie z użytkownikikiem. Narzędzia do zbierania feedbacku: • Nagrywanie sesji użytkownika za pomocą FullStory • Obserwowanie opinii w sklepach App Store / Google Play • Tworzenie przestrzeni do swobodnej dyskusji z użytkownikami Mierzone wskaźniki sukcesu: • Ilość nowych kont • Ilość wypożyczeń • Polecenia znajomym wewnątrz aplikacji • Średni czas wypożyczeń

Dashboard FullStory — analityka sesji użytkownika

Finalny flow interakcji

Fragment finalnego flow interakcji pomiędzy aplikacją mobilną a stacją Kjosk — pełna mapa podróży użytkownika od odkrycia usługi do zwrotu powerbanka.

Finalny flow: aplikacja mobilna ↔ stacja Kjosk

Podsumowanie i zespół

Stworzenie kompleksowej aplikacji mobilnej i aplikacji na stacje Kjosk było z pewnością dużym i trudnym projektem. Musiałem opracować aplikację, która sprosta wysokim oczekiwaniom pokolenia Z i jednocześnie dbać o harmoniczne flow między aplikacją mobilną a stacją Kjosk. Dzięki ankietom i wywiadom udało mi się odkryć, że większość ludzi obawia się problemów z systemem podczas korzystania z innych usług sharingowych. Cieszę się z efektu końcowego. Był to jeden z najbardziej rozwojowych projektów, w których uczestniczyłem. Zespół: Product Owner: Krzysztof Adamski UX Design: Jakub Nowak UI Design: Jakub Nowak, Bartłomiej Balicki Illustration: Anna Kusz Marketing: Agata Zborowska, Filip Styczyński, Jakub Goleniewski, Konrad Kocowski, Weronika Kwiatkowska, Grzegorz Żarnecki Developers: Software Interactive, Paweł Karczewski, Ania Zavodian, Ewa Chwastek, Artur Śpiewak, Paula Śpiewak

UX/UI Design

zandberg2025.pl

Kampania prezydencka Adriana Zandberga