Background

Surely our new UI is great, but some users might find it interesting to navigate with shortcuts and kayboard only

Proposed Tasks

This could be interesting to any UI/UX engineer, not required huge domain knowledge which usually turns down candidates.

1. Being able to navigate without mouse and use shortkey – for example when on the dashboard when the user presses T, he could be directly transitioned to Templates. Or I for infrastructure, G – global settings, H for hosts etc.. While in networks/instances/volumes press A – add item(network,volume etc). Same goes for all buttons inside a page like Instances (stop, start, destroy etc)
   
   

List of suggestions of shortcuts:

• [i] - infrastructure
• [g] - configuration->global settings
• [v] - storage->volumes
• [c] - compute->instances
• [t] - images->templates
• [n] - networks
• [a] - accounts
• [p] - projects
• [e] - events
  Please bring up this list to community mailing lists for comments and objections. Also someone could bring up more ideas

2. Confirm dialogues with key – This is not working consistently, some dialogue windows have it some do not. But surely it’ll be great if we can confirm by pressing Enter or Space and cancel by Esc.

3. Forms submission improvements – For example, when deploying instance if you simply click ok without selected network it will prompt you with error and then you’ll need to scroll back to the network place and add it. We could be more intuitive and automatically move the focus of the user back at the networks place in the form, where user can easily add or select a network.

4. Placement of buttons and forms – I’ve pointed this as debatable since it’s more of a UX discussion, which may end up with a decision ‘there is nothing to fix’. The idea is to think about questions as is this form intuitive enough, or is this button placed good, maybe there’s a more suitable place for it. Etc.

Relevant Skills

• Vue.js

Proposed Mentor

Boris Stoyanov - requirements and ideas
David Jumani - coding part
Any developer from the community - Coding issues

Difficulty

Easy

Potential Mentors

Boris Stoyanov - requirements and ideas (boris.stoyanov@shapepblue.com)
David Jumani - coding part (david.jumani@shapeblue.com)
Rohit Yadav - any help/guidance (rohit@apache.org)

Example and references

ISSUE TYPE

• Feature Idea