User Experience & Product Design - Edycja VII
Partner biznesowy
Grupa
prezentacja zespołu
Dominika Pałucka
Żaneta Mol
Kasia Michałowska
Wojtek Golik
problem projektowy
“Ratunku, jestem na swoim i kompletnie nie ogarniam swoich finansów!”
brief od partnera Skromny budżet, pierwsza praca, stosunkowo małe (niekoniecznie regularne) zarobki, pełna odpowiedzialność za swoje życie, wyprowadzka od rodziców i początki “życia na swoim”– to rzeczywistość, z którą każdy w pewnym wieku musi się zmierzyć. Część z młodych na tym etapie ma już jakieś nawyki i “swoje sposoby” związane z gospodarowaniem pieniędzmi. Wiedzę na temat tego, w jaki sposób “ogarnąć finanse” najczęściej zdobywają na własną rękę, niejako przy okazji tego, co dzieje się w ich życiu - a dzieje się wiele. Spróbujmy znaleźć rozwiązanie, które pomoże młodym odnaleźć się w “dorosłym świecie finansowym”, gdzie teoretycznie mogą już wszystko, wiedzą niewiele, a chcieliby móc więcej (i bardziej rozsądnie).
poznajcie Michała
Ma 25 lat, mieszka w Krakowie, właśnie skończył studia, pracuje w dziale obsługi klienta w firmie związanej z branżą IT. Lubi jeździć na rowerze i ma dziewczynę, z którą dzieli swoją pasję: podróże.
Saver
Aplikacja crossbankowa pomagająca młodym ludziom w wyborze celów oszczędzania, podpowiadająca konkretne produkty i porównująca ich ceny. Narzędzie prowadzące użytkownika od wyboru produktu poprzez proces oszczędzania aż do jego zakupu.
etapy projektu LEARN
01
● ● ● ● ● ●
wywiady pogłębione + analiza danych jakościowych analiza konkurencji spektrum persona customer journey map value proposition canvas
DESIGN
02 MEASURE
03
● ● ●
badania prototypu wnioski wprowadzanie zmian - prototyp v2
● ● ● ● ● ●
user stories priorytetyzacja szkicowanie rozwiązań mvp user flow prototyp
01 LEARN
Badania UX W pierwszej fazie tego etapu analizowaliśmy zwyczaje młodych ludzi związane z finansami, proces pozyskiwania wiedzy o finansach i ich wzorce korzystania z pieniędzy. Dowiedzieliśmy się kim są, czym się zajmują i jakich trudności doświadczają w związku z oszczędzaniem. Następnie przeprowadziliśmy wywiady pogłębione z wyodrębnioną grupą docelową.
Analiza danych zastanych
Analiza konkurencji
Wywiady pogłębione
Analiza danych zastanych Młodzi nie wyobrażają sobie życia bez smartfonów, wychowali się w dobie nowych technologii. Chętnie korzystają z rozwiązań fin-techowych. Na finansach się nie znają, a jeśli nie stać ich na coś - wolą odłożyć zakup niż go kredytować lub pożyczać pieniądze.
Analiza konkurencji Przeanalizowaliśmy szereg aplikacji bankowych, fin-techowych oraz blogów o tematyce finansowej. Sprawdzaliśmy, które z nich odpowiadają naszemu problemowi. Braliśmy pod uwagę przystępność, funkcjonalność a także design samego produktu.
Analiza konkurencji
Wywiady pogłębione GŁÓWNE CELE BADAŃ
Poznanie zwyczajów związanych z finansami Identyfikacja grupy odbiorców Zrozumienie procesu pozyskiwania wiedzy o finansach Poznanie wzorców korzystania z pieniędzy
METODA BADAWCZA Indywidualne wywiady pogłębione (IDI) + sortowanie kart podczas wywiadów do diagnozy zasobu wiedzy o produktach bankowych
Wywiady pogłębione Respondenci: #1 Osoby pracujące, nie są na utrzymaniu rodziców (opiekunów) w 100%. #2 Osoby, które “zarządzają” jakimś swoim budżetem max. 2 lata. 8 osób od 18-26 lat
Scenariusz wywiadu
Przystąpiliśmy do dzieła!
Wywiady pogłębione - główne wnioski i obserwacje Grupa docelowa dzieli się na 2 podgrupy: tych, co już samodzielnie zarabiają i tych, co dostają pieniądze od rodziców (jest to ściśle powiązane z wiekiem). -> Na "warsztat" zdecydowaliśmy się wziąć tę "starszą" grupę osób, ponieważ są dużo bardziej świadomi i zwyczajnie mają już czym zarządzać, wiedzą, co to znaczy mieć wydatki. Respondenci korzystają głównie z aplikacji swoich banków (mbank, pko sa, ing, santander) rzadko kiedy BLIK. Głównie karty płatnicze, zlecenia stałe z rachunku, nie płacą telefonem bo się boją; gotówka bardzo rzadko. Do tego Finance Manager, Moje Finanse i 1Money. Z wydatkami radzą sobie tak, że zazwyczaj opłacają rachunki zaraz po wypłacie, a potem "płyną" i nie kontrolują specjalnie tego, na co i ile pieniędzy wydają, a jeśli ich budżet jest ograniczony - czasem nie wystarcza im pieniędzy do następnej wypłaty. Analiza jakościowa wywiadów
Jeśli ich budżet jest większy czasem oszczędzają "do szuflady" lub zwyczajnie zostaje im na koncie (ROR) pewna pula pieniędzy, z którą nic nie robią.
Mają cele i marzenia umiejscowione w bliższej i dalszej przyszłości, ale nie mają planu na to, jak te cele zamierzają zrealizować (np zakup mieszkania). Żyją chwilą i sądzą, że "jakoś to będzie".
Insighty
“
Obecnie nie mam celu w sumie. To znaczy mam tak jakby cel, mieszkanie będę kupował, albo dom, ale i tak na to nie uzbieram, tylko chciałbym mieć po prostu pieniądze na boku odłożone, a i tak później wezmę jakiś duży kredyt.
”
Młodzi ludzie żyją "tu i teraz". Raczej nie myślą o przyszłości (w kontekście finansowym), nie potrafią oszczędzać, a jeśli to robią - to do szuflady. Nie potrafią wyznaczać celów oszczędzania i nie mają na to planu. Nie mają też świadomości tego, że można odkładać miesięcznie nawet niewielkie kwoty, by móc sukcesywnie na coś zbierać.
"Nie lubię pożyczać pieniędzy, jestem taką osobą, która woli nie kupić czegoś teraz, tylko odłożyć pieniądze i dopiero kupić"
"Schowam sobie stówkę, aby jej nie wydać"
“W życiu oszczędzam, jak mi zostaje, a zazwyczaj zostaje. Odkładam bez konkretnego celu, po prostu na przyszłe miesiące”
"Mam małą wiedzę, co mogę zrobić z pieniędzmi, kiedy ich nie wydaję"
Spektrum
Bazując na naszych wnioskach z wywiadów wyodrębniliśmy wiodące trendy w zakresie zarządzania budżetem: poziom oszczędzania, wiedzy, sposób utrzymania się, zaufanie do instytucji finansowej, czy również ilość aplikacji, z których korzysta użytkownik. Powyższe Spektrum okazało się być idealnym narzędziem do stworzenia dwóch person: Michała i Małgosi.
Learn - narzędzia Na podstawie zebranych podczas badań informacji, wybraliśmy narzędzia strategii UX:
Persona
Customer Journey Map
Value Proposition Canvas
#1 Persona
#2 Persona
#3 Customer Journey Map
Otworzyć umysł i poczuć z jakimi problemami zderza się młody człowiek. Określić sytuację, która regularnie pojawia się w jego życiu. Odnaleźć problemy, które sprawiają mu największe trudności i nadmiernie pochłaniają jego sferę emocjonalną.
#4 Value Proposition Canvas
Zrozumienie grupy docelowej
Koncepcja pomysłu: ● ● ●
wspólne oszczędzanie jasny plan oszczędzania bezpieczne miejsce na odkładanie moich pieniędzy
Mnogość problemów z jakimi boryka się młody człowiek
02 DESIGN
Design Informacje zgromadzone w poprzednim etapie, pozwoliły nam na kolejne działania. Podczas tego etapu zastanawialiśmy się, jakie funkcjonalności powinien mieć nasz produkt, tworzyliśmy scenariusze użytkownika oraz wstępne szkice rozwiązań.
User Stories
Priorytetyzacja
MVP
User Stories i Priorytetyzacja Wygenerowaliśmy krótkie historie użytkownika, a podczas dwóch sesji priorytetyzacji, przygotowane historyjki analizowaliśmy pod kątem oszczędzania, zarządzania budżetem oraz zdobywania wiedzy o finansach. Tym sposobem spośród wszystkich user stories wybraliśmy 6 naszym zdaniem najważniejszych, na których oparliśmy nasze pierwsze szkice rozwiązań.
User Stories
Wizja
Produkt, który będzie pomagał odnaleźć cel oszczędnościowy oraz podpowiadał, jak go osiągnąć dzięki integracji z procesem sprzedażowym.
MVP 1.
Aplikacja pomagająca w dodawaniu i realizowaniu celów.
2.
Cele można wybierać pod kątem różnych kategorii: krótko i długoterminowych, wybraniu celu spośród propozycji aplikacji oraz założyć swój własny.
może spersonalizować swój dobór 3. Użytkownik obrazka i zmianę nazwy. zarządzanie celami użytkownik wyrabia 4. Poprzez sobie odpowiednie nawyki do sprawnego operowania swoim budżetem.
aplikacji jest przystępny, brak 5. Język w nim sztywnych, bankowych terminologii, piszemy tak, aby trafić do młodego człowieka.
6.
Udostępnianie celów ma funkcję motywującą.
aplikacji bankowej dodaje 7. Część funkcjonalności społecznościowe:
udostępnianie celów, polubienie celu znajomego, dołożenie się do czyjejś zbiórki albo wystawienie swojej.
Szkicowanie rozwiązań
Podczas warsztatów wyłoniły nam się pierwsze szkice pomysłów ściśle związane z oszczędzaniem. ● ● ●
koncepcja podpowiedzi celów oszczędzania szacowany czas dla osiągania celów kontrolowanie oszczędności
Flow Szkice
User Flow
Prototyp - funkcje Kiedy uda mi się osiągnąć cel oszczędnościowy, chcę mieć możliwość sprawdzenia historii oszczędzania, by w przyszłości takie cele móc realizować szybciej. - w zakładce Moje Sukcesy użytkownik może przejrzeć historię oszczędzania na różne cele
Jako młody człowiek chcę mieć możliwość inwestowania nadwyżki środków, po to by szybciej realizować założone cele finansowe. - naszą odpowiedzią na tę historię użytkownika jest wizja całej aplikacji
Jako Młody człowiek chcę zobaczyć na co mogę odłożyć pieniądze by wybrać swój cel oszczędzania. - użytkownik ma dostęp do przeglądu listy produktów, na które może oszczędzić
Prototyp - funkcje
Jako osoba, która nie zna się na finansach, chcę, by moja aplikacja bankowa podpowiadała mi o możliwościach oszczędzania, by móc odkładać na różne cele. - użytkownik ma możliwość dobrania sposobu oszczędzania - może zaplanować je poprzez automatyczne przelewy lub odkładać nieświadomie dzięki końcówkom
Prototyp - funkcje Jako leniuch, chcę tak gospodarować swoimi pieniędzmi, by nie musieć właściwie nic zmieniać w swoim stylu życia, a jednak mieć zapas pieniędzy na koncie. - funkcja odkładania drobnych
Jako osoba dzieląca budżet z partnerem/partnerką, chcę mieć możliwość nakładania na siebie wydatków i oszczędności, by ograniczyć niepotrzebne wydatki. - użytkownik posiada dostęp do oszczędzania z innymi na wspólny cel
Prototyp V1
Link do prototypu -
https://preview.uxpin.com/de8db56a23b2e60b376eebd73e2c3e3c958 957b0#/pages/128734989?mode=chdfm
03 MEASURE
Wprowadzenie Kroki podjęte w trakcie etapu measure: Sprawdziliśmy, czy nasze rozwiązanie spełnia oczekiwania użytkowników oraz czy prototyp serwisu jest użyteczny. Przeprowadziliśmy 6 badań, przeanalizowaliśmy wnioski i nanieśliśmy poprawki.
Scenariusz badań
Testy użyteczności Cele badań Weryfikacja użyteczności prototypu aplikacji Saver. Zidentyfikowanie problemów i wątpliwości, na jakie trafiają użytkownicy aplikacji w toku całej drogi od wyznaczenia do całkowitej realizacji celu.
Uczestnicy 6 osób z grupy docelowej
Metoda badawcza Moderowane testy użyteczności klikalnego prototypu aplikacji, uzupełnione wywiadem pogłębionym, w celu zrozumienia jak użytkownicy odbierają aplikację i jaki mają stosunek do wyznaczania celów oszczędnościowych z jej pomocą. Dodatkowo - pytanie sprawdzające motywację. Testy będą prowadzone zdalnie i nagrywane.
Co chcieliśmy sprawdzić? Czy aplikacja jest łatwa w użyciu i zrozumiała? Czy użytkownicy rozumieją rozmieszczenie elementów graficznych oraz funkcjonalnych? Czy główne funkcjonalności: - wybieranie celu oszczędzania z podpowiadanych - dodawanie celu spoza listy - personalizacja - dobór różnych metod wpłacania i “podlewania” celu - współdzielenie celu z najbliższymi są intuicyjne?
Mocne i słabe strony Problemy
1. 2. 3. 4. 5. 6.
Konsternacja przy dwóch plusach na pierwszym ekranie. Od razu użytkownicy korzystali z panelu wyszukiwarki - pomijając scrollowanie produktów. Brak informacji technicznych odnośnie produktów - użytkownik chce się dowiedzieć na poziomie aplikacji o szczegółach. Missclick - pomyłka przy kliknięciu i lądowanie w procesie zakładania celu. "Na poduszkę nie ma co oszczędzać" - za "tani" cel? Daty cyklicznych przelewów nie były domyślnie ustawione, co myliło użytkowników. Zła nazwa buttonu przy ustawieniu daty realizacji celu. Złe zrozumienie przycisku zaproś znajomych, nie powiązanie z opcją wspólny cel
Sukcesy
1. 2. 3. 4. 5.
Zadowolenie z opcji, że można coś znaleźć poprzez wyszukiwarkę. Bez problemu mogli ją znaleźć. Atrakcyjnie pokazana forma wyników. Sprawne scrollowanie i poruszanie się po proponowanych produktach. Sprawne wykorzystanie wyszukiwarki do znalezienia roweru. Użytkownicy znali schemat dodawania do wishlisty Skorzystanie z wyszukiwarki Szybkie i sprawne przejście przez proces dodawania celu. Użytkownicy intuicyjnie poruszali się przy tej opcji. Użytkownicy rozumieli dostępne opcje. W większości przypadków pozytywny odbiór podłączenia różnych banków,
Wyciągnięte wnioski Wyszukiwarka jest w widocznym miejscu, nie ma problemu ze znalezieniem jej. Jest ważna w wyszukiwaniu konkretnego produktu. Użytkownicy potrzebują więcej informacji na temat produktu i specyfikacji. Ważny jest obszar klikania dla serduszka. Dodawanie do wishlisty jest oparte o znane wzorce. Ludzie nie korzystają z list predefiniowanych podczas wyszukiwania konkretnych produktów Problem z podwójnymi plusami na głównym ekranie. Zabrakło onboardingu i komunikatów dodatkowych + powiadomień o oszczędzaniu i postępach. Potrzeba możliwości wyjścia z procesu dodawania celu
Wprowadzone zmiany #1
“To nie jest intuicyjne, że ja muszę szukać czegoś kiedy ja już dodaję cel. Ta wyszukiwarka chyba powinna być wcześniej. Dziwne to.”
1. Przeniesienie ustawień na górę - w dolnym pasku ważniejsze było dodanie zakładki z produktami
2. Zmiana flow - pierwszym ekranem użytkowym prototypu staje się wyszukiwarka produktów
3. Poprawa widoczności dolnego paska nawigacji
Wprowadzone zmiany #2
4. Opcja stwórz własny cel mniej widoczna na ekranie produktów, aby nie rozpraszać użytkownika 5. Dodanie kategorii w celu ułatwienia wyszukiwania
6. Powiększenie obszaru klikalności w ikonkę polubienia produktu
Wprowadzone zmiany #3
“Co to znaczy zaproś znajomych? jakaś zrzutka? źle mi się to kojarzy. Nie wydaje mi się, żebym oszczędzał z kolegą, chyba, że na flaszkę. Bardziej z kimś z rodziny. Ja bym tu napisał “Oszczędzaj razem”, bo to prostszy komunikat. Zaproś znajomych - po co, żeby mieli mi kibicować? Nie jest to jasny komunikat”
7. Zmiana nazwy buttonu "Zaproś znajomych" na "Oszczędzaj razem"
Wprowadzone zmiany #4
8. Zmiana etykiety przycisku “Zmień” na “Ustaw datę” przy dodawaniu celu.
Data nie była domyślnie ustawiona i nazwa wprowadzała w błąd użytkowników.
9. Dodanie widoku ze szczegółami produktu.
Wyszukiwarka jest ważna w wyszukiwaniu konkretnego produktu. Użytkownicy potrzebują więcej informacji na temat produktu i specyfikacji
Wprowadzone zmiany #5
“To niezrozumienie można by łatwo przeskoczyć gdyby był jakiś onboarding, nie wiem ile osób to czyta, ale myślę, że dla części byłoby to pomocne.”
10. Onboarding
Prototyp V2
Link do prototypu -
https://preview.uxpin.com/2d3d8df80d18d038eb4ead45914639f8bfd 81397#/pages/129582675?mode=chdfm
UI Aplikacji - Moodboard
Generacja Z Seapunk Vapor Wave Kawaii Bass Lata 80’ Outrun
UI Aplikacji - Prezentacja Ekranรณw
Saver - możliwości rozwoju Integracja produktu z komercyjnymi wyszukiwarkami produktów -> otodom, booking, otomoto Składanie dużego celu z mniejszych: np. wakacje = lot + noclegi + cele na konkretne atrakcje - wszystko można byłoby zakupić w apce Kontekstowe podpowiedzi produktów w oparciu o analizę bieżących wydatków / dopasowanie do nawyków użytkownika po wypełnieniu testu wprowadzającego do aplikacji Tworzenie i sharowanie wishlists, np. stworzonych przez młodych, którzy chcieliby wysłać rodzicom co chcieliby dostać PRO-tips, jak szybciej oszczędzić na wybrany cel Monetyzacja aplikacji [polecane/sponsorowane produkty]
DZIĘKUJEMY!