FY21Q4 Foundations KR2: Audit and update buttons on ProjectsController#show

"FY21-Q4 UX Department: Foundations SubTeam OKR

Objective: Ensure designers have what they need to feel confident utilizing the correct button variant, position, placement, and hierarchy.

KR2: Provide examples of correct button usage by auditing and updating the top 40 most visited pages


Audit and update buttons found on ProjectsController#show. An example of this page can be found here: https://gitlab.com/gitlab-org/gitlab

Follow the instructions from the parent epic and provide before and after screenshots below:

Before After
Info variant Clone_before Confirm variant and spacing update Screen_Shot_2021-02-18_at_10.34.00_AM
Mobile_clone_before Screen_Shot_2021-02-19_at_4.28.53_PM
History_before Screen_Shot_2021-02-19_at_4.29.54_PM
Screen_Shot_2021-02-18_at_3.41.38_PM Screen_Shot_2021-02-25_at_1.02.46_PM
Screen_Shot_2021-02-18_at_3.42.05_PM Screen_Shot_2021-02-18_at_3.07.48_PM
  • Audit the entire page, noting how each button is being used. This may mean adding content in order to fully fill out the page.
  • Make any updates needed in an MR in order to align all buttons on the page with the guidelines written in Pajamas. This includes using the correct category, variant, positioning, placement, and hierarchy.
  • If substantial changes are necessary, connect with the designer responsible for that area of the application so they are aware of the upcoming changes.
  • Add before and after screenshots to your issue and MR.
  • If no changes are necessary, still add screenshots to your issue. These will serve as examples for other designers. Make a note that no changes were needed.
  • For all issues (even if no changes are needed), ping another Foundations member for review.
  • Once the issue/MR has been reviewed and merged (when applicable), close the related issue.
Edited by Jarek Ostrowski