UX Laws that can Improve Your WordPress Site’s Overall User Experience – Design

As the world becomes more screen focused, the amount of energy put into crafting a smart and thoughtful user experience becomes more important. The overall User Experience (UX) is the design of the information organization and architecture, and the User Interface (UI) is the visual elements and design.

There are many UX design principles that can be used at a macro or micro level in order to create a more positive user experience on your WordPress site. Here’s a look at three of them; Hick’s Law, Fitt’s Law and Miller’s Law.

Hick’s Law

Hick’s Law states that “The time it takes to make a decision increases with the number and complexity of choices.

It’s easy to think that you’re giving the user what they want by giving them an abundance of choices, but in actuality you’re creating a cognitive burden for them. “The more choices a user is confronted with, the more likely they are to walk away, crippled by ‘decision paralysis’. This can be particularly problematic in an e-commerce context, where users walking away leads to a direct impact on the bottom line.

Now, how can this actually be applied in the context of a WordPress site?

  • When creating the navigation, do not provide an endless list of choices, focus on just a few. Then you can nest further options within these, when applicable.
  • In an e-commerce scenario, present specific parts of the process one step at a time. A great example is the checkout process. Instead of showing all of the necessary information all at once, break the screens down stepwise. Show the shopping cart details, another with the delivery information, then an optional account creation.

Fitt’s Law

Fitt’s Law states that “The time it takes to acquire a target is a function of the distance to and size of the target.

Thinking of the target as a button on the screen, this translates as the further away a button is, the larger it needs to be for a user to reach it was ease. Now when taking into account that on mobile devices we use our fingers instead of mouse pointers, their inherent lower fidelity means we need to increase the tap target sizes.

Additionally, Fitt’s Law helps us to keep in mind:

  • If you have a large button, ensure that it’s a primary call to action. If not, you’ll be confusing your users, and could be sending them in the wrong direction.
  • When creating dropdown menus, make sure your targets are large enough for the user and large enough for mobile vs desktop.

Fitt’s Law is an easy one to see how it could be used incorrectly. Without a discerning eye,  it’d be easy to use it as reasoning to make everything as large as possible, losing any hierarchy at all.

Miller’s Law

Miller’s Law states that “The average person can only keep seven (plus or minus two) items in their working memory.”  

In essence, what Miller’s Law makes clear is that there’s only so much we can hold in our minds in a short period of time. This puts into focus how important it is to intelligently organize and synthesize information. This could be through chunking information or having your designer use hierarchy throughout your visual design. A previous post, Using the Eye’s Scanning Patterns on the Design of Your WordPress Site, gives some good ways to organize information.

Conclusion

In the end, all of these laws come back around to explain why when trying to make sense of complex information on your WordPress site, less is more! Make sure to put in the work necessary to intelligently present and organize the information you do put in front of your audience. They’ll thank you for it by staying on your site longer!

Leave a Comment


Work With Us

We've been building websites for over twenty years, and have learned a thing or two about how to make web projects go smoothly.

What Our Clients Say

Watermelon Web Works, LLC place picture
4.7
Based on 19 reviews
powered by Google
OMS Anita profile picture
OMS Anita
22:20 29 Nov 24
Watermelon Web Works has been incredible to work with. They are patient, understanding, and quick to answer any questions (or emergencies) you might have. After switching over to them to help re-vamp our online retail store, we hired them to build our wholesale website as well. I can't recommend them enough - Thank you team!
Garrett Lister profile picture
Garrett Lister
19:55 10 Jul 24
Jared and the watermelon team were great - they quickly interpreted our website needs and designed a wonderful site. The project management site worked great to keep track of project.
N B profile picture
N B
21:23 14 Nov 23
My previous web developer who I was very happy with retired and I was pretty sad about it because it seems now days it is hard to hire a web developer close by with a good set of skills who is interested in helping small business at reasonable prices. Then I found Watermelon and I have been very happy. They are responsive, are able to solve problems, and work at reasonable prices.
Dark Star Magick profile picture
Dark Star Magick
18:05 03 May 23
We hired Watermelon to help us with our website. They were very thorough and took the time to explain in layman's terms what they were doing and how we could improve SEO and site functionality. We will definitely be back for future website needs!
Astoria Column profile picture
Astoria Column
18:42 24 Apr 23
Great work and amazing service! We're a non-profit, and our priorities are always focused on maintaining the Astoria Column. We had a website built by someone else a few years ago, but without regular updating and maintenance, sections of our site were no longer functional. Joanna and the rest of the team came in and had everything working within a week and it's been smooth sailing since then!
Ben Harris profile picture
Ben Harris
19:25 26 Aug 19
Watermelon has been a fantastic web development partner. Through every phase of our project they have always been 100% responsive to our requests and have always provided highly knowledgeable, creative, prompt, and personable team members to work with. As a financial institution we’re always concerned about the security and maintenance or our website and Watermelon has always provided the appropriate resources in order to meet and/or exceed our compliance and security requirements. We would surely refer them to any business associates looking for a qualified WordPress web designer in the future. – Denali Federal Credit Union
Mohr IP Law Attorneys profile picture
Mohr IP Law Attorneys
00:33 11 Apr 19
Watermelon Web Works did a great job creating a custom shopping cart page for our firm. Gavynn in particular was especially helpful and responsive. We appreciated the upfront costs and the technical competency of Watermelon Web Works and would not hesitate to work with the people there again.
Kim Markle profile picture
Kim Markle
23:36 08 Feb 19
Our company has been working with the Watermelon team for more than 10 years to help build and grow our website and customer portal. They are not only extremely talented and responsive, but are continuously looking for ways for us to enhance our current website. They are consistent, provide excellent customer service and really know what they are doing. Highly recommend!
Rick Brodner profile picture
Rick Brodner
23:23 12 May 17
I cannot say enough good things about Watermelon. They are terrific communicators, highly competent coders, and really, really nice people. They were instrumental in helping us to assemble a very usable, easily maintainable website for our organization. They' have demonstrated great flexibility in accommodating our evolving needs. They have been highly responsive to any technical issues, typically resolving them in less than 4 hours. Watermelon Web Works will make your organization better, and your CFO/Treasurer will be happy when they see the bill - what more can you ask for?
CLOSE