[Patternfly] Share your thoughts: syntax hints used in forms

[Jessica Ryhanych]

Hi PatternFly,

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? 

I’ve been reviewing an excerpt <http://static.lukew.com/webforms_lukew.pdf> from Luke Wroblewski’s book, Web Form Design, and found a few examples that might be food for thought.

Examples:

- syntax hint is below input field, left aligned, font color & weight is differentiated from label text




- syntax hint is left aligned to input field, font color & weight is differentiated from label text


- syntax hint follows label text, font color is differentiated from label, placement above input field


Please share any examples from your daily work and/or other considerations I might have missed. Thanks!
Jessica

/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / 

Jessica W. Ryhanych
Senior Designer, Employment Branding + Communications 
Red Hat
jryhanyc at redhat.com

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161115/99bac6bf/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2016-11-15 at 1.51.13 PM.png
Type: image/png
Size: 68016 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161115/99bac6bf/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2016-11-15 at 1.25.31 PM.png
Type: image/png
Size: 61022 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161115/99bac6bf/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2016-11-15 at 1.25.39 PM.png
Type: image/png
Size: 70036 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161115/99bac6bf/attachment-0002.png>