![Page 1: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/1.jpg)
Blir banken rikere av rikt grensesnitt? Haakon Halvorsen og Kjetil Hansen
/ Making Waves
Yggdrasil 2010
12. Oktober
13.10.2010 © MAKING WAVES 1
![Page 2: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/2.jpg)
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
![Page 3: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/3.jpg)
Teamet
13.10.2010 © MAKING WAVES 3
Haakon Halvorsen Fredrik Paasche Kjetil Hansen
Frode Drønen, Sparebanken Vest
![Page 4: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/4.jpg)
Bank er gøy!
![Page 5: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/5.jpg)
«Call to Action»
![Page 6: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/6.jpg)
Mer eyecandy!
![Page 7: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/7.jpg)
Bildebruk og layout
13.10.2010 © MAKING WAVES 7
![Page 8: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/8.jpg)
![Page 9: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/9.jpg)
9
![Page 10: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/10.jpg)
Ekte og vestlandsk
13.10.2010 © MAKING WAVES 10
![Page 11: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/11.jpg)
Superwidescreen
13.10.2010 © MAKING WAVES 11
![Page 12: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/12.jpg)
13.10.2010 © MAKING WAVES 12
![Page 13: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/13.jpg)
13.10.2010 © MAKING WAVES 13
![Page 14: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/14.jpg)
13.10.2010 © MAKING WAVES 14
![Page 15: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/15.jpg)
![Page 16: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/16.jpg)
![Page 17: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/17.jpg)
Konsept: “Samtalefelt”
![Page 18: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/18.jpg)
![Page 19: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/19.jpg)
13.10.2010 © MAKING WAVES 19
![Page 20: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/20.jpg)
13.10.2010 © MAKING WAVES 20
![Page 21: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/21.jpg)
13.10.2010 © MAKING WAVES 22
![Page 22: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/22.jpg)
13.10.2010 © MAKING WAVES 23
![Page 23: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/23.jpg)
Nettbank RIA
![Page 24: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/24.jpg)
Vi viser sluttresultatet først… Se: https://www.spv.no/hjelp/demovideoer/nyheter-i-nettbanken/
13.10.2010 © MAKING WAVES 25
![Page 25: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/25.jpg)
![Page 26: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/26.jpg)
13.10.2010 © MAKING WAVES 28
![Page 27: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/27.jpg)
13.10.2010 © MAKING WAVES 29
![Page 28: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/28.jpg)
13.10.2010 © MAKING WAVES 30
![Page 29: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/29.jpg)
13.10.2010 © MAKING WAVES 31
![Page 30: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/30.jpg)
![Page 31: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/31.jpg)
13.10.2010 © MAKING WAVES 33
![Page 32: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/32.jpg)
13.10.2010 © MAKING WAVES 34
![Page 33: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/33.jpg)
13.10.2010 © MAKING WAVES 35
![Page 34: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/34.jpg)
13.10.2010 © MAKING WAVES 36
![Page 35: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/35.jpg)
13.10.2010 © MAKING WAVES 37
![Page 36: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/36.jpg)
13.10.2010 © MAKING WAVES 38
![Page 37: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/37.jpg)
Billånskalkulatoren - detaljert designprosess
13.10.2010 © MAKING WAVES 40
![Page 38: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/38.jpg)
13.10.2010 © MAKING WAVES 41
![Page 39: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/39.jpg)
A
B
![Page 40: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/40.jpg)
A
![Page 41: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/41.jpg)
![Page 42: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/42.jpg)
![Page 43: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/43.jpg)
![Page 44: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/44.jpg)
![Page 45: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/45.jpg)
Slider (eksempel fra annen nettside)
13.10.2010 © MAKING WAVES 48
![Page 46: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/46.jpg)
13.10.2010 © MAKING WAVES 49
![Page 47: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/47.jpg)
13.10.2010 © MAKING WAVES 50
![Page 48: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/48.jpg)
SUPERstepperen!
13.10.2010 © MAKING WAVES 51
Steg Input Store steg / Spoling (hold inne)
![Page 49: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/49.jpg)
“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
![Page 50: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/50.jpg)
t
13.10.2010 © MAKING WAVES 53
![Page 51: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/51.jpg)
13.10.2010 © MAKING WAVES 54
![Page 52: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/52.jpg)
13.10.2010 © MAKING WAVES 55
![Page 53: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/53.jpg)
Flere kalkulatorer Kjapp gjennomgang av andre kalkulatorer
![Page 54: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/54.jpg)
13.10.2010 © MAKING WAVES 58
Jeg vil ha mer eyecandy! Frode Drønen, Sparebanken Vest
“
![Page 55: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/55.jpg)
Valutakalkulator (før styling)
13.10.2010 © MAKING WAVES 59
![Page 56: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/56.jpg)
Valutakalkulator (etter styling)
13.10.2010 © MAKING WAVES 60
![Page 57: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/57.jpg)
![Page 58: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/58.jpg)
![Page 59: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/59.jpg)
Rike skjemaer
![Page 60: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/60.jpg)
13.10.2010 © MAKING WAVES 64
![Page 61: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/61.jpg)
![Page 62: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/62.jpg)
![Page 63: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/63.jpg)
Nettbank transaksjonsdelen
![Page 64: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/64.jpg)
13.10.2010 © MAKING WAVES 68
![Page 65: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/65.jpg)
13.10.2010 © MAKING WAVES 69
![Page 66: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/66.jpg)
Konklusjon: Blir banken rikere?
13.10.2010 © MAKING WAVES 70
![Page 67: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/67.jpg)
Kundetilfredshetsmåling (etter alder)
71
![Page 68: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/68.jpg)
Kundetilfredshetsmåling (etter alder)
72
![Page 69: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/69.jpg)
Kundetilfredshetsmåling (etter alder)
73
![Page 70: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/70.jpg)
74
Ordanalyse. Fritekst i spørreundersøkelse.
![Page 71: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/71.jpg)
• 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
![Page 72: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/72.jpg)
Antall innsendte skjemaer har økt med…
![Page 73: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/73.jpg)
Har spv.no blitt bedre?
![Page 74: Yggdrasil2010: Blir banken rikere av rikt grensesnitt?](https://reader033.vdocuments.pub/reader033/viewer/2022042816/5593e24b1a28ab1e598b4611/html5/thumbnails/74.jpg)
13.10.2010 © MAKING WAVES 78