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

Design Feedback 101: How to Give Feedback on a Design Mockup

By Ashleigh Respicio

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

Design Feedback 101: How to Give Feedback on a Design Mockup Blog Feature

The website design process is a huge undertaking, no matter how big or small the website. There are many moving parts, and feedback is essential in nearly every step of the redesign process. As the client, you might not have the expertise of developers and designers, but it’s your business and your website, so your feedback is crucial.

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

In most cases the average website redesign progresses in the following order: Strategizing, Wireframing, Designing, Developing, Writing Content, Testing, and Launching. 

While this article focuses on giving feedback on a design mockup, I encourage you to revisit a previous Design Feedback 101 article, How to Give Feedback on a Wireframe.

The truth is the more constructive the feedback given in the wireframe stage, the easier it is to focus on more design-centric feedback in the design phase. With that in mind, here's how to provide effective feedback on a design mockup.

3 steps to design mockup feedback

The thought of reviewing designs in a step by step process may make you cringe, but I assure you by following these steps you will be able to provide the most constructive feedback to your designer.

1. 5-second scan

Why five seconds? Well, that is just about the amount of time it takes a user to decide whether or not the page contains the information they are looking for and/or if it is visually pleasing enough to take the time to take a deeper look. 

So, how is this done?

The first step is to glance at the page design, top to bottom, for roughly five seconds. To do this most effectively the designer should provide little to no information about their design choices. This will allow you to be in the mindset of a first time visitor to the site.

Here is an example:

 

Check out this Video
 

After those five seconds, ask yourself the following questions:

  • What is the main purpose of the page?
  • Do any elements stand out as an area of importance?
  • Does your eye flow down the page?
  • How does the design make you feel?

If you are unable to identify the main purpose of the page or you become distracted partway down the page, then it is time to re-evaluate the strategy-design relationship of the page. 

2. Dig deeper into the elements

With the information gathered from the five-second scan, you can now take a close look at the all of the elements that make up the design. In general, you want to look at each element listed below with the intention to understand its importance to the overall message on the page and how it may fit into the strategy of the website.

Hierarchy refers to the font size of the text as well as the colors of the call-to-action buttons or links on the page. 

Larger fonts should be used for headings to draw the user’s eye, while the paragraph font should be smaller yet very legible and scannable. Users tend to scan websites in search of answers to their questions, and a big block of small paragraph font can deter readers.

An excellent layout for organizing content in a “scannable” format is to design in an “F” shape pattern, which has been found to be the most consistent engagement pattern among readers.

For color, the more vibrant shades tend to trigger action for users, which is why they are frequently used for CTAs or areas of a website that require the user to pay attention and take action. 

Questions to consider when reviewing for hierarchy are:

  • Can you easily identify the most important aspects of the page?
  • Do the colors make sense and draw attention to strategic areas?
  • Which area(s) of the page do you identify as actionable?

Whitespace. When executed well, the right amount of whitespace can make your design easy to digest and elegant. 

The following questions can help you to evaluate whitespace of a design: 

  • Is there enough “breathing room” from one section to the next?
  • Are the different sections of the page clearly defined?
  • Do any elements feel as though they are “floating” on a page, or do they feel anchored enough to draw you into the text?

Evaluating whitespace can be a little bit tricky as it can be a matter of preference. The best approach is to answer the questions above as you are going through the design and point out specific areas where the whitespace works for you and where it doesn’t. 

More often than not, the final result will be somewhat of a compromise between you and your designer.

Alignment. There are design elements that, when applied to a website design, can affect the perception of alignment. Although much of the copy and section alignment is established while wireframing, pay attention to the design elements that have been added and confirm that the page remains balanced.

Some elements, such as offset shapes or gradients, can cause the illusion of misalignment among the text of a page. 

Here is an example of how shapes and gradients are used to complement the copy while maintaining alignment:

Crowdrise-homepage

(Source: crowdrise.com)

Generally, you want to look for an established flow of the sections as a user's eyes move down the web page. 

Here is an example from webflow.com’s Page Layout 101 article:

page-flow_basecamp

From there, provide answers to the following questions about the page's alignment:

  • Do all of the elements follow the established grid?
  • Does the text/copy alignment contribute to scanability (or hinder it)?

3. Review imagery

contruct-connect-imagery-3

(source: constructconnect.com)

Whether illustration or photography, images are an essential element in your page design. Imagery on a website is meant to draw the user into the content as well as support the overall strategy of the page.

Establishing imagery in the design phase helps to provide a clear picture of the goal on the page.

It’s easy to fall into evaluating imagery in a design based on personal opinion or association rather than staying focused on the overall purpose of the page and whether or not the image supports it. Pretty doesn’t always mean effective.

Ask these questions to evaluate the imagery of a design:

  • Do the images complement the content and help the user better understand the message?
  • How do the images make you feel? Is your feeling in line with the intention of the page?

When providing direction and feedback for your imagery,  it is most effective to use words that are descriptive to help the designer select the most appropriate images for your industry.

Here are some of the best types of words to use when providing feedback on imagery:

  • Descriptive words (modern, industrial, comforting, energetic, shows movement)
  • Detail words/phrases (men in their 30s-40s in a meeting)
  • Specifics (machinery relating to industry, settings such as office, outside, etc.)

Design is collaborative; feedback is essential

The steps above will help you and the key stakeholders provide quality, concise feedback to the designer. In summary, use the bullet points below as tips to use in the review process to will help you and your team get the most value. 

  • Use the questions provided in each of the steps above as a guide to ensure the key stakeholders of the design project provide clearly-defined and actionable feedback.
  • Understand the overall strategy of the page design and website before reviewing a design. This will allow you to maintain focus when providing feedback rather than getting lost in the nuances of opinion.
  • Be specific. Take a look at the word/phrase suggestions in step number 3. Adapt them so they can be used when reviewing all elements of a design.

The key to providing quality constructive feedback is to review designs with the user in mind and keep focus on the overall strategy of the page.

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
Careers in Inbound
Published on September 23, 2019

Recent Articles

11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
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