Insight for your User Interface  
UI Insight logo
Heuristic Evaluation and Redesign
Improvements to create a good design.
UI Insight  Heuristic Evaluation and Redesign
Steven@UIinsight.com
  Page 5 of 6    ( 1   2   3   4   5   6 )  

Alignment  
Previous     Next    

Improve the alignment of elements.

While the right edges of the three rows of edit boxes are vertically aligned, the left edges are not.  The Customer Phone area code edit box is offset from the left edge by the open parenthesis.  The parenthesis should be positioned to the left of the alignment of the edit boxes.

The viewer will try to make sense of an image by dividing it into regions along major structural axes. Careful alignment of elements in the display makes these axes crisp and clean. Noticeable tension results, however, when elements positioned near the axis don't quite align with it.

Previous     Next    
Larger picture      Larger picture in a new window