Usability: Spin buttons everywhere

Ideas for improvements and requests for new features in XnView Classic

Moderators: helmut, XnTriq, xnview

Post Reply
User avatar
helmut
Posts: 8704
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Usability: Spin buttons everywhere

Post 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...)
User avatar
Troken
Posts: 697
Joined: Thu Feb 09, 2006 10:18 am
Location: Sweden

Re: Usability: Spin buttons everywhere

Post by Troken »

helmut wrote:In XnView 1.93.6, in many dialogs of XnView spin buttons ...
What is a spin button?
User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post by JohnFredC »

Support++
John
User avatar
helmut
Posts: 8704
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post by helmut »

These are spin buttons:

Image
User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post 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.
John
User avatar
helmut
Posts: 8704
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post 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.
User avatar
XnTriq
Moderator & Librarian
Posts: 6512
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Post 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
Last edited by XnTriq on Fri Jul 11, 2008 2:35 am, edited 2 times in total.
User avatar
Clo
XnThusiast
Posts: 4441
Joined: Sun Oct 17, 2004 4:57 am
Location: Bordeaux, France
Contact:

No buttons---

Post 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
Last edited by Clo on Thu Jul 10, 2008 3:49 pm, edited 1 time in total.
Old user ON SELECTIVE STRIKE till further notice
User avatar
JohnFredC
XnThusiast
Posts: 2010
Joined: Wed Mar 17, 2004 8:33 pm
Location: Sarasota Florida

Post 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.
John
User avatar
Clo
XnThusiast
Posts: 4441
Joined: Sun Oct 17, 2004 4:57 am
Location: Bordeaux, France
Contact:

Wide active area---

Post 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
Old user ON SELECTIVE STRIKE till further notice
User avatar
helmut
Posts: 8704
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Post 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.
Post Reply