Evaluator: Windy May

Project Evaluated:

Dreamweaver HTML

Date: 2/20/14

Interface Rating Form

User interface is concerned with how the instructional content is presented to the learner, how the learner moves through the content, and how the learner experiences the instructional activities. In general, the user interface should be designed to make things easier for the learner (i.e., it should be learner-centric). Also, this form onl addresses the interface and its relationship to the learner and content. It does not specificall address the !ualit of the content, relevance of the interactions or assessments, or the meaningfulness of the media. "hile these criteria below are appropriate for most interfaces, a simple interface ma not include all of these criteria or ma include onl simplified versions. As an instructional designer, it is at our discretion to determine the value of each criterion to the learner. Directions: #valuate the user interface based on each criterion, where $ is lowest or unavailable and % is highest or optimal. Add our comments in each box ou select. &or instance, if the pro'ect scores a ( on )user interface*, add a comment inside the )(* box. Use the color green so our comments are easil identified.
CRITERIA User interf ce !it" e#$%icit co&rse str&ct&re 1 +o course structure is shown on user interface. 2 ,asic course structure is shown on user interface (e.g., course outline), but does not help learner understand how course segments fit together and support one another. LEVELS OF QUALITY 3 ,asic course structure is shown on user interface (e.g., course outline). -ummaries or other methods are used to help the learner understand onl how the ma'or course segments fit together and support one another.

4 .etailed course outline (expandable as needed) is shown on the interface. -ummaries or other methods are used to help the learner understand onl how all course segments fit together and support one another. /he course provides details of effective leadership divided into 0 separate modules. #ach section provides extensive content that needs to be narrowed down for a one-hour unit.

5 .etailed course outline (expandable as needed) is shown on the interface. -ummaries or other methods are used to help the learner understand onl how all course segments fit together and support one another. "hen instructionall useful, the interface allows learner to easil move to different segments of the course.

T&tori % to e#$% in n 'i( tion ) o$er tion

+o tutorial is provided.

/utorial explains onl a few of the navigation and operation features.

/utorial explains some of the navigation and operation features.

/utorial explains most of the navigation and operation features.

/utorial explains all of the navigation and operation features.

1age 2

A ver in depth description of the navigation of the unit is provided with text and images. .etailed explanation is given for operating the website for the completion of the unit. * 'i( tion n+ o$er tion % ,e%s-icons +one of the navigation and operation controls are clearl and consistentl labeled. &ew of the navigation and operation controls are clearl and consistentl labeled. -ome of the navigation and operation controls are clearl and consistentl labeled. 2ost of the navigation and operation controls are clearl and consistentl labeled. All of the navigation and operation controls are clearl and consistentl labeled. A home tab is provided in the sidebar for returning to the beginning. +avigational images of arrows are in the same location at the bottom for navigating from page to page. /he page number is displa ed at the top of the screen.

* 'i( tion n+ o$er tion contro%s %oc tion

Almost no controls are located in the same place throughout the course.

&ew controls are located in the same place throughout the course.

-ome controls are located in the same place throughout the course.

2ost controls are located in the same place throughout the course.

All controls are located in the same place throughout the course. All controls are located in the same place on each page where it makes it eas to navigate through the unit.

1age

O$er tion of contro%s

+one of the controls operate consistentl .

&ew of the controls operate consistentl .

-ome of the controls operate consistentl .

Le rner.s %oc tion /s0ste1 fee+, c23

4er difficult to determine location in course.

.ifficult to determine location in course.

-omewhat difficult to determine location in course.

2ost of the controls operate consistentl . -ome of the arrows at the bottom of the screen are not linked properl and give an error message. 3ne link in the sidebar label summar does not work. #as to determine location in course.

All of the controls operate consistentl .

4er eas to determine location in course. #ach page determines which module is being completed. 5reen check marks are an indication of practice of learning and instant feedback. /he first page of each module determines how man pages are to be completed before practice and feedback. 1age ranges are provided at the top right screen for navigation and pace.

Arri'in( t

%oc tion

4er difficult to determine how one arrived at a location in the course.

.ifficult to determine how one arrived at a location in the course.

-omewhat difficult to determine how one arrived at a location in the course.

#as to determine how one arrived at a location in the course. 1age ranges would be beneficial to provide so that the learner can know how man pages need to be completed before practice. /ime estimates are usuall provided.

4er eas to determine how one arrived at a location in the course.

Esti1 te+ ti1e

/ime estimates are never provided.

/ime estimates seldom provided. /ime ($ hour) is onl

/ime estimates are sometimes provided.

/ime estimates are alwa s provided.

1age 4

provided at the beginning of the unit. Screen Desi(n +one of the screens are aestheticall pleasing. &ew of the screens are aestheticall pleasing. -ome of the screens are aestheticall pleasing. 2ost of the screens are aestheticall pleasing. 6eal world pictures are used that seem appealing and relevant to the content. /he colors and other images are aestheticall pleasing and follow along the same color scheme throughout. All of the screens are aestheticall pleasing.

!t"er #ote$:

Adapted from 7a es, 6./., -tout, 6. 8., 9 6 an-8ones, ..:. (;<<%, 8une). Quality Evaluation Tool for Computer- and Web-delivered Instruction (/echnical 6eport +umber ;<<%-<<;). 3rlando, &:= +aval Air "arfare >enter /raining - stems .ivision.