Kevin Brooks, Motorola Mobility Whitney Quesenbery, WQusability. Storytelling for Use Experience Whitney Quesenbery and Kevin Brooks. How about you?

Similar documents
Amber Weyland: [to cameraman] Just hold it there so we can see Mollie.

Spam. Time: five years from now Place: England

ProgressTestA Unit 5. Vocabulary. Grammar

Intro to User Centered Design. Golli Hashemian and Lauren Haynes NTEN

IAE Professional s (02)

Unit 9 Tech savvy? Tech support. 1 I have no idea why... Lesson A. A Unscramble the questions. Do you know which battery I should buy?

This is the story of Santa s Enchanted Mailbox

Understanding Usability: Getting Beyond Ease of Use

IMPORTANT WORDS AND WHAT THEY MEAN

The Picture of Dorian Gray

- User Guide for iphone.

12 Key Steps to Successful Marketing

design john barr cs205 advanced web programming barr")"cs205"

English as a Second Language Podcast ESL Podcast 314 Buying a Digital Audio (MP3) Player

User Centered Design for Mobile Applications BOB MORSE DA VINCI USABILITY

ABOUT INTERFACE: DESIGNING FOR LIFESTYLE ABOUT INTERFACE. designing for lifestyle. PRESENTED BY KELLY GOTO

A short introduction to. designing user-friendly interfaces

tripwallet freedom for YOU!

Let them check their answers against a complete version of the worksheet or by listening to you reading it all out.

Maths Activities. Estimate how many centimetres of snow have fallen.

Drowsiness Alert System

High Frequency Words. Flashcards. 1 st. McGraw-Hill Wonders

Getting the. Message. Across. JANUARY 2017 // dentaltown.com

Filter and PivotTables in Excel

Fractions and their Equivalent Forms

Adobe Spark. Schools and Educators. A Guide for. spark.adobe.com

The Copywriting Snapshot Amy Harrison

Money! Money! Topic 2. Mobile Phones. Money!Money! AMES

Lesson 2 page 1. ipad # 17 Font Size for Notepad (and other apps) Task: Program your default text to be smaller or larger for Notepad

Manual Of Ios 7.1 Beta 5 Iphone 4 Performance

GGCS Introduction to Windows 10 Part 4: Cortana and the Mail, Calendar, People and OneNote apps

Usability Testing. Cha Kang & Zach Pease

Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea

ADULT-THINGS. Erica Eastrich - UXD

The little mermaid lives in a beautiful castle in the deep blue sea. She lives with her five sisters and her father, the Merking.

CMO Briefing Google+:

CS 147 Let s Do This! Assignment 6 Report

Interview Data: Jim Edwards

G U I D E T O S E O O N - P A G E E L E M E N T S F O R B U S I N E S S W E B S I T E S

Mobile UX or WHITEPAPER

Zello Quick Start Guide for Kyocera TORQUE

Up and Running Software The Development Process

Why you should never ask favors from a graphic designer:

Designing for humans

Repurposing Your Podcast. 3 Places Your Podcast Must Be To Maximize Your Reach (And How To Use Each Effectively)

The Quick And Easy Affiliate Setup List

Web Design and Databases WD: Class 3: Usability. Dr Helen Hastie Dept of Computer Science Heriot-Watt University

Match the underlined words and expressions to their definitions below:

MY LETTERBOX PROTOTYPE BY: EKANTO GHOSH

Text 1 Cell Phones Raise Security Concerns at School

TomTom Navigation app for iphone/ipad Reference Guide

Meet our Example Buyer Persona Adele Revella, CEO

ESCAPE. A MINWOO PARK FILM Press Kit

EUROPEAN KANGOUROU LINGUISTICS ENGLISH-LEVELS 3-4. Linguistic ENGLISH. LEVEL: 3 4 (Γ - Δ Δημοτικού)

THE DONOR JOURNEY 3 STRATEGIES FOR SUCCESS. Rich Dietz. TriSummit Linkedin.com/in/RichDietz 3

EXCELLING WITH ANALYSIS AND VISUALIZATION

ArcMap Online Tutorial Sarah Pierce How to map in ArcMap Online using the Fresh Prince of Bel Air as an example

