The placement of elements such that edges line up along common rows or columns, or their bodies along a common center.

Alignment

The whole point of the alignment principle is that nothing in your slide design should look as if it were placed there randomly. Every element is connected visually via an invisible line. Where repetition is more concerned with elements across a deck of slides, alignment is about obtaining unity among elements of a single slide. Even elements that are quite far apart on a slide should have a visual connection, something that is easier to achieve with the use of grids. When you place elements on a slide, try to align them with another element.

Area Alignment

Alignment based on the area of elements versus the edges of elements. With the advent of professional design and engineering software, elements in a design can be aligned with exacting precision. However, the alignment supported by software is based on the edges of elements — including center alignment, which calculates a center based on the edges. This method works well when elements are relatively uniform and symmetrical, but less well when the elements are nonuniform and asymmetrical. In these latter cases, it is preferable to align based on the visual weight or area of the elements, a technique that must be performed using the designer’s eye and judgment. Using edge alignment when area alignment is called for is one of the most common errors in graphic design.

Proximity

The principle of proximity is about moving things closer or farther apart to achieve a more organized look. The principle says that related items should be grouped together so that they will be viewed as a group, rather than as several unrelated elements. Audiences will assume that items that are not near each other in a design are not closely related. Audiences will naturally tend to group similar items that are near to each other into a single unit.

Benefits

  • Easy for users to dedicated each part job.
  • Easy to find/guessing an element location.
  • Familiarity, by building a scan pattern template for your users over time.
  • Easier for designers to keep consistency through the design.
  • Define the weight of an element (importance and priority).
  • Rising up the learnability curve.

References

More Readings,

The cognitive walkthrough is a usability evaluation method in which one or more evaluators work through a series of tasks and ask a set of questions from the perspective of the user. The focus of the cognitive walkthrough is on understanding the syst...

Experience sampling is a way to find out more about an experience while the event is actually happening. Participants stop what they are doing and take time to note their experiences over a period of days, weeks, or even years — which can result in...

RITE Method, for Rapid Iterative Testing and Evaluation, typically referred to as "RITE" testing, is an iterative usability method. It was defined by Michael Medlock, Dennis Wixon, Bill Fulton, Mark Terrano and Ramon Romero. It has been publicly cham...

Web analytics is the measurement, collection, analysis and reporting of web data for purposes of understanding and optimizing web usage. What we care about - as designers: This process provides a gateway for your organization to become invest...

Think-aloud (or thinking aloud) protocol (also talk-aloud protocol) is a protocol used to gather data in usability testing in product design and development, in psychology and a range of social sciences (e.g., reading, writing, translation research, ...

A framework for structuring field observations This can be used to guide any ethnographic or observational method, corresponding to five interrelated elements: Activities are goal-directed sets of actions or the pathways that people take towa...