SlideShare una empresa de Scribd logo
1 de 22
Lean UX in an Agency Environment


Jef Bekes
Creative Director, User Experience Design, SolutionSet

SF Lean UX Meetup, May 30, 2012
What is Lean UX?

“Lean UX brings the true nature of design work to
light faster, in a collaborative, cross-functional way
with less emphasis on deliverables and greater
focus on the actual experience being designed.”

-Jeff Gothelf, “Lean UX: Getting out of the Deliverables Business”
Process and activities

•   Lean: Think » Make » Check (repeat)
•   Lean UX: Sketch » Prototype » Test (repeat)

    You do stuff like this:
•   Pattern libraries
•   Collaborative sketching
•   Iterative design cycles
•   Rapid prototyping
•   Frequent testing
•   Designing in the browser/codebase
This is great if you work at a startup

 •   Natural affinity with startups (i.e. Lean Startup)
 •   Agile development has taken hold with software
     teams
 •   Small, co-located teams, working in close
     collaboration
 •   Cycle time from idea to implementation is short
But we work at a design agency!




                        http://www.flickr.com/photos/b-tal/163450213/sizes/l/in/photostream/
A typical (big) agency

•   Linear methodologies, still rooted in waterfall
•   Change is seen as bad, rather than inevitable
•   Strong divisions of labor, based on specialization
    and need to scale
•   Separation of teams: Project (client), Design
    (agency) Dev (agency, client or third party)
•   Progress is measured in “deliverables”
Startup vs. agency *
Startup                           Agency
• Team: Product, design, and      • Team: Project (client),
  dev integrated, co-located        design (agency), and dev
• Process: Agile                    (agency, client or third
                                    party) separated
• Artifacts: Prototypes,
                                  • Process: Waterfall
  working code
• Culture: Engineering driven,    • Artifacts: Wireframes,

  lots of collaboration             comps, templates
                                  • Culture: Design-driven,
                                    division of labor, lots of
                                    specialization




* I know, these are stereotypes
Roadblocks
Roadblocks or opportunities?

 •   Teams: There will still be a division of labor -
     that’s why they hired an agency
 •   Process: Should the agency’s methodology
     match the client’s?
 •   Artifacts: We still need “deliverables” are
     required to capture functionality.
 •   Culture: Does collaboration “open the kimono”
     on the creative process? Where’s the “magic”?
How do we get there?




                  http://www.flickr.com/photos/giovanni_novara1/5263134384/sizes/l/
Some tactics

 •   Build iteration into the process, even if you’re
     still working in a waterfall process: Think »
     Make » Check
 •   Define goals up-front and use as an objective
     measuring criteria for the design
 •   Start from the “minimum viable experience” and
     design outward
 •   Collaborate not just within the design group,
     but also across disciplines (and even with the
     client!)
 •   Understand who your deliverables are for and
Some techniques

 •   Design patterns
 •   Sketching
 •   Prototyping
 •   Usability testing
Design patterns
What are design patterns?

 •   Reusable components to solve commonly
     occurring problems within an application
 •   Build out a library as a common reference point
     for designers and developers
 •   Spend your time designing the complex
     interactions, not the best practices
 •   Use an interactive framework (Bootstrap) or roll
     your own
 •   Good way to get developers involved in the
     design process
 •   Bonus: customize your pattern library to double
http://www.flickr.com/photos/etchasketchist/728571856/sizes/l/in/photostream/



Sketching
Sketch to generate concepts

•   Identify the “minimum viable experience”: key
    flows/interactions/screens that are critical to
    success or have the most complexity/unknowns
•   Run a “charette” to sketch out as many different
    solutions as possible
•   These designs as hypotheses to be validated,
    not set in stone
•   Take your best first guess and validate it
    (interactive prototype, higher fidelity design, etc)
http://www.flickr.com/photos/altuwa/4530651461/sizes/l/



