Clickability – logo is not clickable, but it should be
Weather Channel IPad App doesn’t indicate clickability. When you touch the field, detailed info appears about hourly, 10 day weather
No visual hierarchy vs. visual hierarchy. It guides the eye, points out what to look at first, second, third.
Visual hierarchy; breaking up pages into clearly defined areas. But no clear Z pattern
Visual hierarchy; breaking up pages into clearly defined areas
Visual hierarch with color
Eyes always draw interest. Then the repeated shapes suggest some pattern/order in the chaos. A face with eyes will always draw attention.
United iPhone app. Note areas, visual hierarchy. How does the app indicate clickability? How do you know what’s most important? Divided into top for regular navigation and bottom for important, immediate actions.
Visual Design Principles 1
Don’t make users think• Interfaces should be: – Self-evident – Obvious – Self-explanatory
Things that make us Think• Names (buttons, links)• Clickability• Choices
Principles 101• Visual hierarchy• Conventions• Break up pages into clearly defined areas• Clickability• Reduce noise