Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.
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.
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.
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.
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.
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.
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.
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.
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.
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.
To enable fast and reliable understanding of data shown on dashboard overviews, use visualization styles that work with human preattentive visual processing.
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.
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.
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.
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.
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.
Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.
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.
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.
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.
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.
To enable fast and reliable understanding of data shown on dashboard overviews, use visualization styles that work with human preattentive visual processing.
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.
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.
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.
The number of senior citizens 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.
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.
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 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.
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.
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."
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.
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.
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.
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.
Wireflows are a combination of wireframes and flowcharts. They can document workflow and screen designs when there are few pages that change dynamically.
Users are 37% faster at finding items within a list when visual indicators vary both in color and icon compared to text alone. If choosing between using color or an icon, icons with strong information scent perform better than color alone.
To support scanning and product comparison, item descriptions on listing pages should have a visual design and layout that preserve content priorities.
18-to-25-year olds gave slightly higher ratings of flat designs than older adults did. That increased aesthetic appeal may not be worth the cost of flat design.
Measure people's attitudes toward a user interface by a controlled vocabulary test: give users the list of product reaction words and asks them to select those that best describe the design.
Users can think they see the entire web page, although additional content exists off-screen. Designers must help users discover all relevant information.
Clickable UI elements with absent or weak visual signifiers condition users over time to click and hover uncertainly across pages — reducing efficiency and increasing reliance on contextual cues and immediate click feedback. Young adult users may be better at perceiving subtle clickability clues, but they don’t enjoy click uncertainty any more than other age groups.
If you place text over a background image, make sure it’s readable by providing adequate contrast. Subtle tweaks can increase the contrast without affecting the overall aesthetic of the site.
Flat design is a web-design style that became popular around 2012. It is still widely used today, and its overuse can cause serious usability problems.
Displaying faceted-search controls on mobile devices in a ‘tray’ overlay is a new effective solution to the challenge of showing both results and filters on small screens.
Our analysis of 112 minimalist websites revealed the defining features of minimalism: flat design, limited color schemes, few UI elements, use of negative space, and dramatic typography.
Many popular web-design trends originate in minimalism, a movement that aims to reduce information overload by presenting content in its simplest form.
