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!