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 recently caught "Where Good Ideas Come From" by Stephen Johnson on Alex Hillman's blog, and was intrigued by Alex's unique implementation of a 'like button'.

Behaviour

The element's initial state:

Kudos initial state

Hovering over the element with a mouse cursor or touching and holding on a touch device, the dot grows with the 'don't move' cue (which is huge on touch devices):

Kudos growing state

Once the circle fills, which takes about 1.5 seconds, the button is 'clicked':

Until full

Why?

It seems odd that one would want to make giving kudos slightly more difficult than it otherwise could be. Aside from the obvious answer*, why would one implement this type of user interface behaviour (for what I interpret to be an action without negative consequences)?

* The obvious answer (something I'm also somewhat guilty of with my new site design) is implementing something interesting and different just because it's interesting and different.

share|improve this question
1  
I strongly suspect it's just meant to be a cute unique interaction. They're also not the sort of blog network to want maximum usability for non-techie audiences. –  Ben Brocka Sep 11 '12 at 4:26
1  
I’d be wary of an interface that needs to give me updated instructions to be used correctly (the “don’t move”). –  Konrad Rudolph Sep 11 '12 at 12:14
1  
touching and holding on a touch device - This makes it much more difficult to do accidentally –  Izkata Sep 11 '12 at 14:26
3  
@msanford Not being able to undo it (as I've occasionally seen with Facebook "like" buttons on news sites) makes it look like you're fishing for undeserved "like"s. Definitely a negative. This makes it obvious you can stop if you hit it accidentally. –  Izkata Sep 11 '12 at 14:57
4  
I wonder how many undeserved kudos this blog got from people here who wanted to see what this does –  3Doubloons Sep 12 '12 at 21:16

5 Answers 5

up vote 22 down vote accepted

Harry Brignull has an interesting post about adding artificial delays to increase perceived value which was inspired by a Hacker News post about locksmiths and their theatrics. In a nutshell:

Purposefully adding a delay to a service may increase perceived value.

In this case, the trivially longer time that it takes to "like" could possibly give the contributor a more invested feeling in contributing "kudos".

share|improve this answer
    
Aha! I had a slight inkling that it might have to do with perceived value. So a timed like button is akin to adding weights to your electronics: lightweight is cheap. And +1 for the articles! –  msanford Sep 11 '12 at 4:25
1  
Just a theory... Interestingly, flattr.com throws in micro-payments with the like to add actual value. Not too sure how well they're doing, though. –  Luke Charde Sep 11 '12 at 4:28
3  
Their choice in the word "kudos" is interesting - almost akin to "applause"... where 1 clap is an insult. You have to give at least 3 or 4 claps to be legit. –  Luke Charde Sep 11 '12 at 4:40
    
Oh yeah, that reminds me of the spin loops programmed into the earliest spreadsheets, because the accountants didn't trust the results because of the speed of the calculations... –  Marjan Venema Sep 11 '12 at 7:52
1  
Not sure I agree with a delay (simply meaning taking longer) increasing perceived value at all, but the animation makes it more of an experience than clicking a button. I don't buy "invested feeling" but I buy "It's sorta neat". –  Ben Brocka Sep 11 '12 at 12:32

It's a text book example of pattern interrupt combined with an embedded command. A persuasion technique employed in "Neurolinguistic Programming". (NLP). I am not a practitioner of NLP but I recognize the pattern. You don't expect the response to the hover, it catches your attention and holds you there with the embedded command: "Don't move". the animation adds a pinch of gameification. Overall very effective really.

share|improve this answer

I would like to add (as a community wiki) a response I received via twitter from a software engineer friend of mine:

@msanford A person becomes more invested in their choice when the choice requires more effort to make. Keeps them hooked into what they did.

share|improve this answer

I think the answers here are very good, and I'd like to add another point. There could be a purely aesthetic benefit to having the beautiful delayed animation on the button. The user could feel compelled to keep hovering (or pressing ) to simply see what happens and to get the ‘reward’ of a beautiful animation which they essentially made happen (I was guilty of hovering and deactivating a number of times just to see it). This ‘reward’ also makes the action much more memorable and therefore would make the user more likely to use the feature in future.

One negative point is when using this hover technique in a browser is that it is easy to activate it by accident. Although it is technically harder to complete the action than a simple point and click (users tend to use the mouse as a focal point and hover over a button whilst deciding to click or not). This could be a bit of a ‘dark pattern’ and implemented intentionally as the ‘KUDOS’ button would sometimes be activated by accident and the article gets more ‘KUDOS’ points without actually earning them.

share|improve this answer

Another possible explanation (that also has to do with value to an extent); is because a user can give kudos multiple times in one siting, (unlike 'like' or 'upvote' that can only be done once per user), 2 problems arise:

  1. the value of a kudos approaches 0, as a user can hammer away at their mouse and rank up an insane number.
  2. Robots can give kudos, unhampered.

A delay can be relevant in this way to any instance where a user can perform the same interaction over and over again in one sitting. Consider that in the stack exchange you must wait a small amount of time between posting comments. Its not so much to add a sense of value to the comment, as it is to prevent abuse.

However, preventing abuse is a form of preserving value. Its not based on user perception through interaction, but in preventing de-valuing users behaviors.

If the goal of the delay is to prevent abuse, then I would argue the delay is on the wrong side. The first "kudo" should be instant, and then make you wait to perform additional "kudos" . After, say 10 seconds, the system should reset making a "kudo" instant again. This way the abuse problem can be mitigated without demanding a delay in the ui.

share|improve this answer

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.