Successfully reported this slideshow.

Structured Authoring Meets Responsive Design - STC Summit 2014

599 views

Published on

Structured authoring and responsive design should work together. Responsive design is something used on modern websites to make the site easy to use on many different devices. Your structured source files can take advantage of this.

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Structured Authoring Meets Responsive Design - STC Summit 2014

  1. 1. Structured Authoring Meets Responsive Design Mark Giffin Mark Giffin Consulting, Inc.
  2. 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. 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. 4. Assumptions • You know something about structured authoring • You know something about responsive design Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  5. 5. The Modern Age of Documentation Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  6. 6. The Modern Age of Documentation • It’s 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. 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. 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. 9. Structured editor Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  10. 10. NPR structured editor Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  11. 11. Responsive design • Content displays differently depending on the device Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  12. 12. Not responsive: tri-pane webhelp Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  13. 13. Tri-pane webhelp on a smartphone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  14. 14. Responsive webhelp on a smartphone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  15. 15. Responsive webhelp on a smartphone Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  16. 16. The reason: adaptive content Structured Authoring Meets Responsive Design - Mark Giffin - #stc14 Structured authoring Responsive design
  17. 17. Adaptive content • Definition: Presenting content to a user that is based on the user’s 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. 18. Example - authoring conditions Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  19. 19. Example - authoring conditions Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  20. 20. Questions? Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  21. 21. Contact • http://markgiffin.com/ • mark@markgiffin.com • @markgiffin Structured Authoring Meets Responsive Design - Mark Giffin - #stc14
  22. 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. 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. 24. Structured Authoring Meets Responsive Design - Mark Giffin - #stc14

×