Prototyping
Design experiences, not documentation

 •   Wireframes are good way to inventory what
     belongs on a screen, but don’t capture
     interactivity, affordance, and flow
 •   An interactive prototype will allow you to test
     both the “look” and the “feel” of the design
 •   You can do this in parallel with design if you
     partner with your front-end dev team
 •   Prototypes can be different levels of fidelity
     (visual and interactive)
 •   HTML/CSS/JS is nice, but you can also make
     quick prototypes using other tools
User research and usability testing




                       http://www.flickr.com/photos/kevinsteele/473602975/sizes/l/in/photostream/
Validate your hypotheses

 •   Use personas as a way to quickly define tasks
     and goals
 •   Test against the most important task
 •   An interactive prototype is great, but you can go
     lo-fi, too
 •   Do it even if it’s not built into the schedule
 •   Guerrilla testing: does not need to be formal or
     expensive
 •   If you wait until the end, you won’t be able to
     change direction
Discussion

 •   What does it mean for agencies to emulate
     startups? It’s more than just understanding
     technology.
 •   How does the size of the agency affect the way
     you work? Small agencies can be more nimble
     and avoid the common pitfalls.
 •   How to be iterative if you’re working on a fixed
     bid? How do you scope it?
 •   What deliverables are truly necessary? Who are
     they for? What is waste?
Thank you

Jef Bekes

jef.bekes@solutionset.com
        @jbekes



                                   We’re hiring!
                            www.solutionset.com

Más contenido relacionado

La actualidad más candente

Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience DesignAlla Zollers
 
Balancing UX Consistency and Developer Productivity in a Design System
Balancing UX Consistency and Developer Productivity in a Design SystemBalancing UX Consistency and Developer Productivity in a Design System
Balancing UX Consistency and Developer Productivity in a Design Systemuxpin
 
Design Spikes for the Dual-Track Agile Process
Design Spikes for the Dual-Track Agile ProcessDesign Spikes for the Dual-Track Agile Process
Design Spikes for the Dual-Track Agile Processuxpin
 
Agile UX, Yes We Can!
Agile UX, Yes We Can!Agile UX, Yes We Can!
Agile UX, Yes We Can!Alla Zollers
 
Just Married: User Centered Design and Agile
Just Married: User Centered Design and AgileJust Married: User Centered Design and Agile
Just Married: User Centered Design and AgileMemi Beltrame
 
Agile-User Experience Design: an Agile and User-Centered Process?
Agile-User Experience Design: an Agile and User-Centered Process?Agile-User Experience Design: an Agile and User-Centered Process?
Agile-User Experience Design: an Agile and User-Centered Process?louschwartz
 
Great Agile in a UX World
Great Agile in a UX WorldGreat Agile in a UX World
Great Agile in a UX WorldAnthony Viviano
 
From the designers laptop to the users
From the designers laptop to the usersFrom the designers laptop to the users
From the designers laptop to the usersuxpin
 
Working as an agile Experience Designer
Working as an agile Experience DesignerWorking as an agile Experience Designer
Working as an agile Experience DesignerThoughtworks
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience DesignKevin Wong
 
UX Research in the Agile Cycle
UX Research in the Agile CycleUX Research in the Agile Cycle
UX Research in the Agile Cycleuxpin
 
Improve the Development Process with DevOps Practices by Fedorov Vadim
Improve the Development Process with DevOps Practices by Fedorov VadimImprove the Development Process with DevOps Practices by Fedorov Vadim
Improve the Development Process with DevOps Practices by Fedorov VadimSoftServe
 
Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019
Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019
Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019Pedro Teixeira
 
Design System Ops
Design System OpsDesign System Ops
Design System OpsQvik
 
Scaling Products With Design Systems
Scaling Products With Design Systems Scaling Products With Design Systems
Scaling Products With Design Systems uxpin
 
A Principled UX Design Process
A Principled UX Design ProcessA Principled UX Design Process
A Principled UX Design ProcessRob Scherer
 
