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





See StephanieMeyer.com



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.