I'm thinking of a user manual, which documents a web-site-based application.
The manual should introduce and explain the functionality (the various pages) of the application.
The purpose of the manual is two-fold:
- To minimize the need for in-person training of new users
- To also serve as pre-sales literature, which introduces the functionality to potential customers.
I expect that user manual would include approximately one page in the manual for each page of the application. Each page in the manual would include some text, and a screenshot.
Here's the question: given that the application is adaptive, i.e. designed for any screen size, how to do the screenshots in the user manual? I want the user manual to be readable on a mobile device too.
Is there a good way to do online user manuals for mobile devices?
Would you recommend having different screenshots at different screen sizes, and serving whichever screenshot size matches the size of the device that's reading the user manual?
Are you able to recommend any example[s] of an online user manual which does this well?
Three things that I don't really want:
- A manual as a PDF with a fixed (paper-sized) page width that's difficult to read on a small screen (because it needs horizontal scrolling)
- A manual that is implemented as a video of a walk through with a voice-over
- Context sensitive help built-in to the application (I want the manual to be readable by people even before they have access to the application)