UI12: Site Seeing
(flickr tag: seeing)
Today was the first day of the UI12 conference and I had the pleasure of attending Luke Wroblewski’s one-day course called Site Seeing: Communicating Successfully with Visual Design (which is, incidentally, also the name of his book). Here are some random notes I took at the session:
- The goal of visual design is to communicate what (utility), how (usability), and why (desirability).
- You get on average 1.6 seconds once per month to convince a user to use your application.
- Using contrast to create a visual hierarchy: less contrast for context elements, more contrast for main elements.
- The visual weight of objects represents the priority in which elements are processed visually.
- People expect to see content on a website, so it should be the primary element in a visual hierarchy.
- Visual changes to a design (like color or size) should be seen as prioritization changes and be treated as business decisions because a “simple color change” can have a big impact on the visual hierarchy of a website.
- Design discussions with stakeholders shouldn’t be called “reviews” because it implies that design is a service and decisions are made by other people. Instead, they should be called “discussions” or “conversations”.
- Design patterns are useful because they can be used by developers without relying on designers. Good design patterns should focus on solutions to real problems, not rules.
- To avoid “new design freakout”, you can make gradual changes toward a goal for the end product.
- Don’t use Flash to build a website, use it to enhance a website (like YouTube).
- Random observation: Luke is very faithful to his color scheme. His shirt was the same green as the main color in his slides (and his website).
There were many more useful points in Luke’s slides, but I didn’t take notes on those because they were printed out. I think my favorite slide was the one summarizing what the whole course was about:
- Visual Communication is part
- Visual Organization and part personality.
- Visual Hierarchy is a deliberate prioritization of
- Visual Weight enabled by the manipulation of
- Visual Relationships to create
- Meaning for users.
I’m looking forward to more great sessions tomorrow.
