Web users have become more advanced since I started building websites. They have grown used to user interface elements arranged a certain way. Here are a few simple rules to follow during the schematic phase of a UI design project that will help get the team going in the right direction.
English language speakers read left to right, top to bottom. We should organize an interface hierarchy the same way, moving left to right, top to bottom. High level items like “log out”, or “profile settings” will be in the top row while the specific task the user is engaged in will be underneath and closer to the center of the page.
Here are some examples of early stage mockups I created for a contextual advertising user interface…
That’s right. Keep it simple stupid.
Don’t take this too literally. Drawing from my direct marketing tips post, yada yada
Make sure there is a significant variation in font sizes. You should not have 11,12, and 14 pixel fonts on the same page. Spread out the font sizes so they are more like 12, 18, and 26 for example. Limit the total number of font sizes to 3 or 4. Limit the number of fonts to 2. Large fonts can be more decorative while the smaller fonts should be optimized for reading legibility.
Stand back 10 feet from the computer. Can you see the application’s flow clearly? Do you know where you should click? Can you tell the difference between the site navigation and the current task at hand? On most PC browsers you can click CNTRL– (that’s the CNTRL key plus the minus symbol) or CNTRL-+ to zoom out and in respectively. I use this often to illustrate the concept to a team on a projected screen.
Please follow my Facebook page if you want to be alerted when I post new articles.