Web Usability Tips
Usability and accessibility are the two main points that the designer should consider when building or developing new and existing websites. It is even difficult areas to get to date with and implement. By reading about the usability and accessibility in the design of articles and resources that you can start applying some simple principles that make your site easier to use and open to more people.
Make navigation efficient active (+ breadcrumbs)
Let the user know where they are within your site and how you can around a big impact on how users navigate and how they are comfortable using your site. By making it easy for users to navigate your site can have a major impact on how long users stay and how many pages they are comfortable to watch. Make the navigation is active, hover state and the state of today must be done using a server-side html, css or javascript if necessary to the loading times and the amount of the code reduction. This is an effective technique because it allows users to not only determine where they are, but also show you where to go, some links and improve the user experience on your site.
Logo Link
Connecting your logo as a simple function such as improved affect your website and a must for every website today. Users today expect your logo link to your homepage and there is nothing worse than expected something to happen and it does not matter. I think your logo link to home, plus a link labeled “Home” works well.
Improvement of the affected area on a link
Increasing the area hit the links allows multiple users life so much easier when browsing the web. Small link can be frustrating, especially for some users when they misclick on the links or click on the link that was wrong. For example by adding a little padding (padding: 5px 5px;) to link in css you can resize the area to increase hit. This is especially useful for users or mobile phone or laptop computer mouse pads that clicking on the link to use their fingers.
Focus Adding Form Fields
Adding a little technique that can help users understand what they did was good and just cause appropriate action. This effect has been a standard in the new Safari browser, but also very easy to add CSS to the same action in other browsers to:
textarea: focus (box-shadow: 0 1px # c5c5a2 4px;)
or changing the border with focus on:
textarea: focus (border: 1px solid # ca6c18;)
Setting Page 404
At some point we will all come in standard 404-pages which we have been misled or have done something a bit wrong. While this page is fine with the user to know they went to a place where one was not really very useful for us back on track. By creating a custom 404 pages on our site, we not only help users find what they are looking for, but we also remove the associated frustration that they can go elsewhere. By adding simple features such as search boxes, we are popular or a list of recent posts, different possible objectives and redirect users to suggest areas of interest.
Use Your Language
The way you write is very effective in how you make readers feel. If you want the tutorial, you feel like you ordered or you want to feel like I was listening to a friend suggested. You want to try it and you’re not so that the reader can relax, especially if you write about complex subjects that can get users to subscribe to relax where they can not understand things the last time. Maybe add a few lines of unique or even still scoop a snake and will not hurt as long as anyone can understand what is being said.
High line for readability
I must admit that when I started in web design I am very often ignored at the bar even higher. But that is a very important feature when it comes to usability, to ensure that your text easier to read. You do not want to have your ride height is lower, so that everything looks up or too large that we constantly tight page. Why not start with the ride height to 1.4em and adjust from there.
Use White Space Information Group
Grouping elements together is a convenient way to show the reader that what is bundled associated with the same subject. When users read on the web very often, as when reading a newspaper reader scans the page for information relevant to them. Grouping items together can be done using the border or a picture, but the simplest method is to use spaces. As you read the bottom of this page is a title for each reader to scan to find information by certain interests, and each one has a white space to separate different topics.
Error messages on the form
This may be one of the most frustrating things on the web, fill out a form, send the information you just entered and then suddenly back pages of messages without indicating why. By adding hints, tips and error messages can really help your users understand what to do and where they might have gone wrong. So easy to determine their mistakes without them frustrated and possibly leave your site without knowing the information they need.
The use of Javascript and Flash
What I’m talking about really does not add features that are not always needed on your website. I’ve never seen so many times where Flash and JavaScript have been added to your website to showcase the skills of designers, without really thinking about the needs of users. Yes, JavaScript and Flash can really liven up the site but there is no point to add. use it wisely and always thinking about what your site will look and function as the user has no flash player installed or JavaScript enabled.
Style switch
In my opinion a stylesheet switcher is one of the most underrated and unused features out there. This is a simple function to add to the site as well. Not all users share the same thought. Not all users will want or be able to use the same style and design as easy as the following. In this case not possible, therefore each user to customize your site, so that what they saw in accordance with their needs. Disability or impairment, or not we all find certain things more difficult than others.
Translate Page
To translate web pages into various languages will ensure that your pages can be used and meaningful to all cultures. Therefore, more hits and page views to your website. This does not necessarily create a company that targets only specific areas and translate the page will not affect your conversion rate. Just think if you want users from around the world to make your Web site.
Semantic markup
Now in the days of modern web design which I personally think this should become mandatory. If you want your web pages useful, even if the css of your page can not load, you need to apply semantic markup. By making sure your code is semantically correct in the design of your site, you need not worry about it.
Mobile Edition
Why not focus on the public mobile browsing as well. With the increasing number of people using their phones for surfing the internet then why not design for them. You do not always have a new mobile phone design, but just make sure that the desktop version you can translate and look good on your phone browser as well.
