Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm wondering if there is an official name for this style of the form:

enter image description here

Example uses: https://www.tumblr.com/login OR https://www.tumblr.com/register where the input boxes are packed together with a line in between.

share|improve this question
1  
The number of times I've had to click outside the box to see what field I am typing in. Hate this 'design'. –  rk. Aug 1 '13 at 2:01
    
It seems to be a fancy fieldset? –  TotemFlare Aug 6 '13 at 22:25

2 Answers 2

I think it mimics iOS UI style (at least I don't remember such a component before iOS, please correct me if you have some other information):

enter image description here source

It is UITableView with style Grouped.

Or you can call it "text field group".

share|improve this answer

They could be referred to as Grouped Form Fields.

It is partly a design trend. I think most people would argue that while it may be visually pleasing, it is not great from a usability standpoint. You could closely group fields without needing to combine them in that way. For example, someone may not realize that they need to tap again to type in a second part of the field.


Grouped Form Fields

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.