Effective User Story Writing
Effective User Story WritingEffective User Story Writing
Effective User Story WritingAhmed Misbah
 
Thinking more product: Moving from Scrum to a dual-track agile approach by Su...
Thinking more product: Moving from Scrum to a dual-track agile approach by Su...Thinking more product: Moving from Scrum to a dual-track agile approach by Su...
Thinking more product: Moving from Scrum to a dual-track agile approach by Su...Agile Software Community of India
 
Agile Prototyping Best Practices
Agile Prototyping Best PracticesAgile Prototyping Best Practices
Agile Prototyping Best Practicesuxpin
 
Design systems: accounting for quality and scalability
Design systems: accounting for quality and scalabilityDesign systems: accounting for quality and scalability
Design systems: accounting for quality and scalabilityuxpin
 

La actualidad más candente (20)

Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
 
Balancing UX Consistency and Developer Productivity in a Design System
Balancing UX Consistency and Developer Productivity in a Design SystemBalancing UX Consistency and Developer Productivity in a Design System
Balancing UX Consistency and Developer Productivity in a Design System
 
Design Spikes for the Dual-Track Agile Process
Design Spikes for the Dual-Track Agile ProcessDesign Spikes for the Dual-Track Agile Process
Design Spikes for the Dual-Track Agile Process
 
Agile UX, Yes We Can!
Agile UX, Yes We Can!Agile UX, Yes We Can!
Agile UX, Yes We Can!
 
Just Married: User Centered Design and Agile
Just Married: User Centered Design and AgileJust Married: User Centered Design and Agile
Just Married: User Centered Design and Agile
 
Agile-User Experience Design: an Agile and User-Centered Process?
Agile-User Experience Design: an Agile and User-Centered Process?Agile-User Experience Design: an Agile and User-Centered Process?
Agile-User Experience Design: an Agile and User-Centered Process?
 
Great Agile in a UX World
Great Agile in a UX WorldGreat Agile in a UX World
Great Agile in a UX World
 
From the designers laptop to the users
From the designers laptop to the usersFrom the designers laptop to the users
From the designers laptop to the users
 
Working as an agile Experience Designer
Working as an agile Experience DesignerWorking as an agile Experience Designer
Working as an agile Experience Designer
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
 
UX Research in the Agile Cycle
UX Research in the Agile CycleUX Research in the Agile Cycle
UX Research in the Agile Cycle
 
Improve the Development Process with DevOps Practices by Fedorov Vadim
Improve the Development Process with DevOps Practices by Fedorov VadimImprove the Development Process with DevOps Practices by Fedorov Vadim
Improve the Development Process with DevOps Practices by Fedorov Vadim
 
Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019
Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019
Implementing Dual-Track Agile :: Lessons from the trenches @ITSpring.by May 2019
 
Design System Ops
Design System OpsDesign System Ops
Design System Ops
 
Scaling Products With Design Systems
Scaling Products With Design Systems Scaling Products With Design Systems
Scaling Products With Design Systems
 
A Principled UX Design Process
A Principled UX Design ProcessA Principled UX Design Process
A Principled UX Design Process
 
Effective User Story Writing
Effective User Story WritingEffective User Story Writing
Effective User Story Writing
 
Thinking more product: Moving from Scrum to a dual-track agile approach by Su...
Thinking more product: Moving from Scrum to a dual-track agile approach by Su...Thinking more product: Moving from Scrum to a dual-track agile approach by Su...
Thinking more product: Moving from Scrum to a dual-track agile approach by Su...
 
Agile Prototyping Best Practices
Agile Prototyping Best PracticesAgile Prototyping Best Practices
Agile Prototyping Best Practices
 
Design systems: accounting for quality and scalability
Design systems: accounting for quality and scalabilityDesign systems: accounting for quality and scalability
Design systems: accounting for quality and scalability
 

Destacado

How to apply agile principles to the agency model
How to apply agile principles to the agency modelHow to apply agile principles to the agency model
How to apply agile principles to the agency modelgbuatmenard
 