Tap this button on your iphone to start the TomTom app.

How to get online with us (New Instructions dated February 2015) We had to change providers for the Ventrilo program. What this means for those who

5 R1 The one green in the same place so either of these could be green.

CSS JavaScript General Implementation Preloading Preloading in the Design Thinking Process Preloading in the Summary View Android UI Design Design

Student Guide. Short: Electronic Facility Clearance System (e-fcl): A Review for Industrial Security Representatives. 10 minutes

2016 All Rights Reserved

Here s my plan for what I will cover.

Defrosters: Cyndi Ai, Esther Chen, Ben Schiffler, Sean Yang Assignment 3d: Usability Testing Review May 17, Overview

mismatch between what is maybe possible today and what is going on in many of today's IDEs.

How Pixar Tells a Story By Rachel Slivnick 2018

(800) Ó AlertMedia

Strong signs your website needs a professional redesign

Usability Testing Review

Camtasia Studio 7 User Guide

Usability Test Report: Bento results interface 1

INTRODUCTION. In this guide, I m going to walk you through the most effective strategies for growing an list in 2016.

Close Your File Template

1 Jane s dress is... yours. A the same than B the same to C similar than D similar to

Blackberry Addiction in Sekolah Bogor Raya

Need Help? Page 1 of 36 WORK

15 Minute Traffic Formula. Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3

Fractions and their Equivalent Forms

B.A.B.E. Framework. Business Audience Brand Everything Digital Website Blogging Social

Choosing the Right Usability Tool (the right technique for the right problem)

Measuring and Tracking Results: 3 Step Starter. Content Marketing. and Tracking Results: 3 Step Starter. Share this guide:

31 Copy And Paste Swipes

Chapter 5: The Mathematics of Getting Around

ONLINE REGISTRATION: A STEP-BY-STEP GUIDE

Writing for Use: Intersections Between Genre and Usability

BUSINESS ENGLISH MATERIALS.com

The Quick And Easy Affiliate Setup List

Writing: Viswanathan Kumaragurubaran. User Testing: Sanjana Prasain. Program Manager: Jia Le He. Design: Kegham Bedoyan

Introducing Thrive - The Ultimate In WordPress Blog Design & Growth

How to make a prototype? A step-by-step. Step 1. Start with a paper prototype

Driven by a passion to develop our customers, SuperOffice has become one of Europes leading providers of CRM solutions.

1. Browse to and click on the green New Official button on the side menu.

Upload Your Site. & Update. How to

by Sam Bakker 3000in30days.com

Working 9-5? How knowledge workers manage work-home boundaries. Image source:

Hanoi, Counting and Sierpinski s triangle Infinite complexity in finite area

Ryan Parsons Chad Price Jia Reese Alex Vassallo

The Best Event Marketing Plan. Ever.

Scenarios, Storyboards, Wireframes, Critique. Jon Kolko Professor, Austin Center for Design

Transcription:

The Power of Story Kevin Brooks, Motorola Mobility Whitney Quesenbery, WQusability Hi! User researcher Theatre designer Storytelling as a way to understand user, culture, and context in UX design Researcher in new UI technologies Performance storyteller Storytelling as a pivotal part of the creakon, performance, and design process. How about you? 1

Stories are already part of UX Collecting stories helps us understand people and goals, context... Understand Finding themes and paperns is the first step in idenkfying requirements Evaluate Success? Specify Usability evaluakon is a way of trying the story out to see if it works for other people, too. Design Design tells a new story that changes something about the world User stories in Agile A placeholder for a conversakon Not the whole story, but a reminder of it A way to gather requirements From customers, in their own language Customer focused As a [role] I can [do something] so that [benefit] WriPen by customers (somekmes) From their perspeckve 2

Stories in user experience User research Field studies Site visits Analysis Requirements Content analysis User stories EvaluaKon Usability TesKng Log Analysis Design Scenarios Wireframes Prototype walk- through The relakonships around a story are called the Story Triangle Story Storyteller Audience 3

Stories make conneckons User UX person Story as collected Story as re-told When you retell a story, you make a connection between your colleagues and the person you heard the story from. Our colleagues (audience) CollecKng stories Gathering the information for stories that help us understand people and goals, context... 4

