Structured Content Part 2: Why designers should care
-
Upload
dori-kelner -
Category
Technology
-
view
128 -
download
0
Transcript of Structured Content Part 2: Why designers should care
![Page 1: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/1.jpg)
Structured Content:Why Designers Should Care
August 17, 2016
Dori Kelner, Managing PartnerSleight-of-Hand Studios
![Page 2: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/2.jpg)
About meSurvey data collectionData warehousingTechnical project managementDesign strategistFoodie and oenophile
05/01/2023 | 2
![Page 3: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/3.jpg)
Common Vocabulary
05/01/2023 | 3
![Page 4: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/4.jpg)
Unstructured ContentTrapped in the body fieldStyling and relationships are static and locked
05/01/2023 | 4
![Page 5: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/5.jpg)
“Get your content ready to go anywhere because it’s going to go everywhere.”
—Brad Frost
05/01/2023 | 5
![Page 6: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/6.jpg)
Plan for Structure1. Content modeling2. Design systems
05/01/2023 | 6
![Page 7: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/7.jpg)
Content ModelingFielded content chunksConsistent semantic markupVisual hierarchy/importanceControl data feeds
05/01/2023 | 7
PERSON
Full NameFirst nameLast name
ImageSummary
BioRole
AffiliationFeatured
1
![Page 8: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/8.jpg)
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
![Page 9: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/9.jpg)
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
![Page 10: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/10.jpg)
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.”
![Page 11: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/11.jpg)
The CMSCan your CMS do this?
05/01/2023 | 11
![Page 12: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/12.jpg)
05/01/2023 | 12
Content: Person
Content List (entity reference): AffiliationTerm reference: Role
![Page 13: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/13.jpg)
05/01/2023 | 13
![Page 14: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/14.jpg)
Design SystemsPattern LibraryAtomic Design
ConsistencyCohesivenessReusability
05/01/2023 | 14
Label
Input
Button
2
![Page 15: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/15.jpg)
05/01/2023 | 15
![Page 16: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/16.jpg)
05/01/2023 | 16
![Page 17: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/17.jpg)
05/01/2023 | 17
![Page 18: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/18.jpg)
ReusableScalableDevice agnosticFuture proofingContent becomes data
05/01/2023 | 18
Do you know where your content is?
![Page 19: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/19.jpg)
Separate Content from PresentationTrue device agnosticism
05/01/2023 | 19
![Page 20: Structured Content Part 2: Why designers should care](https://reader035.fdocuments.us/reader035/viewer/2022062522/588643e21a28ab32768b4e83/html5/thumbnails/20.jpg)
05/01/2023 | 20
Dori Kelner, MSManaging PartnerSleight-of-Hand [email protected]
Drupal groups: dmkelner
Twitter: @dorikelner
LinkedIn: https://www.linkedin.com/in/dorikelner