ui design principles knowing your user · 2012-10-25 · ui design principles cs 2112 fall 2012...
TRANSCRIPT
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