2. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Hello. Nice to meet you.
Terry Costantino
Principal
Usability Matters
Adie Margineanu
User Experience Designer
Usability Matters
3. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Agenda
The UX Process (5 min)
Project Model Canvas (10 min + 30 min + 5 min)
User Journey Map (10 min + 30 min + 5 min)
Launching into Design (15 min)
4. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
User experience
encompasses all aspects of
the end-user's interaction
with the company, its
services, and its products.
Nielsen Norman Group
http://www.nngroup.com/articles/definition-user-experience/
S E C T I O N 1
W H A T I S U X ?
5. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
How do you create a
great user experience?
S E C T I O N 1
W H A T I S U X ?
Development
Research
6. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
What, why, and for whom?S E C T I O N 1
W H A T I S U X ?
Development
Research
Technical
Considerations
Content
Strategy
7. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Introducing the project
model canvas
S E C T I O N 2
P R O J E C T M O D E L
Adapted from http://www.businessmodelgeneration.com/canvas/bmc
12. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Redesign the risk assessment tool to:
• Make it work well on devices of all sizes
(responsive)
• Add functionality that keeps visitors
engaged over time, such as goal setting and
tracking
• Upgrade infrastructure to support future
integration with other eTools
16. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
80% of Canadian adults with more than 1 risk factor
(~6 million Canadians aged 45-64)
Current Risk Assessment users:
• 2/3 of users are females
• Mean age close to 50 (middle-aged)
• Over half are college or university graduates
25. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Other projects:
• Upcoming “Heart Month” campaign
Fixed timeline:
• More to do than time will allow, need to prioritize
Establishing a shared process:
• Helping people from different organizations become one team
27. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Output:
• Personas
Inputs:
• Target audience
• Current RA users
Activities:
• Persona workshop
• Prototype testing
28. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Activity – 30 minutes
Brainstorm the “Users” portion of the
project model canvas.
1. Each team member quietly write 10 things they know
about the potential users of the proposed product (one
idea per stickie)
2. As a group, cluster the stickies so you can see overlaps
and distinctions.
3. See if one or more types of users emerge.
4. Add different colour stickies, or a warning symbol, to
identify unknowns or gaps in your knowledge of your
users.
S E C T I O N 2
P R O J E C T M O D E L
29. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Activity – Facilitators
Look for these folks around the room if
you need any feedback or help.
S E C T I O N 2
P R O J E C T M O D E L
Steven LeMay
User Experience Designer
Usability Matters
Sarah English
Principal
Usability Matters
31. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Great UX is not about
technology, it’s about
people.
Introducing the user
journey map.
S E C T I O N 3
J O U R N E Y M A P
32. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
What is a Journey Map?S E C T I O N 3
J O U R N E Y M A P
A visual map of the steps, stages and
touchpoints a person goes through
while interacting with your brand,
product or service…
33. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
When should I use it?S E C T I O N 3
J O U R N E Y M A P
When you need to explore and
understand the user’s current or future
experience in a holistic way.
34. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Meet Samir.
A retired 68 year old former smoker with
high cholesterol. He is contemplating
changing his lifestyle to reduce his risk of
heart disease.
Samir is fairly traditional and wants to
maintain a sense of control in his life. He
trusts his doctor’s advice and keeps asking
his wife to cook more fruits and vegetables
at home where he eats most meals.
S E C T I O N 3
J O U R N E Y M A P
37. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
http://www.donovanjames.com/wp-content/uploads/2013/02/Customer-Journey_V6-01-James-
Donovans-conflicted-copy-2013-02-24-1024x669.jpg
38. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Activity – 30 minutes
Draft a user journey map.
1. Choose one target user and one goal
2. Use stickies to map out the user journey to
achieving that goal
3. Use stickies (colour-coded, if possible) to identify
what the user is thinking, feeling, and doing at each
point in the journey
4. Identify unknowns in a different colour marker or
stickie.
S E C T I O N 3
J O U R N E Y M A P
40. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
S E C T I O N 4
W H A T ’ S N E X T
Image Credit: https://www.flickr.com/photos/photos_by_tammy/
219627928/in/photostream/
41. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Creating a great UX
Development
Research
S E C T I O N 4
W H A T ’ S N E X T
42. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Development
ResearchHow will the UX unfold?
Content
Creation
S E C T I O N 4
W H A T ’ S N E X T
43. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Generating and evaluating
Development
Research
S E C T I O N 4
W H A T ’ S N E X T
44. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Design considerations:
What devices / sizes are you designing
for?
What level of accessibility is appropriate
for your product?
How will information be collected, used,
stored and protected?
What design tools will work best within
your team?
S E C T I O N 4
W H A T ’ S N E X T
45. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Roles and responsibilities
Project Manager
Content Specialist(s)
UX or Interaction Designer(s)
Graphic Designer(s)
Developer(s)
Design Researcher(s)
S E C T I O N 4
W H A T ’ S N E X T
46. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Working together
Trello
Basecamp
Mural.ly
Google Drive
S E C T I O N 4
W H A T ’ S N E X T
47. Usability Matters Inc.
info@usabilitymatters.com
416 598 7770
@umatters
#HHdesign
Hacking Health Design Jam
Usability Matters
March 30th 2015
Resources
Design the Box and other collaborative techniques
http://www.gamestorming.com/
Accessibility
http://www.w3.org/WAI/WCAG20/quickref/
IDEO HCD Toolkit
http://www.designkit.org/resources/1/
Convivial Toolbox: Generative Research for the
Front End of Design
by Elizabeth Sanders & Pieter Jan Stappers
http://www.amazon.ca/dp/9063692846
Design Thinking for Entrepreneurs and Small Businesses:
Putting the power of design to work
by Beverly Rudkin Ingle
http://www.amazon.ca/dp/1430261811