Upgrade to Pro — share decks privately, control downloads, hide ads and more …

RIP WYSIWYG

RIP WYSIWYG

How structured content can make you skinny, happy, and rich. (Given at Digital 360 2013)

Jason Rhodes

March 06, 2013
Tweet

More Decks by Jason Rhodes

Other Decks in Technology

Transcript

  1. WYSIWYG But structured content will make you skinny, happy, and

    rich
  2. @rhodesjason github.com/jasonrhodes notrobotic.com

  3. WIETERS

  4. None
  5. 1. Why WYSIWYGs are EVIL 2. Another definition of SC

    3. How to find your structure 4. How we built the Hub 5. CMS demos LET’S TALK ABOUT FIVE THINGS
  6. None
  7. None
  8. I NEED DESIGN IN MY CONTENT

  9. WHAT I SAW WASN’T WHAT I GOT

  10. I NEED DESIGN IN MY CONTENT

  11. None
  12. BIG AREA OF MOST IMPORTANT CONTENT (BAMIC)

  13. None
  14. None
  15. CONTENT RUINS EVERYTHING

  16. I NEED DESIGN IN MY CONTENT

  17. Which design?

  18. None
  19. AND THEN WE TOLD THEM THERE WAS ONLY ONE DESIGN

  20. CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT DESIGN

  21. CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT DESIGN DESIGN DESIGN DESIGN

    DESIGN
  22. I NEED DESIGN IN MY CONTENT

  23. None
  24. None
  25. DESIGN IN CONTENT

  26. WAIT

  27. None
  28. ‣ Article ‣ Blog Post ‣ Person ‣ Image Object

  29. Object Name Author Date ( properties )

  30. Object 1 ( relationship ) Object 2

  31. implicit (dynamic) relationships Object 1 Title: Lacrosse team beats UMD

    Object 2 Title: New lacrosse field approved for 2014
  32. explicit (manual) relationships Object 1 Related: Object 2 Object 2

    Related:
  33. and relationships Objects have properties with other objects WHAT IS

    STRUCTURED CONTENT?
  34. None
  35. HOW WE USED STRUCTURED CONTENT TO BUILD A HUB

  36. WHAT’S A HUB?

  37. Medicine Public Health Arts and Sciences Engineering Nursing Education Business

    Peabody Center for Talented Youth Applied Physics Laboratory
  38. LET’S BUILD A NEWS SITE

  39. None
  40. None
  41. None
  42. None
  43. FACTORY OUTLET “API”

  44. None
  45. None
  46. BAMIC

  47. {{ content }} ???

  48. {{ headline }} {{ subheadline }} {{ image }} {{

    body }}
  49. None
  50. None
  51. Articles Images Videos Courses Campuses People Research papers Grants Buildings

    Events Donations Messages EVERYTHING IS OBJECT
  52. All articles that mention people who work in the Reed

    building
  53. All events happening tomorrow that take place on Homewood campus

  54. All courses on topics that are mentioned in grants that

    are currently funded by NIH
  55. SO MUCH POWERRRRR

  56. #1 KNOW YOUR CONTENT STRUCTURED CONTENT: HOW?

  57. STRUCTURED CONTENT: HOW? #2 DEFINE OBJECTS

  58. STRUCTURED CONTENT: HOW? #3 LIMIT PROPERTIES

  59. STRUCTURED CONTENT: HOW? #4 CREATE MEANINGFUL RELATIONSHIPS

  60. STRUCTURED CONTENT: HOW? #5 CLASSIFY

  61. None
  62. None
  63. None
  64. Object

  65. None
  66. ( properties )

  67. Relationships?

  68. None
  69. None
  70. None
  71. Object

  72. None
  73. None
  74. ( properties )

  75. Relationships?

  76. The Structured Content Promise 1. Know your content 2. Plan

    your structure 3. Pick a tool 4. ... 5. Profit!
  77. Questions? WITH PRIZES!

  78. @rhodesjason github.com/jasonrhodes notrobotic.com Thanks.