sketching collaboratively uxsg 2016
Post on 22-Feb-2017
190 views
Embed Size (px)
TRANSCRIPT
PowerPoint Presentation
1
CurrentlyUX ManagerPreviouslyUser Researcher, Ethnographer, UX Consultant, Service Designer, Product Designer, Customer Experience Specialist @HFI, GrameenPhone, Samsung, Stanford, Startups@mphaxisemphaxise
Introductions
Icon by romzicon from Noun Project2
Expectations
Agenda
Exercise 1Sketching
Break10:45am 11:00am
Exercise 2Wrap up
Artem Kovyazen
Creative Stall
Lorenzo Fernandez
Ubalduff Erios4
Exercise 1
Exercise 1
Each one gets a sheet
When I say startFill up as many circles as possible in a minute
Exercise 1
Each one gets a sheet
When I say startFill up as many circles as possible in a minute
Exercise 1
When I say share
Pass your sheet to the person sitting on the right
You get a minute again to see and fill more circles
Exercise 1
We will continue until a full circle is completed
Exercise 1
Each one gets a sheetWhen I say startFill up as many circles as possible in a minuteWhen I say shareGive your sheet to the person sitting on the right to youContinue to fill circles.
Until a full circle is complete
Exercise 1 : DiscussionHow did it go?
Did you draw outside the circle?
Did anyone use more than one circle to form objects?
Did anyone label their objects?
How did your ideas evolve over each round?
Exercise 1 : DiscussionHow did it go?
Did you draw outside the circle?
Did anyone use more than one circle to form objects?
Did anyone label their objects?
How did your ideas evolve over each round?
Exercise 1 : DiscussionHow did it go?
Did you draw outside the circle?
Did anyone use more than one circle to form objects?
Did anyone label their objects?
How did your ideas evolve over each round?
Exercise 1 : DiscussionHow did it go?
Did you draw outside the circle?
Did anyone use more than one circle to form objects?
Did anyone label their objects?
How did your ideas evolve over each round?
Exercise 1 : DiscussionHow did it go?
Did you draw outside the circle?
Did anyone use more than one circle to form objects?
Did anyone label their objects?
How did your ideas evolve over each round?
Early sketch of an idea that became
https://www.flickr.com/photos/jackdorsey/182613360/in/photostream/16
March 2006June 2006And now
March 2006[This sketch] has very special significance it's hanging in the office somewhere with one other page. Whenever I'm thinking about something, I really like to take out the yellow notepad and get it down.
Jack Dorsey, Twitter & Square
Why Sketch?Enable communication
Make abstract concepts concrete
Iterate on ideas
Ensure recollection
Humanize ideas
Jumpstart collaboration
Why Sketch?Enable communication
Make abstract concepts concrete
Iterate on ideas
Ensure recollection
Humanize ideas
Jumpstart collaboration
Sketching, else whereWe sit around, stand around those tables and we draw. We still draw. We would draw and we would make lots of models. - Jonathan Ive
Sketching isntDifficult
Drawing
Only for designers
Sketching, else whereThere are techniques and processes whereby we can put experience front and centre in design. My belief is that the basis for doing so lies in extending the traditional practice of sketching. -Bill Buxton
Attribute of a SketchQuick
Disposable
Plentiful
Minimal details
Appropriate degree of refinement
Suggest & explore rather than confirm
Sketching: Basic Shapes
Sketching Techniques : Combine the basic shapes
Sketching Techniques: Line Thickness
Increasing the weight of the lines to give emphasis to parts of the design.
Sketching Techniques: Size
Draw attention to parts of your sketch by drawing elements with varying size.
Sketching Techniques: Shading
Shading an area can draw attention away from it. De-emphasize part of the sketch.
Sketching Techniques: Selective Detail
To save time, just fill in details for the important bits. Shows whats important.
Sketching Techniques: Isolation
Only sketch certain areas leaving the rest fuzzy.
Sketching Techniques: Depth
Use shading to add depth and perspective to make clickable widgets
Sketching Techniques: Notes
Dont hesitate to mix text with your sketches to explain whats going on
Collaborative SketchingRooted in Design Studio Methodology
Grew out of industrial design and architecture
Jim Ungar, Jeff White, Will Evans, Todd Zaki Warfel, many others
Why Collaborative Sketching workshopCommunicate ideas effectivity
Capture assumptions
Bring out differences in ideas/thoughts/vision
Move faster
Generate more ideas, refine faster
Diversity of experience and expertise
ProcessSetup and ice breaker exercise
Sketch
Share
Iterate on sketches and share for a complete circle
Vote to PrioritizeDiscuss and add notes
Repeat one more round of Sketch (Optional)
Process : Setup and Ice breakerSet agenda/purpose
Bring use cases/user stories/insights/personas/usability test results
You are defining the problem, not giving solutionsWhat is the purpose? In scope/out of scopeWhat features are necessary? In what priority?Who is the audience?
Team doing sketching for the first time?Ice Breaker Exercise
Process : SketchSketch silentlyLimit the time 5/15 minsSketch as much as possible, as many different ideas as possibleDont worry about mistakes or straight linesEmphasis on quantity over quality
Process : ShareGive your sketches to the person sitting next to you
Review the sketches silentlyDo you see something interesting?
Process : Iterate SketchesStart sketching againMaybe you have a new ideaMaybe you want to build up on an ideaMaybe there is something that can be done better
Repeat sketching and sharing until one full round
Process: Vote to prioritizePut up all the sketches on a wall/pin board
Let everyone review the sketches silently
Vote : dot voting, limit votes
Process: Discuss and add notesStart discussing trendsIs there a clear winner?Are there multiple directions/different solutions?Are there ideas that did not get voted up but have potential?
Add notes to the sketches using post-its
Exercise time again
You all work for accuweather.comYou are going to generate ideas/concepts on defining a social experience on the Accuweather mobile app
A mobile app for Local weather AlertsForecast
Exercise 2 : Design Social Experiences for a Weather AppIn teams, sketch your ideas for accuweather app
Setup, talk about who the users are, what kind of features belong here (10 mins)Sketch your ideas silently (10 mins)Share Sketch again (5 mins).. Go full circle Put up the sketches for everyone to see (5 mins)Vote (10 mins)Discuss and add notes (15 mins)Sketch once more, incorporating what you just learnt (10 mins)
Exercise 2 : Design Social Experiences for a Weather AppStep 1: Setup10 minutes
You are defining the problem, not giving solutionsWhat is the purpose? In scope/out of scopeWhat features are necessary? In what priority?Who is the audience?
Goal: Define your use case/scenario
Exercise 2 : Design Social Experiences for a Weather AppStep 2: Sketch10 minutes
Solution modeSketch silentlySketch as much as possible, as many different ideas as possibleDont worry about mistakes or straight linesEmphasis on quantity over quality
Exercise 2 : Design Social Experiences for a Weather AppStep 3: Share2 minutes
Give your sketches to the person sitting next to you
Review the sketches silentlyDo you see something interesting?
Exercise 2 : Design Social Experiences for a Weather AppStep 4: Sketch 5 minutes
Solution modeSketch silentlyBuild on top of ideas you saw vs new ideas with new inspiration
Exercise 2 : Design Social Experiences for a Weather AppStep 5: Share2 minutes
Give your sketches to the person sitting next to you
Review the sketches silentlyDo you see something interesting?
Exercise 2 : Design Social Experiences for a Weather AppStep 6: Sketch 5 minutes
Solution modeSketch silentlyBuild on top of ideas you saw vs new ideas with new inspiration
Exercise 2 : Design Social Experiences for a Weather AppStep 7: Share2 minutes
Give your sketches to the person sitting next to you
Review the sketches silentlyDo you see something interesting?
Exercise 2 : Design Social Experiences for a Weather AppStep 8: Sketch 5 minutes
Solution modeSketch silentlyBuild on top of ideas you saw vs new ideas with new inspiration
Exercise 2 : Design Social Experiences for a Weather AppStep 9: Put up the sketches5 minutes
Exercise 2 : Design Social Experiences for a Weather AppStep 10: Dot voting 10 minutes
You are given dot stickers, see all the sketches and place your votes on the top 5 ideas
Exercise 2 : Design Social Experiences for a Weather AppStep 11: Discuss and add notes 15 minutes
Start discussing trendsIs there a clear winner?What do you like? What do you not like?Are there ideas that can be eliminated?Are there multiple directions/different solut
Recommended