Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Structured Content Part 2: Why designers should care

640 views

Published on

Part 2 of a presentation on structured content from the Northern Virginia User Experience Meetup in 2016. This presentation covers content modeling and design systems.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Structured Content Part 2: Why designers should care

  1. 1. Structured Content: Why Designers Should Care August 17, 2016 Dori Kelner, Managing Partner Sleight-of-Hand Studios
  2. 2. About me Survey data collection Data warehousing Technical project management Design strategist Foodie and oenophile 8/18/2016 | 2
  3. 3. Common Vocabulary 8/18/2016 | 3
  4. 4. Unstructured Content Trapped in the body field Styling and relationships are static and locked 8/18/2016 | 4
  5. 5. “Get your content ready to go anywhere because it’s going to go everywhere.” —Brad Frost 8/18/2016 | 5
  6. 6. Plan for Structure 1. Content modeling 2. Design systems 8/18/2016 | 6
  7. 7. Content Modeling Fielded content chunks Consistent semantic markup Visual hierarchy/importance Control data feeds 8/18/2016 | 7 PERSON Full Name First name Last name Image Summary Bio Role Affiliation Featured 1
  8. 8. Name Description Title Field Body Field Fields Type Widget Size Required Person Information about people who interact with the site Full name Bio First 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 8/18/2016 | 8
  9. 9. 8/18/2016 | 9 RECIPE Title Subtitle Short summary Summary Person Image Video Ingredients Process Nutritional info Yield Cook time Prep time Category Rating Comments Content priority PROCESS Steps CATEGORY Title INGREDIENT Measure Quantity Name PERSON Full Name First name Last name Summary Bio Role Affiliation ROLE Title REVIEW Rating Comment STORE Name Address City State Ingredient AFFILIATIO N Title
  10. 10. schema.org 8/18/2016 | 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.”
  11. 11. The CMS Can your CMS do this? 8/18/2016 | 11
  12. 12. 8/18/2016 | 12 Content: Person Content List (entity reference): Affiliation Term reference: Role
  13. 13. 8/18/2016 | 13
  14. 14. Design Systems Pattern Library Atomic Design Consistency Cohesiveness Reusability 8/18/2016 | 14 Labe l Inpu t Butto n 2
  15. 15. 8/18/2016 | 15
  16. 16. 8/18/2016 | 16
  17. 17. 8/18/2016 | 17
  18. 18. Reusable Scalable Device agnostic Future proofing Content becomes data 8/18/2016 | 18 Do you know where your content is?
  19. 19. Separate Content from Presentation True device agnosticism 8/18/2016 | 19
  20. 20. 8/18/2016 | 20 Dori Kelner, MS Managing Partner Sleight-of-Hand Studios 703-758-7178 dmkelner@sohstudios.com Drupal groups: dmkelner Twitter: @dorikelner LinkedIn: https://www.linkedin.com/in/dorikelner

×