Structured Authoring Meets Responsive Design - STC Summit 2014
•Als PPTX, PDF herunterladen•
0 gefällt mir•660 views
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.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (7)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Structured Authoring Meets Responsive Design - STC Summit 2014
- 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 • 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. 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 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. 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/ • mark@markgiffin.com • @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
Hinweis der Redaktion
- Purpose: to enable adaptive content, you have to be able to author content, and you have to be able to display it. The mechanism of how you gain info on a user and choose what to present to them is not part of this presentation. We in tech comm should know something about them Hope to give guidance
- Both are large areas in themselves I wanted to talk about how they can be used together beneifcially
- Artist’s conception of what our field looks like today I’ve been around tech comm since before it was called tech comm
- HTML, XML, DITA, DocBook CMS, CCMS, ECM, DITA, apps Content strategy, ebooks, single sourcing, dynamic content (old DHTML, new HTML5), rwd, embedded help, ... No end in sight
- It is NOT: MS Word with override formatting and no style discipline
- Looks good on a desktop-sized screen Uses deprecated HTML “frames”
- Looks terrible on a phone Not flexible enough
- Looks terrible on a phone Not flexible enough Watch the tables
- Looks terrible on a phone Not flexible enough Watch the tables
- What?? Another term? The info is done with structured authoring. The presentation with responsive design.
- What?? Another term? The info is done with structured authoring. The presentation with responsive design.