Transcript
Page 1: Crafting Delightful Broken Experiences

Crafting Delightful Broken Experiences

Matthew Edgar [email protected]@qwconsulting

#edui_broken

Page 2: Crafting Delightful Broken Experiences

Welcome!

Before we get started…

• Owner, QW Consulting• Founder, SpringTrax• From: Littleton, Colorado

Share your presentation experience today using #edui_broken

Page 3: Crafting Delightful Broken Experiences

Agenda.

Today we will…• Define Broken Experiences

• Cover the 3 Steps to Handle Broken Experiences

• Step 1: Find Errors On Your Website

• Step 2: Craft Broken Experiences

• Step 3: Test & Improve Broken Experiences

• Answer Questions & Share Ideas

Page 4: Crafting Delightful Broken Experiences

What Are Broken Experiences?

Page 5: Crafting Delightful Broken Experiences

#edui_broken

Broken Experiences?

When errors break the experience we

designed for our users.

Page 6: Crafting Delightful Broken Experiences

#edui_broken

Page 7: Crafting Delightful Broken Experiences

#edui_broken

Page 8: Crafting Delightful Broken Experiences

#edui_broken

Page 9: Crafting Delightful Broken Experiences

#edui_brokenTechnology can fail.

Page 10: Crafting Delightful Broken Experiences

#edui_brokenFocus on tech fix?

Page 11: Crafting Delightful Broken Experiences

#edui_brokenFocus on experience.

Page 12: Crafting Delightful Broken Experiences

#edui_brokenErrors ripple out…

Page 13: Crafting Delightful Broken Experiences

So, How Do You Handle Broken Experiences?

Page 14: Crafting Delightful Broken Experiences

THREE STEPS1. Find2. Craft3. Test

Page 15: Crafting Delightful Broken Experiences

STEP ONE:Find the Errors

on Your Website

Page 16: Crafting Delightful Broken Experiences

#edui_broken“I don’t have errors!”

X

Page 17: Crafting Delightful Broken Experiences

#edui_brokenAsk yourself…

Do I Have Errors?

Which Errors Do I Have?

X

Page 18: Crafting Delightful Broken Experiences

#edui_broken

Meet Sally, IT Manager

Page 19: Crafting Delightful Broken Experiences

#edui_broken“I have errors.”

Page 20: Crafting Delightful Broken Experiences

Common Errors

Page 21: Crafting Delightful Broken Experiences

#edui_brokenSearch forms

Page 22: Crafting Delightful Broken Experiences

#edui_brokenContact forms

Page 23: Crafting Delightful Broken Experiences

#edui_brokenForgot password

Page 24: Crafting Delightful Broken Experiences

#edui_broken

404 Not Found Errors

Page 25: Crafting Delightful Broken Experiences

#edui_brokenServer Errors

Page 26: Crafting Delightful Broken Experiences

Your site’s errors are unique.

#edui_broken

Page 27: Crafting Delightful Broken Experiences

How do you find errors on your

website?

Page 28: Crafting Delightful Broken Experiences

#edui_broken1) Monitoring Tools

Page 29: Crafting Delightful Broken Experiences

#edui_brokenForms

Page 30: Crafting Delightful Broken Experiences

#edui_brokenError Events

Page 31: Crafting Delightful Broken Experiences

#edui_brokenForm Errors

Page 32: Crafting Delightful Broken Experiences

#edui_broken

404 Not Found Errors

Page 33: Crafting Delightful Broken Experiences

#edui_broken

404 Not Found Errors

Page 34: Crafting Delightful Broken Experiences

#edui_brokenServer Crash

Page 35: Crafting Delightful Broken Experiences

#edui_brokenPingdom

Page 36: Crafting Delightful Broken Experiences

#edui_broken

2) User Testing

Page 37: Crafting Delightful Broken Experiences

#edui_broken

User Testing

Test to find errors…

Page 38: Crafting Delightful Broken Experiences

#edui_broken

User Testing

…and to understandexperience.

Page 39: Crafting Delightful Broken Experiences

#edui_broken3) Error Mapping

Page 40: Crafting Delightful Broken Experiences

#edui_brokenBrainstorm & Investigate

Page 41: Crafting Delightful Broken Experiences

#edui_broken

Brainstorm & Investigate

What errors could happen?

What errors are happening?

Page 42: Crafting Delightful Broken Experiences

Practical Guide#edui_broken

Page 43: Crafting Delightful Broken Experiences

#edui_broken

Practical Guide

How many users are affected?

In what way are users affected?

Page 44: Crafting Delightful Broken Experiences

#edui_brokenError Roadmap

Page 45: Crafting Delightful Broken Experiences

#edui_brokenError Roadmap

Page 46: Crafting Delightful Broken Experiences

STEP TWO:Craft Broken Experiences

Page 47: Crafting Delightful Broken Experiences

Goal 1:Continuability

Page 48: Crafting Delightful Broken Experiences

Users Have 3 Options

#edui_broken

Page 49: Crafting Delightful Broken Experiences

Users Have 3 Options

#edui_broken

Leave

Page 50: Crafting Delightful Broken Experiences

#edui_broken

Go back

Leave

Users Have 3 Options

Page 51: Crafting Delightful Broken Experiences

#edui_broken

Go forward

Go back

Leave

Users Have 3 Options

Page 52: Crafting Delightful Broken Experiences

#edui_broken

Momentum

Friction

Friction

Users Have 3 Options

Page 53: Crafting Delightful Broken Experiences

#edui_brokenPoor

Page 54: Crafting Delightful Broken Experiences

#edui_brokenOkay

Page 55: Crafting Delightful Broken Experiences

#edui_brokenGood

Page 56: Crafting Delightful Broken Experiences

Goal 2:Clarity

Page 57: Crafting Delightful Broken Experiences

#edui_brokenWhere do I go now?

Page 58: Crafting Delightful Broken Experiences

#edui_brokenPoor

Page 59: Crafting Delightful Broken Experiences

#edui_brokenOkay

Page 60: Crafting Delightful Broken Experiences

#edui_brokenGood

Page 61: Crafting Delightful Broken Experiences

Goal 3:Relevance

Page 62: Crafting Delightful Broken Experiences

#edui_broken

Provide useful directions

THIS WAY TO

OZ

Page 63: Crafting Delightful Broken Experiences

#edui_brokenPoor

Return home

Page 64: Crafting Delightful Broken Experiences

#edui_brokenOkay

Page 65: Crafting Delightful Broken Experiences

#edui_brokenGood

Page 66: Crafting Delightful Broken Experiences

STEP THREE:Test & Improve

Broken Experiences

Page 67: Crafting Delightful Broken Experiences

#edui_broken

User test the broken experience.

Page 68: Crafting Delightful Broken Experiences

#edui_broken

Split test the broken experience.

Page 69: Crafting Delightful Broken Experiences

#edui_brokenMonitoring Tools

Page 70: Crafting Delightful Broken Experiences

#edui_broken

For Example: SpringTrax

Page 71: Crafting Delightful Broken Experiences

In Conclusion:

Be Vigilant: Always Improve Broken

Experiences

Page 72: Crafting Delightful Broken Experiences

REMEMBER…

Page 73: Crafting Delightful Broken Experiences

#edui_broken

Errors will happen.

Page 74: Crafting Delightful Broken Experiences

#edui_broken

Find the errors.

Page 75: Crafting Delightful Broken Experiences

#edui_broken

Positive experiences.

Page 76: Crafting Delightful Broken Experiences

#edui_broken

Questions?


Top Related