• Save
ADOBE DAY: Smooth Ride on the Moble Documentation Highway
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


ADOBE DAY: Smooth Ride on the Moble Documentation Highway



"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 ...

"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.



Total Views
Views on SlideShare
Embed Views



1 Embed 190

http://blogs.adobe.com 190


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

ADOBE DAY: Smooth Ride on the Moble Documentation Highway Presentation Transcript

  • 1. Enjoying a smooth ride on theMobile Documentation HighwayPresented by John Daigle1
  • 2. 201319932Before we start – Tip of the hat to Joe Welinske of WritersUA for publishingthe new “must read”: “Developing User Assistance for Mobile Apps”www.welinske.com
  • 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. 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. The Screen Size Wars5iMac, iPad, iPhoneiPad MiniSamsung Galaxy Series of Android Devices
  • 6. Amazon’s Kindle Family6
  • 7. 7Example of Kindle impact: Iconlogic’s Adobe Captivate and RoboHelp Course Workbooks
  • 8. Windows Surface and Windows Phone8“Late Bloomer” Windows is making significant new mobile inroads in afield dominated by iOS and Android
  • 9. 9
  • 10. Voice Activation Commands with Ford Sync and Lexus Consoles(Instead of “Click, Select or Tap” we have “Say or Speak”)10
  • 11. 11Ultimate mobile – Google Glass
  • 12. February 2013 Mobile Trends• 1 billion smartphones globally• 150 million Tablets• 1 million apps available12
  • 13. 13
  • 14. 14
  • 15. 15
  • 16. 16
  • 17. 17
  • 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. 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. 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. Tablets and Smartphones inindustry and on the Shop FloorProduct Lifecycle ManagementAccess to product knowledgeanywhere, anytimeManufacturing plans, simulationsand work instructions21
  • 22. Mobile Documentation: When the iPad is a Clinician’s Best FriendMobile Medical App Market growing 25% per year over next 5 years22
  • 23. HEP iChart mobile app23Example of tech writers using “progressive disclosure” on a small screen
  • 24. 24Medical Students find documentation portable because the iPad Mini fitsthe lab coat pocket conveniently
  • 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. 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. Letting Go of the Words, 2nd EditionBy Janice RedishSeptember 201227Writing economically for a mobile audience
  • 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
  • 30. 30
  • 31. 31Southwest AirlinesWeb Home Page Smartphone Home Page
  • 32. 32Tech writers can use wireframing tools to bettercommunicate with Native App developers
  • 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. 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. http://html5test.com/35
  • 36. 36
  • 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. 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. • Place QR codes on equipment• Employee scans QR and goesdirectly to documentationCreative ways to solve problems39
  • 40. More resource links atwww.showmethedemo.comjohn@johndaigle.com40