Visual Design Articles & Videos

  • Visual Design in UX: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn about visual design in UX.

  • 5 Visual Treatments that Improve Accessibility

    To design accessible visuals, account for color contrast, don’t rely on color alone, make interactive elements easy to identify, provide useful alternative text for images, and test your visuals with real users.

  • Fitts's Law and Its Applications in UX

    The movement time to a target depends on the size of the target and the distance to the target.

  • Using Grids in Interface Designs

    Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.

  • The Dos and Don’ts of Pairing Typefaces

    When choosing typography to use in designs, narrow down your options by understanding the most common classifications, looking for typefaces with multiple variations and distinct characters, and pairing typefaces together with consistency and readability in mind.

  • Choosing Chart Types: Consider Context

    Clearly visualize your UX data by providing context and contrast, while avoiding clutter.

  • The Golden Ratio and User-Interface Design

    Although traditionally used in art and architecture, the golden ratio can be referenced to design aesthetically pleasing interfaces.

  • Principle of Closure in Visual Design

    People tend to fill in blanks to perceive a complete object.

  • Using Color to Enhance Your Design

    To support the user experience, colors need to be combined wisely so that they work together well, do not overwhelm, and communicate the same kind of information everywhere in the interface.

  • Left-Side Vertical Navigation on Desktop: Scalable, Responsive, and Easy to Scan

    Vertical navigation is a good fit for broad or growing IAs, but takes up more space than horizontal navigation. Ensure that it is left-aligned, keyword front-loaded, and visible.

  • Applying UX Principles to the Visual Design of Graphical Artifacts: The Case of the Heuristics Posters

    We made the 10 heuristics’ posters easy to read and understand by iterating through multiple versions and improving each based on user-centered principles and methods.

  • Why Does a Design Look Good?

    Visually aesthetic designs use consistent typography, establish a clear hierarchy, utilize a refined color palette, and align to a grid.

  • Aesthetic and Minimalist Design (Usability Heuristic #8)

    Aesthetically pleasing designs can provide memorable experiences that differentiate a brand. However, interfaces should only include necessary elements, with high informational value. Clarity will always win over visual flourish.

  • Visual Hierarchy in UX: Definition

    A clear visual hierarchy guides the eye to the most important elements on the page. It can be created through variations in color and contrast, scale, and grouping.

  • Vote By Mail: Mistakes Are Too Easy

    The design of vote-by-mail materials (made imperative by the COVID-19 pandemic) have UX issues that make the voting process unnecessarily difficult and error prone.

  • Similarity Principle in Visual Design

    Design elements that appear similar in some way — sharing the same color, shape, or size — are perceived as related, while elements that appear dissimilar are perceived as belonging to separate groups.

  • Proximity Principle in Visual Design

    Design elements near each other are perceived as related, while elements spaced apart are perceived as belonging to separate groups.

  • The Principle of Common Region: Containers Create Groupings

    In visual design, elements within the same boundary are perceived as related.

  • Emojis in Email Subject Lines: Advantage or Impediment? 👍 👎

    Our research shows that emojis in subject lines increase negative sentiment toward an email and do not increase the likelihood of an email being opened.

  • 5 Principles of Visual Design in UX

    The principles of scale, visual hierarchy, balance, contrast, and Gestalt increase usability when applied correctly.