Transcript
  • 1. Structured Authoring Meets Responsive Design Mark Giffin Mark Giffin Consulting, Inc.
  • 2. Your presenter Long background as a technical writer Programming related to XML documentation systems DITA a specialty CCMS implementation and integration Documentation tools and automation Company: Mark Giffin Consulting, Inc. Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 3. Purpose of presentation Show that structured authoring with responsive design can be a powerful combination Not going into great technical detail Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 4. Assumptions You know something about structured authoring You know something about responsive design Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 5. The Modern Age of Documentation Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 6. The Modern Age of Documentation Its a mess There is a good bit of chaos Many ways of authoring Many methods of output Numberless device types Connections with other areas of business (SEO and others) Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 7. These two are dependable Structured authoring and responsive design Tech comm people talk about them Web developers talk about them Content strategists talk about them Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 8. Structured authoring The parts of a document have a set purpose Easier to automate because it is predictable Pick and choose content for different purposes Manually done or guided (XML) Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 9. Structured editor Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 10. NPR structured editor Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 11. Responsive design Content displays differently depending on the device Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 12. Not responsive: tri-pane webhelp Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 13. Tri-pane webhelp on a smartphone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 14. Responsive webhelp on a smartphone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 15. Responsive webhelp on a smartphone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 16. The reason: adaptive content Structured Authoring Meets Responsive Design - Mark Giffin - #stc14 Structured authoring Responsive design
  • 17. Adaptive content Definition: Presenting content to a user that is based on the users characteristics User profile, selected items, search terms etc. Amazon is a good example (outside tech comm) Tech comm examples?? See Don Day (tech comm side) See Karen McGrane (content strategy side) Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 18. Example - authoring conditions Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 19. Example - authoring conditions Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 20. Questions? Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 21. Contact http://markgiffin.com/ [email protected] @markgiffin Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 22. Companies and products SDL LiveContent Reach Antidot FluidTopics Mekon DITAWeb SuiteSolutions Probably many others Custom programming Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 23. Some references Noz Urbina - COPE Content Modelling for Adaptive UX http://www.slideshare.net/nozurbina/cope- content-modelling-for-adaptive-ux-noz-urbina Don Day http://www.slideshare.net/donrday/feeding-the- adaptive-content-monster Karen McGrane http://karenmcgrane.com/ http://www.responsinator.com/ lets you see your site on a crappy android phone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  • 24. Structured Authoring Meets Responsive Design - Mark Giffin - #stc14

Top Related