The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske...

63
1

Transcript of The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske...

Page 1: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

1

Page 2: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

The Case: Danske Bank

Biggest bank in Denmark:–Founded in 1871

–2.2 mill customers

–300 branches

2

–6,000 employees in DK

–20,000 in Northern Europe

–Operating in 15 countries

Page 3: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Goals of the Project

Make the first and best mobile bank in Denmark

Success criteria: –10,000 downloads

–5 enquiries

Core values: –Expertise

–Integrity

–Value creation

–Commitment

–Availability3

Page 4: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

User demands

4

Page 5: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Case Characteristics

Well known topic –Private basic banking

–4 mill. do online banking

Functionality well defined–View accounts

–View transactions

–Pay bills

–Transfer money

–Contact

–Currency5

Existing service–Online banking (2000)

–Mobile banking (2003)

Two platforms–iPhone

–Android

Agile development–SCRUM

Page 6: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

6

Page 7: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

6

Page 8: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

6

Page 9: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

6

Page 10: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

6

Page 11: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

6

Page 12: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

6

Page 13: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

How do we test under an NDA?

6

Page 14: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

How do we test under an NDA?

6

Page 15: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

How do we test under an NDA?

How do we test when we can’t test “live”?

6

Page 16: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

How do we test under an NDA?

How do we test when we can’t test “live”?

6

Page 17: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Challenges

Are use patterns and user needs the same on a different platform?

Can we make use of the new platform when a lot of the functionality is fixed?

How to avoid designers delaying developers?

How do we test under an NDA?

How do we test when we can’t test “live”?

Fixed release date6

Page 18: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

SCRUM process

Estimating: Proof of Concept

Product backlog: Making it reflect UX

Sprint: Working separately on UX

Roles: How clear roles help UX

Product owner & user stories: Prioritising UX

Testing: When to start testing UX

7

Page 19: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Sprint meeting

Sprint review:

–Review the work done

–Demo

Clarifications and alignment

Sprint retrospective

Sprint Planning:

–Decide the work to be done

–Make a sprint backlog8

Page 20: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Time Planning Example

9

Design Clarify, correct Test - iPhone Test - Android

Development iPhone

Development Android

Test - iPhone

Test - Android

Apple

Core tehnology, backend etc. Test - Backend

2 week sprint

Kickoff Deadline

Page 21: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Proof of Concept (POC)

Three basic work flows–Log on

–Account overview

–Currency calculator

10

2,5 months

Timeboxed

Design included

Page 22: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

User Needs

11

Page 23: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

User Needs

Use patterns (online & mobile)–1.2 mill customers on online banking

–7.5 mill logons per month

–Loads of detailed numbers on actual use

11

Page 24: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

User Needs

Use patterns (online & mobile)–1.2 mill customers on online banking

–7.5 mill logons per month

–Loads of detailed numbers on actual use

11

Page 25: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

User Needs

Use patterns (online & mobile)–1.2 mill customers on online banking

–7.5 mill logons per month

–Loads of detailed numbers on actual use

Survey: 70+% want to use mobile banking daily–51% to view account balance

–40% to transfer money

–32% to pay bills

–31% to see transactions

11

Page 26: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

User Hindrances

“But what about security??”

12

37% worry about the security of a mobile bank app

Two factor login based on:–Social security

–4-digit service code

–NemID (Danish paper based security solution)

Page 27: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

The Design Process

13

Page 28: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

The Design Process

13

Sketching

Page 29: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

The Design Process

13

Sketching Wireframing

Page 30: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

The Design Process

13

Sketching Wireframing Graphics

Page 31: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Design Versions

14

Page 32: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Design Versions

14

Page 33: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Design Versions

14

Page 34: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Design Versions

14

Page 35: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Design Versions

14

Page 36: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Making Use of the Platform

15

Page 37: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Making Use of the Platform

GPS

15

Page 38: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Making Use of the Platform

GPS

15

Camera

Page 39: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Making Use of the Platform

GPS

15

CameraMobility

Page 40: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Testing Challenges

NDAs–Secret due to competition

–The surprise element

–Control the publication

Security issues–Live data not possible

–Jeopardising customers finances

–Risking the business’s economy and reputation

16

But how do we test then??

Page 41: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Working Around the NDA

Continuous testing every sprint

Internal testers (app. 50)

Time dedicated to testing

Test cases

Automatic tests

Heuristic inspection17

Page 42: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Working Around Security

Test environment–Dummy data

–Available from everywhere

System environment–Real data, but not live

–Available only in the bank

Production environment–Real live data

–Available everywhere, to everyone!

18

Page 43: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Feedback system

What (headline)?

Which platform?

Which version of the app?

Who should deal with it?

Description

Attachments –Screens

–Pictures

–Documents

19

Page 44: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Timeline

Jan - Mar 2010: Proof of Concept

May - Sept 2010: Basic banking

Sept - Dec 2010: Pay bills by camera

Jan - May 2011: Investment

June - Nov 2011: iPad banking

20

Page 45: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Timeline

Jan - Mar 2010: Proof of Concept

May - Sept 2010: Basic banking

Sept - Dec 2010: Pay bills by camera

Jan - May 2011: Investment

June - Nov 2011: iPad banking

20

Page 46: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Crowd sourcing & Social Media

Facebook idea bank–263 ideas

–3,109 votes

21

Page 47: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Crowd sourcing & Social Media

Facebook idea bank–263 ideas

–3,109 votes

21

Page 48: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Crowd sourcing & Social Media

Facebook idea bank–263 ideas

–3,109 votes

21

iPad–105 ideas

–897 votes

Page 49: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Crowd sourcing & Social Media

Facebook idea bank–263 ideas

–3,109 votes

21

iPad–105 ideas

–897 votes

Page 50: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

How Did It Go?

22

Page 51: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

How Did It Go?

Success Criteria:–10,000 downloads

–5 enquiries

22

Page 52: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

How Did It Go?

Success Criteria:–10,000 downloads

–5 enquiries

Actual:–335,000 downloads

–3000+ new customers

–50,000 daily users (14%)

–200,000 transactions (5%)

22

Page 53: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 54: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 55: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 56: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 57: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 58: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 59: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 60: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 61: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 62: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Press and Rating

23

Page 63: The Case: Danske Bankjaoo.dk/dl/goto-aarhus-2011/slides/JanneJulJensen_UIInAn...The Case: Danske Bank Biggest bank in Denmark: –Founded in 1871 –2.2 mill customers –300 branches

Thank You for Your Attention!

24