practical ux: the importance of user-testing

45
Practical UX Methods @kyleracki kyleracki.com Oct 8th, 2013

Upload: kyle-racki

Post on 26-Jun-2015

939 views

Category:

Design


1 download

DESCRIPTION

This was a lecture delivered to computer science students on the importance of user-testing. I use the example of Pitch Perfect, our SaaS startup, and how our delay in performing user-testing cost us more time and money than we saved skipping the testing.

TRANSCRIPT

Page 1: Practical UX: The importance of user-testing

Practical UX Methods

@kylerackikyleracki.comOct 8th, 2013

Page 2: Practical UX: The importance of user-testing

Who am I...

Designer/DeveloperCo-founder of headspacedesign.caCo-founder of pitchperfectapp.com

Love SaaS startups

Page 3: Practical UX: The importance of user-testing

What is Pitch Perfect...

Page 4: Practical UX: The importance of user-testing

Not this

Page 5: Practical UX: The importance of user-testing

Proposal software

Page 6: Practical UX: The importance of user-testing
Page 7: Practical UX: The importance of user-testing

Where the idea came from

Page 8: Practical UX: The importance of user-testing

Who it’s for

Page 9: Practical UX: The importance of user-testing

What we’re up against

• Similar SaaS apps first to market• Difficult to raise capital

Page 10: Practical UX: The importance of user-testing

The road to get here.

• Prototype in 2012• Funded in Jan 2013• In beta since April 2013• Over 200 signups to-date• 3 paying customers (as of yesterday)

Page 12: Practical UX: The importance of user-testing

The problem

• Usability testing should have begun earlier• System was not QA tested• Remote meant I couldn’t adapt test

Page 13: Practical UX: The importance of user-testing

Where we went wrong

• Limited customer research• Not knowing what users really want

We thought they were:• Advertising and marketing agencies

We thought they wanted• Complete design customization

Page 14: Practical UX: The importance of user-testing
Page 16: Practical UX: The importance of user-testing

“More kick-butt templates that make it easy for me to pop in my content and look like a pro. Simply put, make me look like a rockstar with the least amount of effort on my end.”

Page 17: Practical UX: The importance of user-testing

What they really want

1. Quick set up2. Pre-made design templates3. Ability to import their content3. Re-brandable

All of the above while at the same time being so easy to use...

Page 18: Practical UX: The importance of user-testing

These guys could use it

Page 20: Practical UX: The importance of user-testing

Back to the graph paper

Page 21: Practical UX: The importance of user-testing

High-fidelity version

Page 22: Practical UX: The importance of user-testing

What am I missing?

Page 23: Practical UX: The importance of user-testing
Page 24: Practical UX: The importance of user-testing

Step 1. Who are my user personas?

1. Account manager/Sales rep2. Entrepreneur/Small business owner

Page 25: Practical UX: The importance of user-testing

Step 2. Go where the people are.

Page 26: Practical UX: The importance of user-testing

ScreeningQuestions

Page 27: Practical UX: The importance of user-testing

AnalyzeResults

Page 28: Practical UX: The importance of user-testing

Step 3. Preparation

• What is the goal of the testing?• Scenarios• Line up user tasks with testing goals

Page 29: Practical UX: The importance of user-testing

Do a practice run with family

Page 30: Practical UX: The importance of user-testing

Step 4. Conducting the sessions

• Make participant comfortable• Record the screen (Screenflow)• They aren't being tested• Confirm recording• Give incentive up-front

Page 31: Practical UX: The importance of user-testing

Clarissa

• Good tester• Graphic designer by profession

Page 32: Practical UX: The importance of user-testing

Aaron

• Less web savvy

Page 33: Practical UX: The importance of user-testing

Anuj

• Not an ideal tester• Not verbally expressive• Computer science student

Page 36: Practical UX: The importance of user-testing

Key usability issues

● Understanding sections vs pages, and how to save to library

● Understanding advanced settings vs themes● Knowing how to drag in/import sections from

library● Understanding how to edit page template,

add footer, cover page etc.

Page 37: Practical UX: The importance of user-testing

Design solutions

Page 38: Practical UX: The importance of user-testing

Product Evolution

Page 39: Practical UX: The importance of user-testing
Page 40: Practical UX: The importance of user-testing

Next steps

User test revised prototype

Test working version after QA but before release

Page 41: Practical UX: The importance of user-testing

Become this guy

Page 42: Practical UX: The importance of user-testing

Key Lessons

Test-early, test-often is not simply best practice or “ideal in a perfect world”. It’s critical to designing a successful product and can make or break a company.

User-testing is not beta-testing, QA-testing or sending a link with survey questions. Only user-testing will uncover key insights related to specific usability problems.

Page 43: Practical UX: The importance of user-testing

Key Lessons

Focus on the onboarding process first, and deliver the ‘wow’ moment the first time someone uses the software

You can’t test everything. Align the following:• Pain• Value Prop• Features <- test these first

Page 44: Practical UX: The importance of user-testing

Suggested reading.

Page 45: Practical UX: The importance of user-testing

Thank you.

@kyleracki

kyleracki.compitchperfectapp.comheadspacedesign.ca