prototyping and scrum
DESCRIPTION
This presentation is about the challenges faced when doing prototypes and to make sure that these prototypes are useful for the developers. It is about how the prototyping activity fits into the iterative implementation cycles (Scrum Sprints) and how the triangle of UX, development and visual design works together, in particular if external service providers are involved.TRANSCRIPT
Memi Beltrame@bratwurstkomet
Prototyping and ScrumAgile Experience Meetup Zurich
April 3rd 2013
Less a MessContent Strategy
I Like Magic
UX Designer for Founder of
7 Challenges
1. Know your audience2. Make it interactive3. Make it testable4. Get the right data5. Get it done6. Work on your process7. Cope with 3rd party designers
1Know your audience
Knowing your audience means
Do your research!
QuantitativeQuantitativeHow many? How often?Why and how?
Contextual InquiryObservation
Analysis
InquiryWhat people say
What people do
What people didObservation
Focus Groups
Unstructured interviews Surveys
Structured Interviews
User Diary
Userstatistics
User Research Methods
Source: Moser, Chistian „User Experience Design“. 2012, Springer Vieweg
Research helps defining the relevant criteria to base
your prototoype on
Relevant Criteria =High impact on Experience• Age. • Devices. • Location. • Homogeneity.• Education / Professional background.
Age
• Single Page• No Chrome• No adds • No wrong
places
visit http://preview.liip.ch/zooon an iPad or iPhone.
Location
Züriwald App Educational Hiking
Planning Offline =Download
Closed Places
Weather
2Make it interactive
Jungfraubahnen Tourism
Scribbles HTML-WebPrototype
Balsamiq
Speed vs. Accuracy
Pick one.
Neue Zürcher Zeitung Webpaper
3Make it testable
The more interactive, the easier to test.
Testable prototypes anticipate behavior
(as well as possible)
Fake it.
4Get the right data
Do anything to get real data.
Does it exist?How does it look like?
Prototype Data:(Fonds in an application
for bankers)
VF - European Mid and Small Cap Equity B (Lux)Aberdeen Global - Emerging Markets Equity A AccUBS (Lux) Medium Term Bond Fund - CHF P-accUBS (Lux) Medium Term Bond Fund - EUR P-accUBS (Lux) Medium Term Bond Fund - USD P-acc
Real Data:
5Get it done
Pen and Paper or
Clickables
Extremely rudimentalAffordableFast and without electricity
What you need
Extremely rudimentalAffordableFast and without electricity
What you get
Design Studio
Quantity has its own quality
Design Studio
The Power of Pen & PaperDesign Studio• Fast and cheap.• Awesome to integrate
stakeholders• Scribble with external Designers• Impressive start to signal
„We get a lot done fast“
Protostrap
Code: https://github.com/liip/ProtostrapDemo: http://preview.liip.ch/Protostrap/
Protostrap•Based on Boostrap• Library with CSS and Javascript Files• PHP Files to hold templates and snippets together•Documentation and examples in the package•Optimized for Mobile:
- fast tap recognistion- iOS Tabbar for Prototyping of native apps- „Add to home“
•Basic PHP knowledge needed•Not pretty, but functional!•Can get messy.
6Work on Your Process
Crossfunctional Teams
Crossfunctional Teams help with:• Avoiding silos• Spreading knowledge• Making dialogue easier• displaying unity towards the client
Preparation
Prep-versions
Each Sprint has a preceding Prep version.
A Prep version for us is just a „Fix For“ version in JIRA.
If you can‘t prep ityou can‘t do it.
One sprint ahead prep
• User stories for the coming sprint• Prototyping:
Tasks in the user stories• Not only Prototyping has to
be prepped!• No commitment in Prep:
too many unknown variables
Board = Daily
Regular Board
PrepBoard
Board = Daily
Prototype - Demo
Demoing
• Show the interaction, not the elements(Prototypes are about flow)
• Go through user stories
• Show to devs & visual designers before demoto get feedback
• Make prototype available (web & git)
• Add „How to demo“ in story if necessary
• Make screencast if necessary
When are prototypes useful for devs?• When they help devs anticipate
the scope for implementation.• Prototypes have to be complete:
- realistic data- complete interactions
7Cope with 3rd
party designers
3rd party designers
• Demand a visual designer with experience in web.
• Communicate clear expectations.• Integrate them early. Scribble with
them and let them be part.• Say no. Seriously.
Things that don‘t work
• Design Briefings• Lists of deliverables• If they have to adapt to agile just
for you. (if they are waterfall, you are waterfall too)
Questions?
Thank you!I‘m Memi Beltrame
@bratwurstkomet on twitter