Krita UI refresh - ideas
Closed, ResolvedPublic

Description

Note: every idea below needs to be at least somewhat confirmed. Suggested condition: two long-term Krita contributors agree something is a problem. (Can be developers or artists like David R.). Needs to be issues with UX (impacting user experience, not just easthetical).


  1. Measure Tool vs Assisstant Tool icon
    • while they are different, they are both "tiny bit triangles"
    • they are located in nearly the same place
    • in real life, the tool that the assistant tool icon represents can be used to measure things, too...
    • in result, the user needs to remember which icon was for which tool.
      • That is experienced by and believed by Tiar, Lynx3D and Emmet
      • Proposed solution: redesign either of the icons so that (1) they're not similar, (2) neither represents something that can be identified as the other tool
      • Suggestion by tomtom - use something for perspective for the assistant tool:
      • remember that the goal is to make users brains remember it easily, it doesn't need to represent everything that can be done with the tool (vide: Wrap-around mode icon which looks interesting, even though it doesn't exactly represent how it works).
  1. Brush Presets chooser popup (from the toolbar)
    • when I'm looking for the brush editor, then I know which one it is
    • when I'm looking for the brush chooser popup, I'm not sure which one to click because my brain sees the brush icon and thinks that clicking it will get you to the chooser that is full of brush icons like that
      • that is experienced by and believed by Emmet and Tiar (although assistant/measure tool icons are more important)
  1. Snapshot docker
    • make the icon on the button to load snapshot more obvious (now it can be confusing and user can think it's a button to create a snapshot, deadly mistake...)

Related Objects

StatusAssignedTask
OpenNone
Resolvedtimotheegiet
tymond created this task.Mar 10 2021, 2:29 AM
tymond updated the task description. (Show Details)Mar 10 2021, 3:05 AM
kamathraghavendra added a comment.EditedMar 10 2021, 7:49 AM

How about a combination of a pencil (horizontal) and a ruler (vertical)

This is a very rough sketch to show what I mean

This is just quick and dirty example and needs to be improved a lot to match the current style.

Having a pencil and ruler denotes exactly the function of the tool. You have an assistant, and you snap your brush to draw, much like real life pencil and ruler.

It seems useful to include Timothee in the list of subscribers, especially since there will be another round of sponsored work by him.

Yes, I'll work on these items in my next round of sponsored work next month ;)

Deevad added a subscriber: Deevad.Mar 17 2021, 11:54 AM

Hi, here is a request for better buttons icons on the snapshot docker, especially the middle one: the camera.
The [+] makes sens for creating a snapshot, and it's consistent with the layer docker's design. No problem with this one.
But the button to load a snapshot is a camera icon: Something my brain wants to click to create a snapshot, while −danger− it loads the snapshot selected on the list (something you can't undo later unfortunately). Here is a picture:

tymond updated the task description. (Show Details)Mar 17 2021, 12:13 PM

@tymond About the "Measure Tool vs Assisstant Tool icon":

Here are the current icons after little cleanup:

They are still quite similar, so if you think the issue remains, for the assistant I propose something like this:

It combines both lines in perspective, and a circle, which are two kinds of assistant available.
And it looks like a target, which can mean "target a precise shape" which the assistant does...

What do you think?

@Deevad I've changed the load snapshot icon to this:

It's a classic load icon, with an exclamation mark as additional warning, as like you said it can be a dangerous action.
Looks ok for you?

So I've pushed the new assistant icon, I hope you'll like it too :)

Hi @timotheegiet I'm not sure if the new icon is necessary or not. The new icon for measure tool might or might not help - I'd need to test it, probably. It seems to be able to improve the situation.

The new icon for assistant tool would resolve the situation, I believe.
(Of course it does come with cost of changing icon, for example old Youtube videos (even the newest one from Ramon) will show the old icon and people will be confused. But even under that video we can add info about it, I guess).

@tymond ok, then I'll revert to the previous icon for now, and if it appears really needed I'll bring back the new one.

About "Brush Presets chooser", I've just made two commits: one to use the preset icon on the preset selector instead of the editor, and the other to fix the icon size on both buttons.
Let me know if those changes resolve the issue for you.

@ramonmiranda @Deevad : can you please give your opinion about this question, as @tymond is also hesitating about it now:

Do you prefer to keep the assistant tool icon like this (image also including the new measure tool icon, for the context...) :

Or should we change it to this one to make it more different from the measure tool:

I'm waiting for your feedback before taking the final decision.

I feel like I would prefer the new assistant icon, tbh. At least they would be very distinct then, so the muscle memory will be easier. I'm not sure, but I think like the current changes are not enough... I know there are some other people with the same issue like me, for example Lynx3d, but I don't know how common it is.

Ramon told me in PM he agrees with the change, and for him this icon "is a plane where we can locate the center easily using diagonals. that helps. so for me is helping me like an assistant"
So one more +1 for the new icon.

📷 Snapshot docker
Thank you @timotheegiet for the icons on the snapshot docker, the change is very good!
I just read all the thread (and also updated my email setting; next time I hope I'll catch notification).

🎯 Measure Tool vs Assisstant Tool icon
I also agree with the proposal here. I like the target icon. I find it very smart and well found; by using this tool user often express a desire of 'being more precise than tracing freehand' (perspective/speedline/curves/parralal).

🖌️ Brush Presets chooser popup (from the toolbar)
I also agree here; I have also this difficulties. I often misclick on it (even after 10 years! xD).
Here is a quick mockup of what I would prefer (but feel free to change anything from it; just easier for me to express myself visually):

Thanks @Deevad for the feedback.

So it's decided: the new assistant icon is validated :)

About Brush presets chooser, actually I've already fixed it too: now the brush editor has a different specific icon, and the preset selector has the selected preset icon:

hmm, that deevad's icon with gear like mechanics for the brush editor,
seems good for me. I think more people are used to that symbol to
understand that "they are going to change something." than an icon with a
couple of lines. That represent the brush editor .

The change of brush editor and list of brushes is good for me .
And about snapshot i don't have very clear my choice.

Maybe i am late but this is what i think. At last i think Krita is getting
better so no problem

El mar, 20 abr 2021 a las 17:48, David Revoy (<noreply@phabricator.kde.org>)
escribió:

Deevad added a comment.

👍 Super @timotheegiet https://phabricator.kde.org/p/timotheegiet/ !

*TASK DETAIL*
https://phabricator.kde.org/T14190

*To: *timotheegiet, Deevad
*Cc: *ramonmiranda, Deevad, rempt, timotheegiet, kamathraghavendra,
Krita, emmetoneill, mwein, scottpetrovic, tymond, npofsi, ciamar, confifu,
unbound, fonkle, jasperh, ashwind, jacobhe, razcore.art, tusooaw,
jhoolmans, amedonosova, eoinoneill, keeganh, stevenp, hellozee, jbaran,
rchakrabarti, peterkovar, zilong, razvanr, char1a, dimitard, hanu,
bloodywing, franciscofernandes, jose.arroyo, bruceoutdoors, qwer_ty,
rjquiralta, Abella, alvinhochun, ali-mohamed, jospin, justmesr, irinarempt,
raphaelc, nicholasl, vanyossi, tokiedian, Bollebib, jounip, woltherav

timotheegiet closed this task as Resolved.Apr 20 2021, 6:23 PM

After a little discussion on irc, I decided to update again the brush editor icon, here is how it looks:

Thanks all again for the feedback, I'm now closing this task as resolved :)

I like the new icon. Thanks!