A Matter of Controls Part 2

By
Dave
2010
Jul
14
23:53
Posted in

In Part 1 I showed some screenshots of a radial dial for controlling settings. I've made the following visual changes:

  • Removed the central buttons and to allow a Surface tag to control the dial position and orientation
  • Adjusted the size and fonts to use a tag 39mm in diameter (a poker chip)
  • Added a label indicating current category above the dial which can also be used to drag the dial with the mouse
  • Added a back button to the last (clockwise) segment to navigate back to the previous category
  • Added a ring to the centre of the dial to indicate dial focus when more than one dial is present. The arc segments around the outside indicate item segment focus for a given dial
  • Added highlighting to show selected or pressed item states
Bool dial

Figure 1. Radial control for boolean settings

Tagged with
Share
Comments (3)

Comments

By
Chris
2010
Jul
15
08:34
It looks good Dave! I liked the 'back' button in the middle on your previous incarnation, looked more obvious to me...
By
Dave
2010
Jul
15
11:00
Thanks Chris. I agree that the button seemed more at home in the centre, but I needed the space for a tag. I might look at making the "Back" text more obvious, and/or inlcuding an image of some sort, or even some breadcrumb category-history links along with the current category title, which may be more intuitive...
By
Chris
2010
Jul
19
09:13
Maybe making the Back button slightly smaller / bigger (as in poking in/out of the circle, not a bigger angle) could be a nice cue... ahh, who am I kidding, I have the design skills of - well - a bad designer :)

Add Comment

*
*
*
Captcha
*