<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Hi PatternFly,<div class=""><br class=""></div><div class="">I’m gathering information during this sprint on syntax hints used in forms and need your feedback. What have you observed? What worked well? What did you find distracting? What use cases need to be addressed? </div><div class=""><br class=""></div><div class="">I’ve been reviewing an <a href="http://static.lukew.com/webforms_lukew.pdf" class="">excerpt</a> from Luke Wroblewski’s book, Web Form Design, and found a few examples that might be food for thought.</div><div class=""><br class=""></div><div class=""><b class="">Examples:</b></div><div class=""><b class=""><br class=""></b></div><div class="">- syntax hint is below input field, left aligned, font color & weight is differentiated from label text</div><div class=""><img apple-inline="yes" id="DEA1CD35-C075-4A19-95C3-19F37D8723A5" height="112" width="472" apple-width="yes" apple-height="yes" src="cid:F89CBA9B-8C2D-49A3-8FFF-FBB6CDB89A48@rdu.redhat.com" class=""><br class=""><div class=""><br class=""></div><div class=""><br class=""></div><div class=""><br class=""></div><div class="">- syntax hint is left aligned to input field, font color & weight is differentiated from label text</div><div class=""><img apple-inline="yes" id="0FC209DD-0F8C-46C6-93CB-6EF30CD02B01" height="164" width="536" apple-width="yes" apple-height="yes" src="cid:18FEC3B8-3B18-47F3-AE8E-ECBFADA2479F@rdu.redhat.com" class=""></div><div class=""><br class=""></div><div class="">- syntax hint follows label text, font color is differentiated from label, placement above input field</div><div class=""><img apple-inline="yes" id="ED08247D-60B6-4983-8F31-C972F9BB75BF" height="205" width="400" apple-width="yes" apple-height="yes" src="cid:D77A7C7D-CEC5-4838-8507-62ACEB5CF4FB@rdu.redhat.com" class=""></div><div class=""><br class=""></div><div class="">Please share any examples from your daily work and/or other considerations I might have missed. Thanks!</div><div class="">Jessica</div><div class="">
<div style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; line-height: normal; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><b class=""><br class="Apple-interchange-newline">/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / </b></div><div style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; line-height: normal; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><b class=""><br class=""></b></div><div style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; line-height: normal; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><b class="">Jessica W. Ryhanych</b><br class="">Senior Designer, Employment Branding + Communications <br class="">Red Hat<br class=""><a href="mailto:jryhanyc@redhat.com" class="">jryhanyc@redhat.com</a></div>
</div>
<br class=""></div></body></html>