Skip to content

Latest commit

 

History

History
346 lines (195 loc) · 15.5 KB

DOCS_STYLE_GUIDE.md

File metadata and controls

346 lines (195 loc) · 15.5 KB

Documentation style guide

Thanks for your interest in contributing to the Postman Open Technologies docs! 🚀📖🏆

Check out the contributing guide for a step-by-step overview of making your contribution. Read on for tips on what types of language to use in your edits and additions.

This style guide is a work in progress, and we'll be continuing to iterate on it. Create an issue if you'd like to provide feedback!

Audience

The Postman community is diverse, and we aim to create an empathetic, inclusive learning experience for all. Remember that not everyone reading this documentation is a developer. Make the information as intuitive as possible to anyone who happens to visit, regardless of their technical background or skill level.

For more advanced topics, if someone doesn't have the required skills to carry out a particular task yet, we want to help them get there. Provide context by indicating prerequisites and setting clear expectations, ideally linking to support information so that people can equip themselves with the necessary understanding to carry on learning. Be aware of what you're assuming people already know, but if possible link to background info rather than including it to help keep each doc focused on its core topic.

Avoid unnecessary tech jargon, but don't simplify either. Try to strike a balance between supporting people regardless of skill level and using accurate industry terms (since readers will need to know these in order to apply what they learn).

Postman learners speak lots of different languages, but our docs are only available in English. Use clear, concise sentences so that people reading in a second language can follow along. 🌍🌎🌏

Language style

The Postman Open Technologies documentation is intended to help people learn how to use Postman, so use practical instructional language wherever possible. Be specific, and "show, don't tell."


👎🚫 Specify any request parameters you need to send.

👍✅ To specify parameters to send with your request, enter values either in the URL or the Params editor.


Don't make time-specific references like "now," "soon," and "new." These are appropriate in time-stamped resources like blog posts, but documentation info shouldn't be relative to a particular point in time, and should remain equally valid for present and future readers—as well as people who have never used Postman before.


👎🚫 You can now use GraphQL in Postman in addition to the existing options.

👍✅ You can use GraphQL queries in your Postman requests.


If your doc includes a term you think a significant number of readers may not understand, clarify it the first time you use it in the page, linking to supporting docs if appropriate. The same applies to abbreviations and acronyms.

Try to phrase content positively where possible:


👎🚫 You can't access private workspaces without a Postman Enterprise account.

👍✅ To access private workspaces, upgrade to Postman Enterprise.


Grammar and word choice

Use US English by default.

Preserve subject-verb agreement. If a verb is modifying a singular noun, the verb should also be singular (and if the noun being modified is plural, the verb should be plural too):


👎🚫 Postman Collections are a group...

👍✅ Postman Collections are groups...


Exclamation marks are typically not appropriate for core documentation, but can be in tutorial material.

Try to minimize use of "etc" and "and so on," considering whether you can make the sentence more specific instead.

Use "for example" instead of "e.g."

For menu interaction, use "select" instead of "click."

