Reviewing Screen Based Content: Demo Examples

75 %
25 %
Information about Reviewing Screen Based Content: Demo Examples

Published on May 29, 2008

Author: rbracey

Source: slideshare.net

Description

Reviewing Screen Based Content: Demo Examples.
Supplementary examples to go with Rhonda Bracey's presentation at the AODC Conference 2006 (Cairns, Queensland), and ASTC (NSW) 2006 Conference (Sydney)
More supporting materials available from here: http://www.cybertext.com.au/10353.htm

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

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

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

Show user progress

Page-level UA

Repeat user-entered info

Section-level UA

Item-level UA

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:

Alignment

Label text

Title text

Punctuation

Case

GUI: Example 2

CSE HTML Validator http://www. htmlvalidator.com

Total Validator http://www. totalvalidator.com /

InSite http://www.inspyder.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

Sitescore (2)

Sitescore (3)

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

Add a comment

Related presentations

Related pages

Reviewing Screen- based Content: Demo examples

Reviewing Screen-based Content: Demo examples Rhonda Bracey rhonda.bracey@cybertext.com.au http://www.cybertext.com.au. ... Screen Ruler http://www ...
Read more

Reviewing Screen-Based Content, SlideSearchEngine.com

Reviewing Screen-based Content Rhonda Bracey [email_address] http://www.cybertext.com.au ... Screen Content Critical difference to paper : ...
Read more

Reviewing User Interfaces - CyberText

Reviewing Screen Based Content: Demo Examples ... on "Reviewing Screen-based Content" at ... experience in reviewing user interfaces combined ...
Read more

Developing a Large Scale Application with a Single Page ...

Developing a Large Scale Application with a Single ... return different content pages based on ... Reviewing the HTML content for the ...
Read more

Home Page | Filmskills

... forms, templates and examples. Certification. ... demo reels, and content into. ... FilmSkills is constantly updated and expanded with the latest ...
Read more

AH-M1 handheld Pulse Oximeter user's manual-20110712

This manual is based on the maximum potential ... 6.2 Reviewing Screen ... The AH-M1 handheld pulse oximeter is intended for
Read more

Movie Reviews by RoyalTemplates | ThemeForest

Check out a screencast explaining how the demo content was ... with features which make it ideal for reviewing. ... are colored based on the review ...
Read more