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

My talk from ConvergeSE 2013

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
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
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