Handbooks Wireframe – v2

Handbook-wireframe-01Based on feedback from the handbooks wireframe posted last week, here is a new one I worked up, which includes the following changes:

  • More text and fewer images – This is probably closer to how a typical handbook page would look, which we would expect to have more written content and fewer illustrations than was shown in the first wireframe.
  • “Checklist” in the overview section – This would allow readers to determine at a glance what will be covered on the handbook page.
  • Added subheadings – To get a better sense of how subheadings would work in a handbook layout I added a few h3 headings. Lesser headings (h4-h6) are not represented but would follow suit. Note that subheadings are also displayed as a nested list in the TOC to show hierarchy.
  • Content box for displaying code – Styling would be similar to the other alert boxes, with a background color and icon.  Though not illustrated here, it would be ideal to use a syntax highlighter as well.
  • “Next Steps” section at the bottom – This is a good place to link to related pages within the handbook, as well as other external resources.

Please click on the image to view full size, and leave your thoughts in the comments section.