Don't Overlook Small Details in Web Programming
Category Programming Technology
Overview: Over time, we have established certain conventions and practices to enhance the usability of websites in terms of structure and scope. However, there are always some oversights and omissions when we engage in web programming. This article summarizes some common small mistakes in web programming and provides corresponding remedies, hoping to improve website usability. By avoiding these errors, the user experience of the website can be significantly enhanced.
Mistake One: Form Labels Not Associated with Corresponding Fields
Using the "for" attribute allows customers to select the correct input field in the form by clicking on the label. This is particularly useful for checkboxes and radio fields, providing a larger clickable area.
Mistake Two: Logo Not Linked to Homepage
Adding a link to the homepage for the logo is a basic practice. Most users naturally expect to return to the homepage by clicking the logo, which should ideally be placed in the top left corner.
Mistake Three: Not Displaying Link Visit Status
Displaying the visit status of links is often overlooked. It is important for customers to see at a glance whether a link has been clicked.
Mistake Four: Not Indicating Active Form Fields
You can use "focus" to select or bind elements. However, the most effective method is to use inputs and text areas to indicate that the field is active. Include some CSS styles, such as a highlighted border or a slight change in background color.
Mistake Five: Images Not Described
Unless purely decorative, the ALT attribute should be filled in to provide a descriptive statement for the image. This is beneficial when the image serves as a link, as entering the description in a search will lead to that link.
Mistake Six: No Background Color for Background Images
Using background images for certain content is common. It is worth noting that if customers disable background images, the text becomes invisible. Therefore, it is best to set a background color.
Mistake Seven: Inconsistent Interface Design
Excessive creativity can sometimes be counterproductive! Some designers make the mistake of having different designs for each page within the same website. This is not only confusing for users but also annoying. Regardless of how stunning a website is, if the overall style is not consistent, it will not be accepted by users. Recommendations:
- Use templates.
- Keep it simple.
Mistake Eight: Underlining Non-Link Content
It is well known that content with underlines or shadows is likely a link. To avoid misleading users, it is best to use bold or other emphasis markers to indicate emphasis.
Original: http://www.evget.com/article/2014/12/23/21973.html
** Click to Share Notes
-
-
-