Feature/UX: improvements

[hcabel]

Hi I've used your website and here couple of improvement you could make(or not) that I think will help users use your website more efficiently.

The Key popup UI:

Closing

The cancel button suck: too close to "Okay" button and it doesn't look enough like a secondary button.

You should get rid of it and add a little cross icon on the top left corner to exit without saving
Should also be triggered when the user press ESC

At least: add a border around it and a bit more spacing

Confirming

I recon "Okay" is to vague, something like "Apply" would be more descriptive.
Should be triggered when the user press ENTER

Easier way to clear keys

I think a way to clear keys would be great

No much idea for how to do it though, but here are some though:

• Empty/Clear button in the Key popup UI
• In the main UI, some kind of cross icon for each key (top left corner)
• In the main UI clicking on a key with CTRL or SHIFT pressed
• in the main UI a list of trans/none keys that can be drag and drop to be assigned
• Pressing DEL or BACKSPACE during key popup UI

Easier way to assign key press

Key press is one of the thing your users will do the most, it be great to be able to do this quickly

Some thoughts:

• Pressing a key would assign this key as a key press
• A button to assign "&kp" behavior quickly (maybe make it the default when the key is trans/none)
• Right after selecting "&kp" behavior, any key pressed will be assign (don't close the popup for this though)

Moving keys

Sometime I assign a key then I'm not satisfied to where it is. It's tiring to go through the process or re-assigning it somewhere else.
It be great if we could drag and drop it to where we want, and if it's already assign swap it automatically. (if CTRL|SHIFT is pressed it clones it?)

Remove redundant key options

When assigning a key like ESC there is multiple option to do choose from even though they're the same (ESC or Escape)
I don't think user really care about how it's written in the files, so you could get rid of strictly identical options

(this is the change i care the less about, it's fine as it is)

Key press selected should auto apply

After searching for the key press you want to assign and clicking on it does not make it obvious that it has changed
The popup should either close automatically or at least the key search panel should disappear

On the same note, since the first option is highlighted when searching for a key, ENTER should assign and close the popup automatically.

END

Thanks for reading my notes, if you have any question or want more details I'm happy to describe the problem/solutions better

[nickcoutsos]

Thanks for the feedback. I may not get to all of the suggestions but there are certainly a few easy improvements you've pointed out.

A couple of things I want to bring to your attention if you aren't already aware:

• Clicking outside of a dialog closes it without applying changes, just like clicking the Cancel button
• There's a Quick Assign mode (you can reach it from the three dot menu next to the layer's name) which allows for setting keybinds via keyboard input automatically assigning the key and advancing through the layout with each key press. It's a little more involved than that because it isn't limited to the &kp behavior

[hcabel]

My problem with the Cancel button is more about: clicking it by accident and not knowing its a secondary button.

The quick assign mode is indeed pretty good and all the other mode in this drop down. But yeah I had missed it haha. (Maybe it need to be more visible)

I could make some of those change if your down for it