Visual Design Articles & Videos

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

  • 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!)

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

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

  • 4 Trustworthiness Factors

    Users are constantly evaluating whether they believe what you're saying and whether to leave a website. You can do 4 things to make users trust you more and stay on your site.

  • UX Portfolios: What Hiring Managers Look For

    We asked over 200 hiring managers who hire for UX jobs what they look for in candidates' portfolios. The expectations are different for people looking to be hired as designers vs. as researchers, and also different for junior vs. senior positions.

  • 4 Things to Do When Designing for Older Users

    The number of older adults who use computers and the Internet grows every year. This user population does have special needs, driven by the human aging process, and modest design changes can vastly increase the business you get from seniors.

  • Transitioning from UI to UX

    Anybody who's already a good UI designer and can make great screens, has a big head start to becoming a good UX designer, but more is required to excel in this expanded role.

  • Usability Heuristic 8: Aesthetic and Minimalist Design

    No. 8 of the top 10 UX design heuristics is to remove unnecessary elements from the user interface and to maximize the signal-to-noise ratio of the design.

  • Change Blindness in User Interfaces

    Change blindness is the tendency for people to overlook things that change outside their focus of attention. In user interface design, this explains why screen changes that seem striking to the designer can be completely ignored by users.

  • Usability Heuristic 1: Visibility of System Status

    No. 1 of the top 10 UX design heuristics is to provide visibility of system status through proper feedback, so that the user knows how commands are being interpreted and what the computer is up to at any time.

  • Simple Design Is Relative

    Simplicity depends on the capacity of the information channel and what's simple for one device, can be primitive or intricate for another, since screens are information channels with a limited capacity. When you're designing for multiple devices, don't go by common cliches like "simple is good."

  • Why You Should Use a Grid for Designing Layouts

    Grids are a great framework to help designers quickly put together a clean, well-aligned interface, and help users to easily scan, read, and use those interfaces.

  • Animations Are Distracting!

    Moving UI elements attract attention, which often means distracting users from accomplishing their primary goals. Some types of animations are more distracting than others, and it's important to match how attention grabbing the motion is to the context and user needs.

  • How to Test Visual Design

    Visual design details like fonts and colors can have subtle but important effects on the overall user experience. Use research methods that are sensitive to these effects to test your visual design.

  • Decorative Images: Delightful or Dreadful?

    Images are content, and different types of images serve different purposes. Decorative images have a role in establishing tone and emotional appeal, but they must not interfere with a user’s ability to accomplish a task.

  • Design Systems and Their Benefits

    Go beyond a brand or UX style guides to create engaging, consistent user interfaces. At the same time, fit design activities within in short development cycles, spending the least possible development time and money.