378 Overview
definition is evolving,
not fixed.
The Challenge
UI Design
means of communication with the user and the media (website, app, ATM, etc)
Don’t solve for problems that don’t exist.
Goals
What are the end goal(s)?
UI will change as goals change,
but stay visually consistent.
Obsess over customers, not users.
- Jeff Bezos
KNOW THE Person
Who are you designing for?
Age, experience, primarily
mobile/tablet/desktop user, etc.?
Use cases?
Don’t reinvent the wheel.
UI Patterns
Be creative, but understand
patterns do exist.
TreeHouse jQuery Basics,
why these?
See Foundation, Bootstrap, Semantic UI.
Unheap.com
Should you have to scroll to
main navigation?
Visual Hierarchy
HTML was invented for this
Graphic designers understand this best
Easy to scan.
Creates visual organization.
Visually leads user through.
Stay con-sist-ent.
Stay con-sist-ent.
Stay con-sist-ent.
CONSISTENCY
Repetition of color,
scale, pattern, and proximity.
Unity and harmony of design:
Gestalt
Why course evals are important.
Feedback
Communicate good
and bad with user.
See UI patterns that
provide feedback
Simple, but
complete
Again, review what are the goals?
What problems are defined?
What solutions are best?
Bad UI,
finds alternatives.
Canopy.io
Devour.com
FaceBook Paper app
Any read it later service.
5 Principles of Interaction Design
* Consistency : Be sensitive to changes.
Why proportions are good.
* Perceivability : Invite interaction.
Not luck, or randomness.
* Learnability : K.I.S.S. Learn easily
and quickly, e.g. UI patterns.
* Predictability : Surprises are good
in entertainment, not UI.
* Feedback : Complement experience,
not complicate it .Mistakes vs. Errors.
378 : Overview
By Manikoth
