+ All Categories
Home > Mobile > Mobile Day 2015 - Why screen design is the second -not the first- step in app design

Mobile Day 2015 - Why screen design is the second -not the first- step in app design

Date post: 11-Feb-2017
Category:
Upload: human-interface-group
View: 391 times
Download: 3 times
Share this document with a friend
57
Why screen design is the second - not the first - step in app design Tommy De Kimpe, UX Expert
Transcript
Page 1: Mobile Day 2015 - 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 design Tommy De Kimpe, UX Expert

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

APP LAUNCH

APP CRASH

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

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

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
Page 6: Mobile Day 2015 - Why screen design is the second -not the first- step in app design

COMFORT

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

???

?

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

WE NEED AN APP!

Page 12: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 13: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 14: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 15: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 16: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 17: Mobile Day 2015 - 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: Mobile Day 2015 - 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: Mobile Day 2015 - Why screen design is the second -not the first- step in app design

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
Page 21: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 22: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 23: Mobile Day 2015 - Why screen design is the second -not the first- step in app design

HERE WE GO AGAIN…

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

VERIFICATION NUMBER IN THE APP

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

CAN I SEE YOUR eID PLEASE?

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

WHAT’S YOUR BIRTHDAY?

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

WHAT’S YOUR DESTINATION?

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

ONE WAY OR RETURN?

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

PROCESSING

Page 30: Mobile Day 2015 - 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: Mobile Day 2015 - Why screen design is the second -not the first- step in app design

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
Page 33: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 34: Mobile Day 2015 - 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: Mobile Day 2015 - Why screen design is the second -not the first- step in app design

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

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

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

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

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

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
Page 42: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 43: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 44: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 45: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 46: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 47: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 48: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 49: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 50: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 51: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 52: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 53: Mobile Day 2015 - Why screen design is the second -not the first- step in app design
Page 54: Mobile Day 2015 - 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: Mobile Day 2015 - Why screen design is the second -not the first- step in app design

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

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

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


Recommended