Adobe
Products

Top destinations

  • Adobe Creative Cloud
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • SiteCatalyst
  • Students
  • Elements family

Adobe Creative Cloud

  • What is Adobe Creative Cloud?
  • Design
  • Web
  • Photography
  • Video
  • Students
  • Teams
  • Enterprise
  • Educational institutions

Design and photography

  • Photoshop
  • Illustrator
  • InDesign
  • Adobe Muse
  • Lightroom

Video

  • Adobe Premiere
  • After Effects

Web development and HTML5

  • Edge Tools & Services [opens in a new window]
  • Dreamweaver
  • Gaming [opens in a new window]

Adobe Marketing Cloud

  • What is Adobe Marketing Cloud?
  • Digital analytics
  • Social marketing
  • Web experience management
  • Testing and targeting
  • Media optimization

Analytics

  • SiteCatalyst
  • Adobe Discover
  • Insight

Social

  • Adobe Social

Experience Manager

  • CQ
  • Scene7

Target

  • Test&Target
  • Recommendations
  • Search&Promote

Media Optimizer

  • AdLens
  • AudienceManager
  • AudienceResearch

Document services

  • Acrobat
  • EchoSign [opens in a new window]
  • FormsCentral [opens in a new window]
  • SendNow [opens in a new window]
  • Acrobat.com [opens in a new window]

Publishing

  • Digital Publishing Suite

  • See all products
Business solutions

By business need

  • Digital analytics
  • Digital publishing
  • Document management
  • Media optimization
  • Social marketing
  • Testing and targeting
  • Video editing and serving
  • Web development [opens in a new window]
  • Web experience management
  • See all business needs

By industry

  • Broadcast
  • Education
  • Financial services
  • Government
  • Publishing
  • Retail
  • See all industries
Support & Learning

I need help

  • Products
  • Adobe Creative Cloud
  • Adobe Marketing Cloud
  • Forums [opens in a new window]

I want to learn

  • Training and tutorials
  • Certification [opens in a new window]
  • Adobe Developer Connection
  • Adobe Design Center
  • Adobe TV [opens in a new window]
  • Adobe Marketing Center
  • Adobe Labs [opens in a new window]
Download
  • Product trials
  • Adobe Flash Player
  • Adobe Reader
  • Adobe AIR
  • See all downloads
Company
  • Careers at Adobe
  • Investor Relations
  • Newsroom
  • Privacy
  • Corporate Social Responsibility
  • Customer Showcase
  • Contact us
  • More company info
Buy
  • For personal and professional use
  • For students, educators, and staff
  • For small and medium businesses
  • Volume Licensing
  • Special offers
  • Adobe Marketing Cloud sales [opens in a new window]
Search
 
Info Sign in
Why sign in? Sign in to manage your account and access trial downloads, product extensions, community areas, and more.
Welcome,
My Adobe
My orders
My information
My preferences
My products and services
Sign out
My cart
Privacy My Adobe
Adobe
Products Sections Buy   Search  
Solutions Company
Help Learning
Sign in Sign out Privacy My Adobe
Preorder Estimated Availability Date. Your credit card will not be charged until the product is shipped. Estimated availability date is subject to change. Preorder Estimated Availability Date. Your credit card will not be charged until the product is ready to download. Estimated availability date is subject to change.
Qty:
Purchase requires verification of academic eligibility
Subtotal
Promotions
Estimated shipping
Tax
Calculated at checkout
Total
Review and Checkout
Adobe Developer Connection / RoboHelp Developer Center /

The evolution of “Mobile” in technical communication and the scotch app

by Neil Perlin

Neil Perlin
  • Hyper/Word Services

Content

  • Timing
  • Look-and-feel
  • Summary

Created

8 October 2012

Page tools

Share on Facebook
Share on Twitter
Share on LinkedIn
Bookmark
Print
RoboHelp
Was this helpful?
Yes   No

By clicking Submit, you accept the Adobe Terms of Use.

 
Thanks for your feedback.

Requirements

User level

All

Required products

  • RoboHelp (Download trial)

I was introduced to mobile, in the form of Microsoft Windows CE, in 1998 by Joe Welinske of WritersUA. By late 1999, I was giving conference presentations on mobile app (pre-iPhone) programming, cellular technology, and other bizarre (by tech comm standards) topics. The image below is a page from a single malt scotch guide that I created in 2000.

Figure 1. My mobile scotch app from 2000.
Figure 1. My mobile scotch app from 2000.

Pretty cool, huh?

The image below is also a guide to single malt scotch, which I didn’t create, done as an iPhone app.

Figure 2. A more recent scotch app showing the advances in mobile apps.
Figure 2. A more recent scotch app showing the advances in mobile apps.

These two generations of what’s basically the same app say a lot about product timing and the market’s look-and-feel expectations that users of Adobe RoboHelp 10 will face as we start using traditional Help authoring tools to move into the mobile app space. In this post, I’ll touch briefly on what I think we can learn by looking at these two mobile apps.

