Why Screen Design is the Second – Not The First – Step in App Design

58
Why screen design is the second - not the first - step in app design Tommy De Kimpe, UX Expert @ UX Beers Antwerp 23/2/2016

Transcript of Why Screen Design is the Second – Not The First – Step in App Design

Page 1: Why Screen Design is the Second – Not The First – Step in App Design

Why screen design is the second - not the first - step in app designTommy De Kimpe, UX Expert @ UX Beers Antwerp 23/2/2016

Page 2: Why Screen Design is the Second – Not The First – Step in App Design

APP LAUNCH

APP CRASH

Page 3: Why Screen Design is the Second – Not The First – Step in App Design

CUSTOMER JOURNEY

DESIGN VISIONVALUE PROPOSITION

UX Framework

© Human Interface Group

Page 4: Why Screen Design is the Second – Not The First – Step in App Design

Product/Service

Wants

Needs

Fears

Customer

Strategy

Benefits Features Experience

Value Proposition

© Human Interface Group

Page 5: Why Screen Design is the Second – Not The First – Step in App Design
Page 6: Why Screen Design is the Second – Not The First – Step in App Design

COMFORT

Page 7: Why Screen Design is the Second – Not The First – Step in App Design
Page 8: Why Screen Design is the Second – Not The First – Step in App Design

???

?

Page 9: Why Screen Design is the Second – Not The First – Step in App Design
Page 10: Why Screen Design is the Second – Not The First – Step in App Design
Page 11: Why Screen Design is the Second – Not The First – Step in App Design

WE NEED AN APP!

Page 12: Why Screen Design is the Second – Not The First – Step in App Design
Page 13: Why Screen Design is the Second – Not The First – Step in App Design
Page 14: Why Screen Design is the Second – Not The First – Step in App Design
Page 15: Why Screen Design is the Second – Not The First – Step in App Design
Page 16: Why Screen Design is the Second – Not The First – Step in App Design
Page 17: Why Screen Design is the Second – Not The First – Step in App Design

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

WHERE IS THE COMFORT?

Page 18: Why Screen Design is the Second – Not The First – Step in App Design

VALUE PROPOSITION

© Human Interface Group

Define the value you’re offering

Page 19: Why Screen Design is the Second – Not The First – Step in App Design

CUSTOMER JOURNEY

DESIGN VISIONVALUE PROPOSITION

UX Framework

© Human Interface Group

Page 20: Why Screen Design is the Second – Not The First – Step in App Design
Page 21: Why Screen Design is the Second – Not The First – Step in App Design
Page 22: Why Screen Design is the Second – Not The First – Step in App Design
Page 23: Why Screen Design is the Second – Not The First – Step in App Design

HERE WE GO AGAIN…

Page 24: Why Screen Design is the Second – Not The First – Step in App Design

VERIFICATION NUMBER IN THE APP

Page 25: Why Screen Design is the Second – Not The First – Step in App Design

CAN I SEE YOUR eID PLEASE?

Page 26: Why Screen Design is the Second – Not The First – Step in App Design

WHAT’S YOUR BIRTHDAY?

Page 27: Why Screen Design is the Second – Not The First – Step in App Design

WHAT’S YOUR DESTINATION?

Page 28: Why Screen Design is the Second – Not The First – Step in App Design

ONE WAY OR RETURN?

Page 29: Why Screen Design is the Second – Not The First – Step in App Design

PROCESSING

Page 30: Why Screen Design is the Second – Not The First – Step in App Design

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: Why Screen Design is the Second – Not The First – Step in App Design

ENTIRE CUSTOMER JOURNEYALL TOUCHPOINTS ARE IMPORTANT

INFORMATION – WEB & APP

LADY BEHIND THE COUNTER

TRAIN ATTENDANT

Page 32: Why Screen Design is the Second – Not The First – Step in App Design
Page 33: Why Screen Design is the Second – Not The First – Step in App Design
Page 34: Why Screen Design is the Second – Not The First – Step in App Design

CUSTOMER JOURNEY

© Human Interface Group

Map the entire customer journey

Page 35: Why Screen Design is the Second – Not The First – Step in App Design

CUSTOMER JOURNEY

DESIGN VISIONVALUE PROPOSITION

UX Framework

© Human Interface Group

Page 36: Why Screen Design is the Second – Not The First – Step in App Design

Design vision

USABILITY PRINCIPLES

DESIGNDESIGN PRINCIPLES

© Human Interface Group

Page 37: Why Screen Design is the Second – Not The First – Step in App Design

BASED ON HOW PEOPLE

Feel

Think

HearSee

InteractBehave

Usability principles

© Human Interface Group

Page 38: Why Screen Design is the Second – Not The First – Step in App Design

Usability principles“People process

information better in chunks”

“People are lazy,they go for good

enough”

© Human Interface Group

Page 39: Why Screen Design is the Second – Not The First – Step in App Design

1.People are motivated by mastery and controlUser in control

2. People are motivated by progress

Time is money

3. People use look and feel as their first indicator of trust100% secure

Page 40: Why Screen Design is the Second – Not The First – Step in App Design

COMFORT vs. SECURITYHOW CAN I LOG OUT?

Page 41: Why Screen Design is the Second – Not The First – Step in App Design
Page 42: Why Screen Design is the Second – Not The First – Step in App Design
Page 43: Why Screen Design is the Second – Not The First – Step in App Design
Page 44: Why Screen Design is the Second – Not The First – Step in App Design
Page 45: Why Screen Design is the Second – Not The First – Step in App Design
Page 46: Why Screen Design is the Second – Not The First – Step in App Design
Page 47: Why Screen Design is the Second – Not The First – Step in App Design
Page 48: Why Screen Design is the Second – Not The First – Step in App Design
Page 49: Why Screen Design is the Second – Not The First – Step in App Design
Page 50: Why Screen Design is the Second – Not The First – Step in App Design
Page 51: Why Screen Design is the Second – Not The First – Step in App Design
Page 52: Why Screen Design is the Second – Not The First – Step in App Design
Page 53: Why Screen Design is the Second – Not The First – Step in App Design
Page 54: Why Screen Design is the Second – Not The First – Step in App Design

DESIGN VISION

© Human Interface Group

Create your own design vision

Do not copy from the giants

Page 55: Why Screen Design is the Second – Not The First – Step in App Design

CUSTOMER JOURNEY

DESIGN VISIONVALUE PROPOSITION

UX Framework

© Human Interface Group

Page 56: Why Screen Design is the Second – Not The First – Step in App Design

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 proposition2. It is a fine line between great and lousy Map the entire customer journey3. Giants smell Create your own design vision

Page 57: Why Screen Design is the Second – Not The First – Step in App Design

Contact usTommy De KimpeUX Expert & Project [email protected]+32 (0)15 40 01 38

Human Interface GroupDe Regenboog 112800 MechelenBelgiumwww.higroup.com

Follow usHuman Interface

Group

@higroup

Human Interface Group

WE ARE HIRINGDo you want to be a UX Consultant and join our team?

Find out more on www.higroup.com/jobs

Page 58: Why Screen Design is the Second – Not The First – Step in App Design

Contact usTommy De KimpeUX Expert & Project [email protected]+32 (0)15 40 01 38

Human Interface GroupDe Regenboog 112800 MechelenBelgiumwww.higroup.com

Follow usHuman Interface

Group

@higroup

Human Interface Group

Thank you