Page 1 of 1

Usability: Spin buttons everywhere

Posted: Tue Jul 08, 2008 3:37 pm
by helmut
In XnView 1.93.6, in many dialogs of XnView spin buttons for increasing and decreasing values are available. In some dialogs there are no spin buttons. I suggest to provide spin buttons whereever possible. It's convenient for mouse users and helpful if you want to apply a small delta to existing input values.

Some dialogs which clearly should have spin buttons:
Custom Selection (Edit > Set Selection Size > Custom Selection)
Grid settings (View > Grid settings)
Automatic Crop (Image > Automatic crop...)
Set dpi (Image > Set dpi...)

Re: Usability: Spin buttons everywhere

Posted: Wed Jul 09, 2008 6:43 am
by Troken
helmut wrote:In XnView 1.93.6, in many dialogs of XnView spin buttons ...
What is a spin button?

Posted: Wed Jul 09, 2008 1:27 pm
by JohnFredC
Support++

Posted: Wed Jul 09, 2008 4:54 pm
by helmut
These are spin buttons:

Image

Posted: Wed Jul 09, 2008 7:15 pm
by JohnFredC
Some spin buttons have two modes: "fine" and "coarse" depending on how long you hold the mouse button on the arrow.

Some Corel products have a cool mode where you click and hold inside the spin button and move the mouse. The control value changes proportionally to your mouse movement.

Sometime it's little things like spin buttons that can make all the difference.

Posted: Wed Jul 09, 2008 7:23 pm
by helmut
JohnFredC wrote:... Sometime it's little things like spin buttons that can make all the difference.
Yes, good usability is when even the very minor things work smoothly and as you would expect.

Posted: Wed Jul 09, 2008 9:05 pm
by XnTriq
JohnFredC wrote:Some Corel products have a cool mode where you click and hold inside the spin button and move the mouse. The control value changes proportionally to your mouse movement.
CorelDRAW v11:
  • Image
CodeProject (The Ultimate Toolbox GUI Classes » [url=http://www.codeproject.com/KB/MFC/UltimateToolbox_GUI.aspx#Spin_Control]Spin Control[/url]) wrote:The class COXSpinCtrl is a class that extends the MFC class CSpinButtonCtrl.
It extends the functionality of the common control (spin) that is being wrapped by MFC.
Apart from the two buttons (up and down) it shows a small rectangle (spin thumb) in
between these two buttons. When the user clicks and holds this rectangle, the mouse cursor
will change shape, and he can drag the mouse to increase or decrease the value. Up and down
buttons have the same effect as the standard control. Extended functionality can be
switched off (even at run-time), so COXSpinCtrl can be used as the standard spin common
control. Functionality of CSpinButtonCtrl is completely supported by COXSpinCtrl.
Photoshop v6 (Opacity) / Fireworks v4 (Dither) / Paint Shop Pro v9 (Zoom):
  • Image Image
    Image

No buttons---

Posted: Thu Jul 10, 2008 11:21 am
by Clo
:arrow: XnTriq

:) Hello !

• In GreenFish Icon Editor, you get the same without spin buttons !
- Just hold the mouse button beside the field of the value , and move it horizontally:
The further, the higher, indeed proportionally !
- It's a very convenient gesture feature… ;)

:mrgreen: KR
Claude
Clo

Posted: Thu Jul 10, 2008 1:03 pm
by JohnFredC
Important to continue to have ALL methods of controlling the value.

For instance, in Adobe LightRoom, there are text entry boxes and paired sliders for many adjustments. But no spin buttons! In many cases, this causes a problem for precision of adjustment, an issue encountered in many softwares:

In Corel PaintShop Pro, for instance, the sliders are cool, but their action is linear. This means that for values between 0 and 100, it is nearly impossible to use the sliders to set a value less than 10. Unfortunately, on some controls in that product, the most frequently used values are in the range that is frustratingly difficult to set with the slider.

This would seem to contradict the intended usefulness of the slider.

Some method for intelligence of proportionality (or taper) of adjustment caused by the mouse movement is essential for the usability of spin controls and their relatives.

Wide active area---

Posted: Thu Jul 10, 2008 4:02 pm
by Clo
:arrow: JohnFredC

:) Hi John !

• The method I quote above provides a very wide hot area, so it's easy to set a precise value,
i.e. the size of an icon¦image pixel by pixel.
- Also, on one hand, that makes a clearer interface, but on the other hand it should need some marking off,
the “virtual” slider being indeed invisible…
- I discovered that by chance, and added it in the French Help of that programme.
- Of course, only something like <— +– —> (as an addition to the normal text string) could do the trick…
Possible in Delphi ;)
- There is a <-||-> cursor appearing on the hot area, though, but it's not sufficient, IMHO.

:mrgreen: KR
Claude
Clo

Posted: Thu Jul 10, 2008 9:25 pm
by helmut
XnTriq wrote:
JohnFredC wrote:Some Corel products have a cool mode where you click and hold inside the spin button and move the mouse. The control value changes proportionally to your mouse movement.
CorelDRAW v11:

Image
I have Corel Draw 10 and also like that approach. Let's first have spinbuttons everywhere and later further improve with sophisticated spinbuttons.