UX Design: Connection Template

[sjcox-rh]

This is a...

[X ] Feature request
[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Documentation issue or request

The problem

As new connections are added into iPaaS, would be helpful for UXD to provide a design template for connections that UI team can use going forward.

Expected behavior

Creation of a design template that can be used as a reference for future new connections as then get added to iPaaS. This will be the first contribution to the styleguide being created.

Screenshot

Coming soon.

Request and Response Data

API Endpoints and Schemas

Tasks involved / Steps to Reproduce

1. Design Template
2. Review with UXD
3. Review with UI
4. Revise based on Feedback and finalize

[amysueg]

Awesome! Can't wait, this is going to be really helpful for the UI devs.

[amysueg]

Based on the current planning conversations, this story is important. While planning for additional connectors, it's clear that having a UX guide in place for new connectors will be really helpful. Thanks, @sjcox-rh !

[sjcox-rh]

Please view the latest designs for the Connection Template found in our design tracker

This template should act as a resource for new connectors being added into iPaaS.

@kcbabo @gashcrumb @kahboom @seanforyou23 @amysueg @paoloantinori @dongniwang @michael-coker @chirino @zregvart

[zregvart]

The Configure connection screen depicts a non-OAuth connection flow, should there be a template that screen when using OAuth connection flow? See current designs.

The screen of the connection details page depicts details of a OAuth based connections, not all connections are OAuth based, should there be a page template for non-OAuth based connections? See the AMQ connection details page on staging.

[gashcrumb]

Added some comments to the design, overall looking good.

[TovaCohen]

Thanks SJ! I added comments on pages 5, 8, 9, 11.

[heiko-braun]

@sjcox-rh what's the status of this? Does the latest design for the Connection Template satisfy our needs?

[gaughan]

Looks great. UX Approved by PM

[gashcrumb]

Overall looking good but there's a number of comments in invision that I think need to be addressed, so I don't think this is ready yet.

[sjcox-rh]

Sorry for the delay in this but here is V2 of the connection template that hopefully addresses all the comments and feedback received from V1!

https://redhat.invisionapp.com/share/NKMXKRVJG93

Please review when you have time, thank you!

@gashcrumb @gaughan @kcbabo @amysueg @dongniwang @seanforyou23 @michael-coker @paoloantinori @TovaCohen

[amysueg]

@sjcox-rh I added a comment and noticed a few others from @zregvart and @gaughan

Thanks for your work on this!

[gashcrumb]

Commented, my comments revolved around button placement. I feel like after all this talk of button placement we need to get it right :-)

[sjcox-rh]

Version 3 of Connection template based off the last round of comments. Thanks everyone for your feedback!

https://redhat.invisionapp.com/share/VZN4L63RS5D

Please review when you have time, thank you!

@gashcrumb @gaughan @kcbabo @amysueg @dongniwang @seanforyou23 @michael-coker @paoloantinori @TovaCohen

[TovaCohen]

This LGTM. Thanks SJ!