mobile day 2015 - why screen design is the second - not the first step in app design - human...
TRANSCRIPT
![Page 1: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/1.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/4.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/5.jpg)
![Page 6: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/6.jpg)
COMFORT
![Page 7: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/7.jpg)
![Page 8: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/8.jpg)
???
?
![Page 9: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/9.jpg)
![Page 10: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/10.jpg)
![Page 11: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/12.jpg)
![Page 13: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/13.jpg)
![Page 14: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/14.jpg)
![Page 15: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/15.jpg)
![Page 16: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/16.jpg)
![Page 17: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/17.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/18.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/19.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/20.jpg)
![Page 21: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/21.jpg)
![Page 22: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/22.jpg)
![Page 23: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/23.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/24.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/25.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/26.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/27.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/28.jpg)
SINGLE OR RETURN?
![Page 29: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/29.jpg)
PROCESSING
![Page 30: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/30.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/31.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/32.jpg)
![Page 33: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/33.jpg)
![Page 34: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/34.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/35.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/36.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/37.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/38.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/39.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/40.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/41.jpg)
![Page 42: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/42.jpg)
![Page 43: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/43.jpg)
![Page 44: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/44.jpg)
![Page 45: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/45.jpg)
![Page 46: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/46.jpg)
![Page 47: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/47.jpg)
![Page 48: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/48.jpg)
![Page 49: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/49.jpg)
![Page 50: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/50.jpg)
![Page 51: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/51.jpg)
![Page 52: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/52.jpg)
![Page 53: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/53.jpg)
![Page 54: Mobile Day 2015 - Why screen design is the second - not the first step in app design - Human Interface Group](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/54.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/55.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/56.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030304/587855f81a28ab68198b7371/html5/thumbnails/57.jpg)
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