ADOBE DAY: Smooth Ride on the Moble Documentation Highway


Published on

"Adobe Day" presenter, John Daigle, covers many statistics on how drastically the mobile landscape has changed in the past 18 months. Smart phone and mobile devices aren't the only focal point for delivering content; home theatre systems, a variety of tables and desktop browsers also have their own design issues. Daigle's slide presentation contains dozens of useful links to references ranging from books to websites that will test or grade how well your content works with certain browsers.

Published in: Business, Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

ADOBE DAY: Smooth Ride on the Moble Documentation Highway

  1. 1. Enjoying a smooth ride on theMobile Documentation HighwayPresented by John Daigle1
  2. 2. 201319932Before we start – Tip of the hat to Joe Welinske of WritersUA for publishingthe new “must read”: “Developing User Assistance for Mobile Apps”
  3. 3. Shifts and Trends in the use of Mobile Devices• Organizations who are early adopters• The Mobile Device Landscape• User Assistance vs. Reference Documentation• Writing Content for a Mobile Audience3
  4. 4. Shifts and Trends in the use of Mobile Devices• Designs where the Content “Flows” to fit thescreen• Tools and Techniques for the tech writer• Mobile’s opportunity for TechnicalCommunicators• Resources and links 4
  5. 5. The Screen Size Wars5iMac, iPad, iPhoneiPad MiniSamsung Galaxy Series of Android Devices
  6. 6. Amazon’s Kindle Family6
  7. 7. 7Example of Kindle impact: Iconlogic’s Adobe Captivate and RoboHelp Course Workbooks
  8. 8. Windows Surface and Windows Phone8“Late Bloomer” Windows is making significant new mobile inroads in afield dominated by iOS and Android
  9. 9. 9
  10. 10. Voice Activation Commands with Ford Sync and Lexus Consoles(Instead of “Click, Select or Tap” we have “Say or Speak”)10
  11. 11. 11Ultimate mobile – Google Glass
  12. 12. February 2013 Mobile Trends• 1 billion smartphones globally• 150 million Tablets• 1 million apps available12
  13. 13. 13
  14. 14. 14
  15. 15. 15
  16. 16. 16
  17. 17. 17
  18. 18. Gartner Predicts by 2017, Half of Employers will RequireEmployees to Supply Their Own Device for Work Purposes(Instead of buying and “locking down” devices)18
  19. 19. By the end of 2020:10 billion mobile internet devices in use(up from two billion in 2011.)19Employers use of iPads and impacton Technical Communicators
  20. 20. I don’t walk around with a briefcase anymore. I just carry my iPad.• You turn it on. It’s on.• Lay flat attributes eliminates a barrier with the client• The Zagg keyboard makes data entry easier• Documents like regulations are easy to read and look up20
  21. 21. Tablets and Smartphones inindustry and on the Shop FloorProduct Lifecycle ManagementAccess to product knowledgeanywhere, anytimeManufacturing plans, simulationsand work instructions21
  22. 22. Mobile Documentation: When the iPad is a Clinician’s Best FriendMobile Medical App Market growing 25% per year over next 5 years22
  23. 23. HEP iChart mobile app23Example of tech writers using “progressive disclosure” on a small screen
  24. 24. 24Medical Students find documentation portable because the iPad Mini fitsthe lab coat pocket conveniently
  25. 25. Biggest shock isScreen Real Estate and Portrait vs Landscape orientationTouch Gestures (Tap, pinch, swipe, etc.)• User Assistance - Application Help• Quick Starts• Tutorials• Embedded Design with developer• Knowledge Bases• Policies and Procedures• Field repair instructions• Sales and Marketing resources• Training and eLearning25“Killing time is the killer app of mobile.When in doubt, leave it out.”- Jakob Nielsen’s AlertboxDocumentation Writing for Mobile Readers
  26. 26. Techniques for Mobile Documentation• Flatten Navigation• Provide easy way Home, Previous, Next• Context Sensitive Topics for Mobile Apps (use APIs)• Consider whether you need a TOC at all for a Native App• Simplify Search• Use Progressive Disclosure so that user is in control of screen realestate26
  27. 27. Letting Go of the Words, 2nd EditionBy Janice RedishSeptember 201227Writing economically for a mobile audience
  28. 28. Use the following examples of “ProgressiveDisclosure”“Minimize the extent to which the system and theinformation get in the way of what the user’s reallyinterested in.”“Herbert Simon says we have an abundance ofinformation but we have a poverty of attention.”“David Farkas contributed to minimalism in thebook, Beyond the Nurnberg Funnel which had to dowith layered designs.”28
  29. 29. 29
  30. 30. 30
  31. 31. 31Southwest AirlinesWeb Home Page Smartphone Home Page
  32. 32. 32Tech writers can use wireframing tools to bettercommunicate with Native App developers
  33. 33. Responsive Web DesignA site designed with RWD adapts the layout to the viewing environment by usingfluid, proportion-based grids, flexible images, and CSS3 media queries, anextension of the @media rule.• Fluid grid concept calls for page element sizing to be in relative units likepercentages, rather than absolute units like pixels or points.• Flexible images are also sized in relative units, so as to prevent them fromdisplaying outside their containing element.• Media queries allow the page to use different CSS style rules based oncharacteristics of the device the site is being displayed on, most commonly thewidth of the browser.33
  34. 34. But, nothing is without controversy• Responsive Design (11 Reasons Why Responsive DesignIsn’t that Cool)• Viewing a responsive website on a mobile device forces theCPU and memory of it while resizing images because youare downloading a large image, uncompressing it in yourphone’s memory and then resizing it to fit a small screen.• Adaptive Content• Goodbye Graceful Degradation (New to old). HelloProgressive Enhancement (lowest common demoninatorand build enhancements up)• In the future responsive design will become progressiveenhancement: design the mobile site first, and add stuff fordesktop and tablet.34
  35. 35.
  36. 36. 36
  37. 37. Authoring tool developers such as Adobe are addressing adaptive issues.Adobe RoboHelp 10’s MultiScreen HTML5 Single Source Layouts can help authorsgenerate adaptive HTML5 output that adjusts to multiple screen sizes.37
  38. 38. Preview and inspect your web designs on mobile devices. With EdgeInspect, work more efficiently using synchronous browsing andremote inspection, and grab screenshots from all connected deviceswith a single button click.38
  39. 39. • Place QR codes on equipment• Employee scans QR and goesdirectly to documentationCreative ways to solve problems39
  40. 40. More resource links atwww.showmethedemo.comjohn@johndaigle.com40