Post on 24-Jan-2017
Structured Content:Why Designers Should Care
August 17, 2016
Dori Kelner, Managing PartnerSleight-of-Hand Studios
About meSurvey data collectionData warehousingTechnical project managementDesign strategistFoodie and oenophile
05/01/2023 | 2
Common Vocabulary
05/01/2023 | 3
Unstructured ContentTrapped in the body fieldStyling and relationships are static and locked
05/01/2023 | 4
“Get your content ready to go anywhere because it’s going to go everywhere.”
—Brad Frost
05/01/2023 | 5
Plan for Structure1. Content modeling2. Design systems
05/01/2023 | 6
Content ModelingFielded content chunksConsistent semantic markupVisual hierarchy/importanceControl data feeds
05/01/2023 | 7
PERSON
Full NameFirst nameLast name
ImageSummary
BioRole
AffiliationFeatured
1
Name Description Title Field
Body Field Fields Type Widget Size Required
Person Information about people who interact with the site
Full name BioFirst name Text Text 20 Yes
Last name Text Text 20 Yes
Headshot Image Image Yes
Summary Text Text 120 Yes
Role Term Reference - role Select list Yes
Affiliation Entity Reference - workplace Select list Yes
Featured Boolean Single on/off checkbox No
05/01/2023 | 8
05/01/2023 | 9
RECIPETitle
SubtitleShort summary
SummaryPersonImageVideo
IngredientsProcess
Nutritional infoYield
Cook timePrep timeCategory
RatingComments
Content priority
PROCESS
Steps
CATEGORY
Title
INGREDIENT
MeasureQuantity
Name
PERSONFull NameFirst nameLast nameSummary
BioRole
Affiliation
ROLE
Title
REVIEW
RatingComment
STORE
NameAddress
CityState
Ingredient
AFFILIATION
Title
schema.org
05/01/2023 | 10
“Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond.”
The CMSCan your CMS do this?
05/01/2023 | 11
05/01/2023 | 12
Content: Person
Content List (entity reference): AffiliationTerm reference: Role
05/01/2023 | 13
Design SystemsPattern LibraryAtomic Design
ConsistencyCohesivenessReusability
05/01/2023 | 14
Label
Input
Button
2
05/01/2023 | 15
05/01/2023 | 16
05/01/2023 | 17
ReusableScalableDevice agnosticFuture proofingContent becomes data
05/01/2023 | 18
Do you know where your content is?
Separate Content from PresentationTrue device agnosticism
05/01/2023 | 19
05/01/2023 | 20
Dori Kelner, MSManaging PartnerSleight-of-Hand Studios703-758-7178dmkelner@sohstudios.com
Drupal groups: dmkelner
Twitter: @dorikelner
LinkedIn: https://www.linkedin.com/in/dorikelner