COMP 126: Practical Web Design & Development for Everyone

UI design

is design for the point of human-computer interaction

UI elements

• inputs
• navigation
• informational components
• containers

UI design patterns

know your users

• who is your target audience?

• consider, observe, talk, listen, interview 

• users plan their actions in a system based on their predictions of what will happen

• those predictions (and thus, actions) are based on their prior experience of your system and other systems like it

• it's about what your users believe, not what you know

key usability considerations

grid

hierarchy

consistency

contrast

white space

simplicity

expectations

EXample: reading

"spotted"

F pattern, searching information

Arabic reader

typical layout patterns