UX Research within an Agile Design and Development Sprint Cycle

53
UX RESEARCH WITHIN AN AGILE DESIGN & DEVELOPMENT SPRINT CYCLE 1 JUN 2016

Transcript of UX Research within an Agile Design and Development Sprint Cycle

Page 1: UX Research within an Agile Design and Development Sprint Cycle

UX RESEARCH WITHIN AN AGILE DESIGN & DEVELOPMENT SPRINT CYCLE

1 JUN 2016

Page 2: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

WHAT WE’LL COVER

5 artifacts that we use

TOPICS

Lessons learned

What’s nextA case studyResearch during design & dev sprints

Page 3: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

IN CONTEXT

PAST PRESENT FUTURE

Page 4: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE PAST

Page 5: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

LINEAR AND ATOMIZEDTRADITIONAL PROCESS

01 02 03RESEARCH DESIGN DEVELOPMENT

Page 6: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

RESEARCH DEFICITSTRADITIONAL PROCESS

Puts focus on user in up-front research phase: lack of user focus in later phases

Conceptual and discovery research too early, during abstract phase

Developer validation too late, during concrete phase of implementation

Page 7: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

DESIGN DEFICITSTRADITIONAL PROCESS

Interactive focus - lacks opportunities for abstraction

Atomized focus on aesthetics

Voice of user can be lost

Page 8: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

IMPLEMENTATION DEFICITSTRADITIONAL PROCESS

Developers see little interest in research phase (not relevant to their needs yet)

“Whisper down the lane”

Page 9: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

TRADITIONAL PROCESS

Assumes and relies upon close physical proximity of teams

Assumes and relies upon hyper-communicative team members

Not necessarily scalable when utilizing geographically

Page 10: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

WHAT IS THE PROCESS REALLY LIKE?PROCEDURAL DESIGN & PROGRAMMING

Page 11: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

How can we change it?

Page 12: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE PRESENT

Page 13: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

A shift in mindset.

Page 14: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

A SHIFT IN MINDSET

Research engaged throughout the project; all disciplines use sprints to deliver value.

Research is a design and development tool for creating a “user-center designed” product.

Abandon the assembly line process.

Page 15: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE GOAL

As a researcher,

I want to get to findings & insights (quickly),

so that we can get to a good design (quickly).

USER-CENTERED DESIGN

Page 16: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

RESEARCH & SPRINTS

Who?Research, Design, Dev, Clients

What? Informing or Evaluating

When?As often as needed throughout sprints

USER-CENTERED DESIGN

Page 17: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

What’s it look like?

Page 18: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE AGILE TRINITY

Page 19: UX Research within an Agile Design and Development Sprint Cycle

EVALUATE EVALUATE EVALUATE

RESEARCH DESIGN BUILD

Page 20: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

SPRINT 0 SPRINT 1 SPRINT 2 SPRINT 3 SPRINT 4 SPRINT 5 SPRINT 6 SPRINT 7

Page 21: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

SPRINT 0 SPRINT 1 SPRINT 2 SPRINT 3 SPRINT 4 SPRINT 5 SPRINT 6 SPRINT 7

Page 22: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

GENERATIVE OR DESCRIPTIVERESEARCH TO INFORM

Page 23: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

EVALUATIVERESEARCH TO VALIDATE

Page 24: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

A CASE STUDYPROJECT BACKGROUND

Challenge Website redesign to create a dedicated experience for advisors Establish a new look and feel to communicate launch of new brand Leverage and re-architect existing content Timeline 6 month timeline / 8 Sprints (3 wks each) Deliverable Working prototype that demonstrates new user experience and key workflows with usable code

Page 25: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE SPRINT PLAN

Purpose Design the vision.

Concept Design the framework.

Feature sets Design the workflows.

Page 26: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

SPRINT 0 SPRINT 1 SPRINT 2 SPRINT 3 SPRINT 4 SPRINT 5 SPRINT 6 SPRINT 7

Page 27: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

SPRINT 0 SPRINT 1 SPRINT 2 SPRINT 3 SPRINT 4 SPRINT 5

kickoff

Page 28: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUXSession Survey: http://www.uxpa2016.org/sessionsurvey Conference Survey: http://www.uxpa2016.org/survey www.uxpa2016.org #UXPA2016

STAKEHOLDER INTERVIEWS IN-DEPTH USER INTERVIEWS

FRAMEWORK DESIGN

