Visual Design Articles & Videos

  • Communication Not Decoration (UX Slogan #4)

    Users visit websites and use apps to get things done, so emphasize the content of interest to communicate with your audience. Avoid design pollution that decorates the UI with noncommunicative elements.

  • Assessing User Reactions to Visual Design

    4 user research methods for assessing visual design (and when and why to use each): preference explanation, open & closed word choice, and numerical rankings for brand attributes.

  • Choosing Chart Types: Consider Context

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

  • The Design Tool Does Not Make the Designer

    There are many design tools, and new ones come out all the time. Finding a single tool to do the job is not likely, so focus instead on understanding core design principles and adapting your process to best fit a particular task.

  • 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.

  • 3 Ways to Level Up Your Visual Design Skills

    Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.

  • The Aesthetic Usability Effect and Prioritizing Appearance vs. Functionality

    Users believe that designs that look good also work well, and UX should take advantage of this. But don't make aesthetic usability lead you astray as a designer, because the UI must actually work well for long-term success.

  • Better Charts for Analytics & Quantitative UX Data

    Spreadsheet defaults don't generate the most meaningful visualizations of UX data. Modify charts to enhance Context, Clutter (less of it than spreadsheet software likes!), and Contrast.

  • 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.

  • UX vs. UI

    User experience and user interface are highly related. Both are important, but what's the difference between UX and UI? (Often confused!)

  • 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.

  • The Visual Principle of Contrast in UI Design

    When visual design elements appear clearly different (for example, have contrasting colors) users easily deduce that the contrasting item is different or special in some way. So if it actually is different, this enhances usability.

  • 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.

  • UX Animations

    Animations can make user interfaces both easier and nicer to use, but the timing has to be right, as we demonstrate in this video. Many other details also contribute to the quality of animation in the user experience.

  • Data Visualizations for Dashboards

    To enable fast and reliable understanding of data shown on dashboard overviews, use visualization styles that work with human preattentive visual processing.

  • The Visual Principle of Scale in User Interface Design

    Users pay more attention to big things than to small things, and this design principle can be used to prioritize a user experience design, such as a web page or application screen.