Enhance UX of Launch Instance Form

Registered by Cédric Soulas

The Launch Instance form is probably one of the most used in Horizon. Several UX enhancements are possible to make the launch of instances quicker to execute, easier to understand for new users and fun.

This blueprint will discuss about general topics around the UX of this form.
This blueprint is NOT about adding more features in the form or improving UX of other forms.

Several other blueprints will be added for more specific UX discussions about this form, with dependencies between them.

Blueprint information

Status:
Complete
Approver:
David Lyle
Priority:
High
Drafter:
Cédric Soulas
Direction:
Needs approval
Assignee:
Maxime Vidori
Definition:
Superseded
Series goal:
None
Implementation:
Good progress
Milestone target:
None
Started by
Cédric Soulas
Completed by
David Lyle

Related branches

Sprints

Whiteboard

[soulascedric 2013-10-08]
First mockups are almost done and collaborative draft on google doc in progress.

[soulascedric 2013-10-11]
Live prototype available: http://cedricss.github.io/openstack-dashboard-ux-blueprints/launch-instance

Draft on Google Doc: https://docs.google.com/document/d/1hUdmyxpVxbYwgGtPbzDsBUXsv0_rtKbfgCHYxOgFjlo

Summary of general enhancements suggested in the first part of the draft:
1/ use all the screen space available (remove modal)
2/ add a breadcrumb (step by step form validation) (see related blueprint https://blueprints.launchpad.net/horizon/+spec/wizard-ui-for-workflow)

Read the following blueprints for more specific aspects:
- Enhance the Selection of a Flavor and an Image: https://blueprints.launchpad.net/horizon/+spec/image-flavor-selection-ux-enhancement
- Enhance UX of Instance Boot Source: https://blueprints.launchpad.net/horizon/+spec/instance-boot-source-enhancement

Gerrit topic: https://review.openstack.org/#q,topic:launchinstance_reflow_first_step,n,z

Addressed by: https://review.openstack.org/69822
    reflow LaunchInstance details tab and use a table to select flavor

Gerrit topic: https://review.openstack.org/#q,topic:bp/s,n,z

Addressed by: https://review.openstack.org/86089
    Horizon new lauchn instance form

[jpich 2014.06.10] Moving milestone to j-2

[david-lyle 2014.07.14] Moving milestone to j-3

Gerrit topic: https://review.openstack.org/#q,topic:bp/launch-instance-ux-enhancement,n,z

Addressed by: https://review.openstack.org/108623
    Add an angular directive for a wizard

[david-lyle 2014.08.19] Moving to Kilo, not quite ready

[TravT] New mockups are available here: http://invis.io/BE1KWILPQ (please add your name / IRC handle if you leave comments so we can follow up)

[david-lyle | 2014.12.12] This has been combined into https://blueprints.launchpad.net/horizon/+spec/launch-instance-redesign

(?)

Work Items

Dependency tree

* Blueprints in grey have been implemented.