Does a rich GUI make the bank richer?

61

description

Haakon Halvorsen and Kjetil Hansens presentation from our talk at EuroIA in Prague at 23th september 2011. The presentation is a case study of Sparebanken Vest redesign.

Transcript of Does a rich GUI make the bank richer?

Page 1: Does a rich GUI make the bank richer?
Page 2: Does a rich GUI make the bank richer?

Does a rich GUI make the bank richer?Haakon Halvorsen and Kjetil Hansen

/ Making Waves

10.04.2023 © MAKING WAVES 2

Page 3: Does a rich GUI make the bank richer?

• Sparebanken Vest is the third largest, and second oldest bank.

• The old website did not support the bank's business goals.• The old graphic design did not evoke the special "western

Norway feeling”.• More than half of the bank’s 240.000 customers do their

online banking 6 times a month on average!

About the client / bank:

10.04.2023 © MAKING WAVES 3

Page 4: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 4

?

+

BORIN

G!

COMPLICATED!

Page 5: Does a rich GUI make the bank richer?

Banking is fun!

Page 6: Does a rich GUI make the bank richer?

«Call to Action»

Page 7: Does a rich GUI make the bank richer?

More eyecandy!

Page 8: Does a rich GUI make the bank richer?

Image-use and layout

10.04.2023 © MAKING WAVES 8

Page 9: Does a rich GUI make the bank richer?
Page 10: Does a rich GUI make the bank richer?

10

Page 11: Does a rich GUI make the bank richer?

Genuine and from the west coast

10.04.2023 © MAKING WAVES 11

Page 12: Does a rich GUI make the bank richer?

Superwidescreen

10.04.2023 © MAKING WAVES 12

Page 13: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 13

Page 14: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 14

Page 15: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 15

Page 16: Does a rich GUI make the bank richer?
Page 17: Does a rich GUI make the bank richer?
Page 18: Does a rich GUI make the bank richer?

Rich interface after login

Page 19: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 20

Page 20: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 21

Page 21: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 22

Page 22: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 23

Page 23: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 29

Video: logged in services

Page 24: Does a rich GUI make the bank richer?

Car loan calculator- detailed process

10.04.2023 © MAKING WAVES 30

Page 25: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 31

Page 26: Does a rich GUI make the bank richer?

A

B

C

D

Page 27: Does a rich GUI make the bank richer?

A

B

C

Page 28: Does a rich GUI make the bank richer?
Page 29: Does a rich GUI make the bank richer?
Page 30: Does a rich GUI make the bank richer?

Slider (eksempel fra annen nettside)

10.04.2023 © MAKING WAVES 36

Page 31: Does a rich GUI make the bank richer?

The SUPERstepper!

10.04.2023 © MAKING WAVES 37

Steps Input Big steps / Hold to fast-forward

Page 32: Does a rich GUI make the bank richer?

The SUPERstepper!

10.04.2023 © MAKING WAVES 38

Steps Input Big steps / Hold to fast-forward

Page 33: Does a rich GUI make the bank richer?
Page 34: Does a rich GUI make the bank richer?
Page 35: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 41

Page 36: Does a rich GUI make the bank richer?

“Call-to-action”Distinct calls to action and quick access to forms are essential to a good-flowing solution.

10.04.2023 © MAKING WAVES 42

Page 37: Does a rich GUI make the bank richer?

t

10.04.2023 © MAKING WAVES 43

Page 38: Does a rich GUI make the bank richer?
Page 39: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 45

Page 40: Does a rich GUI make the bank richer?

10.04.2023© MAKING WAVES46

Page 41: Does a rich GUI make the bank richer?

More calculators, more eyecandy!A quick walkthrough of other calculators

Page 42: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 48

I want more eyecandy!Frode Drønen, Sparebanken Vest“

Page 43: Does a rich GUI make the bank richer?

Currency calculator (post-styling)

10.04.2023 © MAKING WAVES 49

Page 44: Does a rich GUI make the bank richer?
Page 45: Does a rich GUI make the bank richer?
Page 46: Does a rich GUI make the bank richer?

Rich-interaction forms

Page 47: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 53

Page 48: Does a rich GUI make the bank richer?
Page 49: Does a rich GUI make the bank richer?
Page 50: Does a rich GUI make the bank richer?

Conclusion:Does the bank get richer?

10.04.2023 © MAKING WAVES 56

Page 51: Does a rich GUI make the bank richer?

Customer satisfaction score (by age)

57

Under 25 Y.O.

25-29 Y.O.

30-34 Y.O.

35-39 Y.O.

40-49 Y.O.

50-59 Y.O.

60 Y.O. or older

KTI 79.825436408977

6

76.277777777777

7

77.760683760683

7

76.077097505668

9

80.364025695931

5

81.076076076076

2

82.901234567901

2

5

25

45

65

85

Page 52: Does a rich GUI make the bank richer?

Customer satisfaction score (by age)

58

Under 25 Y.O.

25-29 Y.O.

30-34 Y.O.

35-39 Y.O.

40-49 Y.O.

50-59 Y.O.

60 Y.O. or older

KTI 79.825436408977

6

76.277777777777

7

77.760683760683

7

76.077097505668

9

80.364025695931

5

81.076076076076

2

82.901234567901

2

5

25

45

65

85

Haakon Halvorsen
vi ser at de yngre brukerne kanskje etterspør flere tjenester som iphone og SMS bank før de har ideell nettbank, mens de eldre er veldig fornøyde med: Større skrift, oversiktlighet, lett å finne frem.
Page 53: Does a rich GUI make the bank richer?

Customer satisfaction score (by age)

59

Under 25 Y.O.

25-29 Y.O.

30-34 Y.O.

35-39 Y.O.

40-49 Y.O.

50-59 Y.O.

60 Y.O. or older

KTI 79.825436408977

6

76.277777777777

7

77.760683760683

7

76.077097505668

9

80.364025695931

5

81.076076076076

2

82.901234567901

2

73

75

77

79

81

83

Haakon Halvorsen
vi ser at de yngre brukerne kanskje etterspør flere tjenester som iphone og SMS bank før de har ideell nettbank, mens de eldre er veldig fornøyde med: Større skrift, oversiktlighet, lett å finne frem.
Page 54: Does a rich GUI make the bank richer?

60

Word analysis. Freetext questionaire

Overview

BetterFindable

Page 55: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 61

Breaking news! Results from yesterday.

Findable

Overview

Better

Page 56: Does a rich GUI make the bank richer?

The number of application forms received has increased by...

Page 57: Does a rich GUI make the bank richer?

Better! Worse!

Has the website improved?

Page 58: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 64

Breaking news: How probable is it that you remain at Sparebanken Vest?

«Likely» or «highly likely»

85,9%

Page 59: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 65

The website received two diplomas (2nd place); for best usability at Rosingprisen 2011 and Best Big Website at Gulltaggen 2011. These two awards are the most prestigious prizes we have in Norway.

Page 60: Does a rich GUI make the bank richer?

10.04.2023 © MAKING WAVES 66

Page 61: Does a rich GUI make the bank richer?

Contact information  Haakon HalvorsenManager Experience Research [email protected]: +47 992 96 717twitter: @haakonha