Designing on Purpose - Digital PM Summit 2013

Slide 1

Slide 1 text

Jared Ponchot // @jponch // Digital PM Summit 2013 Design Process & Deliverables in the Responsive Age DESIGNING ON PURPOSE

Slide 2

Slide 2 text

HI, MY NAME IS JARED PONCHOT, AND I’M A DESIGNER not a project manager

Slide 3

Slide 3 text

“ — Denise Scott Brown PUT A GROUP OF ARCHITECTS, URBAN DESIGNERS AND PLANNERS IN A SIGHT-SEEING BUS AND THEIR ACTIONS WILL DEFINE THE LIMITS OF THEIR CONCERNS. THE ARCHITECTS WILL TAKE PHOTOGRAPHS OF THE BUILDINGS, OR HIGHWAYS OR BRIDGES. THE URBAN DESIGNERS WILL WAIT FOR THAT MOMENT WHEN ALL THREE ARE JUXTAPOSED. THE PLANNERS WILL BE TOO BUSY TALKING TO LOOK OUT OF THE WINDOW.

Slide 4

Slide 4 text

“ — Jason Santa Maria, August 2005 Photo by Adam Wintle http://stuﬀandnonsense.co.uk/blog/about/a_list_taken_apart A list apart has always tried to be one of those sites at the front of the pack. We don't support 800 x 600 anymore, nor do we 640 x 480. Do you? People ipped when sites stopped supporting 640 x 480... now no one says a word. ings change. Trust me, you are going to see more sites stretching out their legs and putting their feet up.

Slide 5

Slide 5 text

MO’ DEVICES MO’ PROBLEMS Photo wallpaper of Notorious BIG from alphacoders.com

Slide 6

Slide 6 text

PURPOSE, NOT PREFERENCE PRIORITY, NOT PLACEMENT SYSTEMS, NOT PAGES

Slide 7

Slide 7 text

“ — Victor Papanek DESIGN IS THE CONSCIOUS EFFORT TO IMPOSE A MEANINGFUL ORDER

Slide 8

Slide 8 text

Audi A7 Sportback plans from the-blueprints.com

Slide 9

Slide 9 text

Audi A7 Sportback plans from the-blueprints.com ‣ REQUREMENTS GATHERING ‣ CONCEPT DESIGN ‣ MARKET RESEARCH ‣ TEST CAR ‣ FINAL DESIGN

Slide 10

Slide 10 text

DISCOVER strategists DESIGN designers DEVELOP developers DEPLOY client & users SOUND FAMILIAR?

Slide 11

Slide 11 text

Audio A7 Sportback photo from exclusivecardesign.blogspot.com

Slide 12

Slide 12 text

Audio A7 Sportback photo from exclusivecardesign.blogspot.com

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

DISCOVER strategists DESIGN designers DEVELOP developers DEPLOY client & users FAMILIAR PROCESS

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

WHISPER DOWN THE LANE DESIGN Photo from http://failblog.cheezburger.com

Slide 17

Slide 17 text

WHY HAVE WE DONE IT THIS WAY?

Slide 18

Slide 18 text

ALLITERATION is ALMOST ALWAYS AWESOME

Slide 19

Slide 19 text

FAMILIARITY IS FANTASTIC

Slide 20

Slide 20 text

“ — Paul Rand THE PUBLIC IS MORE FAMILIAR WITH BAD DESIGN THAN GOOD DESIGN. IT IS, IN EFFECT, CONDITIONED TO PREFER BAD DESIGN, BECAUSE THAT IS WHAT IT LIVES WITH. THE NEW BECOMES THREATENING, THE OLD REASSURING.

Slide 21

Slide 21 text

DIVISION OF LABOR

Slide 22

Slide 22 text

STRATEGISTS UX/DESIGNERS FRONTEND DEVS BACKEND DEVS DIVISION OF LABOR

Slide 23

Slide 23 text

STRATEGISTS UX/DESIGNERS FRONTEND DEVS BACKEND DEVS DIVISION OF LABOR: RESPONSIVE DESIGN

Slide 24

Slide 24 text

“ — Fred Brooks 9 WOMEN CAN’T MAKE A BABY IN 1 MONTH!

Slide 25

Slide 25 text

⌘N

Slide 26

Slide 26 text

KEEP EVERYONE FOCUSED ON PURPOSE & CONTENT not process or deliverables

Slide 27

Slide 27 text

CREATE LIGHTER WEIGHT, LIVING DELIVERABLES

Slide 28

Slide 28 text

THE BIG REVEAL

Slide 29

Slide 29 text

DISCOVER strategists DESIGN designers DEVELOP developers DEPLOY client & users INSTEAD OF THIS ...

Slide 30

Slide 30 text

PURPOSE CONTENT STYLE STRATEGY DESIGN DEVELOPMENT

