<div dir="ltr"><div class="gmail_default" style="font-size:small">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. </div></div><div class="gmail_extra"><br clear="all"><div><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr">







<p class="p1"><span style="font-size:12.8px">Kind regards,</span><br></p>
<p class="p3"><span class="s1"><font size="2" color="#cc0000" face="arial, helvetica, sans-serif"><b>Tiffany Nolan</b></font><br></span><span style="font-size:12.8px"><font color="#666666">Senior Interaction Designer - Developer Experience<br></font></span><span style="font-size:12.8px"><font color="#666666">UXD Team | Red Hat Westford</font><br></span><a href="mailto:tnolan@redhat.com" style="font-size:12.8px">tnolan@redhat.com</a></p>
<p class="p7"><font face="arial, helvetica, sans-serif" color="#cccccc"><span class="s1"><i><font size="1">Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it.<br></font></i></span><i style="font-size:12.8px"><font size="1">– Jared Spool</font></i></font></p></div></div></div></div></div></div>
<br><div class="gmail_quote">On Fri, Sep 23, 2016 at 8:41 AM, Gabriel Cardoso <span dir="ltr"><<a href="mailto:gcardoso@redhat.com" target="_blank">gcardoso@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 style="word-wrap:break-word"><div>SJ, the New and Returning user pattern is a very good application for this.</div><div><br></div><div>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. </div><div>My suggestion would be to align the labels above the inputs. This makes the grid stronger and IMO is easier to map the fields.</div><div><br></div><div><br></div><div>Thanks,</div><div>Gabriel</div><div><br></div><br><div><blockquote type="cite"><span class=""><div>On Sep 23, 2016, at 9:06 AM, Greg Sheremeta <<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>> wrote:</div><br></span><div><div dir="ltr" style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><div class="gmail_extra"><br><br><div class="gmail_quote"><span class="">On Fri, Sep 23, 2016 at 8:02 AM, Roxanne Hoover<span> </span><span dir="ltr"><<a href="mailto:rohoover@redhat.com" target="_blank">rohoover@redhat.com</a>></span><span> </span>w<wbr>rote:<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">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. </div></blockquote><div><br></div><div>+1. I use Lastpass, but for those times it fails ...</div><div> </div></span><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"><span class=""><div dir="ltr"><div><br></div><div>Thinking more generally, the case of multi-column address forms is not uncommon - tabbing would be a priority. <br></div></div></span><div class="gmail_extra"><br><div class="gmail_quote"><span class="">On Fri, Sep 23, 2016 at 3:22 AM, Greg Sheremeta<span> </span><span dir="ltr"><<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a><wbr>></span><span> </span>wrote:<br></span><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"><span class=""><div dir="ltr">SJ,<div><br></div><div>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</div><div><br></div><div>And the login/reg is perfect, I'd say ubiquitous. It needs no further discussion IMO and can just get stamped as a pattern :)</div><div><br></div><div>Once again, great work!</div><div><br></div><div>Greg</div><div><br></div></div></span><div class="gmail_extra"><br><div class="gmail_quote"><span class="">On Fri, Sep 23, 2016 at 2:44 AM, SJ Cox<span> </span><span dir="ltr"><<a href="mailto:sjcox@redhat.com" target="_blank">sjcox@redhat.com</a>></span><span> </span>wrote:<br></span><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"><span class="">Hello UXD and PatternFly community,<div><br></div></span><div><span class="">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></span><div><span><Screen Shot 2016-09-22 at 11.23.59 PM.png></span><span class=""><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.</span></div><div><br></div><div><span><Screen Shot 2016-09-22 at 11.06.08 PM.png></span><br><br></div><div><div class="h5"><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 cellpadding="0" cellspacing="0" width="530" style="border-collapse:collapse;border:none;font-family:'helvetica neue';font-size:14px"><tbody><tr><td align="left" valign="top" width="257" style="border:0px solid rgb(1,1,1)"><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" valign="top" width="272" style="border:0px solid rgb(1,1,1)"><div align="left"><br></div></td></tr></tbody></table></div></div></div></div></div></div></div><div><div class="h5"><br>______________________________<wbr>_________________<br>Patternfly mailing list<br><a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a><br><a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br><br></div></div></blockquote></div><div><div class="h5"><span><font color="#888888"><br><br clear="all"><span><font color="#888888"><div><br></div>--<span> </span><br><div data-smartmail="gmail_signature"><div dir="ltr"><div>Greg Sheremeta, MBA<br>Red Hat, Inc.<br>Sr. Software Engineer<br><a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a><br></div></div></div></font></span></font></span></div></div></div></blockquote></div><br></div></blockquote></div><div><div class="h5"><br><br clear="all"><div><br></div>--<span> </span><br><div data-smartmail="gmail_signature"><div dir="ltr"><div>Greg Sheremeta, MBA<br>Red Hat, Inc.<br>Sr. Software Engineer<br><a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a><br></div></div></div></div></div></div></div><div><div class="h5"><span style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;float:none;display:inline!important">______________________________<wbr>_________________</span><br style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><span style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;float:none;display:inline!important">Patternfly mailing list</span><br style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><a href="mailto:Patternfly@redhat.com" style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px" target="_blank">Patternfly@redhat.com</a><br style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><a href="https://www.redhat.com/mailman/listinfo/patternfly" style="font-family:Helvetica;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px" target="_blank">https://www.redhat.com/<wbr>mailman/listinfo/patternfly</a></div></div></div></blockquote></div><span class="HOEnZb"><font color="#888888"><br><div>
<div>Gabriel Cardoso</div><div>UX designer @ Red Hat</div><div><br></div><br>

</div>
<br></font></span></div></blockquote></div><br></div>