Difference between revisions of "Tutorials Style Guide"

From Help Wiki
Line 1: Line 1:
 
This style guide is intended for use in the development of workshop/application tutorials in the computing wiki.
 
This style guide is intended for use in the development of workshop/application tutorials in the computing wiki.
 +
==Writing guidelines==
 +
===Technical writing best practices===
 +
* Remove the chattiness
 +
* Use clear and concise language
 +
* don't use "you"
 +
* Start each step with a verb if possible. What is the person doing specifically?
  
==Title of tutorial "chunk"==
+
 
 +
===Formatting conventions===
 +
* When indicating navigation in the application use bold text and the '''>''' to indicate navigational sequence <br />
 +
Example:
 +
*# Click '''Go > Connect to Server '''
 +
*Use italics for text that should be replaced by user specific information <br />
 +
Example:
 +
*#
 +
 
 +
 
 +
===Page layout===
 +
* Usage of section headers must be consistent
 +
 
 +
 
 +
 
 +
 
 +
==Example structure for tutorials==
 +
==Title of tutorial "chunk" (level 2)==
 
[[Image:Mac calawah1.png|thumb|250px|right|Figure 1]]
 
[[Image:Mac calawah1.png|thumb|250px|right|Figure 1]]
 
[[Image:Mac calawah2.png|thumb|250px|right|Figure 2]]
 
[[Image:Mac calawah2.png|thumb|250px|right|Figure 2]]
Line 9: Line 32:
  
  
===Subheading===
+
===Subheading (level 3)===
 
Brief overview to orient what is being done in this section. May not always be necessary.
 
Brief overview to orient what is being done in this section. May not always be necessary.
 
# Numbered step  
 
# Numbered step  
Line 19: Line 42:
  
  
===Subheading===
+
===Subheading (level 3)===
 
Brief overview to orient what is being done in this section. May not always be necessary.
 
Brief overview to orient what is being done in this section. May not always be necessary.
 
# Numbered step. Use bold text when indicating menus for clicking, i.e. '''Go > Connect to Server'''.
 
# Numbered step. Use bold text when indicating menus for clicking, i.e. '''Go > Connect to Server'''.

Revision as of 11:50, 24 October 2007

This style guide is intended for use in the development of workshop/application tutorials in the computing wiki.

Writing guidelines

Technical writing best practices

  • Remove the chattiness
  • Use clear and concise language
  • don't use "you"
  • Start each step with a verb if possible. What is the person doing specifically?


Formatting conventions

  • When indicating navigation in the application use bold text and the > to indicate navigational sequence

Example:

    1. Click Go > Connect to Server
  • Use italics for text that should be replaced by user specific information

Example:


Page layout

  • Usage of section headers must be consistent



Example structure for tutorials

Title of tutorial "chunk" (level 2)

Figure 1
Figure 2
Figure 3

Brief overview to orient what is being done in this section. May not always be necessary.


Subheading (level 3)

Brief overview to orient what is being done in this section. May not always be necessary.

  1. Numbered step
  2. Numbered step with link to larger version of figure graphic. Figure 1
  3. Numbered step
  4. Numbered step with link to larger version of figure graphic.. Figure 2
  5. Numbered step with link to larger version of figure graphic. Figure 3
  6. Embedded images work well when smallMac network icon.png


Subheading (level 3)

Brief overview to orient what is being done in this section. May not always be necessary.

  1. Numbered step. Use bold text when indicating menus for clicking, i.e. Go > Connect to Server.
  2. Urls should be written out fullyhttps://studentfiles.evergreen.edu


See also