Difference between revisions of "Work in progress on slider redesign"
Prokoudine (talk | contribs) (first shot) |
Prokoudine (talk | contribs) (Inkscape + Blender) |
||
Line 7: | Line 7: | ||
=== Executive summary === | === Executive summary === | ||
− | + | '''Is there a single most common implementation people expect?''' | |
− | + | '''Is GIMP's current implementation matched by any other application?''' | |
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead. | As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead. | ||
Line 18: | Line 18: | ||
=== Inkscape === | === Inkscape === | ||
+ | |||
+ | [[File:Inkscape-1-0-sliders.png]] | ||
Drag = regular changes | Drag = regular changes | ||
Line 24: | Line 26: | ||
Ctrl + Drag = Constraint to a step of 10 | Ctrl + Drag = Constraint to a step of 10 | ||
+ | |||
+ | Click to set to position = yes | ||
+ | |||
+ | Numeric input = by editing an entry field next to the slider | ||
+ | |||
+ | Increment buttons = to the right of the entry field | ||
+ | |||
+ | === Blender === | ||
+ | |||
+ | [[File:Blender-2-80-sliders.png]] | ||
+ | |||
+ | The label is to the left of the slider, outside. | ||
+ | |||
+ | Drag = regular changes | ||
+ | |||
+ | Ctrl + Drag = Constraint to a large step | ||
+ | |||
+ | Shift + Drag = Smallest changes | ||
+ | |||
+ | Click to set to position = no, enables numeric input instead | ||
+ | |||
+ | Numeric input = by single/double-clicking inside the slider | ||
+ | |||
+ | Increment buttons = to the left (decrease) and to the right (increase), visible only on hover (not always available though) | ||
=== Affinity Photo === | === Affinity Photo === |
Revision as of 11:25, 25 January 2019
This WIP focuses on redesigning sliders used in tools' filters' options.
Contents
Types of interaction
Existing implementations
Executive summary
Is there a single most common implementation people expect?
Is GIMP's current implementation matched by any other application?
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.
Krita
MyPaint
Inkscape
Drag = regular changes
Alt + Drag = very small changes
Ctrl + Drag = Constraint to a step of 10
Click to set to position = yes
Numeric input = by editing an entry field next to the slider
Increment buttons = to the right of the entry field
Blender
The label is to the left of the slider, outside.
Drag = regular changes
Ctrl + Drag = Constraint to a large step
Shift + Drag = Smallest changes
Click to set to position = no, enables numeric input instead
Numeric input = by single/double-clicking inside the slider
Increment buttons = to the left (decrease) and to the right (increase), visible only on hover (not always available though)