UX Design Elements That Could Make Or Break Your Website’s Engagement
By Mikelle Leow, 02 Oct 2017
Image via Shutterstock
There are about one billion websites in existence today—that’s long ways down the road from when Jeff Bezos first built Amazon.
Naturally, your website has to be outstanding to surprise a crowd—but there are a few basic things you’ll need to get down pat before you attempt to execute flamboyant ideas. What’s the point of having a beautiful website if it’s buggy or offers little value to its visitors?
An informative article by WalkMe offers some best practices of user experience that could effectively help you boost conversions and user engagements.
Check out three elements—complete with remarkable examples—that could make or break the quality of your website, and head over to the full blog post for five more tips.
If you’d like to learn more about user experience, read how WalkMe sums it up with a simple banana.
Ancient Bristlecone Pine Forest — Mountain trail by Adrien Gervaix @adriengervaix 〰️ Link: https://dribbble.com/shots/3308172-Ancient-Bristlecone-Pine-Forest-Mountain-trail 〰️ ➡️ Follow for daily webdesign inspiration. 〰️ Submit: [email protected]
A post shared by UI UX + Webdesign daily 🔵 (@zerotoone.de) on
Image by Adrien Gervaix via zerotoone.de
Your header is the first thing anyone sees when they visit your website. Think of it like the front of a house—when tastefully decorated with flowers and coated with fresh paint, it can make visitors feel more welcome.
A good header should put your brand’s message across and express your primary selling point within seconds. “This best practice capitalizes on the user’s initial attention and leads him or her to the next relevant section of the website.”
Screenshot by Simply Chocolate via GIPHY
Users will more willing to scroll through your website if it brings value to their search. The best practice for user experience is usually top-to-bottom scrolling—people are used to it and often expect your website to work this way.
Letting information run on a slightly longer webpage may often be preferred, in comparison to having your visitors navigate your site through multiple clicks.
Try to incorporate a visual pattern or rhythm that tells visitors when to scroll further down.
The example above by Copenhagen-based Simply Chocolate shows a bar of chocolate being unwrapped, and then bitten into after a number of scrolls. It also cleverly functions as a header that relays the brand’s message and core product.
A post shared by Giga Tamarashvili (@gtamarashvili) on
Image via Giga Tamarashvili
Don’t be afraid to use high contrast elements to direct users’ attention. These can include color, shapes, light or patterns. If possible, use contrast to point towards important calls-to-action (CTAs) like subscribe buttons. “One of the worst mistakes of website user experience is to lose a potential lead simply because they didn’t notice the sign-up or subscribe button.”
Take note that while color might be an important factor in boosting conversions, your website should also work in grayscale. You don’t want to lose a promising client who happens to be colorblind.
Head over to the WalkMe blog for five more pointers on increasing your website’s conversions.
[via WalkMe blog, images via various sources]
More related news