Some thoughts on tool organisation UI



  • @b77 I can see that the developer wants to be able to release this software some time soon, however I think it would be more difficult to fundamentally change the way tool are organised when it is released, as opposed to when it is still in beta. So perhaps this is the right time to consider these things?


  • Global Moderator

    @b77 said in Some thoughts on tool organisation UI:

    Panning and zooming the view is used so much in graphics apps that their shortcuts (spacebar to pan, scroll wheel or Option-swipe to zoom) became second nature to most of us and it would be a mistake to change them. Unless you mean something else?

    I am referring to the actual tools in the tool"box" along the left side (by default) of the window, toward the bottom.

    You are in a way making my point: you are so used to the shortcuts that work regardless of tool that the tools themselves are entirely redundant and may as well not be there at all.

    @Boldline said in Some thoughts on tool organisation UI:

    VS has SO MANY awesome options available to the user and I love that - but it also needs to be efficiently usable by a newbie so the learning curve isn't too high that it scares off users. VS gets better all the time and I'm excited by what it offers - streamlining the UI is something I think we all hope to see more of

    I agree. Right now the tools in particular are so numerous and there are so many with seemingly minor differences between them that I take one look at it and almost have to force myself to even try working with the program. I spend so much time digging through the tool flyouts and trying to decipher the (to me) cryptic icons representing the tools which are so similar to each other that the icons don't really tell you anything about what they do, that it is hard to get anything done sometimes.

    @vectoradmin said in Some thoughts on tool organisation UI:

    Many of these issues are new app problems. Tools are different, arranged differently.

    That isn't an issue and should clearly be expected when working with any new software.

    The reason of having separate pressure pen and brush tools was to have quick access and better visibility of these tools.
    The pressure (maybe variable width is not a good name), tools use the tablet pressure input to generate variable width profiles for the outline.
    These could be merged, but then a clear option is needed to turn on / off pressure sensitivity. For example, there are cases when the tablet is used to draw shapes, but pressure should be ignored.

    Agreed - both options should clearly be there - but when I opened the program for the first time and tried deciphering the icons for the tools, I saw so many tools with such similar icons that it actually reduces discoverability. Why so many tools that have icons that simply look like brushes or pencils? With those tools merged it becomes clear: one brush tool so I can find it. Then I can have options for the brush in the context bar.

    With multiple tools with brushes as icons it primarily adds confusion for new users, it is not really all that helpful.

    I would keep the pen and brush tools separate for now, I think this is a classical arrangement.

    Sure... but there should be one pen tool, one pencil tool, and one brush tool. The problem is that there are so many tools that are so similar to each other that users will take longer to come to terms with which icon represents which brush tool than they would to figure out how to turn pressure sensitivity on and off with an option on the context bar.

    The Affinity products do put it on the context toolbar:

    0_1608114392325_fb982f50-9e0f-448d-852b-de8f70e9c67e-image.png

    As does Inkscape:

    0_1608114586493_51846ce0-8c67-4dda-ae17-18cbf6ca39b1-image.png

    Amadine:

    0_1608114633356_a2f8b27e-8b53-448a-b958-001aa589b53f-image.png

    All of those are quite discoverable and provide ready access to this option.

    Meanwhile with Krita and Corel Painter it is actually a property of the specific selected brush (rather than the tool), as those applications are designed for natural media painting and thus try to mimic the behavior of real-world art tools.

    But I agree that given a new app with many features, it will have a learning curve. This was also the reason why some tools were kept separate. It is more visible, and discoverable, than some hidden option.

    This is backfiring though.

    As others have stated, the app has a very nice feature set, but there is so much potential to reduce the learning curve and make it much more approachable that it would be a shame to release it like this. First impressions are important and right now it is kind of daunting to dig through all the clutter when I start seeing all of the numerous far too similar-seeming tools.

    For a time I was left wondering why there were effects brushes, why there were both Shape Effects and Image Effects panels (rather than just an Effects panel) in addition to the various effects options on the Appearance panel - but I think I am coming to terms with those at least. They add a bit to the confusion when just starting out and I think some of the bugs early on made it a bit harder but it seems to have cleaned up a fair bit by now, though it still took a bit for me to wrap my head around how all of those pieces interact with each other.

    It might actually be kind of nice if the effects brushes worked on the selected entry in the Appearance panel when there is one selected rather than always applying to the main shape. Perhaps the Image Effects and Shape Effects panels could similarly reflect the selected entry in the Appearance panel?

    Trying to look for ways for those things to play nicer together and be a bit more fluid... right now there is not only a lot of apparent overlap at the beginning but also a lot of different ways of working with otherwise very similar things.


  • administrators

    @fde101 I see your point.

    I think the various brush tools will be merged, and we will have a pen, pencil and brush tool (plus the sketch).
    I added this to the backlog. Will have a width mode in the context panel.

    As for the effect panels, I think keeping Shape and Image effects separate is important, as they are substantially different things, and have different impact on the result. Shape effects will always result in scalable curves (even when exported), while image effects must always be flattened to images (with a small exception for SVG export).

    The Appearance panel + shape effect brush tool combination is an interesting idea. The only problem is that effects on individual style items must be nondestructive, while those brushes are destructive. Maybe assigning different shapes per style (with the possibility of clearing it up) could solve this. But then it is almost like a group 🙂

    As for the active effect view in the Shape/Image effect panels, these already consider the selection in the Appearance panel, and show/edit the effect of the selected style (not the object).
    The only problem, that the interactive editors will not handle the appearance panel selection (it is in the backlog).


  • Global Moderator

    @vectoradmin said in Some thoughts on tool organisation UI:

    @fde101 I see your point.
    The Appearance panel + shape effect brush tool combination is an interesting idea. The only problem is that effects on individual style items must be nondestructive, while those brushes are destructive.

    Not sure that I follow how those are destructive?

    For example, I create a simple rectangle and give it a plain black fill; there are no effects showing in the Appearance panel or in the Shape Effects panel:

    0_1608119036287_778043f1-3ba8-4677-826b-1ecea1143eb3-image.png

    0_1608119050551_2685de15-ee71-43e3-82a0-b8b03a46c31e-image.png

    Now I select one of the brushes and click on the rectangle, maybe manipulate it a bit with the resulting handles:

    0_1608119128106_14b50124-09ea-4ac9-bd66-0c6663e8e613-image.png

    The effect shows up in the Shape Effects panel and an icon appears for it in the Appearance panel:

    0_1608119191611_2660ed74-4296-4b83-9abd-713ad16e12fe-image.png

    0_1608119200755_d8a1d113-d01a-40e4-9f33-f463da5ca59f-image.png

    With nothing selected in the Appearance panel, if I choose the button to add a new shape effect which appears at the bottom of the appearance panel and select a new effect, that effect appears right next to the one from the brush in the Shape Effects panel and pops up a window that shows both the effect from the brush and the one newly added from the Appearance panel:

    0_1608119307599_5bf31815-69bd-44d3-a827-bac180f268a5-image.png

    0_1608119324369_00aceb2d-488f-41ec-936c-47ff6a361ebb-image.png

    If I use the add button at the bottom of the Shape Effects panel I similarly see the effect in both the Shape Effects panel and the window that pops up when I click the icon in the Appearance panel:

    0_1608119394949_fe8bc0df-b9c9-46d1-aa58-f09923a629ff-image.png

    0_1608119408285_9b9cc174-91b9-4dd5-9793-6a956a8bbb9c-image.png

    That being said, I previously missed that the Shape Effects and Image Effects panels do indeed follow the selection in the Appearance panel. I thought I had been confused previously when that did not happen, but maybe that was an earlier bug or I just wasn't looking at it right - in any case it is working now, which is VERY nice.

    There are five problems or omissions from what I can see:

    • If I have an entry selected in the Appearance panel and use the Add button on the Shape Effects panel, the effect gets added to the selected entry from the Appearance panel, but the entry gets deselected which effectively hides the added effect in the Shape Effects panel until I reselect the entry in the Appearance panel. The entry in the Appearance panel should remain selected.
    • If I have an entry selected in the Appearance panel and a shape effect selected in the Shape Effects panel, then use the button on the panel to edit the effect interactively, the entry on the Appearance panel becomes deselected and the wrong effect gets edited (not the one I had selected). The entry on the Appearance panel should remain selected and the selected effect be the one that is edited.
    • If I have an entry selected on the Appearance panel and use one of the shape effects brushes, then when I click on the shape to apply the effect to, the entry in the Appearance panel becomes deselected, and the effect is applied to the shape rather than to the entry in the Appearance panel. The entry on the Appearance panel should remain selected and the effect of the brush applied to that entry.
    • If I switch from the Appearance panel to another panel that is a tab in the same area (Transparency for example) the entry in the Appearance panel remains selected; when I switch back to the Appearance panel, the entry is deselected. Switching tabs should not clear the selection.
    • If I close the Appearance panel while an entry is selected, the entry remains selected, leaving the Shape Effects panel (for example) showing the content of the selected entry which is no longer accessible by the closed panel; closing the Appearance panel probably should clear the selection. (Curiously, re-opening the panel does clear the selection, which seems to serve no purpose?)

  • administrators

    I added these to the backlog.

    A destructive effect means that the object shapes are changed as curves by the brush, and there is no editable effect to change the parameters. In this case no effect shows up in any of the panels. The object shape is changed as if it was changed by the node tool.

    A nondestructive effect is when we get an editable effect attached to the object or a style. This shows up in panels, and the parameters can be modified any time, or the effect removed.


  • Global Moderator

    @vectoradmin said in Some thoughts on tool organisation UI:

    I added these to the backlog.

    A destructive effect means that the object shapes are changed as curves by the brush, and there is no editable effect to change the parameters. In this case no effect shows up in any of the panels. The object shape is changed as if it was changed by the node tool.

    A nondestructive effect is when we get an editable effect attached to the object or a style. This shows up in panels, and the parameters can be modified any time, or the effect removed.

    Thanks, evidently we were thinking of different brushes, as the ones I was referring to do show up in the Shape Effects panel.

    Or maybe it is my terminology?

    I am referring to these:
    0_1608122140594_d32ce79a-3e0f-4b83-8c76-219b358a8844-image.png



  • @postdes said in Some thoughts on tool organisation UI:

    @b77 I can see that the developer wants to be able to release this software some time soon, however I think it would be more difficult to fundamentally change the way tool are organised when it is released, as opposed to when it is still in beta. So perhaps this is the right time to consider these things?

    I was just replying to the specific request of @fde101 about toolbox customization, which would have taken time to implement if it wasn't already available.

    So that doesn't mean I disagree that improvements can be made to the way tools are organized (also their icons) — I would just say let's not get to extreme measures like combining too many tools into one or hiding essential tools from the toolbar, as this can create problems for new and maybe also experienced users.


  • administrators

    @fde101 Those are interactive editors 🙂 and indeed they don't work with content selection now.
    this is an open bug.


  • administrators

    Forgot to add: these are the destructive shape effect brushes. These tools paint an effect to a local part of a shape (or shapes).

    0_1608125182705_destructive.png


  • administrators

    Some improvements in this area are in build 194.

    The pointer tool has been simplified, the various selection modes are available in the context panel now.

    The pencil and brush tools were also simplified. The pressure mode can be selected in the context panel.


  • Global Moderator

    Thanks, that is a big improvement. You even got the velocity option in there!


  • administrators

    Forgot to add here, but the Appearance panel selection should be considered now by the shape and image effect editors.


  • Global Moderator

    @vectoradmin

    The tools are working well now with the appearance panel items; however, am I missing something or is the elastic warp tool broken?


  • administrators

    @fde101 There seems to be a regression here, added to the backlog.


  • administrators

    Elastic warp regression is fixed in build 198


  • Global Moderator

    Yes, this seems to be working again.

    Thank you!