<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>Hi Bill,</div><div><br></div><div>Here is my proposal:</div><div><br></div><div><img apple-inline="yes" id="0340D820-5933-435D-BD76-4F15A92124D4" height="552" width="984" apple-width="yes" apple-height="yes" src="cid:8FCB5630-E85E-4E59-9924-476170D4C09C@fns.tvgvt"></div><div><br></div><div>- Remove the tooltip from the heading and display it as a help text below.</div><div><br></div><div>- Place the info icons close to the labels instead of inputs. Use icons from font awesome: <a href="http://fortawesome.github.io/Font-Awesome/icon/info-circle/">http://fortawesome.github.io/Font-Awesome/icon/info-circle/</a></div><div><br></div><div>- Use tooltips placed at the top, so the user can still see the input on the right.</div><div><br></div><div>I believe you don’t need some tooltips. In this page, for instance, available roles and application is pretty obvious (my opinion). </div><div><br></div><div>Patternfly is working on this. Here an excerpt of their draft: "<span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 20px;">To ensure that it remains effective and useful, use help text sparingly in your forms. Striving to minimize the amount of help text on your forms will push you toward better design solutions. Use help text to explain unfamiliar fields (particularly for new or infrequent users) or syntax for complex fields. Don’t use help text to compensate for the shortcomings of your forms."</span></div><div><br></div><div>Gabriel</div><div><br></div><div><div>On Aug 13, 2014, at 10:13 AM, Stan Silvert <<a href="mailto:ssilvert@redhat.com">ssilvert@redhat.com</a>> wrote:</div><br class="Apple-interchange-newline"><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><br>https://lists.jboss.org/mailman/listinfo/keycloak-dev<br></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>