or
or
or
&
Visual Design: Glossary
www.nngroup.com
Card image

Visual design requires knowledge and understanding of many jargon terms. Use this glossary as a reference as you delve into visual and user interface design. Use this glossary to quickly clarify key terms and concepts related to visual design.

What is Whitespace? (3 min video)
www.nngroup.com
Card image

Whitespace is an effective principle to achieve a balanced design, making it easier for your users to scan and read. Consider using a consistent spacing system and the proximity principle to achieve a balanced use of whitespace.

The Anatomy of a Good Design: An Analysis of 4 Sites
www.nngroup.com
Card image

Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure.

Visual Design in UX: Study Guide
www.nngroup.com
Card image

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

Communication not Decoration (UX Slogan #4, video)
timo-m-lange.myhub.ai

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 non-communicative elements.

Left-Side Vertical Navigation on Desktop: Scalable, Responsive, and Easy to Scan
www.nngroup.com
Card image

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.

Mobile Navigation: Image Grids or Text Lists?
www.nngroup.com
Card image

Summary: For mobile navigation, image grids should be saved for deeper IA levels where visual differentiation between menu items is critical, as they increase page load times, create longer pages, and cause more scrolling.

Why whitespace matters
boagworld.com
Card image

"Designers love it, website owners want to fill it. Whitespace seems to be one of the most controversial aspects of design. Why then is it so important and how can we ensure it is maintained?"

Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop
www.nngroup.com
Card image

Users have learned to ignore content that resembles ads, is close to ads, or appears in locations traditionally dedicated to ads.

Similarity Principle in Visual Design
www.nngroup.com
Card image

Summary: 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.

Cookies disclaimer

MyHub.ai saves very few cookies onto your device: we need some to monitor site traffic using Google Analytics, while another protects you from a cross-site request forgeries. Nevertheless, you can disable the usage of cookies by changing the settings of your browser. By browsing our website without changing the browser settings, you grant us permission to store that information on your device. More details in our Privacy Policy.