Loading...
There is a natural flow to many visual interactions - the flow of a visual dialogue between page your features and your user's private mental commentary. When laying out forms and other screen elements, read the layout like a conversation, working from the page origin...
read moreGrouping similar elements helps the brain quickly decode a page layout. Proximity, Alignment, Containment, Rhythm and Styling are all tools that help indicate grouping...
read moreAlignment is another way of creating associations between visual elements, which help users quickly understand the relationships of objects on a page. Alignment works by visually associating a number of elements...
read moreAside from alignment and grouping, elements can be linked using rhythm: a regular or irregular repetition of common stylistic features. Rhythm is the most subtle and abstract of the 'associating' tools...
read moreArchitecting web sites is similar to architecting buildings. They are complex disciplines, which impact several areas including visual design, user experience, navigation, visitor flow, accessibility, construction cost, and maintenance costs...
read moreA toolkit of a few basic patterns (or models) that describe solutions to common IA problems. One or more of these patterns will naturally apply to many information architecture problems. These may serve as off-the-peg solutions, or as helpful descriptive shortcuts during the design process...
read moreAfter 10 years of web site architecture and design, conventions exist to solve nearly every navigation problem. This page provides a toolkit of common IA and navigation conventions...
read more
Editor's Pick in Design Principles, May 2005
Discovering just what you want to say with your website is half the battle of creating it. Beyond that, you need only impose some sort of hierarchy on your thoughts.
A good web site behaves like a top-class butler or a concierge in a hotel. It looks after you, it intelligently anticipates your needs, and it goes out of its way not to make you feel bad. When everything's okay, it lets you get on with your business...
read moreAttention mapping is a tool to help you start to plan a visual layout around realistic communication between user and site. It can also be a helpful analysis tool, helping you work out what's wrong about a layout...
read moreCopyright © . All Rights Reserved