[Patternfly] UXD Team - Thoughts on multi column forms

[Tiffany Nolan]

I'm not sure where the planned usage is, but if there is a desire for this
same pattern to be used on mobile devices as well, I would recommend
staying with a single column, especially for the name and address fields.

Kind regards,

*Tiffany Nolan*
Senior Interaction Designer - Developer Experience
UXD Team | Red Hat Westford
tnolan at redhat.com


*Good design, when it’s done well, becomes invisible. It’s only when it’s
done poorly that we notice it.**– Jared Spool*

On Fri, Sep 23, 2016 at 8:41 AM, Gabriel Cardoso <gcardoso at redhat.com>
wrote:

> SJ, the New and Returning user pattern is a very good application for this.
>
> I’m not against multiple columns, and think it makes sense in case of many
> inputs to fill in, specially if u can group the related ones.
> My suggestion would be to align the labels above the inputs. This makes
> the grid stronger and IMO is easier to map the fields.
>
>
> Thanks,
> Gabriel
>
>
> On Sep 23, 2016, at 9:06 AM, Greg Sheremeta <gshereme at redhat.com> wrote:
>
>
>
> On Fri, Sep 23, 2016 at 8:02 AM, Roxanne Hoover <rohoover at redhat.com> w
> rote:
>
>> To offer a differing opinion to Greg, I prefer even my address fields to
>> be single column. I will say, frequently, because I'm usually filling out
>> my own address, it all autofills for me.
>>
>
> +1. I use Lastpass, but for those times it fails ...
>
>
>>
>> Thinking more generally, the case of multi-column address forms is not
>> uncommon - tabbing would be a priority.
>>
>> On Fri, Sep 23, 2016 at 3:22 AM, Greg Sheremeta <gshereme at redhat.com>
>> wrote:
>>
>>> SJ,
>>>
>>> I agree with the conclusion! I sat with it for several minutes, and
>>> thought to myself -- hmm, I hate all multi-column forms. Then I looked at
>>> the address form -- yep, hated it. Then I thought about wanting to fill out
>>> my address -- hm, I hate it when the last name field is under the first
>>> name. Gah, the zip should always be next to the city! Oh, so, I don't hate
>>> it! It's exactly correct! lol
>>>
>>> And the login/reg is perfect, I'd say ubiquitous. It needs no further
>>> discussion IMO and can just get stamped as a pattern :)
>>>
>>> Once again, great work!
>>>
>>> Greg
>>>
>>>
>>> On Fri, Sep 23, 2016 at 2:44 AM, SJ Cox <sjcox at redhat.com> wrote:
>>>
>>>> Hello UXD and PatternFly community,
>>>>
>>>> Would love to get your input on when, if ever, multi-column forms are
>>>> okay.
>>>>
>>>> This sprint the PatternFly team is working on the conceptual design for
>>>> multi column forms.  In the case of multi column forms, it’s mostly best
>>>> practice to avoid their use. The main problem is that using multiple
>>>> columns within forms could cause the potential for users to interpret the
>>>> fields inconsistently.
>>>>
>>>> However, there are a couple exceptions that seem to be acceptable.
>>>>
>>>> - The main exception for using multi-column forms that cause the least
>>>> amount of confusion were strictly for name and address fields.
>>>>
>>>> <Screen Shot 2016-09-22 at 11.23.59 PM.png>
>>>>
>>>> - The second exception is when there are two different form choices.
>>>> User must choose to fill out one or the other.  In this case, when the
>>>> forms fields are shown next to each other in a multi column format, there
>>>> is little confusion as long as the distinction of the two form choices are
>>>> clear.
>>>>
>>>> <Screen Shot 2016-09-22 at 11.06.08 PM.png>
>>>>
>>>> Would love to hear your thoughts and input on this topic.  Are there
>>>> any other scenarios that are acceptable?  Do you agree with the conclusion?
>>>>
>>>> Thank you!!
>>>> SJ
>>>>
>>>> *Sarah Jane Cox*
>>>> User Interaction Designer
>>>> User Experience Design Team
>>>>
>>>> Red Hat, Inc.
>>>> <http://www.redhat.com/about/whoisredhat/redhatstories.html?intcmp=70160000000TB9vAAG&>
>>>>
>>>>
>>>> _______________________________________________
>>>> Patternfly mailing list
>>>> Patternfly at redhat.com
>>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>>
>>>>
>>>
>>>
>>> --
>>> Greg Sheremeta, MBA
>>> Red Hat, Inc.
>>> Sr. Software Engineer
>>> gshereme at redhat.com
>>>
>>
>>
>
>
> --
> Greg Sheremeta, MBA
> Red Hat, Inc.
> Sr. Software Engineer
> gshereme at redhat.com
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
>
>
> Gabriel Cardoso
> UX designer @ Red Hat
>
>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20160923/a1d36953/attachment.htm>