User Interface Functional Design and Prototyping Outline

Here is a detailed table of contents of the course:
Getting started
Context
Objectives
Prerequisites
Detailed content outline
Deliverables
Computing requirements
Communications
Project 1: Introduction
Notes: Introducing user-centered design
User-centered design
User-centered design process
Design iteration
Analysis phase
High-level design phase
Detailed design phase
Verification phase
Benefits of the process
Notes: User interface design principles
Attributes of a good interface
Map to your user's mental model
Be consistent
Reduce memory load
Provide control
Provide feedback
Recover gracefully
Provide flexibility
Quiz
Deliverable: Introduce yourself
Project 2: Scenarios
Notes: About scenarios
Example: Pizza ordering system
Example: Content management system
Quiz
Deliverable: Create use case scenarios
Project 3: Organization
Notes: Organizing your information
How to create an object diagram
Example: Bank account
Example: File system
More about nouns and verbs
Example: Content management
Quiz
Deliverable: Prepare an object model
Project 4: Navigation
Notes: Navigation
How to create a task flow diagram
Example: Banking
Five navigational structures
Sequential navigation
Hierarchical navigation
Star navigation
Grid navigation
Network navigation
Hybrid navigation
Example: Content Management
Quiz
Deliverable: Prepare a flowchart
Project 5: Paper prototype
Notes: Desktop graphical interfaces
The desktop metaphor
The desktop application in brief
Data-centered, object-oriented design model
Document interfaces
Primary window
Secondary windows
Menus
Controls
Toolbars
Status bar
Input: General
Input: Mouse Input
Input: Keyboard
Interaction: Selection operations
Interaction: Editing operations
Interaction: Transfer operations
Windows user assistance and help
Writing for desktop applications
Platform specifics
How to kill an interface
Notes: Web interfaces
Client-server explained
Client-server performance issues
Client-server loss of context issue
Merging model issue
Lack of standards issue
Web visual design
Web writing
Links
Performance
Platform or browser
Notes: Layouts or views
Spatial views
Alphanumeric views
Categorical views
Timeline views
Hierarchical views
Relationship between navigation and viewing
Select secondary viewing methods
Example: Content Management
Notes: Low-fidelity prototypes
Why prototype?
Types of prototypes
Low-fidelity prototypes explained
Advantages of low-fidelity prototypes
Disadvantages of low-fidelity prototyping
What to low-fidelity prototype?
How to create a low-fidelity prototype
Quiz
Deliverable: Prepare a low-fidelity prototype
References
Notes: Introducing human-computer interaction
What is a user interface?
A simple example
How people work
How systems work
Attributes of a good interface
Leveraging our cognitive skills
Leveraging our perceptual skills
Notes: Command-line interfaces in brief
Notes: Single-character interfaces in brief
Notes: Website links

Close this window