Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing on Purpose - Digital PM Summit 2013

Designing on Purpose - Digital PM Summit 2013

Designing on Purpose: Design Process & Deliverables in the Responsive Age

from Digital PM Summit 2013 in Philadelphia, PA

Jared Ponchot

October 15, 2013
Tweet

More Decks by Jared Ponchot

Other Decks in Design

Transcript

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

    View Slide

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

    View Slide


  3. — 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.

    View Slide


  4. — Jason Santa Maria, August 2005
    Photo by Adam Wintle http://stuffandnonsense.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.

    View Slide

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

    View Slide

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

    View Slide


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

    View Slide

  8. Audi A7 Sportback plans from the-blueprints.com

    View Slide

  9. Audi A7 Sportback plans from the-blueprints.com

    REQUREMENTS GATHERING

    CONCEPT DESIGN

    MARKET RESEARCH

    TEST CAR

    FINAL DESIGN

    View Slide

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

    View Slide

  11. Audio A7 Sportback photo from exclusivecardesign.blogspot.com

    View Slide

  12. Audio A7 Sportback photo from exclusivecardesign.blogspot.com

    View Slide

  13. View Slide

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

    View Slide

  15. View Slide

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

    View Slide

  17. WHY HAVE WE
    DONE IT THIS WAY?

    View Slide

  18. ALLITERATION is
    ALMOST
    ALWAYS
    AWESOME

    View Slide

  19. FAMILIARITY IS
    FANTASTIC

    View Slide


  20. — 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.

    View Slide

  21. DIVISION OF LABOR

    View Slide

  22. STRATEGISTS UX/DESIGNERS FRONTEND DEVS BACKEND DEVS
    DIVISION OF LABOR

    View Slide

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

    View Slide


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

    View Slide

  25. ⌘N

    View Slide

  26. KEEP EVERYONE FOCUSED
    ON PURPOSE & CONTENT
    not process or deliverables

    View Slide

  27. CREATE LIGHTER WEIGHT,
    LIVING DELIVERABLES

    View Slide

  28. THE BIG
    REVEAL

    View Slide

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

    View Slide

  30. PURPOSE CONTENT
    STYLE
    STRATEGY
    DESIGN
    DEVELOPMENT

    View Slide

  31. PURPOSE
    CONTENT
    STYLE

    View Slide

  32. DESIGN IS PROBLEM DISCOVERY
    & problem Solving

    View Slide


  33. — 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.

    View Slide

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

    View Slide

  35. View Slide

  36. WHAT WILL THAT GET YOU?

    View Slide

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

    View Slide


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

    View Slide


  39. — 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.

    View Slide

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

    View Slide

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

    View Slide

  42. Tesco Subway Store in South Korea image from littledoremi.com

    View Slide

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

    View Slide

  44. photo from theofficedealer.com

    View Slide


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

    View Slide

  46. Photo from http://optigarden.com/tag/coffee-grounds/

    View Slide

  47. Swiffer photo from ivillage.com

    View Slide

  48. CONTEXT &
    RELATIONSHIP

    View Slide

  49. photo from washingtoncitypaper.com

    View Slide

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

    View Slide

  51. WHERE & WHEN YOU ASK
    REALLY MATTERS!

    View Slide

  52. http://bit.ly/187yUef

    View Slide

  53. CREATE WONDER

    View Slide

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

    View Slide

  55. HAVE A STAR TO SAIL
    YOUR SHIP BY

    View Slide

  56. PURPOSE
    CONTENT
    STYLE

    View Slide

  57. FOCUS ON PRIORITY,
    NOT POSITION!

    View Slide


  58. — Jeffrey Zeldman
    LOREM IPSUM DOLOR SIT
    AMET, CONSECTETUR
    ADIPISCING ELIT.

    View Slide


  59. — Jeffrey Zeldman
    DESIGN IN THE ABSENCE OF
    CONTENT IS NOT DESIGN,
    IT’S DECORATION.

    View Slide

  60. DESIGNING WITH
    CONTENT & HIERARCHY
    ‣ Content Model
    ‣ Display Model

    View Slide

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

    View Slide

  62. http://bit.ly/13FTHlG

    View Slide

  63. View Slide

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

    View Slide

  65. COMPONENT

    View Slide

  66. 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.)

    View Slide

  67. View Slide

  68. PURPOSE
    CONTENT
    STYLE

    View Slide

  69. STYLE IS POWERFUL!
    STYLE ISN’T POWERLESS!

    View Slide

  70. AVOIDING THE WHIM WINDS

    View Slide

  71. PURPOSE COMES FIRST

    View Slide

  72. SEEK EVALUATION,
    NOT CREATION

    View Slide

  73. EMBRACE METAPHOR

    View Slide

  74. View Slide

  75. VERBAL LANGUAGE,
    THEN VISUAL LANGUAGE

    View Slide

  76. INSPIRE

    View Slide

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

    View Slide

  78. REMEMBER

    View Slide

  79. THANKS!
    Jared Ponchot // @jponch // Digital PM Summit 2013

    View Slide