background preloader

An Extensive Guide To Web Form Usability - Smashing UX Design

An Extensive Guide To Web Form Usability - Smashing UX Design
Advertisement Contrary to what you may read, peppering your form with nice buttons, color and typography and plenty of jQuery plugins will not make it usable. Indeed, in doing so, you would be addressing (in an unstructured way) only one third of what constitutes form usability. In this article, we’ll provide practical guidelines that you can easily follow. Why Web Form Usability Is Important The ISO 9241 standard defines website usability as the “effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.” Let’s clarify this last point by discussing the three main uses of forms. Uses of forms, based on Luke Wroblewski’s Web Form Design: Filling in the Blanks2. Thus, the relationship between forms and usability have two aspects: Forms can make a website usableor unusable, because they stand in the way of the user achieving their goal;Forms need to be usablein order to help the user achieve that goal. Aspect 1: The Relationship 1.

42 Famous Login and Registration Forms Today, I want to showcase some of the most famous login and registration forms on the web. As a web developer you might be interested in having a compact overview of the different designs of these essential website elements. For your design, what would you do better? Do you think being a top site gives […] Today, I want to showcase some of the most famous login and registration forms on the web. As a web developer you might be interested in having a compact overview of the different designs of these essential website elements. For your design, what would you do better? Share your opinion and maybe you have some interesting showcases to add? I hope you enjoy it! 1. Well, Google is Google, so fancy design is never a really big topic. 2. Flawless in functionality, I would say. 3. Now, what I don’t really get, are these changes of style within Google. 4. 5. 6. 7.

Related: