Difference between revisions of "Style guide"

From Veloopti Help
Jump to: navigation, search
m
m (Warning boxes)
Line 49: Line 49:
 
The [[file:Warning.png|15px]] icon should be used when you want to alert the reader to something.  Also make sure you put five spaces and then '''Note:''' in all bold (one day I'll get that turned into a template). <Code>:&#91;&#91;file:Warning.png|20px&#93;&#93; &#38;#160; &#38;#160; &#38;#160; &#38;#160; &#38;#160; &#38;#160; &#39;&#39;&#39;Note:&#39;&#39;&#39;</code>
 
The [[file:Warning.png|15px]] icon should be used when you want to alert the reader to something.  Also make sure you put five spaces and then '''Note:''' in all bold (one day I'll get that turned into a template). <Code>:&#91;&#91;file:Warning.png|20px&#93;&#93; &#38;#160; &#38;#160; &#38;#160; &#38;#160; &#38;#160; &#38;#160; &#39;&#39;&#39;Note:&#39;&#39;&#39;</code>
 
: [[file:Warning.png|20px]] &#160; &#160; &#160; &#160; &#160; '''Note:''' Do remember to indent it.
 
: [[file:Warning.png|20px]] &#160; &#160; &#160; &#160; &#160; '''Note:''' Do remember to indent it.
 
  
 
== Page names ==
 
== Page names ==

Revision as of 22:24, 19 July 2017

1 Overview

This style guide provides the guidelines to which additions and changes to this Veloopti help should adhere to. This is to ensure that there is consistency within the many articles and enforces our best practice in usage, language and visual composition. Write to the user You should, or You will have to are acceptable. Don't talk about the user in the third person Tell the user what to do they are not left wondering what they should do

2 Language

Australian English is used throughout the site.

2.1 Perspective

You should write in the second person. Writing in the second person requires use of the pronouns you, your, and yours. This point of view is commonly used to address the audience in technical writing and as such you should use it here also.

Here are examples of writing in second person:

  1. To make lemonade, you add the juice of lemons to water and sugar;
  2. To calculate the area of a room, multiply the width by the length;
  3. To add oil to your car engine, unscrew the cap, place a funnel inside, and slowly add the oil.

2.2 Capitalisation

Capitalisation should only be used when it increases the meaning that is held in the words. For the most part don't capitalise unless it helps to clear up any ambiguity.

2.3 Bold

You should use bold sparingly. It should be used to enable the reader to skim the article to quickly find the thing that they are looking for.

2.4 Italics

Use italics for the common things that it is used for: i.e. the usual things; and the last item with an in-line lists.

3 Items

3.1 Buttons

Buttons should have the picture copied from the Veloopti website and referenced, e.g. Click the Update profile button.png button to update your profile.

3.2 Menu items

Menu items are selected and not clicked so tell people to select the Dashboard menu item, not click it. The item that is selected should be bolded, e.g. Select the Dashboards menu item to view the available dashboards.

Menu sub-items are menu items that are lower than the main menu item. They should be referred to as: Select the Dashboards -> favourites menu item to select your favourite dashboard.

3.3 Keyboard

When telling the user to use the keyboard, use the {{Key press}} template e.g. {{Key press|Enter}} for Enter.

3.4 Code

Code should be written surrounded in <code> and </code>; thus in the form: <code>question = /(bb|[^b]{2})/</code>.

This results in the following output: question = /(bb|[^b]{2})/

3.5 Warning boxes

The Warning.png icon should be used when you want to alert the reader to something. Also make sure you put five spaces and then Note: in all bold (one day I'll get that turned into a template). :[[file:Warning.png|20px]] &#160; &#160; &#160; &#160; &#160; &#160; '''Note:'''

Warning.png           Note: Do remember to indent it.

4 Page names

Pages are always named in the singular format. This is to assist with when you search as t makes it easier to find things. For instance; if you type 'event' into the search at the top of the page it will bring up: 'event filters' 'event lifecycle' etc. We don't want the user to type 'events' and some of the help pages disappear because there is 'events filters' and 'event lifecycle'.

5 Categories

Categories are used to make things easier to find. There are two different type of categories in the Veloopti Wiki:Category tree; and Category types.

5.1 Category names

Categories are usually named in the plural unless it makes sense to have them in the singular. THhe only known exception thus far is 'billing' and it sounds weird to have a category of 'billings'.

5.2 Category tree

The category tree is used to contain the articles into a tree structure. The tree structure is designed to make things easy to find. The current category structure is:

5.3 Category types

Any articles in the Wiki can contain the following categories. These categories spread across multiple category trees and are used to pull things together.

  1. Actions
  2. Agents
  3. Billing
  4. Dashboards
  5. Events
  6. Logs
  7. Metrics
  8. Nodes
  9. Notifications
  10. Organisations
  11. Outages
  12. Policies
  13. Tasks
  14. Users