SAML Linking Experience
## Problem to solve Our current messaging when a user links a SAML identity is confusing to new users. We should improve the language so a user understands what it means to link their GitLab account to SAML. | SSO zero state | GitLab sign in to connect | Signed in warning | Success | | ------ | ------ | ------ | ------ | | ![Screen_Shot_2020-11-17_at_1.44.11_PM](/uploads/b7370ecaf27e69d38b03f573d41caa3f/Screen_Shot_2020-11-17_at_1.44.11_PM.png) | ![Screen_Shot_2020-11-17_at_2.28.38_PM](/uploads/ba4fcab446cd2e42f543ca075493b646/Screen_Shot_2020-11-17_at_2.28.38_PM.png) | ![Screen_Shot_2020-11-17_at_1.43.42_PM](/uploads/b29a8509c3f2c5f2c32c9af3b4c5521f/Screen_Shot_2020-11-17_at_1.43.42_PM.png) | ![Screen_Shot_2020-11-17_at_2.29.12_PM](/uploads/e9a628b41e314de0fdb330d800496e05/Screen_Shot_2020-11-17_at_2.29.12_PM.png) | ### Intended users Anyone in a SAML enabled group! ## User experience goal Users understand: * What it means to link a SAML identity * That they need to log in * When they need to create a new account ## Proposal - The set up process is the awkward part. - Documentation fix? - Banner: You have followed an SSO link, if you have a Gitlab account you want to link to this account, Sign in with your gitlab account and click authorize. - Log in SSO panel: by linking your gitlab account (_____) to your SSO/IDP(URL) #### [Figma working file](https://www.figma.com/file/1qJsJrvT3vqn5qGqrRnmFv/271631-Saml-linking-experience?node-id=1%3A55) #### Proposed Updated Text | | SSO zero state | GitLab sign in to connect | Signed in warning | Success | | ------ | ------ | ------ | ------ | ------ | | updated text | _To access `GROUP NAME` you need to sign in with your organization's SSO credentials_ | Connect your GitLab account to your organization's SSO credentials | _Clicking Authorize will transfer ownership of your GitLab account to your Organization_ | _Your organization's SSO has been connected to your GitLab account_ | |Occurence in UI | ![Screen_Shot_2020-11-17_at_1.44.11_PM](/uploads/b7370ecaf27e69d38b03f573d41caa3f/Screen_Shot_2020-11-17_at_1.44.11_PM.png) | ![Screen_Shot_2020-11-17_at_2.28.38_PM](/uploads/ba4fcab446cd2e42f543ca075493b646/Screen_Shot_2020-11-17_at_2.28.38_PM.png) | ![Screen_Shot_2020-11-17_at_1.43.42_PM](/uploads/b29a8509c3f2c5f2c32c9af3b4c5521f/Screen_Shot_2020-11-17_at_1.43.42_PM.png) | ![Screen_Shot_2020-11-17_at_2.29.12_PM](/uploads/e9a628b41e314de0fdb330d800496e05/Screen_Shot_2020-11-17_at_2.29.12_PM.png) | | updated in UI | ![SSO_Zero_state](/uploads/6a204f3058fcfff560c0b4fe5aa0e651/SSO_Zero_state.png) | ![Sign_in_to_connect](/uploads/7d7684a1e0e03cc17efedd63a660918d/Sign_in_to_connect.png) | ![Signed_in_warning](/uploads/13159922689fb02939dbc0cf3cc7ccaa/Signed_in_warning.png) | ![Success](/uploads/8b0ed7262e52bc973a84ac5de5f3638c/Success.png) | ### Availability & Testing <!-- This section needs to be retained and filled in during the workflow planning breakdown phase of this feature proposal, if not earlier. What risks does this change pose to our availability? How might it affect the quality of the product? What additional test coverage or changes to tests will be needed? Will it require cross-browser testing? Please list the test areas (unit, integration and end-to-end) that needs to be added or updated to ensure that this feature will work as intended. Please use the list below as guidance. * Unit test changes * Integration test changes * End-to-end test change See the test engineering planning process and reach out to your counterpart Software Engineer in Test for assistance: https://about.gitlab.com/handbook/engineering/quality/test-engineering/#test-planning --> Please run the package-and-qa job to ensure all existing SAML tests are fine.
issue