AYON Web App Keyboard Shortcuts

Current Navigation Shortcuts

Name Shortcut (key) Action
Home - Dashboard h+h navigate to ‘/dashboard/tasks’
Studio Settings s+s navigate to ‘/settings/studio’
Project Settings p+p navigate to ‘/manageProjects/projectSettings’
Project Anatomy a+a navigate to ‘/manageProjects/anatomy’
Bundle Settings b+b navigate to ‘/settings/bundles’
Users Settings u+u navigate to ‘/settings/users’
Events e+e navigate to ‘/events’
Services v+v navigate to ‘/services’
Addon Market m+m navigate to ‘/market’

Current Menu Shortcuts

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

Editor Page Shortcuts

Name Shortcut (key) Action
New Folder n Open add folder dialog
New multiple folders (sequence) m Open add sequence dialog
New Task t Open add task dialog

Bundles Page Shortcuts

Name Shortcut (key) Action
New Bundle n Start creating a new bundle
New Addon a Open addon install dialog
New Launcher l Open launcher install dialog
New Package p Open package install dialog
Bundle Production shift+P Sets selected addon to production
Bundle Staging shift+S Sets selected addon to staging
Duplicate Bundle shift+D Duplicates selected addon
Select All shift+A Selects all addons when editing/creating bundle

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.

Small update, after extensive testing we will be moving back to a less opinionated and more obvious layout.

Sorry @Yul, we tested having all of the shortcuts on the left but the learning curve was just too high and it restricted it to the most power of power users. Trying to explain why “s+s” goes to settings but “p+p” doesn’t go to project settings is awkward and confusing.

Nevertheless thank you for the feedback and suggestions! If it really bothers you then you are free to make a fork of the FE codebase GitHub - ynput/ayon-frontend: Codebase of AYON server web interface and customize it yourself in this file shortcutsContext.jsx.

Latest changes

Name Old Key New Key Action
Unchanged
Studio Settings s+s navigate to ‘/settings/studio’
Events e+e navigate to ‘/events’
Dashboard d+d navigate to ‘/dashboard’
Project Menu 1 Toggles the project menu open/closed
Changed
Users Settings f+f u+u navigate to ‘/settings/users’
Project Settings a+a p+p navigate to ‘/manageProjects/anatomy’
Help Menu 3 8 Toggles the help menu open/closed
User Menu 4 9 Toggles the user menu open/closed
Logout 4+4 9+9 Logs the user out
App Menu 5 0+0 Toggles the app menu open/closed
Removed
GraphQL q+q navigate to ‘/explorer’
API w+w navigate to ‘/doc/api’
1 Like

Hello,

I will not make a fork just for a few shortcuts, it seems overkill :sunglasses:

So I will use d+d and then mouse-click on “Project Settings”.
It’s longer than a+a, but I’m sure I will never use p+p as long as I need to have a mouse :stuck_out_tongue_winking_eye:
EDIT : but I cannot use it anymore, as d+d now leads to /dashboard/tasks instead of /manageProjects/dashboard, so I cannot access to other project settings from there.

Thanks for letting me know :slightly_smiling_face:

1 Like

Hi :slightly_smiling_face:

With the latests changes, d+d doesn’t lead to /manageProjects/dashboard anymore, it now goes to /dashboard/tasks, so it cannot be used to quickly access tabs of the Projects Settings anymore.

There are 2 big areas :
-Studio Settings, containing these tabs : Bundles, Studio Settings, Site Settings, Users, etc…
-Projects Settings, containing these tabs : Anatomy, Project Settings, Site Settings, Roots, etc…

There are 2 shortcuts that lead to tabs in Studio Settings (/settings/) : s+s and u+u.
There is only 1 shortcut that leads to Projects Settings (/manageProjects/) : p+p.

Could you add a second one, for example a+a to lead to Anatomy (a tab of the Projects Settings), please ?
It would open /manageProjects/anatomy
And it respects the rule “use a shortkey which is the first letter of its target”.

Then p+p could lead to /manageProjects/projectSettings again (it’s easier to remember, as project begins with p).

Thanks for the feedback, these new shortcuts are in the latest release.

Thanks a lot !!! :smiley: :trophy: :sparkling_heart: