vigc academy
TRANSCRIPT
![Page 1: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/1.jpg)
Usability - Veel bezoekers, weinig klanten? VIGC Academy – 12.5.2016
![Page 2: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/2.jpg)
![Page 3: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/3.jpg)
![Page 4: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/4.jpg)
![Page 5: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/5.jpg)
![Page 6: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/6.jpg)
![Page 7: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/7.jpg)
Goals of this session
• Introduce a User Experience framework
• Learn how to do usability tests
![Page 8: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/8.jpg)
![Page 9: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/9.jpg)
User Experience Framework
![Page 10: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/10.jpg)
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CANVAS CUSTOMER INSIGHT MAP
![Page 11: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/11.jpg)
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
![Page 12: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/12.jpg)
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
![Page 13: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/13.jpg)
“Nobody cares about your product or service like you do” Paul Boag – UX Consultant/Author/Speaker
![Page 14: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/14.jpg)
h"p://bit.ly/1SsEYFf
![Page 15: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/15.jpg)
![Page 16: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/16.jpg)
“We zullen internet zijn. Of we zullen niet zijn”
Philippe Neyt Commercial Director
“To be or not to be”
Focus on your business goals (aka don’t copy the giants)
![Page 17: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/17.jpg)
![Page 18: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/18.jpg)
Business goals • Easy to understand form
• 100% correct pricing
• Minimum abandon rate
User needs • Attractive price
• Guarantees
• Customer service
• Subscribe directly online
![Page 19: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/19.jpg)
10 times more online contracts than expected
![Page 20: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/20.jpg)
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
![Page 21: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/21.jpg)
![Page 22: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/22.jpg)
![Page 23: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/23.jpg)
![Page 24: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/24.jpg)
![Page 25: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/25.jpg)
![Page 26: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/26.jpg)
![Page 27: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/27.jpg)
![Page 28: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/28.jpg)
![Page 29: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/29.jpg)
![Page 30: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/30.jpg)
![Page 31: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/31.jpg)
![Page 32: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/32.jpg)
![Page 33: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/33.jpg)
![Page 34: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/34.jpg)
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
![Page 35: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/35.jpg)
Service: Date:Created by:
Who is / will be involved in delivering the service?Who are / will be the key partners, suppliers and stakeholders?
Through which channels (e.g. online, mobile, telephone, shop) is / should the service be available?Which channels are most cost effective?Which channels are users like to favour?
Which key activities are required to deliver the service?What resources are required for those activities?Which are the most important activities?
How will the service deliver an ROI?What are the costs vs the benefits?How can the service be delivered more cost effectively?
How should / do users use the service?How frequently is / will the service be used?
Why would someone use the service?What value does the service bring?
Who are / will be the service users?Who are the most important users?
What current challenges exist?What challenges do you foresee in the future?
What other similar services are available?Who are the key competitors?What other options do users have?
Which KPIs are / can be used to track the performance of the service?What are the key KPIs?
USERS SERVICE DELIVERY PERFORMANCE
RISKS
1. Users 2. Service proposition 5. Actors 6. Key activities 9. ROI
3. Channels 4. Usage
7. Challenges 8. Competitors
10. KPIs
www.uxforthemasses.com
h"p://www.uxforthemasses.com/updated-service-model-canvas/
![Page 36: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/36.jpg)
Organize stakeholder workshops
![Page 37: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/37.jpg)
![Page 38: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/38.jpg)
![Page 39: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/39.jpg)
![Page 40: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/40.jpg)
TRUST THE PROCESS
![Page 41: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/41.jpg)
VALUE PROPOSITION CANVAS CRITICAL SUCCESS FACTORS
1. Value Proposition: Match business goals with
user needs
2. Product/Service: UX comes 1st, technology &
features 2nd
3. Customers: use a product/service model
canvas
![Page 42: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/42.jpg)
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CUSTOMER INSIGHT MAP
![Page 43: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/43.jpg)
Activities &
Tasks
VALUE PROPOSITION
Technology &
Location
Behavior &
Emotion
ROLES
Customer insight map
Customer
Experience
Data &
Information
![Page 44: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/44.jpg)
Activities &
Tasks
VALUE PROPOSITION
Technology &
Location
Behavior &
Emotion
ROLES
Customer insight map
Customer
Experience
Data &
Information
![Page 45: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/45.jpg)
Silicon Valley’s Youth Problem
![Page 46: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/46.jpg)
http://bit.ly/1LZHgfA
![Page 47: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/47.jpg)
![Page 48: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/48.jpg)
Service safari
![Page 49: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/49.jpg)
![Page 50: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/50.jpg)
![Page 51: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/51.jpg)
![Page 52: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/52.jpg)
Activities &
Tasks
VALUE PROPOSITION
Technology &
Location
Behavior &
Emotion
ROLES
Customer insight map
Customer
Experience
Data &
Information
![Page 53: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/53.jpg)
No?
Then it’s time to
GOOB
Do you have sufficient answers?
![Page 54: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/54.jpg)
Let's get out of this building…
![Page 55: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/55.jpg)
…and enter into the real world
![Page 56: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/56.jpg)
Meet customers
![Page 57: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/57.jpg)
![Page 58: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/58.jpg)
Do card sortings
![Page 59: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/59.jpg)
![Page 60: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/60.jpg)
CUSTOMER INSIGHT MAP CRITICAL SUCCESS FACTORS
1. Stay (or become) extremely well-informed
about what is happening in the world
2. Go on safari
3. GOOB
![Page 61: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/61.jpg)
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CUSTOMER INSIGHT MAP
![Page 62: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/62.jpg)
Customer journey
EXPERIENCE MAP
SERVICE BLUEPRINT
![Page 63: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/63.jpg)
![Page 64: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/64.jpg)
![Page 65: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/65.jpg)
![Page 66: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/66.jpg)
http://bit.ly/1NLh2bZ
![Page 67: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/67.jpg)
![Page 68: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/68.jpg)
![Page 69: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/69.jpg)
![Page 70: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/70.jpg)
http://bit.ly/1RmSB68
![Page 71: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/71.jpg)
![Page 72: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/72.jpg)
Service blueprint
![Page 73: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/73.jpg)
![Page 74: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/74.jpg)
![Page 75: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/75.jpg)
![Page 76: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/76.jpg)
![Page 77: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/77.jpg)
![Page 78: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/78.jpg)
![Page 79: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/79.jpg)
![Page 80: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/80.jpg)
![Page 81: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/81.jpg)
CUSTOMER JOURNEY CRITICAL SUCCESS FACTORS
1. Try to anticipate on what will happen, every
step of the way
2. Create an experience map and a service
blueprint
![Page 82: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/82.jpg)
![Page 83: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/83.jpg)
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CUSTOMER INSIGHT MAP
![Page 84: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/84.jpg)
h"p://www.higroup.com/wall/do-not-copy-giants
![Page 85: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/85.jpg)
Design vision
USABILITY PRINCIPLES
DESIGN DESIGN PRINCIPLES
![Page 86: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/86.jpg)
BASED ON HOW PEOPLE
Feel
Think
Hear See
Interact Behave
Usability principles
![Page 87: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/87.jpg)
Usability principles
Usability principles
Design theory UX research Project evidence
![Page 88: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/88.jpg)
Scientific foundation for design decisions and interaction design principles
The psychology of design how people see, read, remember, think, focus, interact, feel and decide
Design theory
Heuristic evaluation
Usability goals learnability, efficiency, memorability, errors and satisfaction
Design principles discoverability, feedback, affordances & signifiers, mapping and conceptual models
![Page 89: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/89.jpg)
Dr. Susan Weinschenk • Behavioral psychologist who has been working
in the field of design and user experience • ‘The Brain Lady’, who applies research on brain
science to predict, understand and explains what motivates people and how they behave
![Page 90: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/90.jpg)
Dr. Jakob ‘we know because we’ve seen it happen’ Nielsen • Established the "discount usability engineering"
movement for fast and cheap improvements of user interfaces
• Invented several usability methods, including heuristic evaluation
• Creator of Nielsen’s Alertbox, over 12 million page views per year
Widely regarded for his expertise in internet & intranet design.
![Page 91: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/91.jpg)
Dr. Donald Norman • Director of The Design Lab, University of California, San
Diego • Co-founder & consultant at Nielsen Norman Group
Widely regarded for his expertise in the fields of design, usability engineering and cognitive science.
![Page 92: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/92.jpg)
![Page 93: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/93.jpg)
![Page 94: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/94.jpg)
![Page 95: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/95.jpg)
![Page 96: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/96.jpg)
![Page 97: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/97.jpg)
![Page 98: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/98.jpg)
B = MAT Dr. B.J. Fogg, Director of the Persuasive Technology Lab at Stanford University
• In human speak: when you want a certain behavior from your customer (buying things), you need:
1. to have something that motivates him (attractive things he wants) 2. give him the ability to perform that action (a website) 3. provide a trigger that will entice him to take action (a voucher)
• Usability is an essential ingredient of the formula, in particular of the element ability. Ability without usability is a recipe for failure.
http://behaviormodel.org
• ‘A behavior (B) will occur when motivation (M), ability (A) and a trigger (T) are present at the same time and in sufficient degrees.’
![Page 99: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/99.jpg)
![Page 100: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/100.jpg)
UX research Examples, practices, inspiration, connecting dots,…
![Page 101: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/101.jpg)
h"ps://goo.gl/JADBMw
![Page 102: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/102.jpg)
h"ps://goo.gl/13sXo3
![Page 103: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/103.jpg)
• Not recognizable as such • “Help, they’re moving around” → auto-forwarding • Difficult to interact with
Source: Usability Geek - http://bit.ly/YNzTR1
CAROUSEL FAILURES
![Page 104: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/104.jpg)
![Page 105: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/105.jpg)
![Page 106: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/106.jpg)
![Page 107: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/107.jpg)
![Page 108: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/108.jpg)
![Page 109: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/109.jpg)
![Page 110: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/110.jpg)
![Page 111: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/111.jpg)
![Page 112: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/112.jpg)
![Page 113: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/113.jpg)
![Page 114: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/114.jpg)
1. Stick to a maximum of 4 frames 2. Show how many frames there are, and where the user is
within the “progression” 3. Use crisp-looking text and images 4. Be careful with auto-forward 5. Present in a creative & useful way
Source: Nielsen Norman Group - http://bit.ly/1ljtqav
CAROUSEL SUCCESS
![Page 115: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/115.jpg)
• Complex layout • Insufficient product information • Tiny product images • Absence of product videos • Poor customer service pages
Source: Usability Geek - http://bit.ly/YNzTR1
PRODUCT PAGE FAILURES
![Page 116: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/116.jpg)
![Page 117: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/117.jpg)
![Page 118: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/118.jpg)
![Page 119: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/119.jpg)
![Page 120: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/120.jpg)
![Page 121: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/121.jpg)
![Page 122: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/122.jpg)
![Page 123: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/123.jpg)
![Page 124: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/124.jpg)
![Page 125: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/125.jpg)
![Page 126: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/126.jpg)
![Page 127: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/127.jpg)
![Page 128: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/128.jpg)
![Page 129: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/129.jpg)
![Page 130: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/130.jpg)
![Page 131: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/131.jpg)
![Page 132: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/132.jpg)
![Page 133: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/133.jpg)
“On the homepage business can do what they like. But in the funnel, we’re calling the shots.” WillemWijnen–ChiefMarke1ng&E-commerceOfficeratTheS1ng
![Page 134: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/134.jpg)
![Page 135: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/135.jpg)
1. a recognizable layout: people have learned to use product pages on other websites, not on yours
2. elaborate product information: this is the only place on a website where you can unleash your inner writer – with moderation
3. very large product images: in a physical store you don’t decide on the quality of a product from 2 meters away either, do you?
A GOOD PRODUCT PAGE
![Page 136: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/136.jpg)
4. product videos: optional today, elementary in the near future
5. easy accessible customer support: easy to find, just like you expect from real-life shop assistants
6. a clear and simple call-to-action (‘add to bag’): how long are you willing to search for the cash register in a bricks-and-mortar store?
A GOOD PRODUCT PAGE
![Page 137: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/137.jpg)
Project evidence Experience from projects
![Page 138: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/138.jpg)
1. People are motivated by mastery, progress & control
• People love getting things done. It makes them feel they’re doing something useful.
• People love it when they can act autonomously. It gives them the feeling that they’re smart and powerful.
• People love choice. If you give them choice, they feel they're are in control - which they aren’t.
Usability principles
![Page 139: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/139.jpg)
2. People believe that things that are close together belong together
• If two items are close to each other, people assume they belong together.
Usability principles
![Page 140: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/140.jpg)
3. People search for cues that tell them what to do
• Modern, flat design trends have made this a lot worse.
• You’ll see people start helicoptering and hovering when they don’t get enough cues.
• On touch, they get completely lost.
Usability principles
![Page 141: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/141.jpg)
4. People scan screens based on past experiences and expectations
• People are lazy by nature. If no effort is required, no effort will be done.
• Look around and translate good experiences in your design.
• In the mind of a user, a website is a simple thing: • a logo • primary navigation • a search box • utilities • content • (that’s it)
Usability principles
![Page 142: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/142.jpg)
![Page 143: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/143.jpg)
![Page 144: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/144.jpg)
Design vision
USABILITY PRINCIPLES
DESIGN DESIGN PRINCIPLES
![Page 145: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/145.jpg)
1 2
3
Design principles
Principle
Principle
Principle
DESIGN
![Page 146: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/146.jpg)
Usability principles Design principles 1. People are motivated by
mastery, progress and control 1. Put the user in control
2. People believe things that are close together belong together
2. Make it simple and clear
3. People search for cues that tell them what to do
3. Don’t make me think
4. People scan screens based on previous experiences
4. Use common patterns
![Page 147: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/147.jpg)
1
2
4
Design principles
Put the user in control
Use common patterns
DESIGN
3 Make it simple
and clear Don’t make me
think
![Page 148: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/148.jpg)
![Page 149: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/149.jpg)
PEOPLE ARE MOTIVATED BY MASTERY, PROGRESS & CONTROL
![Page 150: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/150.jpg)
PEOPLE ARE MOTIVATED BY MASTERY, PROGRESS & CONTROL
![Page 151: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/151.jpg)
![Page 152: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/152.jpg)
PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
![Page 153: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/153.jpg)
PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
![Page 154: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/154.jpg)
PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
![Page 155: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/155.jpg)
DESIGN VISION CRITICAL SUCCESS FACTORS
1. Don’t start with sketching, unless you’re building
something really, really simple & straightforward 2. Familiarize yourself with design theory, UX
research and project evidence 3. Use usability & design principles to drive the
design process
![Page 156: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/156.jpg)
How to test
![Page 157: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/157.jpg)
Designing = visualising assumptions
Assumptions need to be investigated whether they are true (or not)
Testing ≈ Lean UX principle
![Page 158: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/158.jpg)
How to validate?
Quantitative tests Qualitative tests
What?
Prove
Statistically significant
Many users
Minimal interaction – A/B testing
Why?
Improve
What needs fixing
Few users
Interactive observation – live testing
![Page 159: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/159.jpg)
https://vwo.com/ab-testing/
A/B testing – what is it?
![Page 160: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/160.jpg)
https://vwo.com/ab-testing/
A/B testing – what can you test?
![Page 161: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/161.jpg)
![Page 162: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/162.jpg)
![Page 163: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/163.jpg)
![Page 164: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/164.jpg)
![Page 165: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/165.jpg)
![Page 166: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/166.jpg)
A/B TESTING CRITICAL SUCCESS FACTORS
1. Create well grounded UX-hypotheses
2. Focus on what drives conversion (home page,
landing page, product page, checkout, CtA’s,
banners, headlines,…)
3. Make it statistically significant (calculators)
4. Your A/B test must not kill UX
5. Don’t use it as an excuse to stop ‘GOOBing’
![Page 167: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/167.jpg)
USERS
Feel
Think
Hear See
Interact
Behave
Live testing
![Page 168: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/168.jpg)
Live testing
• With real representative users, in the user’s habitat • One-on-one • Using task-oriented test scripts • Via think aloud method
![Page 169: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/169.jpg)
When to test?
![Page 170: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/170.jpg)
How much testing?
5 = 80% 1 > 0
![Page 171: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/171.jpg)
Cold shower, anyone?
![Page 172: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/172.jpg)
Always keep in mind that…
You are NOT your average user
• Neither is your developer • Neither is any other member of your team
(or the company)
Test with REAL users
![Page 173: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/173.jpg)
“In my whole life, I have known no wise people (over a broad subject matter area) who didn't read all the time -- none, zero.” Charles Thomas Munger - American business magnate, lawyer, investor, and philanthropist.
![Page 174: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/174.jpg)
![Page 175: VIGC Academy](https://reader033.vdocuments.mx/reader033/viewer/2022042907/5899d74c1a28ab4a0b8b5c9f/html5/thumbnails/175.jpg)
Contact us De Regenboog 11 2800 Mechelen Belgium www.higroup.com +32 (0)15 40 01 38
Follow us
Human Interface Group
@higroup
Human Interface Group [email protected]
Thank you and good luck!