Adobe InDesign for Publishing Technical Documents on iPhone and iPad

I’ve been studying structured-authoring and DITA for some time with an eye towards publishing  technical  documents on mobile platforms like iPad and iPhone.  I always thought that was the natural way to re-purpose and adapt my FrameMaker documents for the digital media.

Recently, however, I became aware of another possibility as I started to study the amazing new capabilities offered by Adobe InDesign. All you need to do to realize the possibilities is to make a small mental shift and start thinking a “document” as yet another “ebook“.

The overall advantage of writing and designing our technical documents in InDesign is obvious: no other authoring tool can generate a document with the visual sophistication and splendor that InDesign can. When it comes to aesthetics (the weak belly of DITA), all other applications finish a distant second.
ID document in EDITOR

Secondly, by using InDesign, we not only can continue to publish our technical documents as PDF files but also as dynamically adjusted HTML pages for the Internet, as well as for the iPad and iPhone. And we can do that without learning a single line of XML or developing any complicated schemas etc. thanks to InDesign’s visual GUI which is developed for graphic designers and not engineers.
The ability to publish as HTML takes care of our help file requirements to a large extent (even though I expect to have compatibility issues if the help file is going to be hooked up to the software product  through API and respond to F1-key inquiries).

ID automatically adjusts the page layout depending on the mobile platform on which the tech document is viewed. It even takes care of the vertical and horizontal orientations in which a tablet can be viewed. It resizes the images automatically and anchors them to any text block you like.

ID, just like any single-sourcing application worth its salt, also makes “versioning” possible. That is, you can create one copy (version) of a document for PDF output while create other versions for iPad and iPhone.
Here are some screen shots from a great Adobe InDesign video tutorial that illustrates some of these possibilities:

(Click to enlarge the images)
Here is the original document in InDesign’s “print design” editing screen:
ID document in EDITOR

Here is a look at another page in the same document/ebook:

ID document in MULTI-COLUMN PAGE

This is how the same page looks in the iPhone output of the same document/ebook:

ID document in iPhone

Notice how the 4-column print-layout is automatically adjusted to a single column for the iPhone. No coding, no schemas, no tagging. All on auto.
Here is another page that is re-sized automatically (including the photo) for the single-column phone layout.

ID document in iPhone 4
The same photo in HORIZONTAL (Landscape) orientation:

ID document in iPhone 3
The switch from vertical to horizontal happens automatically, thanks to the InDesign.
This (below) is the iPad version of the same document/ebook, generated automatically by InDesign:

ID document in iPad VIDEO
The page has a VIDEO embedded in it (yes, InDesign can do that too).  When you click, you can watch it either in VERTICAL or HORIZONTAL orientations:

ID document in iPad VIDEO 2
These are all some of the reasons why I say the new and improved InDesign is really worth a closer look for our technical documents since “mobile” is truly the mantra of the future.

3 Comments

  1. Peter Gold on March 3, 2012 at 12:03 pm

    Adobe’s InDesign “external” version numbers are counterintuitive. The version in this article is “InDesign CS5.5,” whether it’s purchased as a standalone product, or as a component of a Creative Suite product. The standalone product and component product “internal” version number, in About InDesign, is “Version 7.5.” InDesign CS5 internally is “Version 7.0.” InDesign CS4 internally is “Version 6.0.” The Welcome Screens display “Adobe InDesign CS5.5,” “Adobe InDesign CS5,” or “Adobe CS4,” respectively. Pretty clear, eh?



    • admin on March 3, 2012 at 12:18 pm

      Peter, thanks! Adobe is a great company and I’ve used their products for decades and continue to do so but you’re right, sometimes it’s not easy to understand why they do something in the way they do it. For example, I tried to have them either add Illustrator to the Tech Comm suite or replace Photoshop with Illustrator. No dice 🙂 For some reason that is still not clear to me, Adobe continues to deny Tech Comm Suite users access to the Illustrator, which is a great application that I use frequently for technical illustrations, the kind that I can never create with Photoshop. I have a feeling that some critical decisions over at Adobe are made by managers and engineers who really do not have a very clear idea of the daily realities of our technical writing and communication business.



  2. Fer O'Neil on March 31, 2012 at 3:33 pm

    I agree Ugur. I am currently experimenting with creating documentation using ID. I am doing so for the very reasons you mentioned–the ability to embed dynamic content and the auto formatting to mobile devices. Have you completed technical documentation projects using ID and exported for mobile devices exclusively? What’s your take on ePub vs PDF for this purpose?