workshop #3: sketching collaboratively by praneet koppula

Download Workshop #3: Sketching Collaboratively by Praneet Koppula

Post on 22-Feb-2017

116 views

Category:

Design

1 download

Embed Size (px)

TRANSCRIPT

  • CurrentlyUX Manager

    PreviouslyUser Researcher, Ethnographer, UX Consultant, Service Designer, Product Designer, Customer Experience Specialist @HFI, GrameenPhone, Samsung, Stanford, Startups

    @mphaxise mphaxise

    Introductions

  • Expectations

  • Agenda

    Exercise 1 Sketching Break10:45am 11:00am

    Exercise 2 Wrap up

  • 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 sheet When I say start Fill up as many circles as possible in a minute When I say share Give your sheet to the person sitting on the right to you Continue to fill circles .

    Until a full circle is complete

  • Exercise 1 : Discussion

    How 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 : Discussion

    How 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 : Discussion

    How 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 : Discussion

    How 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 : Discussion

    How 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

  • Twitter

    March 2006

    June 2006

    And now

  • Twitter

    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 where

    We 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 isnt

    Difficult

    Drawing

    Only for designers

  • Sketching, else where

    There 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 Sketch

    Quick

    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 Sketching

    Rooted in Design Studio Methodology

    Grew out of industrial design and architecture

    Jim Ungar, Jeff White, Will Evans, Todd Zaki Warfel, manyothers

  • Why Collaborative Sketching workshop

    Communicate ideas effectivity

    Capture assumptions

    Bring out differences in ideas/thoughts/vision

    Move faster

    Generate more ideas, refine faster

    Diversity of experience and expertise

  • Process

    Setup and ice breaker exercise

    Sketch

    Share

    Iterate on sketches and share for a complete circle

    Vote to Prioritize Discuss and add notes

    Repeat one more round of Sketch (Optional)

  • Process : Setup and Ice breaker

    Set agenda/purpose

    Bring use cases/user stories/insights/personas/usability test results

    You are defining the problem, not giving solutions What is the purpose? In scope/out of scope What features are necessary? In what priority? Who is the audience?

    Team doing sketching for the first time? Ice Breaker Exercise

  • Process : Sketch

    Sketch silently Limit the time 5/15 mins Sketch as much as possible, as many different ideas as

    possible Dont worry about mistakes or straight lines Emphasis on quantity over quality

  • Process : Share

    Give your sketches to the person sitting next to you

    Review the sketches silently Do you see something interesting?

  • Process : Iterate Sketches

    Start sketching again Maybe you have a new idea Maybe you want to build up on an idea Maybe there is something that can be done better

    Repeat sketching and sharing until one full round

  • Process: Vote to prioritize

    Put up all the sketches on a wall/pin board

    Let everyone review the sketches silently

    Vote : dot voting, limit votes

  • Process: Discuss and add notes

    Start discussing trends Is 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.com

    You are going to generate ideas/concepts on defining a social experience on the Accuweather mobile app

    A mobile app for - Local weather - Alerts- Forecast

  • Exercise 2 : Design Social Experiences for a Weather App

    In teams, sketch your ideas for accuweather app

    1. Setup, talk about who the users are, what kind of features belong here (10 mins)2. Sketch your ideas silently (10 mins)3. Share 4. Sketch again (5 mins).. Go full circle 5. Put up the sketches for everyone to see (5 mins)6. Vote (10 mins)7. Discuss and add notes (15 mins)8. Sketch once more, incorporating what you just learnt (10 mins)

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 1: Setup 10 minutes

    You are defining the problem, not giving solutions What is the purpose? In scope/out of scope What features are necessary? In what priority? Who is the audience?

    Goal: Define your use case/scenario

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 2: Sketch 10 minutes

    Solution mode Sketch silently Sketch as much as possible, as many different ideas as possible Dont worry about mistakes or straight lines Emphasis on quantity over quality

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 3: Share 2 minutes

    Give your sketches to the person sitting next to you

    Review the sketches silently Do you see something interesting?

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 4: Sketch 5 minutes

    Solution mode Sketch silently Build on top of ideas you saw

    vs new ideas with new inspiration

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 5: Share 2 minutes

    Give your sketches to the person sitting next to you

    Review the sketches silently Do you see something interesting?

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 6: Sketch 5 minutes

    Solution mode Sketch silently Build on top of ideas you saw

    vs new ideas with new inspiration

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 7: Share 2 minutes

    Give your sketches to the person sitting next to you

    Review the sketches silently Do you see something interesting?

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 8: Sketch 5 minutes

    Solution mode Sketch silently Build on top of ideas you saw

    vs new ideas with new inspiration

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 9: Put up the sketches 5 minutes

  • Exercise 2 : Design Social Experiences for a Weather App

    Step 10: Dot voting 10 minutes

    You are gi