Users should receive feedback when they approve a Deployment Approval

Insight

• Participants struggled to know if a deployment approval had saved, as it didn’t show up automatically in the UI. This caused some participants to approve deployments 2 or 3 times before they were confident it was approved. When a deployment had all required approvals and this happened, the participant got an error stating the deployment no longer needed approvals.
• This caused lower ratings for the deployment approval scenario, as bugs like this affect a users perception of the UX.

Supporting evidence

• https://gitlab.dovetailapp.com/projects/3RtiWubcER9d2z5yWpMaYN/insights/present/1QKgCsheJo7X4fX1gXac9C

Action

• When a user hits approve on a deployment, we display a toast to re-assure them that the approval has gone through:

Toast

Experience Map and Figma File

Resources

• 🕊 Dovetail project
• 🔍 Research issue
• 👣 Follow-up issue or epic

Technical Proposal

Utilize GlToast to display the message.

1. Add Vue.use(GlToast) to both https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/environments/mount_show.js and https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/environments/index.js
2. Add toast calls to display success and failure in callbacks for actOnDeployment

Tasks

• Assign this issue to the appropriate Product Manager, Product Designer, or UX Researcher.
• Add the appropriate Group (such as ~"group::source code") label to the issue. This helps identify and track actionable insights at the group level.
• Link this issue back to the original research issue in the GitLab UX Research project and the Dovetail project.
• Adjust confidentiality of this issue if applicable