Gradient tool - improvement

Gradient tool problem

After some UX studies +(personal experience) we identified that working with gradients can be unintuitive. The main problem is that it's not very intuitive or obvious that you need to edit step color in the fill dialog. #63 (comment 458039359)

before after
image image

My proposal

on how to improve the UX of working with gradient tool :

1. show that stops/nodes have a color

image image

2. have a tip tool/pop-up with a color slider.

I am not sure what would be the best way to activate this pop-up. here are my suggestions:

  • on hover over the step
  • after double-clicking step
  • after selecting step
  • after right-clicking on step

image

3. edit the gradient button

from the fill and stroke dialog should select the first stop on the gradeint

image

image

4 sinc gradient tool and fill and store dialog tabs

Currently there is a disconnect between adding gradient to strike or fill I think it should be sinced to the active tab in f and s panel

image

Edited by Adam Belis