You're a pig, but they call you chicken: How to co-opt the Agile methodology and lead with design

YOU’RE A PIG but they call you chickenHow to co-opt the Agile methodology and lead with design

Jonathan Abbett · UX Boston Conference 2 · 17 November 2014

AGILE IS ON OUR MIND (UXPA BOSTON TALKS)

2007 2008 2009 2010 2011 2012 2013 2014

1

2

1

3

0

3

0

3

“…the challenges of gathering input in short, iterative cycles.”

“Agile development method usually means quick iterations with no time for traditional lab testing.”

“How do you get user feedback working in agile?”

“There’s no time to recruit, or create click-throughs, or even take a week to analyze the results, even if you could run a usability test.”

How do you create a VIABLE PRODUCT on a SCHEDULE and on a BUDGET?

PRODUCT BACK LOG

PRODUCT INCREMENT

REVIEW MEE T ING

RE TROSPECT IVE

S P R INT

DEF. O F “DONE”

S PR INT BACK LOG

PLANNING MEE T ING

USER S TORY

USER S TORY

USER S TORY

1. OWN the product backlog

2. REDEFINE the definition of done

3. GET SKIN in the game

OWN the product backlog

Plan research & design

WELL IN ADVANCE

Simplified provider invitations

NOVEMBER DECEMBER JANUARY F EBRUARY

Digital patient authorization

“Personal sense of accomplishment”

Role-basedusers

Auto-notify admin of dormant

users

Weekly planner on dashboard

“Thank You”“Like” “Poke”

“Check In”at the ER

Observation ofoncology nursing team

Interviews re: professional goals

Prototype workload visualizations

Patient interviews re: feeling of care

ER visit…

Establish

VALUE

brandonschauer.com

REDEFINEthe “definition of done”

1.Code builds without warnings 2.Code unit tested (80% coverage) 3.Documentation updated 4.Build pushed to demo server

B.D.D.Behavior-Driven Development

FEATURE: USER PROFILES Scenario: Provider profile completeness Given a newly-enrolled care provider accountWhen we log in as the user Then we see the profile completeness meter at 20% When we set our security questions Then we see the profile completeness meter at 40% When we add a phone number to our profile Then we see the profile completeness meter at 60% When we add an address to our profile Then we see the profile completeness meter at 80% When we add a profile image to our profile Then we no longer see the profile completeness meter

GIVEN create the context set up users, other data

WHEN perform an action in the UI

THEN confirm the correct response “assertion”

• Natural language descriptions of functionality • Easy for non-developers to write, update • Collaborate through existing tools • BDD frameworks available in every language • Cloud services for scalable cross-browser testing • Helpful, accessible screencasts

Python Behave pythonhosted.org/behave/

Java JBehave jbehave.org

Ruby Cucumber cukes.info

JavaScript Yadda github.com/acuminous/yadda

.NET Specflow specflow.org

PHP Behat behat.org

SKINin the game

TEACH

“Designers have to be aware that what is ‘normal’ to them, in terms of how they read sketches and what they see in them, is not obvious to others, and they must take that into account in how they educate others, and what representation they use to communicate ideas.”

“Those without design training … need to be sensitive to this difference of skills … before making uninformed judgments... [They] should do their best to gain some literacy in design representations, and designers should go out of their way to help them in this.”

http://dschool.stanford.edu/dgift/

http://devheuristics.com

BE THE CSS you wish to see in the world

• WRITE YOUR OWN COPY

• FIX THAT TYPO

• MOVE THAT 3PX TO THE LEFT

• BUILD A REALISTIC PROTOTYPE

• Codecademy http://codecademy.com

• General Assembly https://generalassemb.ly/boston

• CS50x https://www.edx.org/course/harvardx/harvardx-cs50x-introduction-computer-1022

• Coding for Designers / Aquent Gymnasium http://gymnasium.aquent.com/catalog/course/100

BE THE BOSS

HTML/CSS/JS Design/Usability

The applicant is famliar with HTML5 APIs.The applicant regularly tests UI features with users.

The applicant can describe useful features of CSS3.

The applicant can describe a recent experience performing user research.

The applicant can describe the tradeoffs to using responsive design.

The applicant has experience sketching, wireframing, or prototyping.

The applicant has experience with mobile web frameworks.

The applicant leverages design/usability heuristics.

The applicant can make an argument for or against CSS preprocessors.

The applicant can explain why particular design decisions were made.

THANK YOUPlease be in touch!

@jonabbett

Photo Credits

• Mirror Clouds by LabyrinthXhttps://www.flickr.com/photos/labyrinthx-2/7774273130

• Grand Canyon by Airflorehttps://www.flickr.com/photos/airflore/15250077282

• Dry Cake vs. Cupcakehttp://brandonschauer.com/post/3309932285

• Architect Smiling by Wonderlane https://www.flickr.com/photos/wonderlane/2303683368

• Full-scale Modelhttp://www.designboom.com/project/studio-mumbai-architects-at-the-venice-architecture-biennale-2010/

• Jonathan Ive from Objectified by Gary Hustwithttp://www.hustwit.com/category/objectified/

• Bill Buxton http://billbuxton.com