Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I've got a loan applicant form. All the fields are required and most of them got a describing tooltip. I struggle when it comes to the point how to show the tooltips. Hide them until a user clicks a "i" icon behind the field or show the tooltip on focus?

We've done a testing but the result was indecisive 10:10 so there is no clear result.

this would be the solution "on focus"

p.s. excuse my bad pronunciation- and grammar-skills ;)

share|improve this question
1  
You say the testing results were indecisive, but it is unclear what indecisive means in this instance. If one of the tests was to show the tooltip on focus automatically what is the failure criteria of this test? Is it that the user didn't spot it, or that they didn't like it? –  JonW Mar 9 '12 at 11:37
1  
with test i mean the question "what do you prefer? on focus or an icon?" 10 liked the focus thing and 10 the icon... arguments were for e.g. "i would be annoyed by tooltips – which i din't force to – pop up" –  Robin Mar 9 '12 at 13:18
add comment

4 Answers

When you tested this, how was the question phrased?

Was it:

"Can you complete this form? Which one did you like better?"

Or was it:

"Which method of invoking tool tip do you like better?"

If it is the latter, then you may have inadvertently influenced the outcome in favor of clicking the "i", because the question itself explains to the user what clicking "i" does, whereas in real life, not all users would know what it is.

I think A/B testing would be beneficial, so you can go by more objective metrics (i.e. time-to-complete, accuracy, abandonment), rather than verbal user feedback.

After all, user's action speaks louder than words :)

share|improve this answer
    
It was more like "Which method of invoking tool tip do you like better?"... we will do multivariante testing anyway - thanks for your input. –  Robin Mar 12 '12 at 9:33
add comment

A tooltip is usually a short descriptive phrase - I've seen suggestions that they should be "5 or 6 words" or "1-2 short lines". They were originally intended as a helpful reminder for a button or field, targeted at a user who knew the details but needed the reminder.

The help information you're displaying seems to be quite a lot more substantial, perhaps aimed at the ocassional or first time user.

I'd suggest using a hybrid approach:

  • On mouse over, display a conventional tooltip, including "(Click for more)" (localised, of course) at the end
  • If/When the user does click, display the larger piece of help text with additional information.
share|improve this answer
add comment
  1. I believe loan applicants who come to fill, will either have knowledge or may be novice. In either case the "i" icon is beneficial, so on mouse hover the description box can pop-over on the page. Clicking is an effort that is more than a mouse-hover.

  2. Other way is that, all the Information can be aligned to the RHS of the form - with numbers assigned to the location - such as users need not even mouse hover the information "i" icon, but can be readily sitting there. If the information is too lengthier - then the "i" icon can remain, and the information can pop inside the RHS column without disrupting the form.

share|improve this answer
    
re:1 i've attached an image how to tooltip is shown with focus. so an icon would be useless i this case imho re:2 i believe there would be to much information to show them all at once. the goal is to give the user a helping hand giving him some infos while typing in the fields. (in my opinion a additional click interrupts the filling process...) –  Robin Mar 9 '12 at 11:27
add comment

@inkmarble is correct. label should be right aligned.

  • "EUR" code position can be changed. It looks left right align within the single element.

  • Be default first field should be focused. So we can show help text nearby textfield when we focus that field. It should make sense, user can read while entering that field.

  • Please revisit the width of text fields. (Max digits for amount)

NOTE: If we give mouse hover for "i", user needs to find the help text when entering the data.

share|improve this answer
1  
The OP isn't asking about the form layout itself, but how to handle displaying the tooltip help information. Whether the form layout should be changed around is a different question entirely. –  JonW Mar 9 '12 at 11:39
    
thanks for the notes. - Yes, the labels will be right aligned. - at the moment the EUR is within the background image. - the width is for technical reasons i can't change :-/ - If we use the "i" the tooltip will be placed next to the "i" –  Robin Mar 9 '12 at 11:39
    
Yes, my second point is about displaying help information for the particular field. We don't hide the help information, because this is amount related form thats why i mentioned, it can be mandatory. –  jelumalai Mar 9 '12 at 11:43
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.