1

The normal use of a Checkbox is fairly straightforward. You click the box and a check appears in the box. You click again to remove the check.

I'm looking for a way to add feedback to the clicking of the box. My current idea is that you would have to click and hold down on the Checkbox and a progress bar would pop up and begin filling up. Then the item would only be checked after holding down for a given period of time, giving a sense of completion.

Sorry if this question is a bit vague, but I'm looking for not only implementation advice, but also any other ideas of how to create a sense of completion and feedback from clicking in general.

I know we're not exactly using DualShock controllers to do our clicking on the web (so haptic feedback is probably impossible), but I'm just looking to experiment with ways that we could simulate something similar.

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
Bijan
  • 904
  • 3
  • 12
  • 24
  • As you state: a check appears in the box after clicking it - how is that not feedback? – Dolph Jan 21 '11 at 15:02
  • 1
    I think he wants to add a little pizaz to the user experience. Some guy called Steve Jobs also thinks this is a good idea :p – Matt Jan 21 '11 at 15:13

2 Answers2

1

I like to use highlight to let the user know they clicked something or something happened

$foo.effect('highlight',{'color':'cyan'},300);

using jquery ui effects

Matt
  • 3,778
  • 2
  • 28
  • 32
  • This is a great suggestion. Nothing too flashy, but still some added feedback: http://jqueryui.com/demos/show/default.html – Bijan Jan 21 '11 at 15:32
0

Page explodes in fireworks everytime you click something:

$('*').click().createFirework(100,200,8,7,null,null,null,null,false,true);

Using Fireworks.js.

Dolph
  • 49,714
  • 13
  • 63
  • 88