Tammy Guy Design | Visual Balance and Weight Allocation for Usability
Tammy, Guy, Liran, Design, Creative, Usability, UX, UI, User Interface, Consulting, Web design
15389
single,single-post,postid-15389,single-format-standard,ajax_fade,page_not_loaded,,qode-theme-ver-7.5,wpb-js-composer js-comp-ver-4.5.3,vc_responsive
Paying close attention to the visual path your website creates will reveal opportunities for reaching peak usability.

14 Mar Visual Balance and Weight Allocation for Usability

Balance is something all people strive to achieve in life as it gives us a sense of stability and strength. Our lives are full of dynamic forces influencing our daily routines and finding balance means creating priorities and allocating time to all areas accordingly in order to hold on to our personal sanity.

Visual balance is somewhat similar. The dynamic interplay of shapes, colors, and type elements influences the way we view and absorb compositions. Naturally, when we think of balance, we try to allocate weight to elements and see which side of the scale tips further, as our experience in the physical world teaches us that weight is associated with gravity, with objects being pulled downward.

Visual weight is somewhat different as it applies itself in other directions as well. While gravity rules still apply in some cases (we can’t ignore what we already know), each visual object carries its own weight, pushing some elements forward while causing others to recede. The elements that appear to come forward carry more visual weight and attract the user’s eye more than other page elements. Make all elements equally important and viewers are left with an overwhelming sea of information jumping out at them (think of Times Square in New York City) and the uncertainty of having to decide where to look first and which path to follow.

Designing balanced compositions means allocating weight to page elements (based on importance) and creating a successful visual path that in return controls which elements are seen in what order.

Read the full article
No Comments

Post A Comment