UI DESIGN: STRUCTURE, ORGANIZATION, & LAYOUT

COMP 380: Introduction to Digital Culture

old NOAA

vs noaa.gov

Types of websites/web apps

• identity sites
• navigation/news sites
• novelty/entertainment sites
• service sites
• visual identity/branded sites
• tool-oriented sites

Examples?

Some usability advice

• The users' preferences are more important than yours
• Develop your design before you build
• Don't overwrite or overcrowd
• Brief and clear--especially headings, buttons, nav items, and titles
• Stick with established design standards and expectations
• Don't overexplain--if you need to, there's something wrong
• Use active voice, and make sure the user has a sense of who is speaking
• Be consistent between pages
• Think about aesthetics and visuals last!
• Make contact and follow-up easy

reading online content

READING ONLINE content

F pattern, searching information

Arabic reader

"spotted"

the "layer cake"

ready for a quiz

interested!

CHUNKING content

handling complexity

typical patterns