Design method and case analysis of excellent registration form

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Absrtact: Excellent registration Form Design method and case analysis The following analysis of the registration form of nearly 20 websites at home and abroad, and summarize the design method of excellent form. At the end of the paper, three cases were optimized and compared. 1. The less filling items the better site Inspire CSS Web site award Tumblr De ...

Design method and case analysis of excellent registration form

The following analysis of the registration form of nearly 20 websites at home and abroad, and summarize the design method of excellent form. At the end of the paper, three cases were optimized and compared.

1. The less filling the better

Site Inspire

CSS Web Site Award

Tumblr

Deviantart tips: The table content title written in the grid, the visual reduction of "to fill a lot of items" feeling

Counter example: Another Bookmark, fill out too much, size too small lattice too dense

Counter Example: Shutter stock, ditto, fill in too many lattice too dense

Counter Example: Point printing, when all is required, you can not *, reduce user pressure

2. Whether to fill in more or less, the use of large lattice, line and line between the white reorganization. A refreshing page is easier to lure people to register than a page full of small print.

Pictory

Rice

Anti-Example: Sistown (compared to glutinous rice only one more, but the visual feel much heavier)

3. Instant prompt (what is filled in the grid, when the cursor is moved in to prompt), the instant feedback (fills the right, when the cursor moves out again prompts).

Twitter

Last.fm

Bangumi (Note: There is a bit too much information here)

Hashable

Case

Case one: Airbnb

Analysis: The weight of the page is not uniform, visually focused on the left and right frame, can not focus on visual

To modify the method:

1 rearrange the page elements to allow the user to focus on "registration"

2 The length of the page is stretched to cover all the width, and the end copy is placed on one line

3 will fill in the title of the grid, is the page neat and do not feel too much content

Case two: UserInterface

Analysis：

1 only four items need to be filled in, but too much useless copywriting guide

2 fill in title and fill in the box without any alignment mode, the interface is more chaotic

3 UserInterface logo is not outstanding, the page does not have title

4 Registration button is too not prominent, can not induce registration

To modify the method:

1. Drop all the useless copy.

2 fill in the item Titel to the left of the box

3 Amend logo and add page title

4) Enhance the "Registration" button visual effects

Case Three: visualize.us

Analysis：

1 box length is inconsistent to the left

2 The right interference information is too obvious

To modify the method:

1) will fill in the box unified length

2 The right highlight is a FB or Twitter account login to mitigate interference

Source: http://blog.sina.com.cn/s/blog_6d04fca50100r6bp.html