structured authoring meets responsive design - stc summit 2014

24
Structured Authoring Meets Responsive Design Mark Giffin Mark Giffin Consulting, Inc.

Upload: markgiffin

Post on 01-Nov-2014

197 views

Category:

Technology


0 download

DESCRIPTION

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.

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