Hacking Health Usability Matters UX Workshop

Usability Matters Inc. [email protected] 416 598 7770 @umatters #HHdesign

Hacking Health Design Jam Usability Matters March 30th 2015

We make technology work for people.

@umatters



Hello. Nice to meet you.

Terry Costantino Principal Usability Matters

Adie Margineanu User Experience Designer Usability Matters



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)



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 ?



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



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



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








Help Canadians reduce their risk of heart disease and stroke.





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





Internal HSF participants: •  Project sponsor •  Project owner •  Project manager •  Content specialist •  Wider HSF stakeholders

External vendor participants: •  UX designer •  Graphic designer •  Front-end developer •  Back-end developers •  Others, as needed





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











Devices: •  Small (smart phone) •  Medium (tablet) •  Large (desktop)

Touchpoints: •  Marketing campaigns •  HSF website •  Risk Assessment tool •  Customer service reps

Systems: •  Current Risk Assessment •  Current HSF Website •  Other eTools





Fixed budget and timeline:

•  Internal resources time capped

•  External vendor costs capped








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





Output: •  Personas

Inputs: •  Target audience •  Current RA users

Activities: •  Persona workshop •  Prototype testing



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.




Activity – Facilitators

Look for these folks around the room if you need any feedback or help.


Steven LeMay User Experience Designer Usability Matters

Sarah English Principal Usability Matters



Aha moments? S E C T I O N 2 P R O J E C T M O D E L



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



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…



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.



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.








http://www.donovanjames.com/wp-content/uploads/2013/02/Customer-Journey_V6-01-James-Donovans-conflicted-copy-2013-02-24-1024x669.jpg



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.




Aha moments? S E C T I O N 3 J O U R N E Y M A P



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/



Creating a great UX

Development

Research




Development

Research How will the UX unfold?

Content Creation




Generating and evaluating

Development

Research




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?




Roles and responsibilities Project Manager

Content Specialist(s)

UX or Interaction Designer(s)

Graphic Designer(s)

Developer(s)

Design Researcher(s)




Working together Trello

Basecamp

Mural.ly

Google Drive




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 Stappershttp://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

Hacking Health Usability Matters UX Workshop

Small Business & Entrepreneurship

t i s u x

p r o j e c t

great user experience

user journey map

technology work

risk of heart disease

risk assessment tool

nielsen norman group