If you are developing a website you will always think about how to make your
websites more usable, whether it is improving the HTML structure of pages which
benefits the user’s process or whether it is thinking about how we can show the
messages on site in a better way to user by using CSS..
But you normally never bring this thought process into your jQuery-based or any other JavaScript-based website.
How can the user experience and usability of our jQuery events can be enhanced ?
If you are designing websites for a living or running your business online, below are some useful tips you should definitely read and remember.
1. Always add a search form
A lot of visitors will visit your website and immediately look for a search box. If you don’t have any search box, then they leave.
Site visitor do not feel comfortable on a site where they don’t feel in control.
The ideal position for a search box is on the top - right corner of the page.
2. Use a grid for your website structure
Grid helps to structure your website and keep the eye flow going for the website visitor, which is key factor.
Once you are done with a clean main website structure you can incorporate everything into a design of your choice, but don’t forget the grid.
3. Make the navigation easy to find & readable
If you’re website navigation is supposed to take your visitor from point A to point B, why would you place the navigation part in a weird spot or use irrelevant images for the site links.
Try to keeping the navigation easy to read for the website visitor. The ideal position for navigation section is at the top of the site so the visitor can easily navigate through your site.
4. Do not make the “contact us” link in your navigation bar a mailto: link
Most of the website visitor will hover over a link and check what the bottom of our browser screen says before he click on it. Especially visitor do it for the "contact" link since some people think it’s good to link this directly to your email address, causing an email program to open up.
This is not a good User experience practice. Ideally you should create a contact us page, put your email address on it. Website visitor will feel nice and will actually email you more often.
5. Make use of User Experience Applications as much as possible for website tests
Keeping track of the various forms of data from your website is something you should definitely do.
Google Analytics is a perfect solution for checking where your visitors are coming from, what pages they’re going to and how long they’re on your site.
A User Experience applications like Crazy Egg is perfect for learning where your visitors are mostly clicking and which are the most visited pages.
You can take help of some sites like Feedback Army to test how users see and use your site.
By learning such types of statistics for your website you can make sure you’re utilizing space as well as making sure that you've got the important stuff where it needs to be.
6. Do not overload your website’s sidebar with lot of widgets
We understand that if you’re running a blog there are a million widgets you can use on it, but you don’t actually need to use them all.
Think of it like your home. If there’s clutter everywhere and if your home is not clean, nobody in your home might not want to stay in it.
So clean up and keep things organized. Stick to the things that matter most for the user experience on your website and try to improve them.
7. Make sure that your website pages displays well on various browsers
We all know that IE6 is dead and outdated, but do not forget that there is still a lot of users who use IE7, IE8, Opera, Safari, Firefox, Chrome, etc.
Just because your website looks good on one or two browsers it doesn't mean the visitor using another browser will like that your site is not displaying properly.
Take out some time and check your code and make sure it all works across the various browsers.
8. Keep your website forms shorter
Your contact us form should not be long and neither should a registration form. We should keep things simple.
The chances that people will leave the page when they are faced with a long sign up form are more then a short one with just three simple questions [name, email, suggestion]).
9. Keep you website pages structure consistent
You need to remember that people want familiarity when they are viewing your website pages.
If they feel like they are somewhere else when they load a new page up, they’re normally click the back button and this should not happen.
The feel of website should be consistent through out all the pages of website.
I will post remaining part in next post :-)
But you normally never bring this thought process into your jQuery-based or any other JavaScript-based website.
How can the user experience and usability of our jQuery events can be enhanced ?
If you are designing websites for a living or running your business online, below are some useful tips you should definitely read and remember.
1. Always add a search form
A lot of visitors will visit your website and immediately look for a search box. If you don’t have any search box, then they leave.
Site visitor do not feel comfortable on a site where they don’t feel in control.
The ideal position for a search box is on the top - right corner of the page.
2. Use a grid for your website structure
Grid helps to structure your website and keep the eye flow going for the website visitor, which is key factor.
Once you are done with a clean main website structure you can incorporate everything into a design of your choice, but don’t forget the grid.
3. Make the navigation easy to find & readable
If you’re website navigation is supposed to take your visitor from point A to point B, why would you place the navigation part in a weird spot or use irrelevant images for the site links.
Try to keeping the navigation easy to read for the website visitor. The ideal position for navigation section is at the top of the site so the visitor can easily navigate through your site.
4. Do not make the “contact us” link in your navigation bar a mailto: link
Most of the website visitor will hover over a link and check what the bottom of our browser screen says before he click on it. Especially visitor do it for the "contact" link since some people think it’s good to link this directly to your email address, causing an email program to open up.
This is not a good User experience practice. Ideally you should create a contact us page, put your email address on it. Website visitor will feel nice and will actually email you more often.
5. Make use of User Experience Applications as much as possible for website tests
Keeping track of the various forms of data from your website is something you should definitely do.
Google Analytics is a perfect solution for checking where your visitors are coming from, what pages they’re going to and how long they’re on your site.
A User Experience applications like Crazy Egg is perfect for learning where your visitors are mostly clicking and which are the most visited pages.
You can take help of some sites like Feedback Army to test how users see and use your site.
By learning such types of statistics for your website you can make sure you’re utilizing space as well as making sure that you've got the important stuff where it needs to be.
6. Do not overload your website’s sidebar with lot of widgets
We understand that if you’re running a blog there are a million widgets you can use on it, but you don’t actually need to use them all.
Think of it like your home. If there’s clutter everywhere and if your home is not clean, nobody in your home might not want to stay in it.
So clean up and keep things organized. Stick to the things that matter most for the user experience on your website and try to improve them.
7. Make sure that your website pages displays well on various browsers
We all know that IE6 is dead and outdated, but do not forget that there is still a lot of users who use IE7, IE8, Opera, Safari, Firefox, Chrome, etc.
Just because your website looks good on one or two browsers it doesn't mean the visitor using another browser will like that your site is not displaying properly.
Take out some time and check your code and make sure it all works across the various browsers.
8. Keep your website forms shorter
Your contact us form should not be long and neither should a registration form. We should keep things simple.
The chances that people will leave the page when they are faced with a long sign up form are more then a short one with just three simple questions [name, email, suggestion]).
9. Keep you website pages structure consistent
You need to remember that people want familiarity when they are viewing your website pages.
If they feel like they are somewhere else when they load a new page up, they’re normally click the back button and this should not happen.
The feel of website should be consistent through out all the pages of website.
I will post remaining part in next post :-)
