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

Designing with Content Management Systems - HOW Chicago 2015

Jared Ponchot
October 07, 2015

Designing with Content Management Systems - HOW Chicago 2015

Jared Ponchot

October 07, 2015

More Decks by Jared Ponchot

Other Decks in Design


  1. 1. Page & Component Types

 CONTENT MODEL 3. User Types
  2. 1. Types of content your project needs 2. Discrete attributes

    that make up each 3. Relationships between them
  3. Microcontent A weird middle ground between assets and prese Presentation

    Ephemeral content driven by web design, can't be accessed from other platforms or devices Assets Editorial or User content; should be usable across all platforms and devices. Little to no presentation-oriented content or markup. Structure Used to group and organize assets. Used to retrieve collections of assets for other platforms, devices SEO Slug Show Person Topics Sub-Issue Emphasis Authors Publish date Title Short title Primary video (?) Teaser image Primary image Short summary Excerpt Source links Body text w/summary Article Video media reference Title Video Newsvine ID Body text w/summary Title Poll Promoted link Action Box Quote Sponsor logo Expiration date Footer image Header image Ad tags Permalink Package (p2) Sponsor name Start date Issue Descriptive text Name Primary image Issue Topic type (person, etc) Topic Name Source links Short title Short summary Source data (file) Title Style (option list) Infographic Image (file) Body text w/summary Images + Captions Teaser image Short summary Body text w/summary Short title Title Slideshow Newsvine Profile Link Person type Person Twitter Name Name Bio Duplicate of Article Bio image Link Sponsor name Expire date Native Ad (?) Sub-pages Graphic Air date and time Hosts Name Show Show Guest list Image Air date Episode number Episode Internal (?) Image (src, title, alt) Image Photo credit Show Brand Show Name Name Issue Sub-Issue Package Show Person Header Issue/Subissue/Topic Ad metadata Start/End date Treatment (p2) Comment Li So Timeline (p2) Title Short title Short summary Body text w/summary Simple Page SEO Slug
  4. ‣ Your real assets ‣ Things to abandon in a

    redesign ‣ Ingredients list for prioritization exercises ‣ Identify where to begin ‣ Intent mapping
  5. GRAMMY.com Design Research Brief This document is a summary of

    initial design research (an “airplane” read) for reference during the wireframing process. Purpose Statement "Create a fast and unique user-focused experience for celebrating music's biggest night." TRA Goals for Grammy.com Redesign