mobile day 2015 - why screen design is the second - not the first step in app design - human...

57
Why screen design is the second - not the first - step in app design Tommy De Kimpe, UX Expert

Upload: bloovi

Post on 13-Jan-2017

1.090 views

Category:

Marketing


0 download

TRANSCRIPT

Page 1: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

Why screen design is the second - not the first - step in app design Tommy De Kimpe, UX Expert

Page 2: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

APP LAUNCH

APP CRASH

Page 3: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION

UX Framework

© Human Interface Group

Page 4: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

Product/Service

Wants

Needs

Fears

Customer

Strategy

Benefits Features Experience

Value Proposition

© Human Interface Group

Page 5: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 6: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

COMFORT

Page 7: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 8: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

???

?

Page 9: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 10: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 11: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

WE NEED AN APP!

Page 12: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 13: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 14: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 15: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 16: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 17: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

1. How can we provide comfort? 2. How can the app play a role in that?

WHERE IS THE COMFORT?

Page 18: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

VALUE PROPOSITION

© Human Interface Group

Define the value you’re offering

1 st  

Page 19: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION

UX Framework

© Human Interface Group

Page 20: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 21: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 22: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 23: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

HERE WE GO AGAIN…

Page 24: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

SHOW ME YOUR VERIFICATION NUMBER IN YOUR APP

Page 25: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

CAN I SEE YOUR eID PLEASE?

Page 26: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

WHAT’S YOUR BIRTHDAY?

Page 27: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

WHAT’S YOUR DESTINATION?

Page 28: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

SINGLE OR RETURN?

Page 29: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

PROCESSING

Page 30: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

LATEST TECHNOLOGY - QR

WHAT HAPPENED? HOW DID THIS GO FROM GREAT TO LOUSY?

OTHER GREAT APPS

USER TESTING – A BABY CAN DO IT

Page 31: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

ENTIRE CUSTOMER JOURNEY ALL TOUCHPOINTS ARE IMPORTANT

INFORMATION – WEB & APP

LADY BEHIND THE COUNTER

TRAIN ATTENDANT

Page 32: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 33: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 34: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

CUSTOMER JOURNEY

© Human Interface Group

Map the entire customer journey

1 st  

Page 35: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION

UX Framework

© Human Interface Group

Page 36: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

Design vision

USABILITY PRINCIPLES

DESIGN DESIGN PRINCIPLES

© Human Interface Group

Page 37: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

BASED ON HOW PEOPLE

Feel

Think

Hear See

Interact Behave

Usability principles

© Human Interface Group

Page 38: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

Usability principles

“People process information better in chunks”

“People are lazy, they go for good enough”

© Human Interface Group

Page 39: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

1. People are motivated by mastery and control

User in control

2. People are motivated by progress Time is money

3. People use look and feel as their first indicator of trust

100% secure

Page 40: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

COMFORT vs. SECURITY “HOW CAN I LOG OUT?”

Page 41: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 42: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 43: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 44: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 45: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 46: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 47: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 48: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 49: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 50: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 51: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 52: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 53: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group
Page 54: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

DESIGN VISION

© Human Interface Group

Create your own design vision 1

st  

Do not copy from the giants

Page 55: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION

UX Framework

© Human Interface Group

Page 56: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

4 THINGS TO TAKE AWAY

4. Make better design decisions Use a UX Framework

1. We need an app is not a strategy Link your app to your value proposition

2. It is a fine line between great and lousy Map the entire customer journey

3. Giants smell Create your own design vision

Page 57: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group

Contact us Tommy De Kimpe UX Expert & Project Manager [email protected] +32 (0)15 40 01 38 Human Interface Group De Regenboog 11 2800 Mechelen Belgium www.higroup.com

Follow us

Human Interface Group

@higroup

Human Interface Group

Thank you