Designing e-Learning Content for Visual Perception

Whether visual design is done by UX (User Experience) designers or by other specialized designers, it is important for you to have an understanding of visual design principles and understand how your design choices can ultimately affect users and their experiences.

In order to better define the relationship between visual design and user experience we will explore the following visual design principles:

  1. Gestalt principles of perception;
  2. Eye tracking patterns; and
  3. Semiotics.
  1. Gestalt principles of grouping
    Gestalt is literally an organized whole that is perceived as more than the sum of its parts. It is the result of a psychological investigation of what humans see and how we subsequently derive meaning from the visual stimulus around us. It is important to understand Gestalt principles, particularly the principle of grouping.
  2. Eye tracking
    When designing visual page layout it is also important to understand how users skim through pages in order to design a layout that places the most important content in the most eye-catching places! Presenting – the ‘F-pattern’. The F-pattern represents the natural movement of the eye, typically in Western societies, when scanning content rich webpages.