Modern Agile for Agencies
Modern Agile for AgenciesModern Agile for Agencies
Modern Agile for AgenciesBlossom IO Inc.
 
Scaling like Spotify: What advertising agencies can learn from software-as-a-...
Scaling like Spotify: What advertising agencies can learn from software-as-a-...Scaling like Spotify: What advertising agencies can learn from software-as-a-...
Scaling like Spotify: What advertising agencies can learn from software-as-a-...Ed Hammerton
 
Understanding Client Dynamics for UX Designers - Girl Geeks Toronto presentation
Understanding Client Dynamics for UX Designers - Girl Geeks Toronto presentationUnderstanding Client Dynamics for UX Designers - Girl Geeks Toronto presentation
Understanding Client Dynamics for UX Designers - Girl Geeks Toronto presentationMorag Johnston
 
The Collaborative UX Professional's Toolkit
The Collaborative UX Professional's ToolkitThe Collaborative UX Professional's Toolkit
The Collaborative UX Professional's ToolkitColin Butler
 
Amit daliot-ux-lx-2013
Amit daliot-ux-lx-2013Amit daliot-ux-lx-2013
Amit daliot-ux-lx-2013Amit Daliot
 
Will UX and agile work in a digital agency? NUX Event. May 2012.
Will UX and agile work in a digital agency?  NUX Event.  May 2012.Will UX and agile work in a digital agency?  NUX Event.  May 2012.
Will UX and agile work in a digital agency? NUX Event. May 2012.Code Computerlove
 
My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...
My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...
My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...Sarah Mills
 
Can an Agency be Agile?
Can an Agency be Agile?Can an Agency be Agile?
Can an Agency be Agile?Ryan Lejbak
 
Wireframe that First: The Role of UX in Agencies
Wireframe that First: The Role of UX in AgenciesWireframe that First: The Role of UX in Agencies
Wireframe that First: The Role of UX in AgenciesAbby Covert
 
The State of Enterprise UX 2016: Panel Discussion
The State of Enterprise UX 2016: Panel DiscussionThe State of Enterprise UX 2016: Panel Discussion
The State of Enterprise UX 2016: Panel Discussionuxpin
 
Beautiful Seams: The Intuit Design System
Beautiful Seams: The Intuit Design SystemBeautiful Seams: The Intuit Design System
Beautiful Seams: The Intuit Design Systemuxpin
 
Walk, Don't Run: Incremental Change in Enterprise UX
Walk, Don't Run: Incremental Change in Enterprise UXWalk, Don't Run: Incremental Change in Enterprise UX
Walk, Don't Run: Incremental Change in Enterprise UXuxpin
 
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Freelance
 
Mission-Based Experience Strategy
Mission-Based Experience StrategyMission-Based Experience Strategy
Mission-Based Experience Strategyuxpin
 
Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...
Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...
Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...uxpin
 
UX Deliverables in Practice
UX Deliverables in PracticeUX Deliverables in Practice
UX Deliverables in PracticePeter Boersma
 
UX AT Work: Experience Design Principles for an Agency World
UX AT Work: Experience Design Principles for an Agency WorldUX AT Work: Experience Design Principles for an Agency World
UX AT Work: Experience Design Principles for an Agency WorldVCU Brandcenter
 

Destacado (20)

How to apply agile principles to the agency model
How to apply agile principles to the agency modelHow to apply agile principles to the agency model
How to apply agile principles to the agency model
 
The Agile Agency
The Agile AgencyThe Agile Agency
The Agile Agency
 
Modern Agile for Agencies
Modern Agile for AgenciesModern Agile for Agencies
Modern Agile for Agencies
 
E commerce best practices
E commerce best practicesE commerce best practices
E commerce best practices
 
Scaling like Spotify: What advertising agencies can learn from software-as-a-...
Scaling like Spotify: What advertising agencies can learn from software-as-a-...Scaling like Spotify: What advertising agencies can learn from software-as-a-...
Scaling like Spotify: What advertising agencies can learn from software-as-a-...
 
