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

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

Jared Ponchot
April 27, 2013

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

My talk from ConvergeSE 2013

Jared Ponchot

April 27, 2013
Tweet

More Decks by Jared Ponchot

Other Decks in Design

Transcript

  1. Jared Ponchot // @jponch // ConvergeSE 2013 Design Process &

    Deliverables in the Responsive Age DESIGNING ON PURPOSE
  2. “ — 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.
  3. MO’ DEVICES MO’ PROBLEMS Photo wallpaper of Notorious BIG from

    alphacoders.com
  4. PURPOSE, NOT PREFERENCE PRIORITY, NOT PLACEMENT SYSTEMS, NOT PAGES

  5. “ — Victor Papanek DESIGN IS THE CONSCIOUS EFFORT TO

    IMPOSE A MEANINFUL ORDER
  6. Audi A7 Sportback plans from the-blueprints.com

  7. Audi A7 Sportback plans from the-blueprints.com ‣ REQUREMENTS GATHERING ‣

    CONCEPT DESIGN ‣ MARKET RESEARCH ‣ TEST CAR ‣ FINAL DESIGN
  8. DISCOVER strategists DESIGN designers DEVELOP developers DEPLOY client & users

    SOUND FAMILIAR?
  9. Audio A7 Sportback photo from exclusivecardesign.blogspot.com

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

  11. DISCOVER strategists DESIGN designers DEVELOP developers DEPLOY client & users

    FAMILIAR PROCESS
  12. None
  13. WHISPER DOWN THE LANE DESIGN Photo from http://failblog.cheezburger.com

  14. WHY HAVE WE DONE IT THIS WAY?

  15. ALLITERATION is ALMOST ALWAYS AWESOME

  16. FAMILIARITY IS FANTASTIC

  17. “ — 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.
  18. DIVISION OF LABOR

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

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

    DESIGN
  21. “ — Fred Brooks 9 WOMEN CAN’T MAKE A BABY

    IN 1 MONTH!
  22. ⌘N

  23. KEEP EVERYONE FOCUSED ON PURPOSE & CONTENT not process or

    deliverables
  24. CREATE LIGHTER WEIGHT, LIVING DELIVERABLES

  25. THE BIG REVEAL

  26. DISCOVER strategists DESIGN designers DEVELOP developers DEPLOY client & users

    INSTEAD OF THIS ...
  27. PURPOSE CONTENT & HIERARCHY SYSTEMS & STYLE STRATEGY DESIGN DEVELOPMENT

  28. PURPOSE CONTENT & HIERARCHY SYSTEMS & STYLE

  29. DESIGN IS PROBLEM DISCOVERY & problem Solving

  30. “ — 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.
  31. http://www.youtube.com/watch?v=SnXtuktNdlM

  32. THE RIGHT QUESTIONS CAN HELP THE CLIENT DO THEIR JOB,

    & SET YOU UP TO DO YOURS
  33. “ — Andy Rutledge YOU MAY BE SURPRISED, BUT I

    NEVER ASK DESIGN-RELATED QUESTIONS IN DESIGN PROJECT DISCOVERY MEETINGS.
  34. “ — 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.
  35. WE CAN’T SOLVE PROBLEMS FOR OUR CLIENTS BASED ON THEIR

    PERSONAL PREFERENCES IN COLOR, TYPOGRAPHY & TEXTURE!
  36. Photo from http://www.deceptology.com/2010/04/upside-down-world-map-shows-north-is-up.html

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

  38. What is the sum of 3+3? What numbers can be

    added up to 6?
  39. CONTEXT & RELATIONSHIP

  40. photo from washingtoncitypaper.com

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

  42. CREATE WONDER

  43. 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
  44. HAVE A STAR TO SAIL YOUR SHIP BY

  45. PURPOSE CONTENT & HIERARCHY SYSTEMS & STYLE

  46. FOCUS ON PRIORITY, NOT POSITION!

  47. DESIGNING WITH CONTENT & HIERARCHY ‣ Content Model ‣ Component

    Hierarchy Document
  48. THE CONTENT MODEL A detailed map of ... ‣ the

    types of content your project needs ‣ the discrete attributes that make up each content type ‣ the relationships between them ‣ and the structure through which they’re displayed
  49. http://bit.ly/13FTHlG

  50. Story Announcement Event Page Special Feature Advert Newsletter Issue Top

    Level Category Quiz Poll Photo Gallery ACME News Content Model Sub-category Homepage Content Assets Structural Types Presentation Types
  51. COMPONENT HIERARCHY DOCUMENT

  52. COMPONENT

  53. None
  54. SYSTEMS & STYLE

  55. FOCUS ON STYLE, NOT LAYOUTS OR PAGES

  56. STYLE: COLOR, TYPOGRAPHY & TEXTURE

  57. WORKING WIREFRAMES

  58. CATEGORIES OF FOCUS STYLE EXPLORATIONS

  59. AS FEW “MOCKS” AS POSSIBLE

  60. http://bit.ly/Zvm1b5

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

  62. LIGHT-WEIGHT, LIVING DELIVERABLES

  63. REMEMBER

  64. THANKS! Jared Ponchot // @jponch // ConvergeSE 2013