Now, more and more so-called "tutorials" to help us improve the site's usability. We collected some small problems are ignored and error-prone in Web development, and provide a reference solution in order to help Web developers to better improve the site.
By avoiding the following mistakes these small, can make our website even more friendly.
Error 1:
Form label label is not associated with form fields
Use "for" attribute allows the user to click the label contents of the form can also be selected. This can expand the check boxes and radio buttons hit area, very practical.
Error 2
logo image does not link to the home page
Go to the home page you can click on the site logo has become a conditioned reflex of Internet users. In addition, it is worth mentioning, logo is placed in the upper left corner of the specified.
Error 3:
Form label label is not associated with form fields
Visited connection status should be different not visited in order to allow the user to intuitively understand what the link is clicked.
Error 4:
There are no outstanding activated form item currently selected
You can use "focus" to show the selected text area in a dynamic state. You can also use CSS styles, for example, highlighting the border or the background color changes slightly.
Error 5:
Picture no picture alt descriptions
You may feel insignificant, but it is necessary! Remember add a descriptive alt attributes to your images, unless it is clear that this picture is used as a decoration, then the alt attribute before that empty ( but still there!). If you are using images as links, you can enter the link address.
Error 6:
The background behind the picture is not set background color
Use a background image behind the text content is very common, but we also have to consider the situation if the background image banned by the client, so the back is best background and then set a tone similar to the background color, so as not to become unreadable text .
Error 7:
Inconsistent interface design
This is probably overkill mean. Some designers in order to improve the page level, therefore each page for the site creates a different design. But this will only confuse users, so that they know what to do. Remember, how good and attractive Whether a site, if it's the overall look and feel are not consistent, then users will be difficult to remember it. suggestions below:
1, each page of a consistent standard template linked to the main section of the site.
2, the keywords should be simple. It should be beautiful and simple design, so that users will not be confused if you are using.
Error 8:
Content is not underlined link
As we all know, content underlined as easily as links. Do not casually in the text to underscore, this will make people confused. If you really want to emphasize a word, try to increase or bold font.
Summary: By identifying these common errors, web developers can avoid a lot of suffering for others suffered setbacks. Not only do we need to admit mistakes, should also be clear that the effects of errors and take measures to avoid errors, in order to have better development performance - and have the confidence to complete the task!