Clients & Responsive Web Design

Matt Griffin is a designer and founder of Bearded. He is an avid advocate for collaboration in design, and has been published in A List Apart and .net magazine. He is also one of the creators of Wood Type Revival, a successfully Kickstarter-funded project which seeks out lost historic wood type and converts it into digital fonts for modern designers. Matt lives in Pittsburgh’s East End with his lovely and talented wife Elizabeth and their adorable son Argus.

//// Clients and Responsive Design ////

Based on his recent A List Apart article Matt will take us through how he navigates his client relationships and the multi-device web.

Here's a great quote: "When you step into the room with a client, you are a visitor from the future. You, web professional, spend your days immersed in the new paradigms of the multi-device web. Yet even for you, the constant change and adjustments that come with living on the internet can feel overwhelming. So how do you think your clients feel?"

Transcript

1. Hi, I’m Matt Griffin I’m on the Twitter @ElefontPress @BeardedStudio @WoodTypeRevival Monday, September 16, 13
2. Hi, I’m Matt Griffin I’m on the Twitter @ElefontPress @BeardedStudio @WoodTypeRevival Monday, September 16, 13
3. Communicating with Clients Monday, September 16, 13
4. Your Client’s Internet Monday, September 16, 13
5. Your Internet Monday, September 16, 13
6. Monday, September 16, 13
7. What’s a Mobile? 81% of Americans between the ages of 25–34 own a smartphone. http://www.pewinternet.org/Reports/2013/Smartphone-Ownership-2013/Findings.aspx Monday, September 16, 13
8. Monday, September 16, 13
9. How Do I Explain This Internet? Statistics Monday, September 16, 13
10. How Do I Explain This Internet? Statistics Stories Monday, September 16, 13
11. How Do I Explain This Internet? Statistics Stories Specifics Monday, September 16, 13
12. What’s a Mobile? 42% of smartphone owners between the ages of 18–29 consider their phone as their primary way of accessing the internet. pewinternet.org/Reports/2011/Smartphones/Section-2.aspx Monday, September 16, 13
13. Your Client Monday, September 16, 13
14. I Have a Toddler Monday, September 16, 13
15. What’s a Mobile? Monday, September 16, 13
16. The New Language of RWD Monday, September 16, 13
17. Main Navigation Monday, September 16, 13
18. Main Navigation Monday, September 16, 13
19. Secondary Navigation Monday, September 16, 13
20. Secondary Navigation Monday, September 16, 13
21. Touch Targets Monday, September 16, 13
22. Touch Targets Monday, September 16, 13
23. Hover Monday, September 16, 13
24. Hover Monday, September 16, 13
25. Process Monday, September 16, 13
26. Deliverables Written Specifications Monday, September 16, 13
27. Deliverables Written Specifications Style Prototypes Monday, September 16, 13
28. Deliverables Written Specifications Style Prototypes HTML & CSS Wireframes Monday, September 16, 13
29. Deliverables Written Specifications Style Prototypes HTML & CSS Wireframes Low-Fidelity Static Mock-Ups Monday, September 16, 13
30. Deliverables Written Specifications Style Prototypes HTML & CSS Wireframes Low-Fidelity Static Mock-Ups HTML & CSS Interactive Mock-Ups Monday, September 16, 13
31. Deliverables Written Specifications Style Prototypes HTML & CSS Wireframes Low-Fidelity Static Mock-Ups HTML & CSS Interactive Mock-Ups HTML & CSS Styleguides Monday, September 16, 13
32. Specification Document Project Goals Monday, September 16, 13
33. Specification Document Project Goals User Stories Monday, September 16, 13
34. Specification Document Project Goals User Stories Content Audit / Gap Analysis Monday, September 16, 13
35. Specification Document Project Goals User Stories Content Audit / Gap Analysis Feature Descriptions Monday, September 16, 13
36. Specification Document Project Goals User Stories Content Audit / Gap Analysis Feature Descriptions Technical Approach Monday, September 16, 13
37. Specification Document Project Goals User Stories Content Audit / Gap Analysis Feature Descriptions Technical Approach Information Architecture Monday, September 16, 13
38. Specification Document Project Goals User Stories Content Audit / Gap Analysis Feature Descriptions Technical Approach Information Architecture Site Map Monday, September 16, 13
39. Specification Document Project Goals User Stories Content Audit / Gap Analysis Feature Descriptions Technical Approach Information Architecture Site Map Copywriting Styleguide Monday, September 16, 13
40. Specification Document Project Goals User Stories Content Audit / Gap Analysis Feature Descriptions Technical Approach Information Architecture Site Map Copywriting Styleguide Branding Profile Monday, September 16, 13
41. Specification Document Monday, September 16, 13
42. Style Prototype https://github.com/sparkbox/style-prototype Monday, September 16, 13
43. Style Prototype https://github.com/sparkbox/style-prototype Monday, September 16, 13
44. HTML & CSS Wireframes Monday, September 16, 13
45. HTML & CSS Wireframes Monday, September 16, 13
46. Low-Fidelity Static Mock-Ups Monday, September 16, 13
47. Monday, September 16, 13
48. Lo-Fi Feedback Monday, September 16, 13
49. Lo-Fi Feedback Monday, September 16, 13
50. Lo-Fi Feedback Monday, September 16, 13
51. HTML & CSS Interactive Mock-Ups Monday, September 16, 13
52. HTML & CSS Interactive Mock-Ups Monday, September 16, 13
53. Revisions, Revisions, Revisions Monday, September 16, 13
54. Version I Monday, September 16, 13
55. Version Deux Monday, September 16, 13
56. Version 3: The Versioning Monday, September 16, 13
57. HTML & CSS Styleguides http://designmodo.github.io/Flat-UI/ Monday, September 16, 13
58. HTML & CSS Styleguides http://designmodo.github.io/Flat-UI/ Monday, September 16, 13
59. It’s a Conversation Monday, September 16, 13
60. Multiple Discovery Monday, September 16, 13
61. Calculus Isaac Newton Gottfried Wilhelm Leibniz Monday, September 16, 13
62. Oxygen Carl Wilhelm Scheele Antoine Lavoisier Joseph Priestley Monday, September 16, 13
63. Evolution Charles Darwin Alfred Russel Wallace Monday, September 16, 13
64. Deal With It Monday, September 16, 13
65. Multiple Discovery "When the time is ripe for certain things, they appear at different places in the manner of violets coming to light in early spring." — Farkas Bolyai (1775–1856) Monday, September 16, 13
66. Artifacting! Monday, September 16, 13
67. Artifacting! Monday, September 16, 13
68. Artifacting! Monday, September 16, 13
69. Artifacting! Monday, September 16, 13
70. Artifacting! Monday, September 16, 13
71. Artifacting! Monday, September 16, 13
72. Artifacting! Monday, September 16, 13
73. Artifacting! Monday, September 16, 13
74. Technology! Monday, September 16, 13
75. The Internet Is Your Friend Listen Monday, September 16, 13
76. The Internet Is Your Friend Listen Share Monday, September 16, 13
77. The Internet Is Your Friend Listen Share Adapt Monday, September 16, 13
78. The Internet Is Your Friend Listen Share Adapt Repeat Monday, September 16, 13
79. Let’s Do This Monday, September 16, 13
80. I’m still Matt Griffin And I give you all the thanks! @ElefontPress @BeardedStudio @WoodTypeRevival Monday, September 16, 13