Beruflich Dokumente
Kultur Dokumente
• Visual Communication
• Visual Organization Principles
• Putting it To Use
• Personality (Look and Feel)
• Presentation
• How your application appears to your audience
• Interaction
• How your application behaves in response to user actions
• Organization
• The structure of your application
Steve Krug, Don’t Make Me Think: A Common Sense Approach to Web Usability
• Assimilation
• Visual perception is often influenced by our specific
experiences
• Example: isomorphic correspondence- between a visual form
and human behavior
• Red coils on a stove top = danger
“We require from buildings two kinds of goodness: first, the doing their practical
duty well: then that they be graceful and pleasing in doing it.”—John Ruskin, 1880
• A well-designed personality
• Tells the right story
• Audience expectations
• Provides distinction
• Structure, interaction, presentation,
• Appeals to and engages your audience
• Emotional impact
• Unifies your site
• Sense of place, perception
• Color
• Color psychology
• Warm colors vs. cool colors
• Contrasting Colors
• Analogous Colors
• Monotone & Monochromatic
• Use single color of varying tints
• Dominance
• Establishes the mood
• Established conventions
• Symbolic meanings
• Type
• Distinct character communicates
visually
• Lots of adjustments (Spacing, style,
etc.)
• Images
• Hold your attention (detail)
• Communicate quickly
• Abstract shapes
• Distinct visual characteristics
• Square, circle, triangle, organic
• Textures and patterns
• Provide a tactile sense
• Eyes are drawn to areas of complexity
• Drop me a note
• luke@lukew.com