P
P
pqgg7nwkd42016-12-10 16:00:38
Design
pqgg7nwkd4, 2016-12-10 16:00:38

Which form design do you like best and which one do you create in your projects?

I propose to express your opinion on the location of the form fields and signatures to them. Pros, Cons, Experience. What do you like to use, what do you like to do.
4 options.
First: "Signatures on the left"

.         __________________________
Имя:     |__________________________|
          __________________________
Фамилия: |__________________________|
          _____________________________
О себе:  |                             |
         |                             |
         |                             |
         |_____________________________|

Second: "Signatures on the left, alignment of signatures on the right"
.         __________________________
    Имя: |__________________________|
          __________________________
Фамилия: |__________________________|
          _____________________________
 О себе: |                             |
         |                             |
         |                             |
         |_____________________________|

Third: "Signatures at the top, in one column"
._Имя:_____________________
|__________________________|

 _Фамилия:_________________
|__________________________|

 _О себе:_______________________
|                               |
|                               |
|                               |
|_______________________________|

Fourth: "Signed on top, tiled"
._Имя:____________     _Фамилия:________
|_________________|   |_________________|

 _О себе:_______________________________
|                                       |
|                                       |
|                                       |
|                                       |
|_______________________________________|

Your choice.
And also , in the same vein, share about the method of displaying errors in input fields: how you like to use it, how you do it.
Thank you.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
R
Rou1997, 2016-12-10
@Rou1997

If it is "First Name" - "Last Name" - "About Me", then 4 is better, since the surname and first name are "semantically" a single whole, but in other cases 3 is better, it is more flexible, allows you to provide any length of inscriptions, and even easier he, no need to think about the container, just br, br, br - and you're done. :)
And if you choose between 1 and 2, it depends on the alignment (center = 2) and on how many lines (2 prevents lines with inscriptions from confusing the eyes).
Conclusion: it depends on the task, on what is around the form, and ideally, you need to have a tool (a component of the "layout manager" type) that will allow you to quickly change options.
By mistake, the most convenient is 3, you can display them on the right both above and below, and the most inconvenient is 4, but if from practice, then the "About me" field should not undergo any validation at all and should not be mandatory, "Name" and "Surname" is minimal, so in this case there will be almost no errors.

T
tnc4401, 2016-12-10
@tnc4401

Always different. Look for good articles on form usability. As a rule, option 2 works best (eyes slide straight down the line, filling out forms and finding the submit button at the bottom).
If the field names are different in length - you can use option 1 (herringbone eyes, but there are no problems with unpredictably long fields)
In android (narrow and long screen) - option 3 works.
Form at the bottom of the site - option 4 looks neater (but usability is not increases).
Web, admin panel - choose a reliable option 1.
You know approximately the size of the fields, a long form for ordering goods (like in an online store) - choose option 2.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question