UI DESIGN: usability & Accessibility

COMP 126: Practical Web Design & Development for Everyone

reading online content

F pattern, searching information

Arabic reader

"spotted"

the "layer cake"

ready for a quiz

interested!

typical patterns

old NOAA

vs noaa.gov

key usability considerations

Grid

hierarchy

consistency

contrast

white space

simplicity

expectations

Test your website for accessibility with contrast checkers and the WebAIM checklist and Wave