Skip to content

Instantly share code, notes, and snippets.

@gonzalo-bulnes
Last active June 26, 2021 02:46
Show Gist options
  • Save gonzalo-bulnes/3b23d6af0949b36f607dd898337d6471 to your computer and use it in GitHub Desktop.
Save gonzalo-bulnes/3b23d6af0949b36f607dd898337d6471 to your computer and use it in GitHub Desktop.
A few references that may be useful when writing docs that involve installing or setting up software.

References

Netgate setup / configuration docs

Example page for reference

  1. I find the "< Previous (Safety and Legal) | (Reinstalling pfSense ...) Next >" navigation is an effective way to provide a sense of scope to the page and communicate early on if more steps are to be expected or not. It is repeated at the bottom of the page content, which I find an easy way to be reminded that the next step may (or not) be relevant, and to get to it if deemed relevant.
  2. Providing instructions for multiple platforms: the page uses tabs to provide short alternatives by platform, and references a section of Client-specific examples for detailed instructions.

Netgate cover page for docs

Example cover page for reference

  1. Out of the Box: I like the section name as a way to group Getting Started, some Initial Configuration, and some overview documents. I like that using that name allows to use "Getting Started" for a very focused and digestible section.
  2. On this page table of contents: short and sweet, set expectations immediately.

Netgate step-by-step instructions

Example of step-by-step instructions for reference

  1. I find the use of the figure captions interesting. They feel like an integral part of the instructions but make clear they're illustrative examples only.
  2. Use of markup to highlight interactive elements (e.g. Click Next). Better: the prefix :guilabel: can be used to render buttons in the docs. 💡
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment