New #mBank - Change of Design is Change of Everything

911 views

Published on

This deck was presented at the UX Poland convention - the largest UX/UI focused event in Central & Eastern Europe, in April 2013.

New mBank - 10 most impactful financial innovations in one go.

New mBank is a modern banking rendition of the 3rd largest retail bank in Poland with 3.5 million customers.

New mBank won "Best of Show Award" at Finovate Europe in London in February 2013

Published in: Economy & Finance
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
911
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

New #mBank - Change of Design is Change of Everything

  1. 1. Informacje nie są płaskie- bilety z podróży to historia przeżyć i emocji
  2. 2. Bankowość internetowa lat 90.
  3. 3. Banki internetowe z lat 90.
  4. 4. a2013 rok – czy jest różnica?
  5. 5. Słuchanie namagnetofonieSłuchaniena PCOdkrywanie utworówmoich znajomychŚWIAT ZMIENIA SIĘ NIELINIOWONowe serwisy zmieniają to jak słuchamy i korzystamy z usługmuzycznych…PrzesyłanieMP3
  6. 6. Poprzednio Nowe zachowaniaOglądanie Domowy TV Polecane filmy z YTPraca Wysyłanie CV Uzupełnianie rekomendacji na LinkedInWymiana Stadion X-lecia z grami Zakup z Allegro bez oglądaniaNotowanie Xero notatek Ani Ściągi z chomikaPrasa Kupowanie gazet do autobusu Czytniki z GSM w metrzePoszukiwanie Słownik XX tomowy w domu Wikipedia z searchemMapy Planowanie drogi za granicę GPS z informacją o POI i ceną benzynyFilmy Kluczowe zdanie krytyka Rekomendacja społeczności co zobaczyćWydarzenia Ogólnopolska gazeta i wiadomości Lokalny Internet i prywatny news-feedKsięgarnia Zakup i pożyczanie książek Przeglądanie komentarzyi zamawianie z Amazon.comNOWY DESIGN – EMERGENCJA NOWYCH USŁUG
  7. 7. Płaskie 2D Graficzne 3D Kontekstowe 4DStatyczna informacja zery informacjiWizualizacja informacjiprzyśpieszająca odbiórkomunikacjiWydarzenia informacyjneoddające kontekst zakupuw erze konceptualnejObecnie korzystamy z informacji zależnej od kontekstu i czasu,znacznie silniej niż poprzednioDLACZEGO BRAK ZMIAN W BANKOWOŚCI?
  8. 8. INNOWACJE ZMIENAJĄ BANKOWOŚĆPayoff.com– MOTYWACJA JAK GRANagradzanie za osiąganie celówfinansowych, abym miał więcej nakoncieSimple- TYLKO POTRZEBNEINFORMACJE$4,00 za kawę wskazane na mapie,automatycznie z kategoryzowane, takwięc wiem ile mi zostało do wydaniaSmartyPig- SPOŁECZNOŚĆ MNIEZMOTYWUJEZbierasz szybciej na MacBooka zewsparciem rodziny i znajomych
  9. 9. INNOWACJE ZMIENAJĄ BANKOWOŚĆAKBANK– ŚLEDŹ ZMIANY GOTÓWKIZ cashflow szybko dowiesz się oefektywności wydawaniaSQUARE- ZAPŁAĆ KARTĄ WSZĘDZIENawet mała firma może zbierać opłatyza pomocą karty – w dowolnymmiejscu przez telefonCARDLITICS– PROMOCJE BEZ KUPONÓWOferta BodyShop w historii konta,dostępna na kliknięcie
  10. 10. JUŻ CZAS NA ZMIANY W BANKACHBANKInie rozumiejąprojektowanianie znająprocesu UXnie potrafiąocenić pracydesigneranie chcązmieniaćswoichprocesów
  11. 11. Proces – design to zmiana myślenia
  12. 12. Limit czasowy i ogromna złożoność projektuUX stał się integralną filozofią organizacji i myśleniaREKONSTRUKCJA DO MODELU Z UX14 miesięcy przygotowań
  13. 13. PROCES PROJEKTOWANIA UI/UXAnalizyeksploracyjnei innowacji•  Trendy•  Benchmarki•  Doświadczenia zmBankuStrategia UserExperience•  Persony mBanku•  Scenariuszeużytkowników•  Punkty interakcji•  UI/UX dla nawigacjiKoncepcjekreatywne•  Projektowaniewyglądu•  Analizyeyetrackingowepostrzegania•  Testy UXkoncepcjiDesigndevelopment•  Projektowanie AInawigacji i makiet•  Wiele testów UX•  Projektowanie GUI•  Interakcje ianimacje
  14. 14. PROCES PROJEKTOWANIA UI/UXPonad 400 finalnych makiet UI/UX(przy ponad1700 makietach roboczych)Analizyeksploracyjnei innowacji•  Trendy•  Benchmarki•  Doświadczenia zmBankuStrategia UserExperience•  Persony mBanku•  Scenariuszeużytkowników•  Punkty interakcji•  UI/UX dla nawigacjiKoncepcjekreatywne•  Projektowaniewyglądu•  Analizyeyetrackingowepostrzegania•  Testy UXkoncepcjiDesigndevelopment•  Projektowanie AInawigacji i makiet•  Wiele testów UX•  Projektowanie GUI•  Interakcje ianimacje
  15. 15. PROCES PROJEKTOWANIA UI/UX1050 godzin testów UX z klientamii potencjalnymi użytkownikami(bez UAT i beta testów)Ponad 400 finalnych makiet UI/UX(przy ponad1700 makietach roboczych)Analizyeksploracyjnei innowacji•  Trendy•  Benchmarki•  Doświadczenia zmBankuStrategia UserExperience•  Persony mBanku•  Scenariuszeużytkowników•  Punkty interakcji•  UI/UX dla nawigacjiKoncepcjekreatywne•  Projektowaniewyglądu•  Analizyeyetrackingowepostrzegania•  Testy UXkoncepcjiDesigndevelopment•  Projektowanie AInawigacji i makiet•  Wiele testów UX•  Projektowanie GUI•  Interakcje ianimacje
  16. 16. STARTUJĄC Z BIAŁĄ KARTKĄ
  17. 17. PROJEKTOWANIE JAK W APPLE
  18. 18. W BUDOWANIU NOWYCH USŁUG NMB WSPÓŁPRACUJĄ ZESOBĄ 3 ŚWIATY: BIZNES, IT ORAZ UXŚciany i odległość utrudniają współpracę
  19. 19. NOWY MODEL: BIZNES, IT ORAZ UXZaufanie i efekty zmian w UI/UXtylko przy głębokiej współpracy biurko w biurko
  20. 20. Każdy jest królem w swoim królestwie. Niestety, wkrólestwach panują inne języki. Trudno się dogadać.Mamy wspólne królestwo, którym jest platformatransakcyjna. Wszyscy mówimy po polsku dlategorozumiemy się bez problemu. Wspieramy się i dajemyz siebie to, co najlepsze.NOWY MODEL: BIZNES, IT ORAZ UIUXSTART PROJEKTU NmB– SPOTKANIE EKSPERTÓW OBECNIE W NmB – ONE TEAM EKSPERCKI
  21. 21. ROBOCZY WIDOK UI BUDŻETÓW
  22. 22. KONCEPCJA 3 WIDOKU UI OSZCZĘDNOŚCI
  23. 23. KONCEPCJA UI SZYBKICH PRZELEWÓW
  24. 24. KONCEPCJA UI AKTYWÓW I PASYWÓW
  25. 25. KONCEPCJA UI PULPITU
  26. 26. KONCEPCJA UI TRENDÓW
  27. 27. KONCEPCJA UI PLANOWANIA PŁATNOŚCI
  28. 28. ROBOCZA UI OSZCZĘDNOŚCI
  29. 29. ITERACYJNE BADANIA UX
  30. 30. Metro UI czy skeumorfizm?GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
  31. 31. WORD czy iA writer?GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
  32. 32. Vine (z Twittera) czy Instagram (z Facebooka)?GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
  33. 33. Haze App czy pogoda na iOS?GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
  34. 34. GUI
  35. 35. GUI
  36. 36. Redefinicja usługwymaga pełnego koła
  37. 37. TRUDNE ZADANIE DLA ZESPOŁU…
  38. 38. …ALE TO JEDEN Z WIELU ETAPÓW PRAC
  39. 39. 1. NOWE UX- ANALIZAPŁYNNOŚCIprzewidywane wydatkiobciążają konto, identyfikującproblem na eKoncieużytkownika…REKONSTRUKCJA PROCESÓW PRZEZ UX
  40. 40. 2. NOWE UX- REKOMENDACJABANKU…w szczegółach pojawiasię dedykowana ofertarozwiązania problemumniejszych środków…1. ANALIZA RTM- identyfikacja niskiej płynnościREKONSTRUKCJA PROCESÓW PRZEZ UX
  41. 41. 3. NOWE UX- BRAKFORMALNOŚCITO NOWY PROCES…konkretna, kontekstowa,oferta kredytu nie wymagawięcej formalności od stałegoklienta banku, tylko 2kliknięcia i…REKONSTRUKCJA PROCESÓW PRZEZ UX
  42. 42. 4. NOWE UX- SCORING W 2 MINTO ZMIANAPROCESU…scoring kredytowy online– na jednym ekranie, bezpapieru, a decyzja oprzyznanym kredycie możetrwać 2 min!REKONSTRUKCJA PROCESÓW PRZEZ UX
  43. 43. Spełnianie trudnych oczekiwańREALNE UX TO ZMIANA W ŻYCIUBank Klient Merchant
  44. 44. REALNE UX TO ZMIANA W ŻYCIUDla realnych udoskonaleń konieczne jest zmienienie procesubiznesowego i back-endu IT o nowe komponenty social share i gift
  45. 45. WERSJA BETA - mOKAZJE
  46. 46. mOkazje – świetny fornt-end i value dla klienta, natomiast w back-endzie nowe procesybiznesowe.Wykorzystanie natywnych cech Facebooka – sharing, gifting, MGM nie byłobymożliwe bez przemodelowania procesów bankowych. ERGO:Ale AI i design, to nie tylko to co widzi klient i to, co kryje się pod wierzchołkiemgóry lodowej.W dzisiejszych czasach design wnika już nawet w życie klienta, w jegozachowanie i preferencje. ODCZUWALNE UX- W REALNYM ŻYCIUWARTOŚĆ Z UX– REALNY ZYSKREKONSTRUKCJA PROCESÓW
  47. 47. mBankjuż niedługo startujemy
  48. 48. JUŻ NIEDŁUGO STARTUJEMYPre-launch Launch§  Otwarcie dla wszystkich§  Szeroka komunikacjazmian§  Ekskluzywny dostęp dlachętnych§  Kampanie odkrywająceinnowacje§  Dedykowany dlainnowatorów i earlyadopterów
  49. 49. Zmiana designu to zmianawszystkiego!

×