Design Studio Sketching

DESIGN STUDIO SKETCHING —HOW TO QUICKLY GENERATE IDEAS WITH PEN AND PAPER

DESIGN STUDIO SKETCHING

PART 1: DESIGN STUDIO INTRO PART 2: DESIGN STUDIO SKETCHING PART 3: DESIGN STUDIO TIPS

HOW THE WORK OF USER EXPERIENCE DESIGNERS USUALLY LOOKS LIKE

WIREFRAMES & CO ARE A PERFECT TOOL FOR DOCUMENTATION

Wireframes are good to communicate and specify a concept before applying

visual elements

SKETCHING AS NEW

3 reasons why sketching becomes more and more important in the agile product design process:

REASON 1 — AGILE PRODUCT DESIGN DEMANDS FAST RESULTS

Our sprint starts tomorrow - we need a concept for this feature until then

REASON 2 —USERS EXPECT HIGH PRODUCT DESIGN STANDARDS

I don’t like the User Interface of this application - it looks like it’s from 2005!

REASON 3 —VISUALIZATION MAKES COMPLEXITY UNDERSTANDABLE

Design Studio Sketching & Collaborative Design as Solution

BENEFITS OF DESIGN STUDIO SKETCHING

3 benefits of sketching in the agile product design process:

BENEFIT 1 — FAST APPROACH FOSTERING INNOVATION

Fast

Low-cost

Interdisciplinary Tangible

Easy

BENEFIT 2 — SPEEDS UP YOUR THINKING AND DESIGN PROCESS

Think

Understand

Communicate

Design Studio

Sketching

Prototyping User Testing

LearningsHypothesis (User

Needs, Behavior)

MONDAY TUESDAY WEDNESDAY THURSDAY FRIDAY

Product Design Sprint Weekly Plan

BENEFIT 3 — FITS PERFECT IN THE AGILE ENVIRONMENT

Design Studio Sketching Session als Arbeitstool für die Produktentwicklung

Generate Ideas Refine Ideas

THE CREATIVE SKETCHING PROZESS

DESIGN STUDIO STEPS

Generate ideas with the Crazy 6 Template

1 2 3

Refine ideas with the Refinement Template

Present, critique and iterate with the team.

DESIGN STUDIO INPUTS

PersonasSketches

MoodboardProduct and Design Principles

User Stories

Product Value

SKETCHING PRINCIPLES

Fast, not perfect

Build on ideas of others

Quantity is important

Simple is enough

DESIGN STUDIO STEPS — STEP 1

Step 1:Generate as many ideas as possible

GENERATE IDEAS WITH QUICK SKETCHES AND THECRAZY 6 TEMPLATE

THE CRAZY 6 TEMPLATE


Step 2:Refine the best ideas

REFINE IDEAS WITH THE REFINEMENT TEMPLATE

REFINEMENT TEMPLATE


Step 3:Present ideas, critique and iterate.

IDEA PRESENTATION AND CRITIQUE SESSION IN FRONTOF THE EXPERIENCE BOARD

CONSTRUCTIVE CRITIQUE IN DESIGN STUDIO— REFER TO INPUTS TO GIVE REASONS FOR YOUR OPINION

I like it, but I’m not sure if it’s the best for our persona. She loves

visual inspiration and your sketch is so structured. What do you think

about…?

CRITIQUE SESSION PRINCIPLES

Be specific and concrete Make suggestions

Be positive Give reasons

SET UP AN EXPERIENCE BOARD — USE USER STORIES TO STRUCTURE IT

SET UP AN EXPERIENCE BOARD — A GOOD EXPERIENCE BOARD NEEDS SPACE

Pen & Paper — Warm Up for the Design Studio Sketching Session

AT FIRST— YOU NEED THE RIGHT TOOLS

SKETCHING TIP 1 — USE LINE WEIGHT

Use line weight to focus on content or functionality in your sketch.

Shadowing brings even more depth in your sketch.

SKETCHING TIP 2 — SHADOWING

Use colouring to highlight interactions.

SKETCHING TIP 3 — COLOURING

GET READY TO SKETCH

Design Studio

Sketching

Prototyping User Testing

LearningsHypothesis (User

Needs, Behavior)

MONDAY TUESDAY WEDNESDAY THURSDAY FRIDAY

Product Design Sprint Weekly Plan

TIP 1 — INTEGRATE SKETCHING IN YOUR PRODUCT DESIGN PROCESS

PersonasSketches

MoodboardProduct and Design Principles

User Stories

Product Value

TIP 2 — PREPARE THE DESIGN STUDIO SESSION TO GET MOST OUT OF IT

TIP 3 — PROVIDE THE RIGHT TOOLS

Let’s grab pen & paper and create something!

www.ubercreative.me

Design Studio Sketching

Design

Transcript of Design Studio Sketching