Understanding Client Dynamics for UX Designers - Girl Geeks Toronto presentation
Understanding Client Dynamics for UX Designers - Girl Geeks Toronto presentationUnderstanding Client Dynamics for UX Designers - Girl Geeks Toronto presentation
Understanding Client Dynamics for UX Designers - Girl Geeks Toronto presentation
 
The Collaborative UX Professional's Toolkit
The Collaborative UX Professional's ToolkitThe Collaborative UX Professional's Toolkit
The Collaborative UX Professional's Toolkit
 
Amit daliot-ux-lx-2013
Amit daliot-ux-lx-2013Amit daliot-ux-lx-2013
Amit daliot-ux-lx-2013
 
Will UX and agile work in a digital agency? NUX Event. May 2012.
Will UX and agile work in a digital agency?  NUX Event.  May 2012.Will UX and agile work in a digital agency?  NUX Event.  May 2012.
Will UX and agile work in a digital agency? NUX Event. May 2012.
 
My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...
My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...
My Mom Doesn't Like the Font—Applying UX to Design Presentations for Better C...
 
Can an Agency be Agile?
Can an Agency be Agile?Can an Agency be Agile?
Can an Agency be Agile?
 
Wireframe that First: The Role of UX in Agencies
Wireframe that First: The Role of UX in AgenciesWireframe that First: The Role of UX in Agencies
Wireframe that First: The Role of UX in Agencies
 
The State of Enterprise UX 2016: Panel Discussion
The State of Enterprise UX 2016: Panel DiscussionThe State of Enterprise UX 2016: Panel Discussion
The State of Enterprise UX 2016: Panel Discussion
 
Beautiful Seams: The Intuit Design System
Beautiful Seams: The Intuit Design SystemBeautiful Seams: The Intuit Design System
Beautiful Seams: The Intuit Design System
 
Walk, Don't Run: Incremental Change in Enterprise UX
Walk, Don't Run: Incremental Change in Enterprise UXWalk, Don't Run: Incremental Change in Enterprise UX
Walk, Don't Run: Incremental Change in Enterprise UX
 
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
 
Mission-Based Experience Strategy
Mission-Based Experience StrategyMission-Based Experience Strategy
Mission-Based Experience Strategy
 
Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...
Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...
Seismic Change in Enterprise UX: Blowing Up Your Legacy System to Start From ...
 
UX Deliverables in Practice
UX Deliverables in PracticeUX Deliverables in Practice
UX Deliverables in Practice
 
UX AT Work: Experience Design Principles for an Agency World
UX AT Work: Experience Design Principles for an Agency WorldUX AT Work: Experience Design Principles for an Agency World
UX AT Work: Experience Design Principles for an Agency World
 

Similar a Lean UX in an Agency Environment

Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017Dave Malouf
 
Customer Development Fast Protyping
Customer Development Fast ProtypingCustomer Development Fast Protyping
Customer Development Fast ProtypingSerdar Temiz
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&processSheSaysCREATIVE
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX DesignStephen Denning
 
User Stories from Scenarios
User Stories from ScenariosUser Stories from Scenarios
User Stories from ScenariosRavikanth-BA
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall
 
Agile Dev and Lean UX
Agile Dev and Lean UXAgile Dev and Lean UX
Agile Dev and Lean UXKarri Ojanen
 
Validating Ideas Through Prototyping
Validating Ideas Through PrototypingValidating Ideas Through Prototyping
Validating Ideas Through PrototypingChris Risdon
 
"How do I Architect?" - Quick Introduction to Architecture for Salesforce Ad...
"How do I Architect?"  - Quick Introduction to Architecture for Salesforce Ad..."How do I Architect?"  - Quick Introduction to Architecture for Salesforce Ad...
"How do I Architect?" - Quick Introduction to Architecture for Salesforce Ad...Steven Herod
 
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBARatko Mutavdzic
 