TECH ASSESSMENT

COMPETITIVE ASSESSMENT

SPRINT 0Week 3 Week 4Week 1 Week 2

SPRINT 1

Page 29: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUXSession Survey: http://www.uxpa2016.org/sessionsurvey Conference Survey: http://www.uxpa2016.org/survey www.uxpa2016.org #UXPA2016

FRAMEWORK DESIGN

TECH ASSESSMENT

COMPETITIVE ASSESSMENT

Week 3 Week 4 Week 6Week 5 Week 7

RESEARCH SYNTHESIS

SPRINT 0

IN-DEPTH USER INTERVIEWS

USABILITY TESTING

SPRINT 1 SPRINT 2

PROTOTYPE DEVELOPMENT

Page 30: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

5 RESEARCH ARTIFACTS

The Research Protocol The Observation Guide The Post-Testing Debrief The “Report” The Refactoring Sprint

Page 31: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE RESEARCH PROTOCOL

Study Goals Document the objectives for the study.

Key Tasks Document what’s being tested

Page 32: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE OBSERVATION GUIDE

Observation guide to keep observers on task What are we testing? What did you observe?

Page 33: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE POST-TESTING DEBRIEF

Protocol Outline Handout Study Goals Key Tasks

Organized Discussion What worked What worked but needs tweaks What didn’t work Requires data analysis

Page 34: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE “REPORT”

Study Goals What worked What worked but needs tweaks What didn’t work Other important findings

Page 35: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE REFACTORING SPRINT

Research Detailed analysis, looping in design, dev, and clients if anything changed since the debrief. Start planning the next set of research.

Design & Development Iterate based on research findings, begin next feature set.

Page 36: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

LEARNED IN THIS PROCESS

What are we researching? Lead the process.

What are we changing? Own the discussion.

What does it mean to be agile? Be ready for change.

THE ROLE OF THE RESEARCHER

Page 37: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

How can we iterate on this process?

Page 38: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE FUTURE

Page 39: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

A change in mindset.

Page 40: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

Object-Oriented UX #OOUX

A change in mindset.

Page 41: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

OOUX ORIGINS

Dave Collins (1994) Designing Object-Oriented User Interfaces

Sophia Voychehoyski (2015) http://alistapart.com/article/object-oriented-ux

Page 42: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

OOUX

Place object design before interaction design.

Place data before logic.

Abandon the assembly line micro-process.

Page 43: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

PROCEDURAL

Page 44: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

PROCEDURAL vs.

Page 45: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

PROCEDURAL vs. OBJECT ORIENTED

Page 46: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

WHY DO WE WANT TO DO THIS?

So we can think about the entire system in line with real-world objects in users’ mental model, not digital-world actions.

We don’t go to a web site because we want to search, filter, or check-out. We go to a web site because we want a plane ticket. We want relationships. We want food. We want a book.

We want things.

Page 47: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

You might be thinking, this all sounds great, but we have a lot of invested in Agile. We have user stories, we have workflows, we have a minimal viable product we need to produce in a few weeks.

What does that all mean?

BUT WE’RE SO INVESTED IN AGILE!

Page 48: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

Start with a discrete “object”, which can have associated “actions” and “adjectives” associated with it.

OOUX & “THINGS”

Example: Object: Coin Verb: Rate Adjective: Year

Page 49: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

As a user I can view numerous coins so that I can rate each coin.

As a user I can add/edit/delete comments for each coin and sort by date posted.

As a user I can view the properties of each coin, so that I can see what the current average rating is, as well as view the year, mint, type, obverse and reverse image and see who the user is who originally uploaded the coin.

THE USER STORYNoun, Verb, Adjective, Metadata

Page 50: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

1. Nouns are objects

2. Verbs are methods of objects (CTAs)

3. Adjectives are properties of objects

4. Collection of adjectives are metadata

5. Find relationships between objects

6. Find dependencies between objects

7. Code before wireframes (!)

Page 51: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THE EFFECT OF OOUX ON PROCESS?

Research, then design, then development vs.

Research and design and development

Page 52: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

SPEAK THE SAME LANGUAGE

Page 53: UX Research within an Agile Design and Development Sprint Cycle

Session Survey: http://www.uxpa2016.org/sessionsurvey/279 #UXPA2016 #OOUX

THANK YOUEd [email protected]@phillywebguy

Georgia [email protected]@247ux