Scannable and visual docs

Someone once tweeted “Learners are always two clicks away from Angry Birds. And that’s why you’d better make teaching & learning engaging.”
The more I sift through user feedback, the more I get convinced that users today are in no mood to read long texty paragraphs. They want scannable and visual presentation of information. Keeping this in mind, we are trying to enhance our knowledgebase articles and Help pages, especially the ones that are most-viewed.
I shared some examples of this initiative in the tekom conference last month at Wiesbaden, Germany.

Example 1

This document is one of our most-read knowledgebase articles. Over the years and over many updates, it had become an information dump. In an effort to cover all scenarios, reported by users over the years, readability and findability suffered. A complete revamp was done, and you can see how instructional design strategies, such as branching and chunking, were applied to transform a long linear doc into a visual doc.

Example 2
Adobe Illustrator type tools

In this example from the Adobe Illustrator documentation, graphics and intelligent structuring are used to present information in a visual and easy-to-scan layout. Detailed information has been layered to allow for different user levels and needs.

Do you have any example of visual docs? Any example of scannable and visual docs that do not have graphics?

2 Responses to Scannable and visual docs

  1. Nandini Gupta says:

    Check out 6 Directions for Visual Display of Content by Mark Nichol:

  2. Nandini Gupta says:

    Also my colleague, Girish Mehta, shares more examples of visual treatment on his blog A Walk Through the Pics: