UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012...
Transcript of UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012...
![Page 1: UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012 Andrew Myers Knowing your user Know your user •Frequent or occasional use? •Gets](https://reader034.fdocuments.in/reader034/viewer/2022042113/5e8ede46d81f964b5f212adf/html5/thumbnails/1.jpg)
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
![Page 2: UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012 Andrew Myers Knowing your user Know your user •Frequent or occasional use? •Gets](https://reader034.fdocuments.in/reader034/viewer/2022042113/5e8ede46d81f964b5f212adf/html5/thumbnails/2.jpg)
Saturday Night Live, Season 7, episode 2
Expert UI
Powerful, but hard to learn, requires training
Direction manipulation vs. I/O
![Page 3: UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012 Andrew Myers Knowing your user Know your user •Frequent or occasional use? •Gets](https://reader034.fdocuments.in/reader034/viewer/2022042113/5e8ede46d81f964b5f212adf/html5/thumbnails/3.jpg)
Time
E!ect of response time
productivity
response time
Interaction as dialogueDone annoying you.
OK
![Page 4: UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012 Andrew Myers Knowing your user Know your user •Frequent or occasional use? •Gets](https://reader034.fdocuments.in/reader034/viewer/2022042113/5e8ede46d81f964b5f212adf/html5/thumbnails/4.jpg)
When modes go bad: cascading dialogs
Aiding memory
![Page 5: UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012 Andrew Myers Knowing your user Know your user •Frequent or occasional use? •Gets](https://reader034.fdocuments.in/reader034/viewer/2022042113/5e8ede46d81f964b5f212adf/html5/thumbnails/5.jpg)
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
![Page 6: UI design principles Knowing your user · 2012-10-25 · UI design principles CS 2112 Fall 2012 Andrew Myers Knowing your user Know your user •Frequent or occasional use? •Gets](https://reader034.fdocuments.in/reader034/viewer/2022042113/5e8ede46d81f964b5f212adf/html5/thumbnails/6.jpg)
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