Content is the whole point of the digital products you create. But many teams struggle with how to get content up front. How can you make the shift to a content-first design process? The answer is to use content as design material.
"Design is the method of putting form and content together." -- Paul Rand
We’ll explore how to shift how the way you and your design team approach projects. Hint: It doesn’t start with words, it starts with context and structure. When everyone knows what they are creating and why, projects run more smoothly, stay on time and budget, and are never late because of content. As a bonus, stakeholders get involved when their input is valuable and long before you show them what the product will look like.
10. #GCwebinar
Content works harder so
people don’t have to
Content is more findable
Organizations are ready for
new technology
Less frequent redesigns
Increased return on
investment
Stakeholder alignment
Greater internal efficiency
Audience gets what they
need
Faster path to updates and
upgrades
Everyone is aligned around
the user
@carriehd
Benefits of content-first design
29. Content Sheet
Get the template
bit.ly/resource-spec-sheet
https://alistapart.com/article/the-core-model-designing-inside-out-for-better-results/
https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes
30. #GCwebinar@carriehd
Who is this?
What kind of music do they play?
When are their concerts?
How much do tickets cost?
How can I get tickets to the show?
Act
31. #GCwebinar@carriehd
Who is this act?
Content Type Attribute Example Content
Act Act Name
Performer Performer Name
Performer Years Active
What kind of music do they play?
Content Type Attribute Example Content
Genre Genre Name
32. #GCwebinar@carriehd
When are their concerts?
Content Type Attribute Example Content
Tour Tour Name
Tour Tour Dates
Performance Date
Venue Venue Name
Venue City, State
33. #GCwebinar@carriehd
How can I get tickets to the show?
Content Type Attribute Example Content
Ticket URL
How much do tickets cost?
Content Type Attribute Example Content
Ticket Ticket Cost
35. #GCwebinar@carriehd
Who is this act?
Content Type Attribute Example Content
Act Act Name Violent Femmes
Performer Performer Name
Gordon Gano
Brian Ritchie
John Sparrow
Performer Years Active 1981 - present
What kind of music do they play?
Content Type Attribute Example Content
Genre Genre Name Folk punk
36. #GCwebinar@carriehd
When are their concerts?
Content Type Attribute Example Content
Tour Tour Name
Tour Tour Dates
Performance Date
Venue Venue Name
Venue City, State
37. #GCwebinar@carriehd
How can I get tickets to the show?
Content Type Attribute Example Content
Ticket URL
How much do tickets cost?
Content Type Attribute Example Content
Ticket Ticket Cost
38. #GCwebinar@carriehd
Who is this act?
Content Type Attribute Example Content
Act Act Name Madonna
Performer Performer Name Madonna Louise Ciccone
Performer Years Active 1982 - present
What kind of music do they play?
Content Type Attribute Example Content
Genre Genre Name Pop
39. #GCwebinar@carriehd
When are their concerts?
Content Type Attribute Example Content
Tour Tour Name Madame X
Tour Tour Dates Sep 17, 2019 – Mar 4, 2020
Performance Date October 12, 2019
Venue Venue Name Howard Gilman Opera House
Venue City, State Brooklyn , NY
40. #GCwebinar@carriehd
How can I get tickets to the show?
Content Type Attribute Example Content
Ticket URL
https://www1.ticketmaster.com/madonna-madame-
x-tour/event/1D0056A5985C2901
How much do tickets cost?
Content Type Attribute Example Content
Ticket Ticket Cost $257.00
49. #GCwebinar
HEADER
<h1>Performance Name</h1>
Lineup: Performer Name, Performer Name, Performer Name [link to Performer]
Mon DD, YYYY Day HH:MM PM Timezone
Venue Name [link to Venue] in City, State, Country <a href=“/venues/:venue-name”>See Venue Info</a>
Tour logo
Concert Countdown
DD:HH:MM:SS
Days Hours Minutes Seconds
Find Tickets [link to Ticket URL]
Tell a friend [AddThis link]
Design display templates