Published on May 29, 2008
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…
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
Display Font at normal and resized to large
Colours Red background, yellow text, blue links…
Structure: Page http:// www.ilovejack daniels.com /resources/view-page-structure/
Forms: Error Messages Good error message! What happened Why it happened How to fix it
Good error message!
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
Show user progress
Repeat user-entered info
Printing Background colours ignored Menu obscures text
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
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 Example GUI errors: Alignment Label text Title text Punctuation Case
Example GUI errors:
GUI: Example 2
CSE HTML Validator http://www. htmlvalidator.com
Total Validator http://www. totalvalidator.com /
SnagIt: Web page links http://www.techsmith.com Web page capture with links highlighted
SnagIt: Scrolling and Text Text only from a web page; saves as TXT file Scrolling Web page captured as graphic (resized to 25% for this slide)
Acrobat http://www.adobe.com Web page captured as PDF; marked up for editing
Web Page Analyzer http:// www.website optimization.com /services/ analyze /
Sitescore (1) http://www.silktide.com/tools/sitescore
Screen Ruler http://www.microfox.com
Word Cleaner (1) http://www.zapadoo.com Comparative file sizes
Word Cleaner (2) Word to HTML - unfiltered Word to HTML - filtered HTML from Word Cleaner using standard template
Reviewing Screen-based Content: Demo examples Rhonda Bracey firstname.lastname@example.org http://www.cybertext.com.au. ... Screen Ruler http://www ...
Reviewing Screen Based Content: Demo Examples ... on "Reviewing Screen-based Content" at ... experience in reviewing user interfaces combined ...
Developing a Large Scale Application with a Single ... return different content pages based on ... Reviewing the HTML content for the ...
... forms, templates and examples. Certification. ... demo reels, and content into. ... FilmSkills is constantly updated and expanded with the latest ...
This manual is based on the maximum potential ... 6.2 Reviewing Screen ... The AH-M1 handheld pulse oximeter is intended for
Check out a screencast explaining how the demo content was ... with features which make it ideal for reviewing. ... are colored based on the review ...
View Demo The idea of the original was to ... then forces it into a table layout when the screen is large enough to ... Very nice collection and examples.