How we got everyone at MYOB hooked on UX, and how we're managing their addict...
How we got everyone at MYOB hooked on UX, and how we're managing their addict...How we got everyone at MYOB hooked on UX, and how we're managing their addict...
How we got everyone at MYOB hooked on UX, and how we're managing their addict...Megan Dell
 
Design-led Innovation at Work
Design-led Innovation at WorkDesign-led Innovation at Work
Design-led Innovation at WorkJanaki Kumar
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Michele Ide-Smith
 
User Vision Breakfast Briefing - Collaborative Design
User Vision Breakfast Briefing - Collaborative DesignUser Vision Breakfast Briefing - Collaborative Design
User Vision Breakfast Briefing - Collaborative DesignUser Vision
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM WatsonUserTesting
 
The Importance of Culture: Building and Sustaining Effective Engineering Org...
The Importance of Culture:  Building and Sustaining Effective Engineering Org...The Importance of Culture:  Building and Sustaining Effective Engineering Org...
The Importance of Culture: Building and Sustaining Effective Engineering Org...Randy Shoup
 
IT Executive's guide to Design Thinking
IT Executive's guide to Design ThinkingIT Executive's guide to Design Thinking
IT Executive's guide to Design ThinkingAlgarytm
 
UXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersUXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersAndrew Mottaz
 

Similar a Lean UX in an Agency Environment (20)

Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017
 
Customer Development Fast Protyping
Customer Development Fast ProtypingCustomer Development Fast Protyping
Customer Development Fast Protyping
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX Design
 
User Stories from Scenarios
User Stories from ScenariosUser Stories from Scenarios
User Stories from Scenarios
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 
Agile Dev and Lean UX
Agile Dev and Lean UXAgile Dev and Lean UX
Agile Dev and Lean UX
 
Validating Ideas Through Prototyping
Validating Ideas Through PrototypingValidating Ideas Through Prototyping
Validating Ideas Through Prototyping
 
"How do I Architect?" - Quick Introduction to Architecture for Salesforce Ad...
"How do I Architect?"  - Quick Introduction to Architecture for Salesforce Ad..."How do I Architect?"  - Quick Introduction to Architecture for Salesforce Ad...
"How do I Architect?" - Quick Introduction to Architecture for Salesforce Ad...
 
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
 
The Design Discovery Jetpack
The Design Discovery JetpackThe Design Discovery Jetpack
The Design Discovery Jetpack
 
How we got everyone at MYOB hooked on UX, and how we're managing their addict...
How we got everyone at MYOB hooked on UX, and how we're managing their addict...How we got everyone at MYOB hooked on UX, and how we're managing their addict...
How we got everyone at MYOB hooked on UX, and how we're managing their addict...
 
Design-led Innovation at Work
Design-led Innovation at WorkDesign-led Innovation at Work
Design-led Innovation at Work
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013
 
User Vision Breakfast Briefing - Collaborative Design
User Vision Breakfast Briefing - Collaborative DesignUser Vision Breakfast Briefing - Collaborative Design
User Vision Breakfast Briefing - Collaborative Design
 
UX in Action: IBM Watson
UX in Action: IBM WatsonUX in Action: IBM Watson
UX in Action: IBM Watson
 
Designing for efficiency.pdf
Designing for efficiency.pdfDesigning for efficiency.pdf
Designing for efficiency.pdf
 
The Importance of Culture: Building and Sustaining Effective Engineering Org...
The Importance of Culture:  Building and Sustaining Effective Engineering Org...The Importance of Culture:  Building and Sustaining Effective Engineering Org...
The Importance of Culture: Building and Sustaining Effective Engineering Org...
 
IT Executive's guide to Design Thinking
IT Executive's guide to Design ThinkingIT Executive's guide to Design Thinking
IT Executive's guide to Design Thinking
 
UXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersUXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and Developers
 

