<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div><blockquote type="cite"><div style="font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 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;">I like your proposals for the screen you mention.<br></div></blockquote><div><br></div><div>Cool!</div><br><blockquote type="cite"><div style="font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 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;">But for other screens I like the tooltip icons to the right of the input<span class="Apple-converted-space"> </span><br>types as it gives a lot of space for the tooltip to appear in. I'll<span class="Apple-converted-space"> </span><br>switch the icon type.<br></div></blockquote><div><br></div><div>Triggers next to the labels are a PatternFly recommendation: "</div><ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; color: rgb(51, 51, 51); font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 20px; background-color: rgb(255, 255, 255);"><li style="box-sizing: border-box;">Place triggers for user-activated help text (icons, links, or buttons) next to field labels and not input fields.</li></ul><div>Here is the part of the draft that talks about help: <a href="https://www.patternfly.org/wikis/patterns/pattern-development/draft-patterns/forms/#copy-help">https://www.patternfly.org/wikis/patterns/pattern-development/draft-patterns/forms/#copy-help</a></div><div><br></div><blockquote type="cite"><div style="font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 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;">Should we have a disable tooltips option?<br></div></blockquote><div><br></div><div>I don’t think so. User will just interact with them if he wants to. But place the tooltips in the console and we can evaluate if there is a not for this.</div><div><br></div><div>Please let me know when you’re done with the tooltips, so I can review the console and make design adjustments :)</div><div><br></div><div>Gabriel</div><div><br></div><blockquote type="cite"><div style="font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 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;">On 8/13/2014 4:33 PM, Gabriel Cardoso wrote:<br><blockquote type="cite">Hi Bill,<br><br>Here is my proposal:<br><br><br>- Remove the tooltip from the heading and display it as a help text below.<br><br>- Place the info icons close to the labels instead of inputs. Use icons<br>from font awesome:<br><a href="http://fortawesome.github.io/Font-Awesome/icon/info-circle/">http://fortawesome.github.io/Font-Awesome/icon/info-circle/</a><br><br>- Use tooltips placed at the top, so the user can still see the input on<br>the right.<br><br>I believe you don’t need some tooltips. In this page, for instance,<br>available roles and application is pretty obvious (my opinion).<br><br>Patternfly is working on this. Here an excerpt of their draft: "To<br>ensure that it remains effective and useful, use help text sparingly in<br>your forms. Striving to minimize the amount of help text on your forms<br>will push you toward better design solutions. Use help text to explain<br>unfamiliar fields (particularly for new or infrequent users) or syntax<br>for complex fields. Don’t use help text to compensate for the<br>shortcomings of your forms."<br><br>Gabriel<br><br>On Aug 13, 2014, at 10:13 AM, Stan Silvert <ssilvert@redhat.com<br><<a href="mailto:ssilvert@redhat.com">mailto:ssilvert@redhat.com</a>>> wrote:<br><br><blockquote type="cite">On 8/12/2014 4:32 PM, Bill Burke wrote:<br><blockquote type="cite">I did it for "Settings, Users, Roles" and their submenus. Let me know<br>if you like them. Going to finish them up tomorrow.<br><br></blockquote>This is a big usability improvement!<br><br>I noticed that among Settings, Users, and Roles, there is still some<br>help text missing. Assume it's just work in progress?<br><br>Under Users --> Attributes --> Required User Actions, only half of the ?<br>icon shows up. The field hides part of it. That made me wonder if the<br>help text was incomplete or hidden. The only other ? icon on that page<br>is User Enabled.<br><br><br>_______________________________________________<br>keycloak-dev mailing list<br><a href="mailto:keycloak-dev@lists.jboss.org">keycloak-dev@lists.jboss.org</a><span class="Apple-converted-space"> </span><<a href="mailto:keycloak-dev@lists.jboss.org">mailto:keycloak-dev@lists.jboss.org</a>><br><a href="https://lists.jboss.org/mailman/listinfo/keycloak-dev">https://lists.jboss.org/mailman/listinfo/keycloak-dev</a><br></blockquote><br>---<br>Gabriel Cardoso<br>User Experience Designer @ Red Hat<br><br><br><br>_______________________________________________<br>keycloak-dev mailing list<br><a href="mailto:keycloak-dev@lists.jboss.org">keycloak-dev@lists.jboss.org</a><br><a href="https://lists.jboss.org/mailman/listinfo/keycloak-dev">https://lists.jboss.org/mailman/listinfo/keycloak-dev</a><br><br></blockquote><br>--<span class="Apple-converted-space"> </span><br>Bill Burke<br>JBoss, a division of Red Hat<br><a href="http://bill.burkecentral.com/">http://bill.burkecentral.com</a><br>_______________________________________________<br>keycloak-dev mailing list<br><a href="mailto:keycloak-dev@lists.jboss.org">keycloak-dev@lists.jboss.org</a><br><a href="https://lists.jboss.org/mailman/listinfo/keycloak-dev">https://lists.jboss.org/mailman/listinfo/keycloak-dev</a></div></blockquote></div><br><div>
<div style="color: rgb(0, 0, 0); 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; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>---</div><div>Gabriel Cardoso</div><div>User Experience Designer @ Red Hat</div></div>
</div>
<br></body></html>