<div dir="ltr">Hi,<div class="gmail_extra"><br><div class="gmail_quote">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><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/">https://www.nngroup.com/articles/web-form-design/</a><br></div><div><br></div><div>Best,</div><div>Liz </div><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 class="gmail-HOEnZb"><font color="#888888"> </font></span></div></div></div><span class="gmail-HOEnZb"><font color="#888888"> </font></span></blockquote></div><span class="gmail-HOEnZb"><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></div><br></div></div>