Slide 31

Slide 31 text

PURPOSE CONTENT STYLE

Slide 32

Slide 32 text

DESIGN IS PROBLEM DISCOVERY & problem Solving

Slide 33

Slide 33 text

“ — Albert Einstein IF I HAD AN HOUR TO SOLVE A PROBLEM AND MY LIFE DEPENDED ON THE SOLUTION, I WOULD SPEND THE FIRST 55 MINUTES DETERMINING THE PROPER QUESTION TO ASK, FOR ONCE I KNOW THE PROPER QUESTION, I COULD SOLVE THE PROBLEM IN LESS THAN 5 MINUTES.

Slide 34

Slide 34 text

http://www.youtube.com/watch?v=SnXtuktNdlM

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

WHAT WILL THAT GET YOU?

Slide 37

Slide 37 text

THE RIGHT QUESTIONS CAN HELP THE CLIENT DO THEIR JOB, & SET YOU UP TO DO YOURS

Slide 38

Slide 38 text

“ — Andy Rutledge YOU MAY BE SURPRISED, BUT I NEVER ASK DESIGN-RELATED QUESTIONS IN DESIGN PROJECT DISCOVERY MEETINGS.

Slide 39

Slide 39 text

“ — Andy Rutledge THE REASON I DON’T ASK DESIGN QUESTIONS OF THE CLIENT IS THE SAME REASON AN ARCHITECT DOESN’T ASK THE CLIENT WHAT PSI THE BUILDING’S LOAD-BEARING FOUNDATIONAL STRUCTURES WILL NEED TO ENDURE.

Slide 40

Slide 40 text

WE CAN’T SOLVE PROBLEMS FOR OUR CLIENTS BASED ON THEIR PERSONAL PREFERENCES IN COLOR, TYPOGRAPHY & TEXTURE!

Slide 41

Slide 41 text

Photo from http://www.deceptology.com/2010/04/upside-down-world-map-shows-north-is-up.html

Slide 42

Slide 42 text

Tesco Subway Store in South Korea image from littledoremi.com

Slide 43

Slide 43 text

What is the sum of 3+3? What numbers can be added up to 6?

Slide 44

Slide 44 text

photo from theoﬃcedealer.com

Slide 45

Slide 45 text

“ — Harry West, Contimuum I WANTED TO LOOK AT THE PROBLEM AS THOUGH I’D JUST STEPPED OFF A SPACESHIP FROM MARS.

Slide 46

Slide 46 text

Photo from http://optigarden.com/tag/coﬀee-grounds/

Slide 47

Slide 47 text

Swiﬀer photo from ivillage.com

Slide 48

Slide 48 text

CONTEXT & RELATIONSHIP

Slide 49

Slide 49 text

photo from washingtoncitypaper.com

Slide 50

Slide 50 text

Washington Post: Stop & Hear the Music http://www.youtube.com/watch?v=hnOPu0_YWhw

Slide 51

Slide 51 text

WHERE & WHEN YOU ASK REALLY MATTERS!

Slide 52

Slide 52 text

http://bit.ly/187yUef

Slide 53

Slide 53 text

CREATE WONDER

Slide 54

Slide 54 text

PURPOSE STATEMENT ‣ Keeps things on track when they’re going oﬀ the rails ‣ Generates big ideas ‣ Helps simplify complexity ‣ Helps communicate and facilitate organizational change

Slide 55

Slide 55 text

HAVE A STAR TO SAIL YOUR SHIP BY

Slide 56

Slide 56 text

PURPOSE CONTENT STYLE

Slide 57

Slide 57 text

FOCUS ON PRIORITY, NOT POSITION!

Slide 58

Slide 58 text

“ — Jeﬀrey Zeldman LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

Slide 59

Slide 59 text

“ — Jeﬀrey Zeldman DESIGN IN THE ABSENCE OF CONTENT IS NOT DESIGN, IT’S DECORATION.

Slide 60

Slide 60 text

DESIGNING WITH CONTENT & HIERARCHY ‣ Content Model ‣ Display Model

Slide 61

Slide 61 text

THE CONTENT MODEL Documents ... ‣ the types of content your project needs ‣ the discrete attributes that make up each content type ‣ the relationships between them

Slide 62

Slide 62 text

http://bit.ly/13FTHlG

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

THE DISPLAY MODEL Documents... ‣ the types of displays your project needs ‣ the discrete components that make up each display ‣ the hierarchy of those components

Slide 65

Slide 65 text

COMPONENT

Slide 66

Slide 66 text

THE DISPLAY MODEL ‣ Content Types (e.g. article, recipe, episode, etc.) ‣ Listings (e.g. blog, search results, etc.) ‣ Top Level Pages (e.g. homepage, category pages, section pages, etc.)