Tuesday, November 13, 2007

Better Web Forms: Redesigning eBay's Registration

Redesigning ebay's registration form ...

"Designing interactive forms is one of the most challenging aspects of web design. Done with the user’s experience in mind, and some finesse, it can be one of the most rewarding, too, resulting in increased visitor satisfaction and conversion. Let’s walk through some of the fundamentals of good web form design by taking an existing form and making some very simple changes to take it to the next level.

The eBay registration form isn’t so unusable that it brings sign-ups to a screeching halt, but it is rough enough to justify some tweaking. Oddly enough, after choosing the eBay form as the subject of this article, I came across an alternate version of the registration page—one that they’re presumably using for some randomized AB testing.

After comparing their current page with the newer test version, I decided to focus on the test version. The fields are exactly the same, and only a few design elements are different. Ultimately, the starting point is irrelevant; we can use either one to illustrate simple changes that can improve the usability of most basic web forms.

Significant changes in visual design, functionality, copywriting, and validation would all be relevant topics for a redesign of this form. We’ll keep the complexity and length of the article within reason by zeroing in on objective aspects of form layout that will enhance readability and comprehension.
Before and After

Before we immerse ourselves in a discussion of the details, let’s take a quick look at the Before and After to get a high-level view of the tweaks I made. The biggest change was simply creating a consistent and logical layout for the form fields and their labels."    (Continued via Digital Web Magazine)    [Usability Resources]

Before and After - Usability, User Interface Design

Before and After


Post a Comment

<< Home

<< Home