Use unique Duo Chat icon on CTAs on GitLab

Context

This issue related to #470637 (closed), which proposes adding a unique icon for GitLab Duo Chat in the IDE. This issue is also related to an initiative to make AI feature CTAs and AI feature onboarding more consistent.

Problem to solve

Click to see problem to solve
Image Description
CleanShot_2024-07-19_at_14.36.45 It's important to clearly communicate what a feature will do so the user can make an informed choice if they would like to engage with the feature.
CleanShot_2024-07-19_at_14.44.25 We do not do a good job setting user expectations on the CTA of AI features. How would the user know what each of these CTAs do?

Related data an UXR

Proposal

Image Description
CleanShot_2024-07-25_at_14.34.50 Replace existing icon with new duo chat icon
CleanShot_2024-07-25_at_14.38.52 When the button is disabled, use the duo chat off icon

Implementation

Web

IDE Extensions

Next steps (FYI only, after this issue)

Click to see vision
  1. Better set user expectations by differentiating Chat CTAs from other AI CTAs. Develop a standard UI treatment for a Chat CTA in GitLab. (this issue)
  2. All GitLab chat CTAs align to the standard defined by this issue (many issues)
  3. When all features have a standard CTA, we can develop standard for onboarding and feature discoverability of chat features ( #460072 (closed)). This will help address the pain points from the UXR around learning about new features.

Standardizing the chat CTA opens the door for other potential UX improvements:

Image Description Issue
CleanShot_2024-07-19_at_14.56.41 If we have a standard for Chat CTAs, we can also develop a standard for onboarding to chat features #460072 (closed)
Edited by Austin Regnery