Último

Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxbalqisyamutia
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableNitya salvi
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...nirzagarg
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...sriharipichandi
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Nitya salvi
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptxssuser0ad194
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789CristineGraceAcuyan
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证eeanqy
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxShoaibRajper1
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024Ilham Brata
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKMarekMitek1
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Servicemeghakumariji156
 

Último (20)

Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 

Lean UX in an Agency Environment

  • 1. Lean UX in an Agency Environment Jef Bekes Creative Director, User Experience Design, SolutionSet SF Lean UX Meetup, May 30, 2012
  • 2. What is Lean UX? “Lean UX brings the true nature of design work to light faster, in a collaborative, cross-functional way with less emphasis on deliverables and greater focus on the actual experience being designed.” -Jeff Gothelf, “Lean UX: Getting out of the Deliverables Business”
  • 3. Process and activities • Lean: Think » Make » Check (repeat) • Lean UX: Sketch » Prototype » Test (repeat) You do stuff like this: • Pattern libraries • Collaborative sketching • Iterative design cycles • Rapid prototyping • Frequent testing • Designing in the browser/codebase
  • 4. This is great if you work at a startup • Natural affinity with startups (i.e. Lean Startup) • Agile development has taken hold with software teams • Small, co-located teams, working in close collaboration • Cycle time from idea to implementation is short
  • 5. But we work at a design agency! http://www.flickr.com/photos/b-tal/163450213/sizes/l/in/photostream/
  • 6. A typical (big) agency • Linear methodologies, still rooted in waterfall • Change is seen as bad, rather than inevitable • Strong divisions of labor, based on specialization and need to scale • Separation of teams: Project (client), Design (agency) Dev (agency, client or third party) • Progress is measured in “deliverables”
  • 7. Startup vs. agency * Startup Agency • Team: Product, design, and • Team: Project (client), dev integrated, co-located design (agency), and dev • Process: Agile (agency, client or third party) separated • Artifacts: Prototypes, • Process: Waterfall working code • Culture: Engineering driven, • Artifacts: Wireframes, lots of collaboration comps, templates • Culture: Design-driven, division of labor, lots of specialization * I know, these are stereotypes
  • 9. Roadblocks or opportunities? • Teams: There will still be a division of labor - that’s why they hired an agency • Process: Should the agency’s methodology match the client’s? • Artifacts: We still need “deliverables” are required to capture functionality. • Culture: Does collaboration “open the kimono” on the creative process? Where’s the “magic”?
  • 10. How do we get there? http://www.flickr.com/photos/giovanni_novara1/5263134384/sizes/l/
  • 11. Some tactics • Build iteration into the process, even if you’re still working in a waterfall process: Think » Make » Check • Define goals up-front and use as an objective measuring criteria for the design • Start from the “minimum viable experience” and design outward • Collaborate not just within the design group, but also across disciplines (and even with the client!) • Understand who your deliverables are for and
  • 12. Some techniques • Design patterns • Sketching • Prototyping • Usability testing
  • 14. What are design patterns? • Reusable components to solve commonly occurring problems within an application • Build out a library as a common reference point for designers and developers • Spend your time designing the complex interactions, not the best practices • Use an interactive framework (Bootstrap) or roll your own • Good way to get developers involved in the design process • Bonus: customize your pattern library to double
  • 16. Sketch to generate concepts • Identify the “minimum viable experience”: key flows/interactions/screens that are critical to success or have the most complexity/unknowns • Run a “charette” to sketch out as many different solutions as possible • These designs as hypotheses to be validated, not set in stone • Take your best first guess and validate it (interactive prototype, higher fidelity design, etc)
  • 18. Design experiences, not documentation • Wireframes are good way to inventory what belongs on a screen, but don’t capture interactivity, affordance, and flow • An interactive prototype will allow you to test both the “look” and the “feel” of the design • You can do this in parallel with design if you partner with your front-end dev team • Prototypes can be different levels of fidelity (visual and interactive) • HTML/CSS/JS is nice, but you can also make quick prototypes using other tools
  • 19. User research and usability testing http://www.flickr.com/photos/kevinsteele/473602975/sizes/l/in/photostream/
  • 20. Validate your hypotheses • Use personas as a way to quickly define tasks and goals • Test against the most important task • An interactive prototype is great, but you can go lo-fi, too • Do it even if it’s not built into the schedule • Guerrilla testing: does not need to be formal or expensive • If you wait until the end, you won’t be able to change direction
  • 21. Discussion • What does it mean for agencies to emulate startups? It’s more than just understanding technology. • How does the size of the agency affect the way you work? Small agencies can be more nimble and avoid the common pitfalls. • How to be iterative if you’re working on a fixed bid? How do you scope it? • What deliverables are truly necessary? Who are they for? What is waste?
  • 22. Thank you Jef Bekes jef.bekes@solutionset.com @jbekes We’re hiring! www.solutionset.com

