Downloaded 33 times
![“ There are infinite ways of [applying
content] and that is why the grid is a useful
tool, rather than a constricting device.
However, one should learn to use it so as to
retrieve the most advantageous results.
— MASSIMO VIGNELLI
http://www.vignelli.com/canon.pdf
Tuesday, November 15, 2011](https://image.slidesharecdn.com/aiga-designing-for-cms-happycog-111115105447-phpapp01/75/AIGA-Designing-for-CMS-80-2048.jpg)
Uploaded byYesenia Perez-Cruz
AIGA: Designing for CMS
The document summarizes a presentation about designing content management systems (CMS). It discusses Happy Cog as the presenter and provides examples of design principles like minimizing clutter. The presentation covers CMS benefits like easy editing, discusses defining content types, and shows templates and site maps for organizing content. Graphic sketches illustrate potential page designs. The goal is to structure content in a way that facilitates user experiences.
AIGA: Designing for CMS
- 1. PENCIL TO PIXEL DESIGNING FOR CMS AIGA Philadelphia Tuesday, November 15, 2011
- 2. WHO IS HAPPYCOG? Education Tuesday, November 15, 2011
- 3.
- 4.
- 5.
- 6. WHO IS HAPPYCOG? Collaborative Studio Tuesday, November 15, 2011
- 7. 2 DEMYSTIFYING THE CMS Tuesday, November 15, 2011
- 8. “ I know the CMS is this black box you'd really rather not look into. —KAREN MCGRANE, CONTENT STRATEGIST Tuesday, November 15, 2011
- 9. VITSOE 606 Dieter Rams, 1960 http://www.vitsoe.com/en/us Tuesday, November 15, 2011
- 10. ID CHAIR CONCEPT Vitra, 2011 http://www.vitra.com/en-no/office/ products/id-chair-concept/overview/ Tuesday, November 15, 2011
- 11. “ Design is like architecture; we structure space to facilitate the experience. Are you creating a minimal, modernist masterpiece, or a dense maze of information? —JENNIFER MORLA, 2010 AIGA MEDALIST http://morladesign.com/designisms/ Tuesday, November 15, 2011
- 12. DESIGNING FOR A CITY’S WORTH OF CONTENT Tuesday, November 15, 2011
- 13.
- 14. WILLIAM PENN’S PLANFOR PHILADELPHIA 1683 Tuesday, November 15, 2011
- 15. MANHATTAN EXTINSIBLE PHILADELPHIA 1755 http://www.flickr.com/photos/thisisbossi/ 2011 6200063720/sizes/l/in/photostream/ Tuesday, November 15, 2011
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. “ Content precedes design. Design in the absence of content is not design, it's decoration. —JEFFREY ZELDMAN http://twitter.com/#!/zeldman/status/804159148 Tuesday, November 15, 2011
- 22. JUST SAY “NO” Tuesday,November 15, 2011
- 23. 3 WHAT IS CONTENT? Tuesday, November 15, 2011
- 24. CONTENT IS ABOUT PEOPLE Tuesday, November 15, 2011
- 25.
- 26.
- 27.
- 28. CONTENT needs to be managed Tuesday, November 15, 2011
- 29. THE OLD WAY: STATIC Tuesday, November 15, 2011
- 30.
- 31.
- 32.
- 33. CMS FTW! Tuesday, November15, 2011
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40. CHOOSING A CMS is it always the answer? Tuesday, November 15, 2011
- 41. “ I want to be able to update the site myself. —EVERY CLIENT, EVER Tuesday, November 15, 2011
- 42. Benefits ‣ No coding experience required ‣ Streamlines the editorial process ‣ Edit/publish from anywhere ‣ Decrease site maintenance costs Tuesday, November 15, 2011
- 43.
- 44. 4 Our Process PROJECT INFORMATION GRAPHIC DEVELOPMENT DEFINITION ARCHITECTURE DESIGN Tuesday, November 15, 2011
- 45. Project Definition 1. Stakeholder Interviews 2. Comparative Analysis & Benchmarking 3. Kickoff & Workshop 4. Business Requirements 5. Communications Brief Tuesday, November 15, 2011
- 46. MOOD BOARD Style and tone for a healthcare website Tuesday, November 15, 2011
- 47.
- 48.
- 49.
- 50. 5 SYSTEM PLANNING Tuesday, November 15, 2011
- 51. SITE MAP Tuesday, November15, 2011
- 52. “VIP” PAGES Tuesday, November15, 2011
- 53.
- 54. LET’S SKETCH! Tuesday, November15, 2011
- 55. LET’S SKETCH! Tuesday, November15, 2011
- 56. THE GRAYBOX PLAN Tuesday,November 15, 2011
- 57.
- 58.
- 59. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 60. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 61. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 62. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 63. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 64. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 65. ‣ Full-Column “Hero” ‣ Primary Events ‣ Secondary News ‣ Secondary Events ‣ Donate Module ‣ Related Links TEMPLATE A Tuesday, November 15, 2011
- 66. Page Title Page Title Page Title CENTERS & INSTITUTES NEWS & EVENTS JOURNALS RELATED LINKS JOURNALS CENTERS & INSTITUTES RELATED LINKS A B C Page Title Page Title Page Title CENTERS & INSTITUTES NEWS & EVENTS RELATED LINKS JOURNALS CENTERS & INSTITUTES JOURNALS RELATED LINKS D E F Tuesday, November 15, 2011
- 67. REVISIT THE SITEMAP Tuesday,November 15, 2011
- 68. A REVISIT THE SITEMAP Tuesday, November 15, 2011
- 69. A B REVISIT THE SITEMAP Tuesday, November 15, 2011
- 70. A C B REVISIT THE SITEMAP Tuesday, November 15, 2011
- 71. A A A C F B B B B B B E C C C C B F A A C C C C B F F D C C D C B C D C C D C D C C C C C F F C C C D D B B F F D B B D D B B D B B D B B REVISIT THE SITEMAP Tuesday, November 15, 2011
- 72. PRIMARY NEWS SECONDARY NEWS PRIMARY EVENTS SECONDARY EVENTS PHOTO SLIDESHOW RELATED LINKS RECENT SCHOLARSHIP PRIMARY VIDEO Tuesday, November 15, 2011 SECONDARY VIDEO
- 73. DONATE - VERTICAL RECENT YOUTUBE VIDEOS CALENDAR DATE SWITCHER FROM THE BOOKSTORE LARGE PROMO AREA SMALL PROMO AREA PRIMARY NEWS Tuesday, November 15, 2011 SECONDARY NEWS
- 74. THAT’S A LOTOF PATTERNS! Tuesday, November 15, 2011
- 75. Page Title CENTERS & INSTITUTES NEWS & EVENTS JOURNALS RELATED LINKS PLAN YOUR GRID Tuesday, November 15, 2011
- 76. 6 GRID SYSTEMS Tuesday, November 15, 2011
- 77. WILLIAM PENN’S PLANFOR PHILADELPHIA 1683 Tuesday, November 15, 2011
- 78. NATIONAL PARK SERVICEUNIGRID 1977 Tuesday, November 15, 2011
- 79. NATIONAL PARK SERVICEFOLD-OUTS http://www.peterme.com/images/ nps_mesa_dv_sidebyside.jpg Tuesday, November 15, 2011
- 80. “ There are infinite ways of [applying content] and that is why the grid is a useful tool, rather than a constricting device. However, one should learn to use it so as to retrieve the most advantageous results. — MASSIMO VIGNELLI http://www.vignelli.com/canon.pdf Tuesday, November 15, 2011
- 81. 960: LOVED &LOATHED Tuesday, November 15, 2011
- 82. MODULAR TYPE SCALES http://modularscale.com/ Tuesday, November 15, 2011
- 83. MODULAR TYPE SCALES http://modularscale.com/ Tuesday, November 15, 2011
- 84. MODULAR TYPE SCALES http://modularscale.com/ Tuesday, November 15, 2011
- 85. MODULAR TYPE SCALES http://modularscale.com/ Tuesday, November 15, 2011
- 86. MODULAR TYPE SCALES http://modularscale.com/ Tuesday, November 15, 2011
- 87. MODULAR TYPE SCALES http://modularscale.com/ Tuesday, November 15, 2011
- 88. MODULAR GRID http://modulargrid.org/#app Tuesday, November 15, 2011
- 89. It’s just afew pages. We’ll be fine without “ a grid. —SOME DESIGNER, RIGHT NOW, NOT THINKING ABOUT THE CMS Tuesday, November 15, 2011
- 90. CMS WITHOUT AFLEXIBLE GRID How pages are made. Tuesday, November 15, 2011
- 91. DON’T LACK DISCIPLINE Think modularly. Tuesday, November 15, 2011
- 92. 7 CONTENT PATTERNS Tuesday, November 15, 2011
- 93.
- 94.
- 95. CONTENT LEADS DESIGN Tuesday, November 15, 2011
- 96.
- 97.
- 98.
- 99. EXTENSIBILITY Planning for the Future! Tuesday, November 15, 2011
- 100.
- 101.
- 102. ID CHAIR CONCEPT Vitra, 2011 http://www.vitra.com/en-no/office/ products/id-chair-concept/overview/ Tuesday, November 15, 2011
- 103.
- 104.
- 105.
- 106.
- 107.
- 108. EXTENDING THE BRAND Tuesday,November 15, 2011
- 109. WHAT IF ITBREAKS?! Tuesday, November 15, 2011
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125. 8 General Styles ALL THE TAGS Tuesday, November 15, 2011
- 126.
- 127.
- 128. 9 DEVELOPMENT Tuesday, November 15, 2011
- 129. AUDIT THE BLITZ Tuesday,November 15, 2011
- 130.
- 131. PSDS TO TEMPLATES Tuesday, November 15, 2011
- 132. ALL THE MODULES Tuesday,November 15, 2011
- 133. ALL THE MODULES Tuesday,November 15, 2011
- 134. HTML CSS Tuesday, November 15, 2011
- 135.
- 136.
- 137. ‣ Title ‣ Image ‣ Date ‣ Location ‣ Time ‣ Ticket price ‣ Copy Tuesday, November 15, 2011
- 138. ‣ Title: {title} ‣ Image: {event-feature-image} ‣ Date: {event-date} ‣ Location {event-location} ‣ Time: {event-time} ‣ Ticket price: {event-price} ‣ Copy: {event-body} Tuesday, November 15, 2011
- 139. {title} {event-feature-image} {event-location} Tuesday, November 15, 2011
- 140. {event-date} {event-time} {event-body} {event-price} Tuesday, November 15, 2011
- 141. CREATE EACH PAGEIN THE SITE MAP Tuesday, November 15, 2011
- 142. CONTENT ENTRY Tuesday, November15, 2011
- 143.
- 144. 10 Takeaways 1. Don’t be afraid of Content Management Systems! 2. Plan your system before diving into Photoshop 3. Think modularly 4. Look ahead Tuesday, November 15, 2011
- 145. THANK YOU! ‣ Michael Johnson (@mleland), Senior Designer ‣ Yesenia Perez-Cruz (@yeseniaa), Designer ‣ Allison Wagner (@alliwagner), Developer Tuesday, November 15, 2011
- 146.