Blir banken rikere av rikt grensesnitt? Haakon Halvorsen og Kjetil Hansen

/ Making Waves

Yggdrasil 2010

12. Oktober

13.10.2010 © MAKING WAVES 1

Innhold

• Bildebruk og layout

• Konsept: «samtalefelt»

• RIA i nettbanken

• Billånskalkulatoren: designprosess i detalj

• Eksempler på andre kalkulatorer

• Rike skjemaer

• Konklusjon: Blir banken rikere?

• Spørsmål og svar

13.10.2010 © MAKING WAVES 2

Teamet

13.10.2010 © MAKING WAVES 3

Haakon Halvorsen Fredrik Paasche Kjetil Hansen

Frode Drønen, Sparebanken Vest

Bank er gøy!

«Call to Action»

Mer eyecandy!

Bildebruk og layout

13.10.2010 © MAKING WAVES 7

9

Ekte og vestlandsk

13.10.2010 © MAKING WAVES 10

Superwidescreen

13.10.2010 © MAKING WAVES 11

13.10.2010 © MAKING WAVES 12

13.10.2010 © MAKING WAVES 13

13.10.2010 © MAKING WAVES 14

Konsept: “Samtalefelt”

13.10.2010 © MAKING WAVES 19

13.10.2010 © MAKING WAVES 20

13.10.2010 © MAKING WAVES 22

13.10.2010 © MAKING WAVES 23

Nettbank RIA

Vi viser sluttresultatet først… Se: https://www.spv.no/hjelp/demovideoer/nyheter-i-nettbanken/

13.10.2010 © MAKING WAVES 25

13.10.2010 © MAKING WAVES 28

13.10.2010 © MAKING WAVES 29

13.10.2010 © MAKING WAVES 30

13.10.2010 © MAKING WAVES 31

13.10.2010 © MAKING WAVES 33

13.10.2010 © MAKING WAVES 34

13.10.2010 © MAKING WAVES 35

13.10.2010 © MAKING WAVES 36

13.10.2010 © MAKING WAVES 37

13.10.2010 © MAKING WAVES 38

Billånskalkulatoren - detaljert designprosess

13.10.2010 © MAKING WAVES 40

13.10.2010 © MAKING WAVES 41

A

B

A

Slider (eksempel fra annen nettside)

13.10.2010 © MAKING WAVES 48

13.10.2010 © MAKING WAVES 49

13.10.2010 © MAKING WAVES 50

SUPERstepperen!

13.10.2010 © MAKING WAVES 51

Steg Input Store steg / Spoling (hold inne)

“Call-to-action” Klare handlingsvalg og rask tilgang til skjema er viktig for å få til en god

flyt i løsningen.

13.10.2010 © MAKING WAVES 52

t

13.10.2010 © MAKING WAVES 53

13.10.2010 © MAKING WAVES 54

13.10.2010 © MAKING WAVES 55

Flere kalkulatorer Kjapp gjennomgang av andre kalkulatorer

13.10.2010 © MAKING WAVES 58

Jeg vil ha mer eyecandy! Frode Drønen, Sparebanken Vest

“

Valutakalkulator (før styling)

13.10.2010 © MAKING WAVES 59

Valutakalkulator (etter styling)

13.10.2010 © MAKING WAVES 60

Rike skjemaer

13.10.2010 © MAKING WAVES 64

Nettbank transaksjonsdelen

13.10.2010 © MAKING WAVES 68

13.10.2010 © MAKING WAVES 69

Konklusjon: Blir banken rikere?

13.10.2010 © MAKING WAVES 70

Kundetilfredshetsmåling (etter alder)

71

Kundetilfredshetsmåling (etter alder)

72

Kundetilfredshetsmåling (etter alder)

73

74

Ordanalyse. Fritekst i spørreundersøkelse.

• Sparebanken Vest har opplevd en stor økning i antall skjemaer som blir sendt inn som følge av disse kalkulatorene og som følge av alle steder i løsningen som har tydelige handlingsvalg.

• Vi har fått inn noe statistikk så langt og det tyder på at antall skjemaer som blir sendt inn til kundeservice har økt med ...

Visuelle kalkulatorer og enklere skjemaer

gjør banken rikere!

13.10.2010 © MAKING WAVES 75

Antall innsendte skjemaer har økt med…

Har spv.no blitt bedre?

13.10.2010 © MAKING WAVES 78