content first-design
TRANSCRIPT
![Page 1: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/1.jpg)
AIN’T HERDING CATSPaul Souders // @axoplasm
flickr/ceardach
Content-first design
![Page 2: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/2.jpg)
DESIGN DIRECTOR
Ryan Kang/Daily Emerald
![Page 6: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/6.jpg)
Walled gardens
![Page 7: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/7.jpg)
Curation & plucking
![Page 12: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/12.jpg)
Design for scrapers first
flickr/john-schilling
![Page 14: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/14.jpg)
Call to action
![Page 15: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/15.jpg)
It’s all about the cat food
flickr/janwillemsen
![Page 17: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/17.jpg)
Mercy Corps homepage
![Page 18: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/18.jpg)
![Page 19: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/19.jpg)
![Page 20: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/20.jpg)
![Page 21: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/21.jpg)
Mercy Corps content (blog)
![Page 22: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/22.jpg)
![Page 23: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/23.jpg)
![Page 24: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/24.jpg)
IRL
![Page 26: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/26.jpg)
“Your Information Architecture is mostlynavel-gazing.”
![Page 27: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/27.jpg)
“Your Information Architecture is mostlynavel-gazing.”
@axoplasm
@resmini @jarango
![Page 28: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/28.jpg)
http://www.jarango.com/blog/2013/06/28/for-the-world-wide-web/
![Page 29: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/29.jpg)
https://twitter.com/axoplasm/status/350671751514030082
How I read @jarango’s exc. post this am. How do I architect this experience? ←not rhetorical. @resmini #reframeia
![Page 30: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/30.jpg)
• Design the content space first
• Don’t deliver empty shells; design with (real!) placeholder content
• Reserve space inside content for calls to action
• Advanced structure your content
![Page 31: Content first-design](https://reader035.vdocuments.site/reader035/viewer/2022062702/554bae52b4c905ae618b5688/html5/thumbnails/31.jpg)
Paul Souders@axoplasm