Learn to turn on your juicy story filter Look for stories that. You hear from more than one source. Have a lot of ackon detail. Have details that illuminate user data Surprise or contradict common beliefs And are clear, simple, and compelling. Ask the queskons that encourage stories + + Have you ever [done something]? How often do you [do that thing]? What makes you decide to [do that thing]? Where do you [do that thing]? When was the last time you [did that thing]? Tell me about that. (and really listen) 5

Personas One way to tell the stories of the people and their goals, context, needs Stories build empathy for personas Aged 30-45 Well educated 45% married with children 50% use the web 3-5 Kmes a week 65% use search engines Elizabeth, 32 years old Married to Joe, has a 5- year old son, JusKn APended State College, and manages her class alumni site Uses Google as her home page, and reads CNN online Used the web to find the name of a local official 6

Stories communicate efficiently Tanner was deep into a Skatepunkz game all the way up to level 12 when he got a buddy message from his friend, Steve, with a question about his homework. He looked up with a start. Almost bedtime and his homework was still not done. Mom or Dad would be in any minute. What can we learn about Tanner from these 53 words? Design Design is a way of telling a new story that changes something about the world 7

Stories spark innovakon Stories can be part of brainstorming, by starkng with Stories you hear during customer conversakons Explore new perspeckves on a problem or goal Personas Show their behavior in new situakons Data ExploraKons that look behind the data Random elements Force yourself outside the box Juicy fragments can grow into a story Nothing more aggavating waiting for a bus. Have I just missed it? Is it on its way? What s the scoop? I love seeing lots of people on the metro platform. It usually means a train will arrive soon. It s like a game: drive or take the bus which will get me there first? When the bus stop isn t clearly marked, I always worry whether I m in the right place. 8

Stories can explore situakons and context There is nothing more frustrakng than waikng for the bus. On a suburban road. In the snow. Sandra didn t like snow much anyway, but she liked standing at her bus stop even less, with snow oozing into her boots and cars splashing ice at her. Context Character Imagery Had she missed it? Was it right around the corner? Was it even running with all this snow? Was anything going to get her to work on Kme today? Stories explore situakons and context (2) Much as Ian loved staying out with his friends unkl the pubs closed, he hated geqng back home late at night. Was the train skll running, or did he have to trudge over to the stop for the night bus - - 5 blocks that seemed much longer arer a few beers. Different context Different character Same basic problem And there was the tedium of watching the bus wind through the streets. 9

What design ideas does the story suggest? Put bus schedules on the web with real-time updates Signs at the bus stop saying how long until the next one Send a text message and get a message back with the ETA for the next bus App that taps into transit information for bus or train locations. Service alerts with emails about problems Let s try a liple bit of storytelling Pair up and interview each other about an event when everything seemed to go really wrong. Don t forget: Tell me about that. (and really listen) 10

Now.. create a story that solves the problem Stay in your pairs Pick one of the stories And rewrite it to change the ending to a good experience. Stories for brainstorming are open- ended Start from a juicy fragment, analysis data, or a usability problem Construct a story that sets up the context... but does not provide a solukon. Be sure you ground the story with a character (or persona), a context (place, Kme, situakon), a mokvakon, and a problem. 11

Stories can be visual EvaluaKng with stories Usability evaluakon is a way of trying our a design story to see if it works for other people, too. 12

Test scenarios let the parkcipant finish the story They create a realiskc context because they are based on real stories. The story provides mokvakon and goals. You can adapt them to each test parkcipant to give you a range of perspeckves to draw on. Transform stories into tasks Start from one of your stories, and turn it into a test scenario What is the basic scenario you want the parkcipant to complete? How much can the scenario vary based on their specific interests? Are there different mokvakons or starkng points? Are there many things they can find, use or buy that they can choose from? How much variakon is there in how the scenario can be completed? 13

Storytelling can make your work richer and more effeckve If you d like more about stories Storytelling for User Experience: Crafting stories for better design Whitney Quesenbery & Kevin Brooks whitneyq@wqusability.com brooks@media.mit.edu Blog www.rosenfeldmedia.com/books/storytelling/ IlustraKons available under CreaKve Commons www.flickr.com/photos/rosenfeldmedia/ 14