Reviewing Screen Based Content: Demo Examples

Reviewing Screen-based Content: Demo examples Rhonda Bracey [email_address] http://www.cybertext.com.au

General Text

Looks good; on a quick read it seems fine… but read closely…

Label Text Reference : Official Guidelines for User Interface Developers and Designers : http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwue/html/ch14d.asp

Headings "To" headings Overview headings

Headings Mixing gerunds ('-ing' words) and imperatives

Readability: StyleWriter http://www.cybertext.com.au/editorsoftware/affiliate_index.html

Readability: Reading indexes http://juicystudio.com/services/readability.php

Fonts

Display Font at normal and resized to large

Colours Red background, yellow text, blue links…

Graphics

Structure: Page http:// www.ilovejack daniels.com /resources/view-page-structure/

Structure: Site

Forms: Error Messages

Good error message!

What happened

Why it happened

How to fix it

Forms: User Assistance (1)

Forms: User Assistance (2)

Show user progress

Page-level UA

Repeat user-entered info

Section-level UA

Item-level UA

Printing

Background colours ignored

Menu obscures text

Accessibility: Colour blindness http://www.vischeck.com/vischeck/

Free Web Accessibility Tools http://www.visionaustralia.org.au/info.aspx?page=614 http://chrispederick.com/work/webdeveloper/

Validation: HTML code http://validator.w3.org/

Links: Navigation Generated from Firefox add-in: http://chrispederick.com/work/webdeveloper/

XENU Link Checker http://home.snafu.de/tilman/xenulink.html

Link mechanisms How many ways can you link to other content?

Link mechanisms - variety Hundreds!

Animated Demos

Has user controls

Gives info about sound and duration

Animated Demos: Printout Captivate's Word output is ready for editing. It contains all elements of the animation, including callouts, highlight boxes, buttons, and any narrated text you entered into the Record Audio window.

GUIs: What to look for

GUI: Example 1