User Interface Design Course Outline


Below is the table of contents for the User Interface Design course.

User Interface Design and Prototyping
Getting started
Context
Objectives
Prerequisites
Detailed content outline
Deliverables
Computing requirements
Communications
Project 1: Introduction
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
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
Analysis definitions review
Users
Personas
User roles
Goals
Functions
Tasks – Steps to complete an activity
Use cases
Use case example
About scenarios
Use case scenarios
Example: Pizza ordering system
Example: Content management system
Using scenarios
Quiz
Deliverable: Create use case scenarios
Task instructions
Submission instructions
Project 3: Organization
Organizing your information
How to create an object diagram
Example: Bank account
Example: File system
Example: Content management
More about nouns and verbs
Quiz
Deliverable: Prepare an object model
Task preparation
Task instructions
Submission instructions
Project 4: Navigation
Navigation
Task flow diagrams
How to create a task flow diagram
Example: Content Management
Example: Banking
Five navigational structures
Sequential navigation
Hierarchical navigation
Star navigation
Grid navigation
Network navigation
Hybrid navigations
Quiz
Deliverable: Prepare a flowchart
Task preparation
Task instructions
Submission instructions
Project 5: Paper prototype
Desktop graphical interfaces
Platform specifics
The desktop application in brief
Data-centered, object-oriented design model
Document interfaces
Primary window
Window operations
Secondary windows
Menu bars
Toolbars
Ribbons
Status bar
Controls
Input: General
Interaction: Selection operations
Interaction: Editing operations
Interaction: Transfer operations
Windows user assistance and help
Writing for desktop applications
Web interfaces
Client-server explained
Client-server performance issues
Performance
Websites
Web apps
Designing a web interface
Platform or browser
How to kill an interface
Use the wrong mental model
Confuse the user
Use controls incorrectly
Use tabs incorrectly
Be inconsistent
Take away control
Write poorly
Use color poorly
Use icons poorly
Use layout poorly
Interface checklist
Layouts or views
Spatial views
Alphanumeric views
Categorical views
Timeline views
Hierarchical views
Selecting secondary viewing methods
Example: Content Management
Low-fidelity prototypes
Types of prototypes
Low-fidelity prototypes explained
Advantages of low-fidelity prototypes
Disadvantages of low-fidelity prototyping
What to show in a low-fidelity prototype
How to create a low-fidelity prototype
Quiz
Deliverable: Prepare a low-fidelity prototype
Task instructions
Task assessment
Submission instructions
References
Website links

Want more information?

Ready to register?

Register now!