TP1 - Integration nav discoverablity

[sjcox-rh]

This is in response to Christina Lin's email in regards to going back and forth within an integration workflow.

I know the intent is to have the ability to click on start and finish within the integrations panel to revisit that step of the workflow, but the current build doesn't allow that so that could be a big part of her confusion.

Also, just want to make sure that the integration panel utilizes hover states on items that are clickable (start and finish connection and sub items). That would give an additional hint to the user that you could interact with those items.

Just met with @dongniwang and @amysueg and we discussed potentially bringing back the full sub menus under each connection within the integration panel (shown below).

This way the user could click on each sub step as any time (when the menu is expanded) to go back and change something. Currently we hide additional sub steps once the user has completed them, but by showing them, it might be more obvious that you can interact with that panel to go back and forth.

Also, would it be possible to always show the "cancel" button in the toolbar? This way, if all else fails, it's easy to exit the flow and start over.

[rhuss]

Sounds like a good solution to me. I wonder whether we can make the use case "Oh shit, I've chosen the wrong connection and what to cancel this (without cancelling the whole integration)" more accessible. I know, this could be achieved by just pressing "Choosing a connection" again, but maybe an extra "Cancel connection" button on step 2 and 3 (choose an action & configure action) is more intuitive?

BTW, is this an older screenshot ? Because I think it mixes "Connectors" and "Connections" here (this are different entities, this page is only about "Connections"). Also the button "Create API Connector" confuses me here a bit, because I wouldn't expect it at this place.

[gashcrumb]

So what should the hover states on the left panel look like? Even with that the user needs to hover to know that those can be clicked. Maybe those items should look more like links?

Note that some of this stems from the summit demo when we took out the ability to go backwards through the page flow. I think the main reason was that this was done via a Back button in a sort of wizard style, but that button lived in the main toolbar (where the Cancel button is in the mockup) and then it wasn't clear what was going to happen when you clicked it, i.e. does it go back a page, or cancel out of the editor or ?

Now, when you revisit a connection (click on a configured connection in the editor) we currently go right to the action configuration if it's available. Should this instead go to the action selection page? Or even the connection select page? Should we consider having a summary page perhaps for this case that kinda branches the page flow out, i.e. I click on a connection and go to a page that has some kind of summary and then links to change connection, action or go to the connection configuration?

Or maybe each page in the flow should maintain a list of entries that link back to previous pages like underneath the page title?

[gashcrumb]

Also something to consider -> syndesisio/syndesis-ui#1136