68
LOUISE KLINKER, SENIOR UX DESIGNER AT 1508 A/S

Simple drawings big business UXCamp Copenhagen 2013

Embed Size (px)

DESCRIPTION

If you can draw a circle, a square, a line and a squiggle, you can avoid traditional specifications, PowerPoints and misunderstandings in meetings. The elevator pitch is invented to quickly explain a business idea or concept. When it comes to transforming the idea into a digital solution it is crucial that all involved quickly is on the same page. You might know Dan Roam’s book ‘On the back of a napkin’. This talk continues in that spirit. Come along and learn how to use the simple art of sketching to save time and money and avoid misunderstandings. It is this year’s most timesaving UX Camp CPH 2013 talk.

Citation preview

Page 1: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

LOUISE KLINKER, SENIOR UX DESIGNER AT 1508 A/S

Page 2: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 3: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 4: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 5: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

I CAN’T DRAW EVERYONE CAN DRAW

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 6: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WE ARE ALL VISUAL THINKERS!

Page 7: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

Page 8: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

AND A FEW TOOLS

Page 9: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

CAN YOU DRAW THESE?

Page 10: Simple drawings big business UXCamp Copenhagen 2013

Indholdsslide:  Almindelig  indholdsside  med  stort  element  

Page 11: Simple drawings big business UXCamp Copenhagen 2013

Blank slide

Page 12: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

DRAW THE PERSON NEXT TO YOU

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 13: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

AIRBNB

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 14: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

WHO CAN EXPLAIN WHAT AIRBNB IS?

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 15: Simple drawings big business UXCamp Copenhagen 2013

Indholdsslide:  Almindelig  indholdsside  med  stort  element  

Page 16: Simple drawings big business UXCamp Copenhagen 2013

Indholdsslide:  Almindelig  indholdsside  med  stort  element  

Page 17: Simple drawings big business UXCamp Copenhagen 2013

Indholdsslide:  Almindelig  indholdsside  med  stort  element  

Page 18: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

WHY ARE DRAWINGS BIG BUSINESS?

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 19: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

TIME IS MONEY

Page 20: Simple drawings big business UXCamp Copenhagen 2013

To  spaltet  slide:  Brug  kun  denne  slide  til  sammenligninger  eller  for  at  sidestille  information.  

THE WORLD IS A BIG MESS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 21: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

BY VISUALIZING IT YOU ORGANIZE IT

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 22: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WHEN YOU UNDERSTAND THE PROBLEM YOU CAN SOLVE IT

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 23: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

AND DOING THIS PROCESS VISUALLY SAVES TIME

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 24: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

RESEARCH SHOWS…

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 25: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

YOU AVOID THE DANGER OF THIS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 26: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

ENSURE THAT PEOPLE LEAVE MEETINGS UNDERSTANDING THE CONCEPT

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 27: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

SAVE TIME IN BETA MODE

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 28: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

THIS IS WHERE I SAVE TIME USING SIMPLE DRAWINGS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 29: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

EXPLAIN WHAT A MEETING OR PROCESS IS ABOUT

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 30: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

Page 31: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 32: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

DEVELOP, ILLUSTRATE AND SHARE AND IDEA

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 33: Simple drawings big business UXCamp Copenhagen 2013

1508  case:  Der  er  udarbejdet  billeder  til  de  =leste  cases.      Hvis  du  klikker  på  ikonet,  vises  mappen  My  Pictures.  Heri  er  placeret  genveje  til  1508  cases.    Den  orange  label  med  case  titel  kan  forstørres  og  =lyttes  efter  behov.  

Page 34: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

CONCEPT CATALOGUES

Page 35: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WIREFRAMES

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 36: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

MAKE AGREEMENTS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 37: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 38: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 39: Simple drawings big business UXCamp Copenhagen 2013

Blank slide

Page 40: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

PLAN TOGETHER

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 41: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 42: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 43: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

TEST SCENARIOS AND FLOWS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 44: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 45: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 46: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 47: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

EXPLAIN CONCEPTS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 48: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 49: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 50: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 51: Simple drawings big business UXCamp Copenhagen 2013

Statements:  Identitetsskabende  statements  eller  vigtige  postulater  vises  på  denne  type  slide.    Benyt  evt.  hvid  baggrund  eller  fotobaggrunde  fra  serveren.  

VISUAL REPORTING

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 52: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 53: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 54: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

TIME CHECK…

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 55: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

A FRAMEWORK FOR MAKING USEFULL DRAWINGS

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 56: Simple drawings big business UXCamp Copenhagen 2013

Indholdsslide:  Almindelig  indholdsside  med  stort  element  

WHO/WHAT

HOW MUCH

WHERE

WHEN

HOW

WHY

PORTRAIT

GRAPH

MAP

TIMELINE

FLOW

MULTIVARIATE PLOT

*FRAMEWORK BY DAN ROAM

Page 57: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WHO/WHAT

Page 58: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

HOW MUCH

Page 59: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WHERE

Page 60: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WHEN

Page 61: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

HOW

Page 62: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WHY

Page 63: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

WHY DO THESE DRAWINGS WORK? WHAT FRAMEWORKS ARE USED?

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

WHO/ WHAT

HOW MUCH

WHO/ WHAT

HOW

WHERE

Page 64: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

IS THIS SOMTHING THAT YOU CAN USE?

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 65: Simple drawings big business UXCamp Copenhagen 2013

Blank slide

Page 66: Simple drawings big business UXCamp Copenhagen 2013

Kapitel:    Benyttes  som  kapitel  intro  

RESSOURCES

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

Page 67: Simple drawings big business UXCamp Copenhagen 2013

Emneslide:  Blank  slide  kun  med  emne  

GODT AT GÅ VIDERE MED…

4/15/13 SIMPLE DRAWINGS BIG BUSINESS

http://www.slideshare.net/

intelleto/seesortsketch-pen-

paper-tools-to-get-from-

research-to-design-ia-

summit-2010-version

http://

www.businessweek.com

/stories/2008-02-20/

doodling-for-

profitsbusinessweek-

business-news-stock-

market-and-financial-

advice

http://www.ted.com/talks/

sunni_brown.html

http://www.danroam.com/tools/ http://

www.napkinacademy.com/

http://

www.smashingmagazine.com/

2012/08/03/i-draw-pictures-all-

day/

http://www.businessweek.com/

stories/2008-02-20/doodling-for-

profitsbusinessweek-business-

news-stock-market-and-financial-

advice

Page 68: Simple drawings big business UXCamp Copenhagen 2013

Blank slide