- Join Now
Creating a visual hierarchy (BP)
Creating visual hierarchy within a digital workplace is critical to guiding users to the information they need quickly and establishes content priority. Ensuring you use visual hierarchy in your content enhances user experience and engagement.
Take a few minutes to consider and plan visual hierarchy when creating content and/or a digital workplace page.
- Plan your content into levels and determine your goals
Level 1: Your most important content/visual items, eg. headlines, priority calls to action(this level can be further enhanced by icon use/imagery).
Level 2: Clarification and direction, eg. headline support, secondary items /titles(this level can be further enhanced by icon use/imagery assuming Level 1 isn't using those extra elements)
- Level 3: Descriptive content, may be long or short. (e.g. the "meat" of an article)
(this level can also be further enhanced by icon use/imagery assuming the other levels of content aren't using many extra elements).
- Experiment with font sizes, weight, color, spacing, and proximity
- Extras to consider:
- Everything can't be a priority item - If you style everything as a Level 1 (or CTA) users won't be able to determine what is a priority item, leading to confusion and overall bad user experience (this includes trying to smush everything "above the fold").
- White space is your friend - Create a sense of value to your content by giving it breathing room to be noticed, don't crush everything together.
- Consider color - Don't be afraid to call out important areas of content by defining with color rather than size.
Viewed 185 times