Lecture 8: Building User Interfaces

Content locked

The catalog is public. Reading this content requires approved access.

Learning Objectives

Designing for the Desktop

The WIMP Paradigm

Elements of the WIMP Paradigm: Windows & Icons

Window Organization

Elements of the WIMP Paradigm: Menus & Pointers

Toolbars, Palettes, Sidebars, & Tooltips

Tool Palettes

Pointing

Designing for the Web

Desktop Applications vs. Websites

The Page

How Do We Get Home?

Organizing Page Content: The Fold

Organizing Page Content: Fitting It All In

Layout

Creating a Focal Point

Following the Golden Proportion

Using the Rule of Thirds

Effectively Using Grids

Integrating Type

Placing Imagery

Using Negative Space

Grouping Using Gestalt Theory

Creating Visual Hierarchy

Exploiting Visual Scan Patterns

Creating Contrast and Emphasis

Design Patterns in UX

Pros & Cons of Design Patterns

Web Project Details

Connections