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 Assessment: Website Performance Assessment

Start the Assessment
... Inbound Marketing Web Design
Close
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
Website Performance Assessment
Free Website Course
View Website Performance Assessment
website performance assessment start

Free Assessment:

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

11 tried and true laws of UX [Infographic]

By Marcella Jalbert

Marcella Jalbert also recommends this free website performance assessment.

11 tried and true laws of UX [Infographic]

Being a designer is kind of like being a psychologist.

Ok, just kidding-- but there actually is a lot of psychology that comes into play.

Being a good designer means that I’ve learned (at least some of) the whys and hows of how a user will interact with a design.

We humans are actually quite predictable, though it doesn't always seem like it.

Free Assessment: Website Performance Assessment

 

Now, the fact that web design isn’t just about making things *look pretty* may come as a surprise to you (like it did to my parents), but it's true.

Design can actually be quite science-y.

Take, for example, a simple hero image.

There are actually a few different tricks we can pull out of our hats to pick the right one.

First, let’s talk about eye lines.

If you are a using a photo with one or two main human subjects the user will follow the eye line being made by the subject of the photo. We designers can use this to our advantage to draw the user’s eye to a call-to-action (CTA) button or critical message.

Clever, huh? 

This goes for a photo with a subject that is pointing too. The user's eye will automatically be drawn in the direction of wherever the subject is pointing. 

But wait, there’s more where that came from.

There are many tried-and-true laws to UX design that may be better described as cause and effect relationships. 

These "laws" are what we use to build a seamless experience for the user and subliminally guide the user’s hand to what we want them to accomplish on the page.

We are sneaky little things, aren’t we? 

The infographic below (Originally published on the Toptal Design Blog) dives into 11 of these UX laws, but here are a few of my own favorites: 

Hick’s Law: The time it takes to make a decision increases with the number and complexity of choices. (Also often referred to analysis paralysis.) 

This one speaks to the layout and the content, in my opinion.

If you bombard the user with links, buttons, CTAs, and what have you, they are less likely to click on anything. However, give the user a thoughtful one or two next steps based on the page and content they are viewing and the decision to click through will seem like a no-brainer. (Bonus points if you create a contrast in hierarchy with a button versus a link.)

Jacob's Law: Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.

Don’t 👏 Reinvent 👏 The 👏 Wheel .👏 

Yes, we all want to be cutting edge, but please consider your target audience when you want to implement that shiny, new mega menu.

If it’s not something your demographic is used to interacting with, it may cause more problems for your user. 

Von Restorff Effect: Also known as The Isolation Effect, this predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered. 

We see this a lot with pricing tables. Ever notice there’s always one option highlighted as the “best deal” or “recommended package”?

Yup, that’s the Von Restorff Effect. 

For a full tour behind the curtain, check out the infographic below!

Originally published on the Toptal Design Blog. 

The Laws of UX

website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
website performance assessment start
website performance assessment start

Free Assessment:

Website Performance Assessment

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

Topics:

Web Design
Infographics
User Experience
Published on February 2, 2020

Recent Articles

5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)
May 16, 2022 • 8 min read
8 Best Content Management Systems for Digital Marketing in 2022
March 22, 2022 • 9 min read
How Much Does a Website Design or Redesign Cost in 2022?
March 8, 2022 • 9 min read
Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
February 22, 2022 • 17 min read
Your 2022 Website Strategy Must Include These 6 Things
February 15, 2022 • 9 min read
11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Design 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
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 2022)
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