I’ll begin by quickly summarizing the mobile-related features added in RoboHelp 10:

  • A new, HTML5-based output for mobile devices – the “multiscreen” output. We can generate output for various smartphones and tablets and do so at one time.
  • New ebook outputs, plus improvements to the EPUB output added in RoboHelp 8. We can now generate the KF8 and EPUB 3.0, as well as 2.0.1.
  • A “media queries” feature to create content that dynamically adapts itself to display device properties like screen size.
  • And, intriguingly, the ability to create native apps – iPhone and Android apps – as well as web apps. This feature carries some major technical complexities, plus new and unfamiliar design and business complexities. But it does take RoboHelp beyond the ebook reader and into the full world of mobile. We’ll look at a few of these complexities further down in this paper.

Timing

Early mobile efforts failed for various reasons, one of which was just bad timing. Early web sites looked like the mobile apps of the late 1990s – gray and bland. Unfortunately, by the time the first gray and bland mobile apps appeared, the web was starting its shift toward the colorful and graphic web that we know today. Mobile looked dowdy.

A lesson here for tech comm is to not fall out of sync with market expectations. For example, I find that many technical communicators are delaying adopting smartphones. But smartphone use is growing overall. If technical communicators don’t at least become familiar with smartphones, the danger is that tech comm will go mobile, but that traditional technical communicators won’t be the ones doing it.

Look-and-feel

A big problem will be the creation of content that can function in very different worlds. Consider three questions. (What follows applies to smartphones. Tablets like the iPad are also mobile devices but, for the purpose of this post, I’ll view them as equivalent to laptops with the keyboard removed.)

Question 1: How do we create traditionally text-heavy Help content that can be converted effectively to a text-light app environment like this one from Dozuki (www.dozuki.com)...

Figure 3. Example layout of a text-light mobile app.
Figure 3. Example layout of a text-light mobile app.

… or to a somewhat text-heavy app like the Messier List app shown below:

Figure 4. An example of a more text-heavy mobile app.
Figure 4. An example of a more text-heavy mobile app.
file

It’s more text than the Dozuki app but still not much compared to a Help project.

Question 2: How to deal with controls whose type and position differ between the different outputs, like those shown below in a sample, and typical, RoboHelp project – invariably at the top and left sides of the screen …

Figure 5. Layout of controls for a typical RoboHelp project.
Figure 5. Layout of controls for a typical RoboHelp project.

… versus at the top and bottom of the screen in many apps, like the Messier List screen below?

Figure 6. An example showing the top and bottom layout of controls that many modern mobile apps use.
Figure 6. An example showing the top and bottom layout of controls that many modern mobile apps use.

Question 3: How to deal with shifting orientations, going from the landscape orientation of most Help projects, again like the sample RoboHelp project shown below…

Figure 7. Control layout for the Salesbuilder RoboHelp sample project.
Figure 7. Control layout for the Salesbuilder RoboHelp sample project.

…to the portrait orientation common on smartphones, like the one below from an iPhone app that I did for the 2012 STC Summit.

Figure 8. The 2012 STC Summit mobile app shown in portrait orientation.
Figure 8. The 2012 STC Summit mobile app shown in portrait orientation.

The example above worked nicely in portrait mode, with the image rotation feature turned off. But what if it had been turned on? Rotating the page to landscape mode would have completely altered the format. We have to create RoboHelp projects destined for viewing on smartphones with the possibility that our carefully laid out design may be rotated.

Summary

Three final thoughts:

  • An online Help project converted to mobile is unlikely to look like “an app”. That doesn’t mean the result isn’t an app, it’s just that RoboHelp doesn’t offer traditional app features. Might that cause user expectation problems?
  • RoboHelp authors who want to single-source a project out to mobile or use a project as a data portal for an app must plan carefully. Planning is no longer what we’ll do once the project gets rolling. (Note that I’m giving two presentations related to planning at the 2012 Lavacon, one on general planning and best practices for “future proofing” our work, the other on the mechanics of using Help authoring tools like RoboHelp to feed data to a mobile app.)
  • Moving from print to online Help has its complexities, but the design problems are eased by the fact that a screen can be thought of as an endless piece of paper. We lose that design “enabler” when we output to smartphone.

The design differences discussed here, and many others, plus some major business differences between Help and mobile, will make any output from Help to mobile to be a challenging task.

Products

  • Adobe Creative Cloud
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • Digital Publishing Suite
  • Elements family
  • SiteCatalyst
  • For education

Download

  • Product trials
  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR

Support & Learning

  • Product help
  • Forums

Buy

  • For personal and professional use
  • For students, educators, and staff
  • For small and medium businesses
  • Volume Licensing
  • Special offers

Company

  • News room
  • Partner programs
  • Corporate social responsibility
  • Career opportunities
  • Investor Relations
  • Events
  • Legal
  • Security
  • Contact Adobe
Choose your region United States (Change)
Choose your region Close

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2013 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy | Cookies

Ad Choices

Reviewed by TRUSTe: site privacy statement