AYON Web App Shortcuts RFC

I think it’s about time that the AYON web app supported shortcuts!

I’m starting this thread to document and get feedback on the new shortcuts in the AYON web app.

Page Navigation

  • These shortcuts are all based on double key presses and take you to a specific or general page.
  • For example double tap the “s” to navigate to settings.

Current Navigation Shortcuts

Name Shortcut (key) Action
Studio Settings s+s navigate to ‘/settings/studio’
Users Settings f+f navigate to ‘/settings/users’
Dashboard d+d navigate to ‘/manageProjects/dashboard’
Project Settings a+a navigate to ‘/manageProjects/projectSettings’
Events e+e navigate to ‘/events’
GraphQL q+q navigate to ‘/explorer’
API w+w navigate to ‘/doc/api’

Current Menu Shortcuts

Name Shortcut (key) Action
Project Menu 1 Toggles the project menu open/closed
Help Menu 3 Toggles the help menu open/closed
User Menu 4 Toggles the user menu open/closed
Logout 4+4 Logs the user out
App Menu 5 Toggles the app menu open/closed

UI for the shortcuts

I have always hated big tables of shortcuts because they are impossible to remember and not very useful. I much prefer when shortcuts are constantly shown in context with the UI. It will be a balancing act of constantly reminding the user of the shortcut without cluttering the UI.

A great example of this is the search bar in Docusaurus.

image

I’m excited to see how these shortcuts are used, and I welcome your feedback.

I’ve been using them for a day and I’m already hooked!

I have some tweaks though. I feel the manageProject page should start with P. Just intuitively, because I tend to think of the page as projects

Also dashboard really needs to be +d. I get the logic of double tap, but still.

I personally feel that the two most important shortcuts will be the double taps.

“s+s” which takes you to settings.

The second being the default page for manage projects which is the dashboard. So either “d+d” or “p+p” or “m+m” (current).

The double tap of the same key I think is vital in creating a really easy and fast shortcut to these two main areas.

Personally my vote for manage projects would be “d+d” instead of “p+p”, purely because it’s right next to the s key. But I think anything is fine as long as it’s the same key twice imo.

Of course open to feedback :slight_smile:

Update

With the latest updates to the top nav menus there have been some new shortcuts added.

Name Shortcut (key) Action
Project Menu 1 Toggles the project menu open/closed
Help Menu 3 Toggles the help menu open/closed
User Menu 4 Toggles the user menu open/closed
Logout 4+4 Logs the user out
App Menu 5 Toggles the app menu open/closed

Hi !

We switch all the time between Studio Setting and Projects Settings.
“s+s” is perfect, as it is on the left side (without having to move the right hand from its mouse).

Could we have another double key located on the left side, which would lead to any of the Projects Settings ? (Anatomy, Project Settings, Dashboard, etc…)

Because currently the “m” letter is so far on the right that you always need 2 hands (or 1 hand but slowly because of the distance). The “m” letter is even farther on non-qwerty keyboards…

For example “d+d” or “q+q” would be perfect to access the Projects Settings.

This is a fantastic point.

Realistically you aren’t going to use a shortcut if it’s difficult to reach, even if the letter “makes sense”.

I’ll do some tests moving some of the shortcuts to be left hand friendly (sorry left hand mouse users).

If any changes are made I will post the change and update my original post. Thanks!

1 Like

I have done two things here:

  1. Moved all shortcuts to be easily accessible by the left hand within the WASD area.
  2. Removed more specific shortcuts like s+a and s+b as I believe they are too difficult to remember and inconsistent. Now all navigation shortcuts are always the same key twice.
Name Old Key New Key Action
Unchanged
Studio Settings s+s s+s navigate to ‘/settings/studio’
Project Menu 1 1 Toggles the project menu open/closed
Changed
Users Settings s+u f+f navigate to ‘/settings/users’
Dashboard m+m d+d navigate to ‘/manageProjects/dashboard’
Project Settings m+s a+a navigate to ‘/manageProjects/projectSettings’
Help Menu 8 3 Toggles the help menu open/closed
User Menu 9 4 Toggles the user menu open/closed
Logout 9+9 4+4 Logs the user out
App Menu 0 5 Toggles the app menu open/closed
Added
Events e+e navigate to ‘/events’
GraphQL q+q navigate to ‘/explorer’
API w+w navigate to ‘/doc/api’
Removed
Bundles Settings s+b navigate to ‘/settings/bundles’
Attributes Settings s+a navigate to ‘/settings/attributes’
Anatomy Presets Settings s+p navigate to ‘/settings/anatomyPresets’
Teams m+t navigate to ‘/manageProjects/teams’
Anatomy m+a navigate to ‘/manageProjects/anatomy’

The original post has been updated to latest shortcuts.

Thank you so much !!! :heart_eyes:

Please let me know how it feels. We can get away with changing the shortcuts now but it will very hard to change shortcuts later on once everyone has already developed muscle memory for them.

It feels a lot better now, thanks ! :smiley:

Be prepared, as I’m sure someone will ask you to have a shortcut editor :stuck_out_tongue_winking_eye:
But I guess it’s a nightmare to have that feature on a web app.