agileux - prototyping, design studio and sketching

20
AgileUX Agile Prototyping, Workshops & Sketching Jean Claude GROSJEAN Agile Coach – Trainer Facilitator - UX Specialist www.qualitystreet.fr / www.agile-ux.com Twitter: @jcQualitystreet [email protected]

Upload: jc-grosjean

Post on 28-Jan-2015

118 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: AgileUX - Prototyping, Design Studio and Sketching

AgileUX Agile Prototyping, Workshops & Sketching

Jean Claude GROSJEANAgile Coach – Trainer

Facilitator - UX Specialistwww.qualitystreet.fr / www.agile-ux.com

Twitter: @[email protected]

Page 2: AgileUX - Prototyping, Design Studio and Sketching

Opening

Design Studio Approach

Backlog Refinement

Sketching: keys

Page 3: AgileUX - Prototyping, Design Studio and Sketching

Interface Design ?

A crucial UX activity and now a KEY BUSINESS DIFFRENTIATOR

Jesse James Garret’s Elements of User Experience

Interfaces

Navigation

Interactions

Functionalities

Page 4: AgileUX - Prototyping, Design Studio and Sketching

Doing Interface Design…in Agile

JUST ENOUGH, JUST IN TIME…

Quickly define the UI VISION: stable but opened and evolutive

Then, add the context and go detailed

Page 5: AgileUX - Prototyping, Design Studio and Sketching

DESIGN STUDIO at the beginning

Very Collaborative To explore and define the UI Vision Agenda : Opening + 3 Iterations

Page 6: AgileUX - Prototyping, Design Studio and Sketching
Page 7: AgileUX - Prototyping, Design Studio and Sketching

Sketching solo: 8 min

Page 8: AgileUX - Prototyping, Design Studio and Sketching

Sketching solo 8 min

Page 9: AgileUX - Prototyping, Design Studio and Sketching

Sketching solo

Page 10: AgileUX - Prototyping, Design Studio and Sketching

Pitch it! : 3 min + 2 min

Page 11: AgileUX - Prototyping, Design Studio and Sketching

DESIGN STUDIO

Then Remix and start the second iteration…Finish with team Design (Iteration 3)

Page 12: AgileUX - Prototyping, Design Studio and Sketching

DESIGN STUDIO: Benefits

COLLECTIVE et COLLABORATIVE (all the Team with PO, UX…)

Agile Mindset

Team Building

A large number of design options in a short time

Diversity and innovation

Problem - solving

Engagement (decision process)

First sprints

Occasionally

Page 13: AgileUX - Prototyping, Design Studio and Sketching

WORSHOPS and BACKLOG REFINEMENT: each sprint

Giving meaning and adding context to USER STORIES A collaboration booster!

An example

Page 14: AgileUX - Prototyping, Design Studio and Sketching

Output!

Page 15: AgileUX - Prototyping, Design Studio and Sketching

Cliquez sur l'icône pour ajouter une image

Refinement in action !

Page 16: AgileUX - Prototyping, Design Studio and Sketching

BACKLOG REFINEMENT: Benefits

All the TEAM with PO

Agile mindset

Highly collaborative

Fluidity

Be Ready for Sprint n+1

Anticipate Sprint n+2; +3

Can integrate Design Studio in the the Agenda (Specific problem Solving)

Each Sprint

Page 17: AgileUX - Prototyping, Design Studio and Sketching

SKETCHING : the KEYS

IT IS EVERYONE’S BUSINESS!

Divergence / ConvergenceGeneric / Détailed

IT IS DESIGN (not drawing*)

A question of practice (Skecthbook)

Collect your sources of inspiration

Page 18: AgileUX - Prototyping, Design Studio and Sketching

SKETCHING : Keys

Just think lines….

Enrich with annoted Storyboards

Forget the TOOL: Paper and whiteboard are enough (even if Balsamiq is a good option)

Page 19: AgileUX - Prototyping, Design Studio and Sketching

Capturing a certain reality

SKETCHING… Simplicity and FUN

My daughter Eva 7 years old - * when you’re a child, it’s still drawing

Page 20: AgileUX - Prototyping, Design Studio and Sketching

Thanks !