UI design principlesCS 2112 Fall 2012

Andrew Myers

Knowing your user

Know your user• Frequent or occasional use?

• Gets training?

• Match learning curve to user

• Match visual design to user

novice power user

Discoverability

Saturday Night Live, Season 7, episode 2

Expert UI

Powerful, but hard to learn, requires training

Direction manipulation vs. I/O

Time

E!ect of response time

productivity

response time

Interaction as dialogueDone annoying you.

OK

When modes go bad: cascading dialogs

Aiding memory

Keeping the user situated

• Birds-eye views

• Navigation structures

HomeSetupContent

•Edit Layout•Add/Edit Data

Students•Add/Drop•Grades

Assignments•Add New•Edit•Groups•Schedule•Grade

Search LogsFinal GradesE-mailNotifications

Visual design

Imprisoned info?

Envisioning Information, E. Tufte

Avoid visual clutter

Envisioning Information, E. Tufte

Use color sparingly

Envisioning Information, E. Tufte

Got headache?

This text is probably not very pleasant to

read.

Color : only a secondary channel Style guides

• Apple IOS style guide

Needed for consistency in large appsA formal document