Great Wide Open - Design Studio Methodology
-
Upload
jacklyn-burgan -
Category
Design
-
view
563 -
download
0
Transcript of Great Wide Open - Design Studio Methodology
![Page 1: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/1.jpg)
Jacklyn Burgan // @playfulpixel
Design Studio Methodology
![Page 2: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/2.jpg)
Jacklyn Burgan // @playfulpixel
True Fact:
• The vast majority of projects fail NOT because they couldn’t build a great product using the latest new technology.
• They failed because they built something no one wanted.
![Page 3: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/3.jpg)
Jacklyn Burgan // @playfulpixel
Let’s start with an exercise!
2 minutes
![Page 4: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/4.jpg)
Jacklyn Burgan // @playfulpixel
![Page 5: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/5.jpg)
Jacklyn Burgan // @playfulpixel
Why Are We Here?• All too often, leaders, managers, teams, designers rely
on common approaches that may work well in one context, and fail in another.
• Teams want to create better customer experiences (user experiences), but aren’t sure what that really means.
• Teams often find it difficult moving from insights to action (based on this research, what should we do now?).
![Page 6: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/6.jpg)
Jacklyn Burgan // @playfulpixel
Why Collaborative Design?
“Ninja. Rockstar. Gifted genius. Many of the ways we talk about creative work (whether it’s design or development) only capture the brilliance of a single individual.”
- Stefan Kloeck
![Page 7: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/7.jpg)
Jacklyn Burgan // @playfulpixel
Traditional Process
Discover Define Design Develop Deploy
![Page 8: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/8.jpg)
Jacklyn Burgan // @playfulpixel
Discover • Gather information
• Brainstorming
• Competitive analysis
• Define the project scope
• UX deliverables: personas + user scenarios
![Page 9: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/9.jpg)
Jacklyn Burgan // @playfulpixel
Define • Developing interaction model or UI framework
• Define the content + functionality requirements
• Define information architecture
• Create a project plan
• UX deliverables: product requirement document
![Page 10: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/10.jpg)
Jacklyn Burgan // @playfulpixel
Design • Create paper prototype / sketches
• Usability evaluation
• Create wireframes
• Visual design explorations
• Visual design approval
• UX deliverables: sitemap, user flows, wireframes + UI
![Page 11: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/11.jpg)
Jacklyn Burgan // @playfulpixel
Develop • Architecture design
• UML diagram / class diagram
• Daily scrum
• Code iteration cycles
• Interim installers
• Release management
• Unit testing
• Code refactoring
• Documentation
• UX deliverables: No key UX deliverables at this stage.
![Page 12: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/12.jpg)
Jacklyn Burgan // @playfulpixel
Deploy • Use cases
• Test cases
• Testing
• Regression testing
• Test reports
• Build releases
![Page 13: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/13.jpg)
Jacklyn Burgan // @playfulpixel
“Traditional” UX Practices
• Emphasize deliverables
• See the work as a solution that gets sold to stakeholders
• See the (UX) designer as the hero in charge of finding solutions to design challenges and getting approval before development starts
![Page 14: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/14.jpg)
Jacklyn Burgan // @playfulpixel
How Can We Improve Our Process?
• The design work we do is often limited to on-the-go type of decisions
• We struggle with approvals
• We don’t have an established process that involves UXD, thus our scenario is not “going from traditional UX to Lean”, but rather, “establishing our approach to UXD”
![Page 15: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/15.jpg)
Jacklyn Burgan // @playfulpixel
The “Traditional” Way
(Waterfall + Waterfall or Waterfall + Agile)
1. Have a great idea
2. Wireframe
3. Designer creates a static mockup
4. Static mockup & specs are thrown to devs to implement, QA to test
The Collaborative Way
(Lean UX + Agile Development)
1. Have a great idea
2. Sketch together
3. Engage team (BA, UX, Dev, QA) to build a prototype
4. Play, tweak, rinse, repeat
5. Once UX is nailed have a visual designer polish to perfection
Integrating Design into Development Process
![Page 16: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/16.jpg)
Jacklyn Burgan // @playfulpixel
Design Studio
![Page 17: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/17.jpg)
Jacklyn Burgan // @playfulpixel
Create. Pitch. Critique.
![Page 18: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/18.jpg)
Jacklyn Burgan // @playfulpixel
It’s about generating many safe-to-fail experiments,
not highly rendered solutions.
![Page 19: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/19.jpg)
Jacklyn Burgan // @playfulpixel
All ideas must map to a person’s goals & needs.
![Page 20: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/20.jpg)
Jacklyn Burgan // @playfulpixel
Design Studio • Generate lots of design concepts (options*)
• Present concepts as stories
• Critique using Ritual Dissent
• Integrate (steal) & Iterate
• Check stories for coherence
• Converge around testable solution hypotheses
*See Chris Matts Real Options Theory
![Page 21: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/21.jpg)
Jacklyn Burgan // @playfulpixel
Design Studio • Level playing field.
• Idea generation.
• Team buy-in.
• Ownership/investment.
• Vet design concepts.
![Page 22: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/22.jpg)
Jacklyn Burgan // @playfulpixel
Set A Timer
![Page 23: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/23.jpg)
Jacklyn Burgan // @playfulpixel
CREATE. Pitch. Critique. Create 6-8 concept sketches individually.
![Page 24: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/24.jpg)
Jacklyn Burgan // @playfulpixel
![Page 25: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/25.jpg)
Jacklyn Burgan // @playfulpixel
Line, Square, Circle, Triangle
![Page 26: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/26.jpg)
Jacklyn Burgan // @playfulpixel
Focus on the bare minimum
![Page 27: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/27.jpg)
Jacklyn Burgan // @playfulpixel
All ideas must map to person’s goals & needs.
![Page 28: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/28.jpg)
Jacklyn Burgan // @playfulpixel
Create. PITCH. Critique. 3 minutes to pitch how your concept solves the problem.
![Page 29: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/29.jpg)
Jacklyn Burgan // @playfulpixel
Create. Pitch. CRITIQUE. 2 minutes for critique.
2-3 ways it solves the problem and one 1-2 opportunities for improvement.
![Page 30: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/30.jpg)
Jacklyn Burgan // @playfulpixel
Larry “If I only had a photographic memory I wouldn’t need a shopping list.”
Larry is a 32 year old engineer that works for a major corporation building large-scale desktop applications. When he’s not in the office, he spends most of his time building side projects like mobile and web apps. Because Larry is always working on the next idea, he often forgets to make a list of items he needs from the grocery store and when he goes to make dinner, he doesn’t have the right ingredients to cook with.
![Page 31: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/31.jpg)
Jacklyn Burgan // @playfulpixel
Ready?
![Page 32: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/32.jpg)
Jacklyn Burgan // @playfulpixel
Create.5 minutes.
![Page 33: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/33.jpg)
Jacklyn Burgan // @playfulpixel
Pitch.[pick a time keeper]
3 minutes.
![Page 34: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/34.jpg)
Jacklyn Burgan // @playfulpixel
Critique.2 minutes.
![Page 35: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/35.jpg)
Jacklyn Burgan // @playfulpixel
2nd Iteration!
![Page 36: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/36.jpg)
Jacklyn Burgan // @playfulpixel
Create.5 minutes.
![Page 37: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/37.jpg)
Jacklyn Burgan // @playfulpixel
Pitch.[pick a time keeper]
3 minutes.
![Page 38: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/38.jpg)
Jacklyn Burgan // @playfulpixel
Critique.2 minutes.
![Page 39: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/39.jpg)
Jacklyn Burgan // @playfulpixel
3rd Iteration!
![Page 40: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/40.jpg)
Jacklyn Burgan // @playfulpixel
![Page 41: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/41.jpg)
Jacklyn Burgan // @playfulpixel
Create 1 Solution.10 minutes.
![Page 42: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/42.jpg)
Jacklyn Burgan // @playfulpixel
“Many ideas grow better when transplanted into another mind than the one where they sprang up.”
- Oliver Wendell Holmes
![Page 43: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/43.jpg)
Jacklyn Burgan // @playfulpixel
Pitch.[pick a time keeper]
3 minutes.
![Page 44: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/44.jpg)
Jacklyn Burgan // @playfulpixel
Critique.2 minutes.
![Page 45: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/45.jpg)
Jacklyn Burgan // @playfulpixel
Team Sketch.1 concept
25 minutes.
![Page 46: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/46.jpg)
Jacklyn Burgan // @playfulpixel
Ritual Dissent.
![Page 47: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/47.jpg)
Jacklyn Burgan // @playfulpixel
Ritual Dissent.
• The basic approach involves a spokesperson presenting a series of ideas to a group of investors who listen to them in silence.
• Your spokesperson will only have 5 minutes to present.
• Team must imagine they are a group of investors hearing a pitch from a startup.
![Page 48: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/48.jpg)
Jacklyn Burgan // @playfulpixel
Ritual Dissent.
• The spokesperson turns to face the wall, so that their back is to the investor team and listens in silence while the group attacks the idea.
• The spokesperson cannot respond to questions or defend the ideas.
![Page 49: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/49.jpg)
Jacklyn Burgan // @playfulpixel
“Whenever we propose a solution to a problem, we ought to try as hard as we can to overthrow our solution, rather than defend it.”
- Karl Popper
![Page 50: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/50.jpg)
Jacklyn Burgan // @playfulpixel
Present.Pick a spokesperson 5 minutes to prepare
![Page 51: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/51.jpg)
Jacklyn Burgan // @playfulpixel
For all critique decide: • Ignore (backburner)
• Remove (de-solve)
• Research Solution (best practice)
• Research Problem (innovate)
![Page 52: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/52.jpg)
Jacklyn Burgan // @playfulpixel
Iterate as a team based on the critique.
15 minutes Then pitch to the whole workshop.
![Page 53: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/53.jpg)
Jacklyn Burgan // @playfulpixel
But first…
Rip Up Your Designs.
![Page 54: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/54.jpg)
Jacklyn Burgan // @playfulpixel
Team Sketch.1 concept
15 minutes.
![Page 55: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/55.jpg)
Jacklyn Burgan // @playfulpixel
Team Presentations.3 minutes.
![Page 56: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/56.jpg)
Jacklyn Burgan // @playfulpixel
Ritual Assent.2 minutes.
![Page 57: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/57.jpg)
Jacklyn Burgan // @playfulpixel
Tips For Running This At Your Workplace.
• Timebox: 5 minutes sketch / 5 minutes per person • No more than 6 or 7 people per table (4 is best) • Don’t introduce too many business rules up front • Imagine no technology constraints • Make explicit all potential channels (not just mobile or web)* • Move people from team to team to prevent premature
convergence • Don’t serve turkey sandwiches
![Page 58: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/58.jpg)
Jacklyn Burgan // @playfulpixel
Potential Pitfalls
• Having a solution before Design Studio starts – “we already have a solution – we just want buy-in”
• Not adequately scoping Design Studio to match the problem – “we can only spend 2 hours on Design Studio because of people’s schedules”
• Introducing blockers or business constraints too early • The invisible hand of the absent stakeholder
![Page 59: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/59.jpg)
Jacklyn Burgan // @playfulpixel
Maximize Optionality
• From insights, you can create multiple problem & solution hypotheses sets.
• It's not about designing the one right solution and refining. • It's about testing many solutions to multiple problem
hypotheses. • It's about many small bets.
![Page 60: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/60.jpg)
Jacklyn Burgan // @playfulpixel
Some Ideas for Good Product Design
• Create a balanced team • Design + PM + Development = One Team
• Externalize thought process • Flow: Think > Make > Check • Research to understand problem space • No proxies between customers and team • Generative ideation: it’s about optionality • Formulate many small tests & measure outcome
![Page 61: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/61.jpg)
Jacklyn Burgan // @playfulpixel
Reading Recommendations
![Page 62: Great Wide Open - Design Studio Methodology](https://reader031.fdocuments.net/reader031/viewer/2022030310/58f9a9ff760da3da068b746f/html5/thumbnails/62.jpg)
Jacklyn Burgan // @playfulpixel
Thank You!