Monday, March 19, 2012

Designing for the User

So let's say you've came up with this real spiffy layout that looks very modern and slick. That's great, but is it enough? The answer is no. The real drive behind any website design needs to keep the end user in mind throughout the ENTIRE process. How hard will it be for someone to move around the site? If the answer is "not very easy" then those users will probably not stick around very long and probably won't come back either. The definite bottom line: Think in terms of your potential customer at all times and how that user will experience your site.

Here are some helpful things to keep in mind when designing a website that will increase user experience:
  • Write in the second person and write content that deals with their needs/problems and how you can solve them. This keeps the focuson the user.

  • Map out the site for them! By this I mean help the user understand where they are at all times within the site. You all know from experience how deep you can get into a website and how confusing it can be to get back to one certain area you are trying to re-locate. One method web designers use to solve this is breadcrumb navigation, which basically means there is a clickable link usually at the top of the screen for each of the previous spots the user came from.

  • Call to Action. Clearly state what you want the user to do with a call to action button. This helps guide them through the process. Use active words like "now" or "go".

  • Simply put, don't make your potential customer think. Fine tune the site as much as possible so that it is straightforward and obvious. Confusion leads to customers leaving frustrated.

  • A clean navigation. The buttons located at the top of the site should be simple and direct. Start broad and get more specific deeper into the site. A good example is for a dealership to have a navigation button for "cars" and a seperate button for "trucks" and so on.

  • Make sure all links work! Imagine you have gone through the entire checkout process and when you go to click "order" the button accidentally takes you back to some random page and you lose all your data you have entered. Not good.

  • Use appropriate title tags and alt tags. Title tags are what appear on your browser screen for each page and alt tags are what appear if you scroll your mouse over an image, link, etc.

This list is obviously not all there is to creating a good user experience on your site, but it is a good start. I have found that wireframes are a good way to organize the sequence of pages that could potentially occur within your site. Drawing these out and actually visually observing where a potential user online could all go can be very helpful. They say the customer is always right, and that is true for the online world as well. Always keep them in mind so they will want to keep coming back again and again!

No comments:

Post a Comment