Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Course: Elements of a Great They Ask, You Answer Website

Start the Course Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Web Design
Close
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website
Start the Course
Elements of a Great They Ask, You Answer Website
Free Website Course
View Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

12 Essential Visual Hierarchy Principles Even Non-Designers Should Know [Infographic]

By Marcella Jalbert

Marcella Jalbert also recommends this free course, Elements of a Great They Ask, You Answer Website.

12 Essential Visual Hierarchy Principles Even Non-Designers Should Know [Infographic] Blog Feature

One of the most common things I hear from clients again and again is “Well, I’m not a designer, so I don’t know.”

To which I reply, “You may not be trained as a designer but you have an opinion on design whether you like it or not.”

One of the things that has always fascinated me about design, is that it is literally everywhere, all the time.

Free Course: Elements of a Great They Ask, You Answer Website

Most people don’t stop to think about who designed something or why it was designed the way that it was because they seem so simple. However, in all honesty, that is how good design is supposed to feel.

Good design should be a seamless, smooth, natural experience.

Without even knowing it, you are immersed in a world of design every day. It is actually impossible that you don’t have an opinion on it.

Whether you are able to articulate your feelings in design terms or articulate them at all is a different story.

The good news? Though it may be a little daunting learning some design terms is easy and will help you communicate what’s up in that beautiful, big brain of yours. I promise.

Learning some of these terms will not only help you communicate with your designer, but will also help you understand some of the choices your designer makes as well.

This post from Visme does a great job of summing up some principles of visual hierarchy which I can assure you will be valuable in discussing the design of your website.

Not only is their infographic a quick reference guide of design terms, but they’ve also included an 8-minute video (which I’ll embed below) that helps break down some of these terms in easy to understand examples.

 

 

The infographic below will give you a visual example of all 12 but here are a few standouts that I find are most important for “non-designers” to understand:

Size and Scale: By using shapes and images of varying size and contrast, we can guide our user’s eye to be able to digest content easier, experience a page in a particular order, and find  important elements like a “Get a Free Demo”call-to-action. Larger objects will hold more visual weight and important, while smaller objects become secondary and less important.  

Color and Contrast: This principle actually serves a very similar purpose to size and scale. It helps us to draw out the more important items and a page and dictate what is of secondary information.

One trick I almost always implement on my sites is to create a color-coded user journey. This means selecting one specific color (typically in the yellow, orange, or red families since science tells us these colors create urgency) to be tied to all things bottom-of-the-funnel (BOFU). This could mean a button, link, header, or image that I want to draw my user to and have them take action one.

The other colors you use should contrast your BOFU color so it always draws the users eye. (Don’t know how to contrast colors? Christine will help you brush up on you color theory here.)

Typographic Hierarchy: The idea of typographic hierarchy is to create levels of importance through your content through the use of font weights, sizes, and colors. The simplest demonstration of font hierarchy is good old-fashioned bolding. The reason we bold things in our writing is to make them stand out more or create more emphasis.

Same goes for type handling when we increase font sizes or font weight it is to increase the importance of that content.

Leading Lines: These can be used in subtle or ways like a background pattern with angles lines urging the user down the page, or more direct ways like and arrow pointed at a CTA. Either is an efficient tactic that should not be overlooked.

To see visual examples of these principles (and more) check out the full infographic and video from Visme below.

 

Created using Visme. An easy-to-use Infographic Maker.

Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Topics:

Web Design
Infographics
Published on March 16, 2019

Recent Articles

8 Crucial Elements Every Homepage Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)
October 14, 2021 • 7 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2021)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
Google's June page experience core update will be mobile first, then desktop
May 21, 2021 • 3 min read
Every website agency talks about strategy; How is IMPACT different?
April 19, 2021 • 5 min read