Jump to content

Colour Pallet Usability


Nidonocu

Recommended Posts

I'm wondering if some users will be confused as to how the colour pallet works as its not clear right away that you have to click the pallet after choosing add or delete to set which colour you want to delete or which square you want to set with the new colour.

As it stands, the interface is 'learnable' but not that 'discoverable'.

Ideas:

  • After clicking add or delete, the button stays depressed to indicate what function on the pallet you are about to perform. Clicking the button again deselects and cancels it.
    When you are in normal 'colour selection' mode, the cursor becomes the 'Colour Picker pippet' over the swatches (and as a side note, could a + cursor over the wheel be used to aid targeting?).
    When in add or delete mode, the cursor gains a + or - symbol near the standard cursor as required when hovering over the swatches.
    When add or delete is selected, the swatch panel is highlighted in a bold border till the operation is complete to encourage the user to point at it, when they do, a status bar help message displays the information for them to click a swatch square (along with the cursor change).

Nidonocu C:\>

Link to comment
Share on other sites

After clicking add or delete, the button stays depressed to indicate what function on the pallet you are about to perform. Clicking the button again deselects and cancels it.

Yes, it already does this ...

When you are in normal 'colour selection' mode, the cursor becomes the 'Colour Picker pippet' over the swatches (and as a side note, could a + cursor over the wheel be used to aid targeting?).

The color swatch already has an outline when the mouse is over it to indicate that it is clickable. This is not necessarily the final design for this UI though. I don't see why a + on the wheel would aid targetting, you can just click near where you want, and then drag around until you get exactly the color you need.

When in add or delete mode, the cursor gains a + or - symbol near the standard cursor as required when hovering over the swatches.

I don't believe this is the right solution for this at all.

When add or delete is selected, the swatch panel is highlighted in a bold border till the operation is complete to encourage the user to point at it, when they do, a status bar help message displays the information for them to click a swatch square (along with the cursor change).

It already highlights with a border and it blinks to remind the user where to click.

I'll probably just remove the 'delete' button. It's non-intuitive and not overly useful. You can just overwrite a color if you want to 'delete' it.

The Paint.NET Blog: https://blog.getpaint.net/

Donations are always appreciated! https://www.getpaint.net/donate.html

forumSig_bmwE60.jpg

Link to comment
Share on other sites

Yes, it already does this ...

Ah yes, I see that it does now, though I would point out it doesn't use quite as dark colours (as I didn't notice it under slightly different lighting conditions last nigh!) to indicate a pressed state as either the toolbox or the toolbars.

It already highlights with a border and it blinks to remind the user where to click.

I'll probably just remove the 'delete' button. It's non-intuitive and not overly useful. You can just overwrite a color if you want to 'delete' it.

Again, I can also see this today, but personally feel the border could be stronger or darker, just to make it more apparent. Right now, its a bit light. I also agree that removing the delete function would be fine, Paint.net's general law is not to have unneeded controls and options like that. :)

Nidonocu C:\>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...