Skip links

Introduction to UX – User Experience

What is Website UX (User Experience)

It can be painful to navigate your way through a website with broken links, difficult to find contact information, inconsistent messaging, etc. Don’t be that website! Creating an effective website doesn’t have to be difficult, we’ve outlined some best practices for website UX in this article to help.

The general purpose of web UX is to provide the design that your users / customers are simply looking for and expect. This includes everything from color palette to site navigation and everything in between. Without further delay, let’s dive into what it takes for provide a great UX:

Draw it Out

For every website we create, we first draw out the sitemap. The sitemap is simply a list of organized website pages. We specifically recommend mapping your site navigation using sticky notes (on a wall) and color coordinating which elements will repeat on each page. This help you visualize your website from an early stage and creates some clarity as to exactly how people will be using your website.

Write Text That Flows

After picking out your font, make sure your sentences are legible and well structured. We recommend having a friend or two read through the content to provide some feedback. More importantly, we always run our text through grammarly. From a salesmanship point of view, you need to also make sure that the overall message of each page builds a progression to getting someone to convert (whatever that may be). Conversion can be someone purchasing a product, service, or simply filling out a contact form.

Above the Fold

“The fold” refers to the landing screen on your website pages (the top most part that includes the menu bar and hero image). The most important information someone is seeking should be visible above the fold. Though most website visitors are likely to scroll down from this landing view, they should be able to find what they’re looking for fairly easily.

Things to have Above the Fold:

Contact info (or button)
Social icons
Logo
Search bar / navigation menu
An image (high quality and relevant)

Make it easy to navigate

Your website’s navigation, or “menu bar” is often overlooked during the website design process. However, you should know that your website’s navigation can completely change a users experience with your site. Think of your website as a tree and the navigation system as the tree’s branches.

Consider this General Navigation Guides:

Home – About – Services – Blog – Contact

“About” alternatives might include: Our Team, Our Story, About Us, Community.
”Services” alternatives might include: Menu, Products, Learn, Courses, Program.
”Blog” alternatives might include: News, Updates, Newsletter, New, Articles.
”Contact” alternatives might include: Contact Us, Request a Quote, Free Estimate.

ZERO Dead Ends

You’d be surprised how many websites put their customers in a bit of a pickle, leading them to a “dead end“.

How to give your visitors a way out:

Set links to “open in a new tab”.
Have a “back” button

With these best practices and tips we hope you can get your site UX to where it needs to be. If you find that you’re needing expert help to create or edit your website, give us a call at (972) 571-6777 or send an email to tanner@dritschlermedia.com We’d love to work with you.

Leave a comment

🍪 This website uses cookies to improve your web experience.