Blik jest szybki i łatwy... ale nie w mBanku
W aplikacji mBanku zająłem się i sprawiłem aby działanie przelewów BLIK pokrywało się z jego głównymi założeniami. BLIK ma być szybki i łatwy. Stworzyłem kilka nowych rozwiązań, które przyśpieszają cały proces przesyłania pieniędzy znajomym
Mierzyłem to trzema metrykami:
czas/prędkość wykonania przelewu, liczba kroków całego flow i liczba kliknięć.
Desgin ma być wizualnie spójny z oryginalnym jaki jest aktualnie w aplikacji.
Podczas luźniej rozmowy ze znajomymi którzy korzystają z blika w mBanku zadałem kilka przygotowanych pytań. Odpowiedzi spiałem w notatkach w figjam i pogrupowałem insighty, które podsuneły ciekawe wnioski
Podczas luźniej rozmowy ze znajomymi którzy korzystają z blika w mBanku zadałem kilka przygotowanych pytań. Odpowiedzi spiałem w notatkach w figjam i pogrupowałem insighty, które podsuneły ciekawe wnioski
Główną rzeczą występującą u każdego była "zazwyczaj niska kwota" wykonywanych przelewów do znajomych, w głównej mierze były to zwrot kosztów za jakiś lunch,obiad.
Jeżeli chodzi o flow przelewu pieniędzy blikiem, podczas rozmowy ze znajomymi dowiedziałem się że: rzeczywiście czasem trzeba to przeklikać jest to dość irytujące ale według ich “jest całkiem okej... bo działa”
Po rozmowie ze znajomymi stworzyłem przykładową persone JTBD która pomoże mi w głebszym zrozumieniu problemu i pozwoli zastosować ją przy kolejnym narzędziu jakim jest Psyche Flow
Baila ela maria i helenadsa d
Mająć już persone JTBD to za nim zabrałem się za wykres Psyche, postanowiłem jeszcze raz przejść całe aktualne flow aplikacji i je przeanalizować
Baila ela maria i helenadsa d
Mając już persone JTBD po wywiadach i rozumiejąc całe aktualne flow aplikacji zdecydowałem się skorzystać z narzędzia Psyche Flow które pokazuje jak użytkownik czuję się podczas przechodzenia kroków w aplikacji. Dzięki temu możemy określić jakie są punkty krytyczne flow, co daje nam odpowiedź jakie ekrany wymagają poprawy
Baila ela maria i helenadsa d
Z wykresu Psyche wyszły 2 punkty krytyczne w aplikacji. Pierwszym punktem krytycznym jest etap wyboru odbiorcy a drugim etap finalizacji przelewu.
Baila ela maria i helenadsa d
Etap 1 (Etap wyboru odbiorcy) składa się z 2 ekranów obniżających Psyche: Ekranu Głownego Blik oraz Listy kontaktów. Wnioskując z wykresu Aplikacja nie pomaga w szybkim znalezieniu odbiorcy
Etap 2 (Etap finalizacji przelewu) Składa się on z 2 ekranów i 1 pop-up. Pierwszy upewnia usera w wyborze odbiorcy, kolejny typowy "succes screen" potwierdzający wyslanie przelewu oraz ostatni pop-up czyli kolejne przypomnienie i utwierdzenie użytkownika o wysłanym przelewie
mBank nie posiada publicznego design systemu a więc na wzór oryginalnych komponentów starałem się odwzorowywać moje wersje aby moje rozwiązania były spójne co ułatwiło by wdrożenie designu w życie
Baila ela maria i helenadsa d
Badając strone mbanku natknąłem się informacje o foncie który jest z rodzinmy "Montserrat" porównałem go do fontu z aplikacji widać róznice w elementach szeryfowych ale jest do najbliższy odpowiednik oryginału
Baila ela maria i helenadsa d
Usunięcie wyboru rachunku
Wybór rachunku - na tym etapie jest zbędny skoro ekran wcześniej mamy już jakiś rachunek wybrany, tutaj zastosowałem technikę redukcji opcji
Tekstowy button
Może nie jest to problem wiążącym się z flow i celem naszej persony, a bardziej to mój indywidualny Ui-owy problem podczas korzystania z apki :D Zmieniłem go w bardziej czytelny i przystępniejszy przycisk :D
Dużo miejsca na dodanie nowej sekcji
Przestrzeń sama w sobie nie jest problemem, bardziej chodzi mi o to że jest jeszcze miejsce na np. Nową sekcje, zmianę w buttonach
Słabo widoczny Search
Lupka wcale nie jest intuicyjna i widoczna, nie rzuca się na pierwszy rzut oka. Teraz w większości aplikacji w róznych “listach” search jest bardzo ważną i od razu rzucająco się w oczy rzeczą na 1 planie, nie jest schowany
Kontakty bez BLIKa
Nie ma potrzeby pokazywania kontatków którę nie mają blika skoro chcemy wysłać przelew BLIK
“+” Button
Dziwny, mylący, mało intuicyjny button, który służy do wysłania przelewu na numer telefonu. Sama ikona “+” raczej za dobrze nie komunikuje userowi możliwość przelania pieniędzy do osoby spoza listy kontaktów/ na numer telefonu.
Zatwierdzenie
Ekran dostarcza złudzenie zakończenia procesu, ale po nim następuje kolejny, rownież nie posiadamy żadnej możliwości edycji danych w końcowym etapie.
Potwierdzenie
Ekran pokazujący tylko stan konta przed i po przelewie, bez dodatkowych informacji. Ekran w żaden sposób nie “wynagradza” usera za poprawne wykonania akcji.
Irytujący pop-up
Dostajemy go automatycznie po ekranie potwierdzenia wysłania pieniędzy i w tym samym momencie przychodzi nam takie samo powiadomienie z aplikacji na pasku, troche tego za dużo
“Anuluj”
Wybierając “Anuluj” aplikacja nas zostawia w sekcji płatności z której nawet nie przyśliśmy, po prostu nas tam rzuca.
“Przejdź”
Wybierając “przejdź” user nie zostaje przeniesiony na ekran nowej transakcji po prostu przenosi nas na homepage w którym owa transakcja nawet nie jest w żaden sposób wyróżniona
Stworzyłem nowy skrót w ekranie głównym aplikacji
który ogromnie przyśpiesza cały Etap 1 wybór odbiorcy oraz przyśpieszyłem Etap 2 finalizacji przelewu całkowicie rezygnując z końcowych ekranów zmieniając je w pop-up dający możliwość cofnięcia ostatniej transakcji
Tym sposobem ogromnie przyśpieszamy cały proces przelania pieniędzy znajomemu. W etapie finalizacji zamiast prosić o potwierdzenie, daje możliwość cofnięcia decyzji, jest to aktualnie "zasada na czasie" możemy zobaczyć podobną praktyke w aplikacji Uber eats.
Najmniej "inwazyjne" rozwiązanie, prostym togglem dajemy możliwość dla usera pominięcia całego 3 ekranowego etapu finalizacji przy sugerowanie niższych kwotach przelewu. Power userzy mogą szybciej przejść całe flow, a osoby starsze korzystające z aplikacji mogą spokojnie pominąć nowy feature
Nowa sekcja głównego ekranu blik,zrezygnowałem z listy wyboru rachunku ponieważ przed wejściem do tego ekranu mamy możliwość aby go zmienić, Wykorzystałem dostępną przestrzeń ekranu, dodając sekcje "Ostatnio Blikujesz". W szybki sposób użytkownik wchodząc do blika może od razu wybrać ostatnio blikowane osoby, ale to jeszcze nie koniec zmian w tym rozwiązaniu ;)
Bardzo się cieszę jako użytkownik że wreszcie będę mogł szybciej blikować! :D
