MET CS 405/605

Human Computer Interface Design

Week 4 – Design

Work Reengineering ~

Realizing the power and efficiency that automation makes possible

Re-engineering the work more to effectively support business goals

Minimizing retraining, maximize efficiency by accommodating human cognitive constraints and capabilities within the context of their actual tasks

Week 4 – Design

Conceptual Design ~

Process of establishing the underlying organization and structure of a UI

Content Diagram – Low fidelity prototypeDerive concrete use cases from essential use cases Identify primary task objectives, attributes and actions Identify the different “containers” (objectsLink the “containers” to show the flow

Think of the Content Diagram as a preliminary storyboard

Week 4 – Design

Design Guidance & Rational~

User interface StandardsISO

Style GuidesWeb Style GuideCustomized Style GuidesExercise – list reasons for using a style guide

Week 4 – Design

Design Principles~

Simplicity “Don’t Make Me Think”

StructurePhysical organization

ConsistencySoftware suite’s vs. “best of breed”Expected metaphors

ToleranceDesign that helps to prevent users from making a mistakeRecoverability

Week 4 – Design

Accessibility~

Principles of universal design“The design of products and environments to be

usable by all people, to the greatest extent possible, without the need fro adaptation or specialized design”

W3C GuidelinesSection 508 - government mandate (FAQ)

Week 4 – Design

Design Rational~

This is what I did, and whySome time, someone will be revisiting the UIOthers may need to understand your rational, basing new

decisions on that

Recording design decisionsNot covered in design guidelinesNot all - particularly important decisionsNotations on other documents (i.e. use cases) “Issues List”