Académique Documents
Professionnel Documents
Culture Documents
TO:
FROM:
Angela Baker
CC:
Shannon Riggs
DATE:
10/08/2012
RE:
Introduction:
This document describes the Usability Evaluation Plan for the Red Team Users Guide. The purpose of a
usability evaluation is to determine the expected outcome of a targeted audience using the current users
guide [Red Teams Web site Users Guide], as well as to determine errors within the written product prior to
the actual release of this users guide. This plan includes the following:
Purpose of usability evaluation
Target audience
Design of usability evaluation
Data collection methods
Deliverables Test Plans
Resources
Schedule
Project Name:
The projects name is Red Team Users Guide [RT-UG_v5.4.docx] A Beginners Guide to Creating Web
sites.
Purpose of Usability Test Plan:
The main purpose of this usability test is to identify address and correct potential errors and inaccuracies
before the Red Team Users Guide [RT-UG_v5.4.docx] is finalized and is delivered to the intended targeted
audience. The areas addressed by this usability test plan are:
How long does it take a member of the targeted audience to follow the instructions and complete
applicable chapters?
Are the instructions easy to follow?
Were there any difficulties and or work stoppages due to inaccurate data?
Is this user guide meeting the established criteria for a low-tech test audience?
Were the desired results reached? The creation of a Web page and subsequent Web site?
Where the instructions clear? Were there steps that can be deleted and still meet the objective?
Did members of the Targeted audience meet the objective to:
o Create a home page and 3 additional pages, add text, add images, go live, troubleshoot, and
upload Website folder to a server to publish a Web site?
o
o
User will enter a name for this document without spaces and must contain at least eight characters
as part of the file naming conventions. For purposes of this example, the file name is
RedTeam_Web page1.htm.
User will click Save.
Word automatically performs two functions:
Saves the document with an HTML format and appends the file extension .htm to the
right of your designated file name.
Secondly, a folder is created with the same file name conventions, along with an
underscore and the word files (example: document name_files). This folder will house all
graphics and XML instruction files.
It is important to note that before a Web page can be successfully published all associated files
and graphical content must reside in the same Web server directory or file folder location; such as
in the below listed example. The Microsoft user will now design a Home page and all applicable
Web pages.
The user will add text and graphical content. All graphics file inserted within the MS
Word file will automatically saved to the folder. Click to open and review.
Proceed to the next chapter to begin adding text to your Web page.
User will create a table in which to house navigational page elements. User will go to the ribbon
and select Insert and locate and click on the Tables section.
User will select applicable table and rows.
User will enter page names and format and center accordingly.
User will remove borders from all tables and rows by going to the ribbon and selecting the
Design tab and clicking on the borders icon, use the pull-down menu to choose No Border.
Use can see the changes immediately.
o
o
o
o
o
o
o
User will select the word HOME by highlighting it. (Text becomes blue when highlighted)
User will select Hyperlink.
Hyperlink window will display. User will enter the following text on the Address line [
index.htm].
The user must save the home page with a file name of index.htm.
Click OK.
Repeat steps 9.1 to- 9.5 to add a hyperlink to the remainder four titles. Remember to keep file
names short and to the point.
Use the following naming convections for the remainder four titles:
Page1.htm, page2.htm, page3.htm, page4.htm. Remember, to use all lowercase with no
spaces.
Save home page and use it as a template to complete the four remaining pages
User will add text and graphics to all Web pages, to create visually appealing pages.
Open the Web site folder.
Double click to open the home page file [index.htm] file.
Test applicable links and hyperlinks on all pages.
Revise Web site pages as needed.
Retest and close all documents.
Adding text to a Web page is simple, begin typing and formatting your Web page document as you would
regularly format a MS Word document.
o The user will select a font type. It is highly recommended that when building a Web page, the
best fonts utilized are Times New Roman, Verdana, Helvetica, and Arial. Do not use fancy script
type fonts; not every desktop will have these designer font types loaded on their system.
o The user will select font size and font color.
o User will enter a title, known as a Web page headline.
o User will enter applicable text for the remainder of the Web page.
In order to ensure accessibility issues and concerns are addressed for all user types; alternative text must be
added for all listed images and graphical elements. The purpose of this feature is to assist users with disabilities.
Secondly it allows all browser types both new and old to properly display alternative text while a graphical
element is being loaded, (not all browsers are fast).
o User will locate and right-click on applicable image(s) and select size.
o The Size pop-up dialog box displays. User will click on the Alt Text tab and enter applicable
accessibility text.
o User will click Close.
Adding a graphical image to a Web page is simple. Users either can paste the graphic or use the insert function
to incorporate applicable graphics into a MS Word Web page file. In order to add style, flair, and general visual
appeal to a Web page incorporate subject appropriate graphics. Remember to adhere to current copyright rules.
MS Word contains a huge clip art gallery of various types of images. In addition, there are a variety of online
sources in which to obtain non-copyright protected royalty free or public domain images such as
Microsoft.com, herema.com, and others:
Gettyimages.com
iStockphoto.com
Freerangestock.com
Stock.XCHNG.com
Everystockphoto
Freedigitalphotos.net
Stockvalult.net
Shutterstock
FreeFoto
Public-domain-photos.com
o
o
To add a graphic, user will go to the taskbar and choose the Insert tab.
User will go to the Illustrations section and click applicable icon:
Picture - to insert a graphic from ones system file.
Clip Art to insert a graphic from Microsofts massive collection or go online for
additional graphics.
User will select applicable graphic and click the insert button to import the graphic into the MS Word
Web page.
User will select applicable graphic and click the insert button to import the graphic into the MS Word
Web page.
o User will click to select applicable graphic or select Clip art on Office Online and follow online
prompting to incorporate graphic into MS Word Web page.
o Save and close MS Word file.
o To review file, open the .htm document into Web browser
o