Moodle
  1. Moodle
  2. MDL-20095

Help tooltip: add an one-second delay to remove distraction

    Details

    • Difficulty:
      Moderate
    • Affected Branches:
      MOODLE_20_STABLE
    • Fixed Branches:
      MOODLE_20_STABLE

      Description

      I still think it is great you did the help tooltip. I did some usability testing of the login screen and the WYSIWYG editor's file api integration, and it seems some users assume there is a tooltip when you hover over the icon (they did not use the popup at all so I do not know if they expected that).

      One thing I realized though after having used the feature for a longer while myself: the implementation is not 100% in accordance with standard tooltips, after all. As you hover over question mark items accidentally, hitting them causes the tooltip with the animation to instantly appear, and this can be distracting. To me the effect is that I stop and wonder if there was something that I should have seen, I pull the mouse back towards the icon until I realize that oh, it was just the tooltip since I accidentally went over the question mark icon.

      Solution:

      • Just like now, start loading the tooltip contents instantly when the user hovers over the icon
      • Only show the tooltip, regardless of whether the contents have been loaded or not, after one second (one second delay seems to be the default in Vista http://www.google.fi/search?q=hover+delay+of+second&btnG=Search ; that is all I found quickly)

      This should remove the distraction while not slowing down users too much. The delay is expected behavior and thus it does not impede finding the help.

        Gliffy Diagrams

          Issue Links

            Activity

            Hide
            Sam Hemelryk added a comment -

            Hi Rossi, Olli is spot on with this one, much of Moodle's hover functionality uses a delay and this certainly should too.
            Could you please have a look at this and see whether you can come up with a solution for it. I'm not too sure how Nico implemented it but if you get stuck give me a yell.

            Show
            Sam Hemelryk added a comment - Hi Rossi, Olli is spot on with this one, much of Moodle's hover functionality uses a delay and this certainly should too. Could you please have a look at this and see whether you can come up with a solution for it. I'm not too sure how Nico implemented it but if you get stuck give me a yell.
            Hide
            Rossiani Wijaya added a comment -

            Sam,

            the delay value for the tooltip was set to 100 (1 millisecond). I updated the delay value to 1000 (1 second) and created patch to fix the issue.

            Rosie

            Show
            Rossiani Wijaya added a comment - Sam, the delay value for the tooltip was set to 100 (1 millisecond). I updated the delay value to 1000 (1 second) and created patch to fix the issue. Rosie
            Hide
            Rossiani Wijaya added a comment -

            Committed to HEAD

            Show
            Rossiani Wijaya added a comment - Committed to HEAD
            Hide
            Eloy Lafuente (stronk7) added a comment -

            LOL Rosie, I hope it's really only 1 second delay and not 1 minute, like the CVS commit message says!

            Ciao

            Show
            Eloy Lafuente (stronk7) added a comment - LOL Rosie, I hope it's really only 1 second delay and not 1 minute, like the CVS commit message says! Ciao
            Hide
            Rossiani Wijaya added a comment -

            oopppsss, i meant to write second.

            Thanks for the catch.

            Show
            Rossiani Wijaya added a comment - oopppsss, i meant to write second. Thanks for the catch.
            Hide
            Sam Hemelryk added a comment -

            Cool thanks Rossi

            Show
            Sam Hemelryk added a comment - Cool thanks Rossi

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: