← Usability & User Interface Design

Form Layouts

Posted 8 months ago by stugoo
8 months ago

Anyone have a particular favorite form layout style they care to share?

Fyzbo
7 months ago

I had done some A/B tests on label positioning.

A. Left aligned next to input:
B. Right aligned next to input:
c. Top of input.

They came out as C being the best, A being a very close second, and B coming in last.

Dmitry Fadeyev
7 months ago

Agree with Fyzbo. I think labels over input forms tend to work best (and there's some research to back this up). Labels left of forms do tend to look a little neater, but they're generally not as fast to process, especially if you right-align them to the edge of the field (so they're lined up neatly on the left of each field) since the labels won't start in the same place.

3 months ago

Also you can examine form heatmad
Design B has more performance other than. But while in test, most of user like Design A. Next picture is heatmap for Design A.

2 months ago

Labels left of forms do tend to look a little neater

3 weeks ago

@iyinetseo, Thanks for heatmap sir. It has been so usefull for me.

Reply

You must log in to post.

Credits: Guest post icon by Dryicons. Subscription icons by Function. Social media icons by Komodo Media.