Your SlideShare is downloading. ×
Practical Tips for Single Sourcing to Mobile & EPUB
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Practical Tips for Single Sourcing to Mobile & EPUB

469
views

Published on

Delivering content to mobile devices and eReaders is a new challenge, but one that can be managed in a single-sourcing workflow that also includes online Help and manuals. In this presentation, I …

Delivering content to mobile devices and eReaders is a new challenge, but one that can be managed in a single-sourcing workflow that also includes online Help and manuals. In this presentation, I discuss issues specific to mobile and EPUB outputs, best practices for how to adjust to them, and some testing tips.

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
469
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Rochester Chapter Practical Tips for SingleSourcing to Mobile & EPUB Nicky Bleiel ComponentOne Doc-To-Help
  • 2. Nicky BleielLead Information DeveloperComponentOne Doc-To-HelpSTC Rochester SpectrumMarch 22, 2013
  • 3. Biography — Nicky Bleiel • 18+ years of experience as a technical communicator. • Vice President, STC • Written and designed documentation for software products in the documentation, media, industrial automation, simulation, and pharmaceutical industries. • Speaker at STC, WritersUA, tcworld, LavaCon, and CIDM on a variety of topics. • Technical Writing Instructor, Community College of Allegheny County • www.nickybleiel.com
  • 4. We will discuss…Best practices for single-sourcing to Mobile Helpand EPUB.
  • 5. From One to Many Browser-based Help Content Manual Mobile Help EPUB Etc …
  • 6. Browser-based Help HTMLHelp (.chm) Mobile Help ManualsEPUB
  • 7. Mobile Facts andFigures
  • 8. Device Trends Growth rate of iOS and Android device adoption faster than any consumer technology in history Mobile Device Adoption Explodes Internationally
  • 9. Top Mobile OSshttp://gs.statcounter.com/#mobile_os-ww-monthly-201110-201209-bar
  • 10. Top Mobile Browsershttp://gs.statcounter.com/#mobile_browser-ww-monthly-201110-201209-bar
  • 11. Mobile HelpExamples
  • 12. Apps v. Mobile Helpfrom http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html
  • 13. EPUB v. Mobile HelpEPUBs can be read on Mobile devices, butMobile Help is:• Easier to navigate• Easier/more robust search• All-in-one pane design• A “UA”/web experience, not a “book” experience
  • 14. Mobile Help
  • 15. Motorola Razr Mobile Help Razr Manual
  • 16. iPhone 4 Mobile HelpiPhone Manual
  • 17. T ips and BestPractices
  • 18. Generic Mobile PersonaStart here, make more specific with scenarios:• Often distracted• Using one hand• “Fat finger”• Using device in varying situations• Want fast load times
  • 19. General Best Practices• Keep it simple and prioritize content• Use vertical navigation• Be concise• Simplify navigation• Be “thumb friendly”From http://socialmedia.biz/2012/05/31/10-best-practices-for-your-mobile-website/and http://googlemobileads.blogspot.com/2011/11/gomo-ten-mobile-site-best-practices.html
  • 20. A Note About Navigation…http://developer.android.com/design/patterns/navigation.htmlhttp://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html
  • 21. Tables of Contents• For mobile, keep TOCs to no more than 2 levels (2 taps).• Keep TOC entries shortSingle source management:• Output-specific TOCs or restructure TOCs for all outputs• Use Conditional Text features
  • 22. Tables• Avoid tables with dense text.• Large tables make scrolling necessary. In EPUBs, there can be display issues.Single source management:• Use Conditional text features• Use Collapsible Text features• Consider reimagining tables
  • 23. TerminologyDesktop terminology – such as “Click” – doesnot apply.Single source management:• Manage with Variables• Avoid using device-specific terminology when possibleTouch Gesture Reference Guide
  • 24. Keep It ConciseContent – Some Topics or text may not be necessary for mobile. – Consider a fresh edit of content.Single source management:• Review and revise content. (+1 for translation, usability)• Use conditions and/or variables to manage content as needed.
  • 25. MinimalismAccording to “The Nurnberg Funnel” – Minimalizing the obstructiveness to the learner of the material itself. – Allow learners to start immediately on meaningfully realistic tasks. – Reducing the amount of reading and other passive activity.Goals of minimalism:• Helping to make errors and error recovery less traumatic and more pedagogically productive.• Easy-to-scan
  • 26. Images• Graphics should be used only as needed.• Images need to work across platforms. Recommendations: PNG for screen captures, JPG for photos, GIF for simple graphics.Single source management:• Use Conditional text features.
  • 27. VideoApproximately one billion YouTube videos arestreamed on cell phones every day.Different Oss/devices need different videoformats.Single source management:• Link to videos rather than embed.• Use Conditional text features.
  • 28. Indexes• Not necessarily needed in Mobile – Users more likely to use Search – “Fat Fingers” make them harder to useSingle source management:• HAT should provide ability to hide the Index.
  • 29. AccessibilityFeatures built into devices, plus 3rd party apps.• We still need to do our part…Accessibility requirements:• Add Alternative Text for graphics and video• Add table captions and summaries• Avoid creating links that open in new windows.Accessibility can also refer to bandwidth restrictions or availability of customerservice.http://www.webdesignerdepot.com/2009/06/10-tips-to-create-a-more-usable-web/
  • 30. Other Mobile T ips • Progressive information disclosure. Single source management: • Incorporate Collapsible text
  • 31. Other Mobile T ips• Be creative with inline links.• Don’t place links too close together.Single source management:• Display some links as buttons in Mobile outputs.• Use conditions and/or variables.
  • 32. Wrap-up
  • 33. Remember• There are many options for the “Mobile Experience”• It is possible to single-source successfully to many devices — as well as desktops
  • 34. References/Fur ther ReadingTen Best Practices for Your Mobile Website http://socialmedia.biz/2012/05/31/10-best-practices-for-your-mobile-website/Ten Mobile Site Best Practiceshttp://googlemobileads.blogspot.com/2011/11/gomo-ten-mobile-site-best-practices.htmlTouch Gesture Reference Guide by Craig Villamor, Dan Willis, and Luke Wroblewskihttp://www.lukew.com/ff/entry.asp?1071Mobile Help Best Practices: http://our.componentone.com/2012/01/24/mobile-help-best-practices-part-1/“Mobilizing Your Content” by Nicky Bleiel tcworld magazine Feb 2013Slides — Best Practices for Mobile Outputs, tekom 2012http://conferences.tekom.de/fileadmin/tx_doccon/slides/170_Best_Practices_for_Mobile_Outputs.pdfProgressive Disclosure on Wikipediahttp://en.wikipedia.org/wiki/Progressive_disclosureHow Many Formats Do I Need for HTML5 Video?http://blog.zencoder.com/2010/10/06/how-many-formats-do-i-need-for-html5-video/
  • 35. References/Fur ther ReadingImage Format Considerationshttp://windowsphone.interoperabilitybridges.com/articles/chapter-5-image-format-considerations-in-migration-of-iphone-applications-to-windows-phone-7User Interface Guidelines for Mobile and Tablet Deviceshttp://www.simonwhatley.co.uk/user-interface-guidelines-for-mobile-and-tablet-devicesCarroll, John M. The Nurnberg Funnel: Designing Minimalist Instruction forPractical Computer Skill, MIT Press, 1990Welinske, Joe. Developing User Assistance for Mobile Apps, WritersUA, 2011STC Intercom Magazine, November 2011 issue Tech Comm on the Move:Mobile Communication Technologies and Strategieshttp://intercom.stc.org/magazine/november-2011/W3C Mobile Web Best Practices: http://www.w3.org/TR/mobile-bp/http://www.w3.org/TR/mobile-bp/#bpgroupplayoutHow Do Users Really Hold Mobile Devices?http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
  • 36. Handy Stuf fList of emulators: – http://www.mobilexweb.com/emulatorsW3C mobileOK Checker: – http://validator.w3.org/mobile/Resize My Browser: – http://www.resizemybrowser.com/
  • 37. Questions?Contact information:Nicky BleielComponentOnePittsburgh, PAnickyb@componentone.comwww.nickybleiel.comwww.doctohelp.com@nickybleiel
  • 38. Rochester Chapter Practical Tips for SingleSourcing to Mobile & EPUB Nicky Bleiel ComponentOne Doc-To-Help