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

Leslie Hinson lhinson at redhat.com
Thu Nov 17 15:52:13 UTC 2016


Thanks for sending this out Jessica.

One of the things that will be tricky if figuring out a solution for how
this text behaves in the responsive states. That would be the advantage of
putting syntax help inside the text box. However, I know that it's a
usability issue when the syntax help disappears when the user clicks.

Leslie

On Tue, Nov 15, 2016 at 2:18 PM, Jessica Ryhanych <jryhanyc at redhat.com>
wrote:

> 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
>
>
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161117/228ac3c1/attachment.htm>
-------------- 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/20161117/228ac3c1/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/20161117/228ac3c1/attachment-0001.png>
-------------- 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/20161117/228ac3c1/attachment-0002.png>


More information about the PatternFly mailing list