This content originally appeared on NN/g latest articles and announcements and was authored by Kelley Gordon
Summary: 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.
Have you ever encountered a webpage that was so busy with various design elements that you had no idea where to even begin to look? If you struggle to find focus on a screen, it’s likely that the layout is missing a clear visual hierarchy.
The page’s visual hierarchy controls the delivery of information from the system to the end user — it lets users know where to focus their attention.
Definition: The visual hierarchy of a 2D display (webpage, graphic, print, etc.) refers to the organization of the design elements on the page so that the eye is guided to consume each design element in the order of intended importance.
Read Full Article
This content originally appeared on NN/g latest articles and announcements and was authored by Kelley Gordon
Kelley Gordon | Sciencx (2021-01-17T17:00:00+00:00) Visual Hierarchy in UX: Definition. Retrieved from https://www.scien.cx/2021/01/17/visual-hierarchy-in-ux-definition/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.