you're a pig, but they call you chicken: how to co-opt the agile methodology and lead with...
TRANSCRIPT
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
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/
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