The document describes a Design Studio pattern for collaborative design work. A Design Studio involves cross-functional teams of 4-6 people. It uses techniques like cardstorming to generate ideas, short sketching sessions to develop concepts, and group critiques to refine designs. The process is iterative, with sketches critiqued and improved in each session. The document provides an example of using the Design Studio pattern to develop a tablet app for a children's charity.
UX and Agile - how to get the best out of both worlds?
Design studio-workshop (short session)
1. Design Studio
- Tapping into the whole team’s knowledge and imagination.
- Can be used for research or actual design.
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
2. A Design Studio Pattern
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
3. A Design Studio Pattern
Focus/ Warmup/ Raw Sketching
Boundaries Materials Timebox Critique
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
4. A Design Studio Pattern
Focus/ Warmup/ Raw Sketching
Boundaries Materials Timebox Critique
Iterate?
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
5. When can I use it?
-Project Kick-off: to capture the
product being imagined by
stakeholders.
-Detailed Design: To move toward a
shared design vision across
disciplines.
-Ad-Hoc Design: To quickly address
unexpected issues that come up.
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
6. Teams
- 4-6 per team.
- 1 product owner
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
7. Our Sample Project
Design a Tablet App for a
Children’s Charity
Providing education and
shelter for abandoned and
orphaned children around
the world.
(a real charity I’ve worked with)
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
8. Business Goals
- Convince visitors to make a
donation.
- Persuade visitors to donate a little
more.
- Make visitors feel confident the
donation is going toward actual
cause.
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
9. A Design Studio Pattern
Focus/ Warmup/ Raw Sketching
Boundaries Materials Timebox Critique
Iterate?
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
10. Warmup with Cardstorming
-3-5 minute timebox.
-Warms up brain and
hands.
-Each participant writes as
many feature ideas they
can think of on separate
stickies.
-Becomes an idea palette
for sketching.
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
11. Sketching Timebox
-5m timebox.
-Everyone sketches.
-No rules.
-If conducting with
general stakeholders,
clarify that this is
research, not design.
-If conducting with the
internal team, the UI
concepts can be the basis
for the actual design.
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
12. Critique
-Post the sketches.
-2-minute round-robin,
then open critique.
-Take careful notes,
attach to the respective
sketches.
-Look for and work to
resolve vision
differences.
-(Optional) Dot-vote to
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
14. Putting Agile UX in Context
Traditional UX
Design, Usability
What are we making?
Lean UX Agile UX
Measuring,validating Collaboration,
product/market fit. Delivery
Are we
How do we
making the
make it?
right thing?
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX
15. Putting Agile UX in Context
Traditional UX
Design, Usability
What are we making?
Startup
Lean UX Agile UX
Measuring,validating Collaboration,
product/market fit. Delivery
Are we
How do we
making the
make it?
right thing?
@ANDERSRAMSAY / DESIGNINGWITHAGILE.COM / #AGILEUX