The Education of Single Click

Ever notice how latecomers to the web will often double-click links? In my usability work, I’ve observed this happening countless times. Such activity almost certainly doubles the users risk of developing carpal tunnel syndrome (CTS). It also raises the ire of environmentalists, as it doubtlessly shortens the life of an average computer mouse by half. In order to do our part to curb this dangerous behaviour, I teamed up again with Andrey Petrov to build this simple javascript that aims to strengthen single-click behaviour.

Dialog

UPDATE: If you are using jQuery or Prototype.js, follow these examples which only affects links. Otherwise use this original version, which affects all double-clicks.

Feel free to propagate in your HTML to end the senseless double-clicking of web links forever!




  1. Ry-Tron 5.14.09 / 10am

    Would probably be nicer if the message wasn’t written to make people feel stupid for double-clicking (re: “… from the very first web browser”). Just sayin’…

  2. Ryan Feeley 5.14.09 / 10am

    The message is completely customizable allowing you to control the level of snarkiness like Mom’s controlling sugar in Kool-Aid.

  3. Beony 5.14.09 / 10am

    What’s super annoying about this though is that if I double-click to highlight text it still pops up. It would probably be nicer if it was only applied to links and/or buttons

  4. Ryan Feeley 5.14.09 / 10am

    Great idea Beony! Know a way to do this unobtrusively and elegantly in javascript?

  5. Gianni Chiappetta 5.14.09 / 11am

    Love it! My only complaint would be that it blocks the UI.

    If you use a framework such as prototype or jQuery, then making it show up just for links is fairly straight forward.

  6. Ryan Feeley 5.14.09 / 3pm

    Thanks Gianni: I updated the post and was using jQuery already for Wideslide.

  7. Lee Dale 5.18.09 / 9am

    Is there a PayPal link or other way to contribute to this cause?

Have your say

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>