Difference between revisions of "Work in progress on slider redesign"

From GIMP GUI Redesign
Jump to: navigation, search
(first shot)
 
(Inkscape + Blender)
Line 7: Line 7:
 
=== Executive summary ===
 
=== Executive summary ===
  
**Is there a single most common implementation people expect?**
+
'''Is there a single most common implementation people expect?'''
  
**Is GIMP's current implementation matched by any other application?**
+
'''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.

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

Inkscape-1-0-sliders.png

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

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

Adobe Photoshop

Kdenlive