Structured Content Part 2: Why designers should care

20
Structured Content: Why Designers Should Care August 17, 2016 Dori Kelner, Managing Partner Sleight-of-Hand Studios

Transcript of Structured Content Part 2: Why designers should care

Page 1: Structured Content Part 2: Why designers should care

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

About meSurvey data collectionData warehousingTechnical project managementDesign strategistFoodie and oenophile

05/01/2023 | 2

Page 3: Structured Content Part 2: Why designers should care

Common Vocabulary

05/01/2023 | 3

Page 4: Structured Content Part 2: Why designers should care

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

“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

Plan for Structure1. Content modeling2. Design systems

05/01/2023 | 6

Page 7: Structured Content Part 2: Why designers should care

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

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

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

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

The CMSCan your CMS do this?

05/01/2023 | 11

Page 12: Structured Content Part 2: Why designers should care

05/01/2023 | 12

Content: Person

Content List (entity reference): AffiliationTerm reference: Role

Page 13: Structured Content Part 2: Why designers should care

05/01/2023 | 13

Page 14: Structured Content Part 2: Why designers should care

Design SystemsPattern LibraryAtomic Design

ConsistencyCohesivenessReusability

05/01/2023 | 14

Label

Input

Button

2

Page 15: Structured Content Part 2: Why designers should care

05/01/2023 | 15

Page 16: Structured Content Part 2: Why designers should care

05/01/2023 | 16

Page 17: Structured Content Part 2: Why designers should care

05/01/2023 | 17

Page 18: Structured Content Part 2: Why designers should care

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

Separate Content from PresentationTrue device agnosticism

05/01/2023 | 19

Page 20: Structured Content Part 2: Why designers should care

05/01/2023 | 20

Dori Kelner, MSManaging PartnerSleight-of-Hand [email protected]

Drupal groups: dmkelner

Twitter: @dorikelner

LinkedIn: https://www.linkedin.com/in/dorikelner