New #mBank - Change of Design is Change of Everything
-
Upload
mbank -
Category
Economy & Finance
-
view
107 -
download
1
description
Transcript of New #mBank - Change of Design is Change of Everything
Informacje nie są płaskie - bilety z podróży to historia przeżyć i emocji
Bankowość internetowa lat 90.
Banki internetowe z lat 90.
a
2013 rok – czy jest różnica?
Słuchanie na magnetofonie
Słuchanie na PC
Odkrywanie utworów moich znajomych
ŚWIAT ZMIENIA SIĘ NIELINIOWO
Nowe serwisy zmieniają to jak słuchamy i korzystamy z usług muzycznych…
Przesyłanie MP3
Poprzednio Nowe zachowania
Oglądanie Domowy TV Polecane %lmy z YT
Praca Wysyłanie CV Uzupełnianie rekomendacji na LinkedIn
Wymiana Stadion X-lecia z grami Zakup z Allegro bez oglądania
Notowanie Xero notatek Ani Ściągi z chomika
Prasa Kupowanie gazet do autobusu Czytniki z GSM w metrze
Poszukiwanie Słownik XX tomowy w domu Wikipedia z searchem
Mapy Planowanie drogi za granicę GPS z informacją o POI i ceną benzyny
Filmy Kluczowe zdanie krytyka Rekomendacja społeczności co zobaczyć
Wydarzenia Ogólnopolska gazeta i wiadomości Lokalny Internet i prywatny news-feed
Księgarnia Zakup i pożyczanie książek Przeglądanie komentarzy i zamawianie z Amazon.com
NOWY DESIGN – EMERGENCJA NOWYCH USŁUG
Płaskie 2D Gra+czne 3D Kontekstowe 4D
Statyczna informacja z ery informacji
Wizualizacja informacji przyśpieszająca odbiór
komunikacji
Wydarzenia informacyjne oddające kontekst zakupu
w erze konceptualnej
Obecnie korzystamy z informacji zależnej od kontekstu i czasu, znacznie silniej niż poprzednio
DLACZEGO BRAK ZMIAN W BANKOWOŚCI?
INNOWACJE ZMIENAJĄ BANKOWOŚĆ
Payoff.com – MOTYWACJA JAK GRA Nagradzanie za osiąganie celów %nansowych, abym miał więcej na
koncie
Simple - TYLKO POTRZEBNE
INFORMACJE $4,00 za kawę wskazane na mapie,
automatycznie z kategoryzowane, tak więc wiem ile mi zostało do wydania
SmartyPig - SPOŁECZNOŚĆ MNIE
ZMOTYWUJE Zbierasz szybciej na MacBooka ze
wsparciem rodziny i znajomych
INNOWACJE ZMIENAJĄ BANKOWOŚĆ
AKBANK – ŚLEDŹ ZMIANY GOTÓWKI
Z cash)ow szybko dowiesz się o efektywności wydawania
SQUARE - ZAPŁAĆ KARTĄ WSZĘDZIE Nawet mała %rma może zbierać opłaty
za pomocą karty – w dowolnym miejscu przez telefon
CARDLITICS – PROMOCJE BEZ KUPONÓW
Oferta BodyShop w historii konta, dostępna na kliknięcie
JUŻ CZAS NA ZMIANY W BANKACH
BANKI nie rozumieją
projektowania
nie znają procesu UX
nie potra+ą ocenić pracy
designera nie chcą zmieniać
swoich procesów
Proces – design to zmiana myślenia
Limit czasowy i ogromna złożoność projektu UX stał się integralną %lozo%ą organizacji i myślenia
REKONSTRUKCJA DO MODELU Z UX
14 miesięcy przygotowań
PROCES PROJEKTOWANIA UI/UX
Analizy eksploracyjne i innowacji • Trendy • Benchmarki • Doświadczenia z
mBanku
Strategia User Experience • Persony mBanku • Scenariusze
użytkowników • Punkty interakcji • UI/UX dla nawigacji
Koncepcje kreatywne • Projektowanie
wyglądu • Analizy
eyetrackingowe postrzegania
• Testy UX koncepcji
Design development • Projektowanie AI
nawigacji i makiet • Wiele testów UX • Projektowanie GUI • Interakcje i
animacje
PROCES PROJEKTOWANIA UI/UX
Ponad 400 +nalnych makiet UI/UX (przy ponad
1700 makietach roboczych)
Analizy eksploracyjne i innowacji • Trendy • Benchmarki • Doświadczenia z
mBanku
Strategia User Experience • Persony mBanku • Scenariusze
użytkowników • Punkty interakcji • UI/UX dla nawigacji
Koncepcje kreatywne • Projektowanie
wyglądu • Analizy
eyetrackingowe postrzegania
• Testy UX koncepcji
Design development • Projektowanie AI
nawigacji i makiet • Wiele testów UX • Projektowanie GUI • Interakcje i
animacje
PROCES PROJEKTOWANIA UI/UX
1050 godzin testów UX z klientami i potencjalnymi użytkownikami
(bez UAT i beta testów)
Ponad 400 +nalnych makiet UI/UX (przy ponad
1700 makietach roboczych)
Analizy eksploracyjne i innowacji • Trendy • Benchmarki • Doświadczenia z
mBanku
Strategia User Experience • Persony mBanku • Scenariusze
użytkowników • Punkty interakcji • UI/UX dla nawigacji
Koncepcje kreatywne • Projektowanie
wyglądu • Analizy
eyetrackingowe postrzegania
• Testy UX koncepcji
Design development • Projektowanie AI
nawigacji i makiet • Wiele testów UX • Projektowanie GUI • Interakcje i
animacje
STARTUJĄC Z BIAŁĄ KARTKĄ
PROJEKTOWANIE JAK W APPLE
W BUDOWANIU NOWYCH USŁUG NMB WSPÓŁPRACUJĄ ZE SOBĄ 3 ŚWIATY: BIZNES, IT ORAZ UX
Ściany i odległość utrudniają współpracę
NOWY MODEL: BIZNES, IT ORAZ UX
Zaufanie i efekty zmian w UI/UX tylko przy głębokiej współpracy biurko w biurko
Każdy jest królem w swoim królestwie. Niestety, w królestwach panują inne języki. Trudno się dogadać.
Mamy wspólne królestwo, którym jest platforma transakcyjna. Wszyscy mówimy po polsku dlatego rozumiemy się bez problemu. Wspieramy się i dajemy z siebie to, co najlepsze.
NOWY MODEL: BIZNES, IT ORAZ UIUX
START PROJEKTU NmB– SPOTKANIE EKSPERTÓW OBECNIE W NmB – ONE TEAM EKSPERCKI
ROBOCZY WIDOK UI BUDŻETÓW
KONCEPCJA 3 WIDOKU UI OSZCZĘDNOŚCI
KONCEPCJA UI SZYBKICH PRZELEWÓW
KONCEPCJA UI AKTYWÓW I PASYWÓW
KONCEPCJA UI PULPITU
KONCEPCJA UI TRENDÓW
KONCEPCJA UI PLANOWANIA PŁATNOŚCI
ROBOCZA UI OSZCZĘDNOŚCI
ITERACYJNE BADANIA UX
Metro UI czy skeumor%zm?
GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
WORD czy iA writer?
GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
Vine (z Twittera) czy Instagram (z Facebooka)?
GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
Haze App czy pogoda na iOS?
GUI CZĘSTO MIĘDZY SZKOŁĄ FALENICKĄ I OTWOCKĄ ;-)
GUI
GUI
Rede+nicja usług wymaga pełnego koła
TRUDNE ZADANIE DLA ZESPOŁU…
…ALE TO JEDEN Z WIELU ETAPÓW PRAC
1. NOWE UX - ANALIZA PŁYNNOŚCI przewidywane wydatki obciążają konto, identy%kując problem na eKoncie użytkownika…
REKONSTRUKCJA PROCESÓW PRZEZ UX
2. NOWE UX - REKOMENDACJA BANKU …w szczegółach pojawia się dedykowana oferta rozwiązania problemu mniejszych środków…
1. ANALIZA RTM - identy+kacja niskiej płynności
REKONSTRUKCJA PROCESÓW PRZEZ UX
3. NOWE UX - BRAK FORMALNOŚCI TO NOWY PROCES …konkretna, kontekstowa, oferta kredytu nie wymaga
więcej formalności od stałego klienta banku, tylko 2 kliknięcia i…
REKONSTRUKCJA PROCESÓW PRZEZ UX
4. NOWE UX - SCORING W 2 MIN TO ZMIANA PROCESU …scoring kredytowy online – na jednym ekranie, bez
papieru, a decyzja o przyznanym kredycie może trwać 2 min!
REKONSTRUKCJA PROCESÓW PRZEZ UX
Spełnianie trudnych oczekiwań
REALNE UX TO ZMIANA W ŻYCIU
Bank Klient Merchant
REALNE UX TO ZMIANA W ŻYCIU
Dla realnych udoskonaleń konieczne jest zmienienie procesu biznesowego i back-endu IT o nowe komponenty social share i gift
WERSJA BETA - mOKAZJE
mOkazje – świetny fornt-end i value dla klienta, natomiast w back-endzie nowe procesy biznesowe. Wykorzystanie natywnych cech Facebooka – sharing, gifting, MGM nie byłoby moż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łkiem góry lodowej. W dzisiejszych czasach design wnika już nawet w życie klienta, w jego zachowanie i preferencje.
ODCZUWALNE UX - W REALNYM ŻYCIU
WARTOŚĆ Z UX – REALNY ZYSK
REKONSTRUKCJA PROCESÓW
mBank już niedługo startujemy
JUŻ NIEDŁUGO STARTUJEMY
Pre-launch Launch
§ Otwarcie dla wszystkich § Szeroka komunikacja
zmian
§ Ekskluzywny dostęp dla chętnych
§ Kampanie odkrywające innowacje
§ Dedykowany dla innowatorów i early
adopterów
Zmiana designu to zmiana wszystkiego!