• 0k
  • 0
Web Design \ MAY 6th 2015

A Beginner’s Guide to Mastering UX

There’s nothing more annoying than visiting a website with broken links, no visible contact details, or messy text. Don’t be that guy (or gal)! You can create the most stunning website with the content of Shakespeare himself but without good user experience you’ve got nada. What’s referred to as UX (user experience) by the Pros is design that answers to your users needs when engaging with your online brand. This ranges from color to navigation and everything in between.

We’re breaking down the must-know info to guarantee satisfied customers that keep coming back.

A Beginners Guide to Mastering UX

Sketch the flow

Before you lay one finger on the keyboard make sure to sketch out what you want to include in your website. We recommend mapping your site navigation on sticky notes and color coordinating which elements will repeat on each page. You can then choose a template based on its features rather than get distracted by the beautiful images. Remember – it’s all customizable!

Sketch the flow

Double Check Readability

As you add your text, make sure it is not only well written but that it is legible. Checking in with a few friends (aka user testing) is always great since you’re likely so used to your own content that you could recite it by heart. We even have a built in feature for that!
A few rules:

  • Use 12-14 size font and be careful not to use more than 13 words in a row
  • Keep fonts consistent
  • If the background is light, the text should be dark and vise versa
  • Make sure clickable things look clickable (ie: underlined)

Readability

Keep It Above the fold

You’ll hear pro designers talk about “the fold”. This refers to the place on your website where if site visitors want to continue viewing you must begin to scroll. While nowadays many people are more inclined to read on, or skim at least, you want the most important information to remain above the fold.
What should always be above the fold:

  • Contact info
  • Social icons
  • Logo
  • Search bar
  • An image

Above the Fold

Stay Consistent

Your site must make sense as one cohesive brand. The best way to do this is to choose a color palette and stick to it. This will set the tone and feel of your website for users and show a level of professionalism. You can think about the same consistency when writing headers, titles, and your menu. Ask yourself – Does it connect to my brand? Would a viewer immediately know what to do? These answers should be a resounding Y.E.S.

Color Palette

Don’t Trap Me!

Many websites unknowingly use elements that lead visitors to a dead end. That’s a UX no no.
How to give an out:

  • Set links to “open in a new tab”
  • If you have any sort of sign up page or pop up – add a way out such as “Return to Homepage” or “Sign-up Later”

Don’t Trap Me

Make It Mobile

As we learned recently from Mobilegeddon, the world has largely moved to searching on handheld devices. This is a friendly reminder to always check your mobile flow. Some great edits to make are moving contact info to the top and shortening your text.

Make It Mobile

Give Your Site Added Value

Your web presence is more than just your website. It includes  your social channels, marketing emails and any additional applications. Don’t forget how important these elements are in customer satisfaction. An easy clue for each:
Social icons are built into your Wix website, make sure to change the link to your own channels.
When using Wix Shout Out, or any other email marketing feature, keep in mind the colors and style of your website and remain within that theme.
Adding apps such as an event calendar, RSVP form, and testimonials can lead to a friendly and easier user experience and increase your engagement.

Ready to create your first website? Try one of free web templates and customize it in minutes!


Get The Wix Blog
Straight to Your Email

Subscribe to the WixBlog And never miss an update!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Join Us! \ 

Get the latest and freshest content on creating
& marketing your Wix website.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email