Live data from Hacker News

JQuery knobs

anthonyterrien.com

41–50 of 101 posts

Re: JQuery knobs

#41
post #7

Beautiful, but, when is this ever the best UX for a control (outside of sound mixers and sequencers)? (I'm expecting/hoping to get schooled on this.)

My old boss's boss once told our team that he had a dream... that on really high traffic days, our site was so well tuned, all we did was sit back and turn knobs and smoke cigars. This combined with the right backend tools brings that closer to reality. (Because i'm way too lazy to program a real graphical interface)

Re: JQuery knobs

#42
post #12

Earlier quoted context omitted.

Maybe the mousewheel can be put to use here? http://archive.plugins.jquery.com/project/mousewheel (untested)

Kind of ... the focus has to be on the number before the mousewheel works though: http://jsfiddle.net/dmethvin/gDfcY/

hmm, i was thinking along these lines: http://jsfiddle.net/gDfcY/6/

this gives NaN, tho, because I suck at javascript, but I'm sure there's something workable in there.

Re: JQuery knobs

#43
Extremely awesome. My only (nitpicky) objection: I wasn't able to do a simple

  $('#myProgressKnob').attr('value', _new_value_);
and have the graph around the edges update. The number in the center changes, but the circular part doesn't get updated (at least, for me). I really wanted to use this in my latest project (shameless plug: http://wwikt-peterldowns.dotcloud.com) but couldn't make it happen so I'm switching back over to the twitter bootstrap progress bars in the meantime.

Disclaimer: I'm a totally new to JS and could be trying to do something un-possible. Thoughts? Has anyone else been able to make this happen?

Re: JQuery knobs

#44
post #31
post #11

Earlier quoted context omitted.

In general this is probably more useful for touch devices--the paradigm of a knob is much more realistic when you're using your fingers. Though it would make a nice progress indicator regardless of touch.

The paradigm of a knob isn't that great at all. I think it's only because of the size contraints (you often need many controls) that you see knobs being used over sliders. A slider instantly tells you the current level (relative to minimum and maximum) and is very easy to adjust.

A knob also instantly tells you the current level (relative to minimum and maximum) and is very easy to adjust.

Re: JQuery knobs

#45
post #39
post #11

Earlier quoted context omitted.

In general this is probably more useful for touch devices--the paradigm of a knob is much more realistic when you're using your fingers. Though it would make a nice progress indicator regardless of touch.

Not even then. Touch interfaces pay no attention to the rotation of a single point, so this would require two fingers, and if even then, you couldn't rotate it more than 180 degrees (try it without lifting up your hand). Scrollbars seem to win as far as touchscreens are concerned. Also, it's dependent on the visual indicator. For example, to set something at 50%, you need to move the visual indicator to the 50% mark.…

Did you even try the demo? I'm using it on an iPad right now and it works great (with one finger even!).

Re: JQuery knobs

#46
The design is visually nice.

UX-wise... I never encounter controls like this, they don't look functional, and I wouldn't necessarily be likely to click one in the wild.

Re: JQuery knobs

#49
I don't like to sound negative but this looks to me the wrong way to do it.

You are redefining here a UX/UI element: The slider. Well, I like breaking the rules and innovation, but you have to care about the end user. I have been working with computers for over 10 years now, and I didn't figure out what these small circles do until I checked the HN comments.

I might be a little sleepy, it's late here; however, I have strong doubts that any Internet/Computer semi-literate will figure out what this do and how to make it works. This is the case where a 3D shadowed boundaries, little bars and gradient colors can make a huge difference and guide the user to use the tool.

Re: JQuery knobs

#50
post #7

Beautiful, but, when is this ever the best UX for a control (outside of sound mixers and sequencers)? (I'm expecting/hoping to get schooled on this.)

I'm wondering the same thing, but one consolation is that I can see these being used as indicators vs. as a control.
Post reply on HN