Be careful with words that have a specific meaning in the context of Postman but that may refer to something else, including additional pointers to remove ambiguity. Consider the following terms in particular:

  • Collection
  • Request
  • Header (request header vs Postman UI header)
  • Parameter
  • API
  • Documentation (user's API documentation vs Postman learning documentation)
  • Workspace
  • Test
  • Environment
  • Variable

Tone

Official Postman documentation language aims to be friendly and conversational in tone, but not colloquial; not too formal or too frivolous. Think friendly teacher. 🎒

Avoid language that readers might typically associate with marketing material, for example words that are subjective or opinion-based, such as "great" and "amazing." By focusing on effectively showing how to use a feature, docs can demonstrate what the feature is and why someone would want to use it along the way.


👎🚫 With the Postman Visualizer, you can create eye-catching presentations that power your API data communication strategy.

👍✅ You can create visualizations of responses in Postman to present your request data in graphical formats such as charts.

👍✅ To visualize your response data, add JavaScript to the Tests code for the request...


Avoid terms like "easy," "simply," and "just." Everyone's experience is different, and we don't want anyone to feel they aren't learning quickly enough. 🙂

Avoid gendered words, including pronouns, but feel free to use "they" and "them," and to address the user as "you." Choose pronouns carefully, especially in cases where it may not be clear what you're referring to. Relative pronouns (such as "that" and "they") can help reduce ambiguity. Be mindful of pronoun choice when referring to the Postman user's users, for example a consumer of an API that a Postman user is publishing:


👎🚫 If a user views the documentation he can copy and paste code snippets.

👍✅ Your users can try out requests by copying and pasting the code snippets that are included in your API documentation.


Avoid using first person in core docs. "Let's" and "we" are appropriate in tutorials and blog posts but typically not in the documentation.

Be careful when using metaphors or choosing examples. These don't always translate across different cultures and languages.

Readability

In general, use active voice and avoid passive structures:


👎🚫 The request can be run by selecting the Send button.

👍✅ To run the request, select Send.


Keep your sentences as short as possible. Use commas to break the content of a sentence into smaller, more digestible chunks. Use serial commas in sentences containing three or more clauses. If a sentence has multiple clauses and you're having to use lots of commas and semicolons, it may benefit from being broken into more than one sentence, or perhaps presented in a different format such as a list. Be as concise as you can, while still being specific and conveying the relevant info. 👓

Help users to scan content by indicating the purpose of a page, section, or sentence at the beginning. Introducing a sentence or section with a conditional clause lets learners know if it's relevant to them:


👎🚫 Select Tests and enter JavaScript code to carry out testing on your request response.

👍✅ To carry out tests on your request response, select Tests and enter JavaScript code.


Minimize repetition, and read your edits over after drafting them. Reading a doc aloud can help to identify issues with it.

Use example code and images such as screenshots to aid comprehension of what you're writing.

Formatting and structure

Use lists and other structures to break up your content and present it in a more readable format. The Markdown cheatsheet provides an overview of the options.

When using a list, everything that appears before it (before the colon) should be a complete sentence:


👎🚫 Your parameters can include:

👍✅ Your parameters can include any of the following options:


Use bold to highlight names for parts of the software that the user interacts with. Include the visible name of the relevant user interface component wherever possible instead of describing it. When you refer to a feature of the user interface, capitalize names to reflect what you see in Postman:


👎🚫 Select the send button

👍✅ Select Send


The only exception to this is where the UI element includes all upper case. Only capitalize initial letters in the documentation.

The first time you mention a generic Postman feature in a page, capitalize it and use its full name. Later in the doc you can refer to it in shortened forms and without capitalizing:


👍✅ Postman Collections group requests together. You can use collections to...


Use backticks to indicate code—use `single backticks` for code presented inline (inside a text section) and three backticks for blocks of code, optionally indicating the code language to improve syntax highlighting:


For example the following markdown is indicated as JSON:

```json
{
 "id": 1
}
```

The output should render with JSON syntax highlighting:

{
 "id": 1
}

Indent code blocks using spaces.

Use single backticks for inline references to the following API constructs:

  • HTTP verbs (such as GET, POST, PUT, PATCH, or DELETE)
  • status codes (200 OK)
  • parameter names
  • variable names
  • JSON object and field names
  • file types

Use Markdown blockquotes for information you want to present as a note, for example info that isn't relevant to all readers of a page.

Use > to separate steps such as a sequence of clicks on user interface items:


👍✅ Select View > Developer > Show DevTools


Periods and commas should appear inside quotation marks:


👍✅ Enter a name for your collection, for example "Product Directory."


If you include placeholder values in a code excerpt, highlight the section users will need to change in order to use the code:


👍✅ To send a query parameter with the request, append it to the end of the URL as a key-value pair with the parameter name:

/posts?category=draft

Note that to do this in markdown you need to use <pre> tags with <i> or <em> around the highlighted section.


Document sections

Many readers will scan docs rather than read every word from beginning to end. To make content "skimmable," break it into relevant sections, each indicated by a subheading. Include a TOC (Table of Contents) at the top of any page with multiple sections in it, linking to the sections so that learners can jump to the info they're looking for.

Each doc should begin with an introduction section. Subheadings should only appear after this intro section. In most cases, the rest of the page should show users how to carry out the relevant task in generic terms. If a page begins to look overloaded, consider splitting it into sub-pages.

In general, aim for the following structure:

  • An intro section outlining the purpose of the page and indicating / linking to any required knowledge
  • A main instructional section guiding users through a series of generic steps showing how to carry out whatever task the page represents
    • Subheadings to indicate the steps
    • Images to illustrate key steps or configurations
  • Any supplementary material, which will vary by topic but may include the following:
    • Any info about carrying out the task using the Postman API
    • Links to relevant collections
    • Debugging info
  • Links to relevant follow-up material in a Next Steps section

Add any relevant supplementary links to the sidebar using the frontmatter at the top of each docs page.

Use sentence case for headings and subheadings, only capitalizing the first word and any proper names:


👎🚫 Sending API Requests

👍✅ Sending API requests


Use present participles (verbs ending in "-ing") for page headings throughout the documentation, for example "Running requests." In tutorial material (not included in the core docs), you can use present tense without the participle form for subheadings, for example "Run your request."

Images

Images can help to provide context and give users a reference point for their learning. However images should only act as a backup for text information. Don't include required information only in an image; make sure the necessary instructions are also in text form:


👎🚫 Select the options in the following image.


Keep your images focused on what's relevant, but show enough of your screen to indicate how users can get there. For example, in a doc showing how to set parameters, you could show the top of the request tab along with the parameter input area, but cut out other parts of the window. Crop your images to remove parts of your screen that aren't relevant to the documentation, for example docks and desktop areas.

Include alternative text for images.

Surround images with a 1px border dark gray, ideally #4a4a4a.

Use JPG format for images, and optimize them to minimize file size.

Links

Use meaningful text for links, avoiding phrases such as "click here" when possible:


👎🚫 Click [here](/docs/postman/scripts/intro_to_scripts/) for more details on scripts.

👍✅ For more on scripting in Postman, see [Intro to Scripts](/docs/postman/scripts/intro_to_scripts/).


An exception to this is the Run in Postman button, which you can refer to directly, for example "Import the collection by selecting the Run in Postman button below."

Include links to relevant supporting docs inline throughout your pages, but in general only link to the same location once per page—usually the first time you mention the term.

Use relative links between docs:


👎🚫 For more on scripting in Postman, see [Intro to Scripts](https://learning.postman.com/open-technologies-docs/src/pages/graphql/page2).

👍✅ For more on scripting in Postman, see [Intro to Scripts](open-technologies-docs/src/pages/graphql/page2).


Don't display a raw URL in text, unless seeing the URL is essential to the learning objective:


👎🚫 Navigate to https://learning.postman.com/open-technologies-docs

👍✅ Send a request to https://postman-echo.com/get


Publish!

Don't leave your writing work lying around in a file somewhere—once you think your edits are in reasonable shape, open a pull request and share your guidance with the Postman community! We'll be more than happy to talk you through any changes and your contribution will be greatly appreciated. 📣🎓🎉