<div dir="ltr">Thank you everyone for the feedback! I definitely agree that in general multiple columns should be avoided to prevent users from having to visually reorient themselves. <div><br></div><div>However, since this topic is pretty split and this is the conceptual phase, I think it would be best to move forward with the mindset that<b> IF</b> we were to support multiple columns, it would ONLY be for the specific cases stated above. Then we can see how this proposition moves along in the design process.</div><div><br></div><div>I really do appreciate all the feedback and will revise my notes to includes your points. Will be posting a blog post shortly and will share with you all.</div><div><br></div><div>Thanks again!</div><div>SJ</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Sep 23, 2016 at 8:14 AM, Allie Jacobs <span dir="ltr"><<a href="mailto:ajacobs@redhat.com" target="_blank">ajacobs@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">I like the pattern for the login form. To me that's not a multi-column form but two single column forms next to each other. You're only filling out one single column form. <div><br></div><div>I prefer a single column form for address forms. It makes it easier to scan down the fields, especially if you're using something to autofill fields and need to verify the info is correct. Related fields are still next to each other. Maybe if there's a reason to group two fields there could be extra white space around those two fields? </div></div><div class="gmail_extra"><div><div class="h5"><br><div class="gmail_quote">On Fri, Sep 23, 2016 at 10:36 AM, Liz Clayton <span dir="ltr"><<a href="mailto:lclayton@redhat.com" target="_blank">lclayton@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi,<div class="gmail_extra"><br><div class="gmail_quote"><span>On Fri, Sep 23, 2016 at 9:30 AM, Matt Carrano <span dir="ltr"><<a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div><div><div>In general I agree with what's been said about multi-column forms and think they should be avoided in most cases. However, I do think there are situations where placing fields adjacent to each other in a horizontal row makes sense - first name, last name or city, zip would be two examples as cited. <br></div></div></div></div></blockquote><div><br></div></span><div>I haven't read all the threads, but I'm also in the camp of avoiding multi-column forms in most cases. </div><div><br></div><div>S.J. - You might want to check in with Joe, I know he looked into this when he was doing the Forms discovery story. And the following article offers some helpful info on this topic as well:</div><div><a href="https://www.nngroup.com/articles/web-form-design/" target="_blank">https://www.nngroup.com/articl<wbr>es/web-form-design/</a><br></div><div><br></div><div>Best,</div><div>Liz </div><span><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div><div><div><br></div>SJ, my problem with the layout examples you provided is that in the first one, it feels like the columns are very disjoint, so even thought you've placed First Name and Last Name side by side, I don't see them as related when I glance at this. In the second example, I would probably opt for some pre-selection of new or returning user and display a single form rather than present 2 forms side-by-side.<br><br></div>So for me, the question may be less about whether we should support multi-column forms (in general, I think we shouldn't) and more about when it is appropriate to place 2 or more fields in the same row and how we should handle labeling in that case.<br><br></div>Matt<br></div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Sep 23, 2016 at 2:44 AM, SJ Cox <span dir="ltr"><<a href="mailto:sjcox@redhat.com" target="_blank">sjcox@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr">Hello UXD and PatternFly community,<div><br></div><div>Would love to get your input on when, if ever, multi-column forms are okay.<br><div><br></div><div>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. </div><div><br></div><div><div>However, there are a couple exceptions that seem to be acceptable.</div></div><div><br></div><div>- The main exception for using multi-column forms that cause the least amount of confusion were strictly for name and address fields.</div><div><br></div><div><img src="cid:ii_itfe9wgq0_15755c2ceefe1ce5" width="483" height="377"><br><br>- 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.</div><div><br></div><div><img src="cid:ii_itfeaven1_15755c37fe89d425" width="483" height="390"><br><br></div><div>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?</div><div><br></div><div>Thank you!!</div><div>SJ</div><div><br><div><div dir="ltr">
<table style="border-collapse:collapse;border:none;font-family:'helvetica neue';font-size:14px" width="530" cellspacing="0" cellpadding="0">
<tbody><tr><td style="border:0px solid rgb(1,1,1)" width="257" valign="top" align="left"><div align="left"><font color="#cc0000"><font size="2" face="Arial"><span style="font-size:10pt"><b>Sarah Jane Cox</b></span></font> </font><font color="#010101" face="Calibri"><span style="font-size:11pt"><br></span></font> <font color="#999999"><font size="1" face="Arial"><span style="font-size:9pt">User Interaction Designer</span></font> <font face="Calibri"><span style="font-size:11pt"><br></span></font> </font><font size="1" face="Arial"><span style="font-size:9pt"><font color="#999999">User Experience Design Team<br></font><br></span></font><a href="http://www.redhat.com/about/whoisredhat/redhatstories.html?intcmp=70160000000TB9vAAG&" target="_blank"><font size="2" color="#3d85c6" face="arial, helvetica, sans-serif">Red Hat, Inc.</font></a><font size="1" color="#404040" face="Arial"><span style="font-size:9pt"><br></span></font></div></td><td style="border:0px solid rgb(1,1,1)" width="272" valign="top" align="left"><div align="left"><br></div></td></tr></tbody></table></div></div><span><font color="#888888">
</font></span></div></div></div><span><font color="#888888">
</font></span></blockquote></div><span><font color="#888888"><br><br clear="all"><br>-- <br><div><div dir="ltr"><div><div><div>Matt Carrano<br></div>Sr. Interaction Designer<br></div>Red Hat, Inc.<br></div><a href="mailto:mcarrano@redhat.com" target="_blank">mcarrano@redhat.com</a><br></div></div>
</font></span></div>
</blockquote></span></div><br></div></div>
</blockquote></div><br><br clear="all"><div><br></div></div></div><span class="HOEnZb"><font color="#888888">-- <br><div data-smartmail="gmail_signature"><div dir="ltr"><div><br></div>
Allie Jacobs<br>UXD
<p><span><a href="https://www.google.com/calendar/b/1/embed?src=ajacobs@redhat.com&ctz=America/New_York" target="_blank">calendar</a></span></p></div></div>
</font></span></div>
</blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr">
<table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:none;font-family:'Helvetica Neue';font-size:14px" width="530">
<tbody><tr><td align="left" style="border:solid #010101 0px" valign="top" width="257"><div align="left"><font color="#cc0000"><font face="Arial" size="2"><span style="font-size:10pt"><b>Sarah Jane Cox</b></span></font> </font><font color="#010101" face="Calibri"><span style="font-size:11pt"><br></span></font> <font color="#999999"><font face="Arial" size="1"><span style="font-size:9pt">User Interaction Designer</span></font> <font face="Calibri"><span style="font-size:11pt"><br></span></font> </font><font face="Arial" size="1"><span style="font-size:9pt"><font color="#999999">User Experience Design Team<br></font><br></span></font><a href="http://www.redhat.com/about/whoisredhat/redhatstories.html?intcmp=70160000000TB9vAAG&" target="_blank"><font face="arial, helvetica, sans-serif" size="2" color="#3d85c6">Red Hat, Inc.</font></a><font color="#404040" face="Arial" size="1"><span style="font-size:9pt"><br></span></font></div></td><td align="left" style="border:solid #010101 0px" valign="top" width="272"><div align="left"><br></div></td></tr></tbody></table></div></div>
</div>