Notas del editor

  1. How many in startups or product organizations?\nHow many in agencies?\n
  2. Great definition of Lean UX that hits on some of the key points:\nGet from idea to experience as quickly as possible\nDecrease risk and waste\nDesign experiences, not documents\nWork in integrated, highly collaborative teams\n\nThe original article was fairly heavy-handed in its view of “deliverables”\n\n
  3. At a practical level, it looks like this. \nThis impacts not just your design process, but your entire toolkit and style of working.\n\n\n
  4. There’s a natural affinity between this approach to design and the startup world.\n\nDovetails with the whole “Lean Startup” movement.\nAgile development is a natural ally, since it’s predicated on multiple, iterative cycles where you constantly refine your work.\nYour teams are generally small, and everyone (product, design, development) is sitting together.\nContinuous integration practices keep the build green and allow for regular introduction of new designs into a working product environment.\n\nMost of the thought around Lean UX is based on how to implement this inside of a product organization.\n
  5. That sounds great, but what if you don’t work client-side?\n\n\n
  6. At first glance, almost every aspect of how design agencies are run and structured goes against the tenets of Lean UX.\nProcess is linear and design to manage scope and ensure that what is defined at the beginning is what comes out at the end.\nLots of specialization: visual designers, user experience designers, information architects, user researchers, etc. Natural way to scale.\nSeparation into different functional silos. The creative process is seen as “magic”, resulting in a big reveal. \nSOWs are based on deliverables (wireframes, comps, templates). \nBut what we’re really trying to do is deliver an experience. Everything else is just a different way to represent it.\n\n\n\n
  7. So there are some pretty important differences between the way these two kinds of organization approach design. \n
  8. The question is whether these are inherently blocking the adoption of Lean UX principles, or rather just different opportunities to innovate.\n\n
  9. So there are some pretty important differences between the way these two kinds of organization approach design.\nSome of these are inherent and driven by the client organization.\nIf the client works agile, you can work within that. But if they are watefall, it’s hard to be agile.\nCultural change is the hardest, because we’re used to design happening in a black box.\n\n\n
  10. Given all of that, there’s still a lot I think we can do to be more Lean without completely rethinking the agency model.\n\nThere was a recent blog posting by the ECD of AKQA asking whether agencies should be more like startups.\n\n
  11. Get the “think > make > check” mentality into the way you work and make sure there you can incorporate the feedback.\nUse goals as a way to measure, or check. \nFigure out how what constitutes success and make sure you have that part nailed.\nGreat design ideas come from everywhere. Collaboration with developers is more than just checking for technical feasability. \nDeliverables should facilitate understanding and communication. They are not the end product.\n\n
  12. Here are some simple techniques you can use to make your traditional process more lean.\n\n
  13. \n
  14. \n
  15. \n
  16. Start with a story.\nSketch out the user journey. What are key paths to success?\nDoes it follow a known pattern or interaction? How confident are you that it’s the right solution?\n
  17. make it interactive.\n
  18. lean UX is not anti-deliverables, but what we design needs to more closely model the end experience.\nFalse positives from static artifacts.\n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n