[keycloak-dev] tooltips started

[Gabriel Cardoso]

Hi Bill,

Here is my proposal:



- Remove the tooltip from the heading and display it as a help text below.

- Place the info icons close to the labels instead of inputs. Use icons from font awesome: http://fortawesome.github.io/Font-Awesome/icon/info-circle/

- Use tooltips placed at the top, so the user can still see the input on the right.

I believe you don’t need some tooltips. In this page, for instance, available roles and application is pretty obvious (my opinion). 

Patternfly is working on this. Here an excerpt of their draft: "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."

Gabriel

On Aug 13, 2014, at 10:13 AM, Stan Silvert <ssilvert at redhat.com> wrote:

> On 8/12/2014 4:32 PM, Bill Burke wrote:
>> I did it for "Settings, Users, Roles" and their submenus.  Let me know
>> if you like them.  Going to finish them up tomorrow.
>> 
> This is a big usability improvement!
> 
> I noticed that among Settings, Users, and Roles, there is still some 
> help text missing.  Assume it's just work in progress?
> 
> Under Users --> Attributes --> Required User Actions, only half of the ? 
> icon shows up.   The field hides part of it. That made me wonder if the 
> help text was incomplete or hidden.  The only other ? icon on that page 
> is User Enabled.
> 
> 
> _______________________________________________
> keycloak-dev mailing list
> keycloak-dev at lists.jboss.org
> https://lists.jboss.org/mailman/listinfo/keycloak-dev

---
Gabriel Cardoso
User Experience Designer @ Red Hat

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.jboss.org/pipermail/keycloak-dev/attachments/20140813/f33ad4d1/attachment-0001.html 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: form-help.png
Type: image/png
Size: 54928 bytes
Desc: not available
Url : http://lists.jboss.org/pipermail/keycloak-dev/attachments/20140813/f33ad4d1/attachment-0001.png