views:

361

answers:

2

A while ago I created a drag-over check box list which allows you to check many check boxes in a single gesture. Do you think it is viable and usable on the web where people might not know how to use it. The default behaviour still works for the individual check boxes.

A demo of it can be found here:

http://jonathanparker.com.au/Demos/default.aspx

+2  A: 

The demo definitely needs a few enhancements to make it even a little bit useful (although I am not sure if it would be enough):

  1. Allow the dragging to start somewhere that is not a check box.
  2. Allow selection by dragging over the labels as well.

This problem seems similar to the action of selecting multiple files in a file explorer like Windows Explorer. Maybe it can work like the action of selecting multiple files by dragging a rectangle shape around the items to be selected (select one corner, drag to the other corner)? This has the advantage of being similar to an interface element that people may already be familiar with.

Angela
+2  A: 

1 - The idea

The idea is nice and can probably be used in professional applications where you have direct contact with users and can explain them how things work, but not necessarily on public websites where users don't want to RTFM and are just looking for familiar behaviours. Unless it was just a sample exercise or a control meant to be included it in a control pack, it violates the YAGNI principle ;)

2 - The implementation

You certainly noticed that the implementation is buggy (at least on IE7 and FF3.1B2). Sometimes, a gesture above all checkboxes will select all of them but one or two. Moving the mouse over the div's above or below the list will stop the drag (I know it's a "feature", but it's not very user friendly). I Checked the source code and to be honnest, while it looks pretty neat, I just didn't want to deal with it because it is plain javascript. Don't you know that...

3 - Possible improvements

...you can write less and do more with a javascript library, typically jQuery. I would completely rewrite this control as a jQuery plugin. It will provide you with a lot of tools to make your code much easier to write, maintain and extend. Just try it, you'll love it. This is from a technical point of view. From a user point of view, try to make you control as familiar as possible, like what Angela suggested, windows explorer : a nice selection rectangle, the ability to use shit + click, or something like that. Finally, remember that for many windows checklistbox users, "selected" and "checked" are two different things.

ybo
It also fails in Opera (operates like normal checkboxes).
strager
Thanks for the comments. I did write this before I new about JQuery so if I was to update it I'd definitely go with a JQuery plugin. I also didn't get round to supporting all browsers. It was a "hobby" project after all.
Jonathan Parker