UXD - Design System Updates: Buttons

[cottonchristopher]

Overview

We need to audit and evaluate the type buttons in our design system to remove inconsistency and provide uniformity to facilitate smooth and clear user interaction and navigation through the site

Action Items

• [x] utilize a new figma page (e.g. Design System Review: Buttons) to perform the following tasks:
  • [x] audit / verify Buttons in hand-off page
  • [x] create a general and informal guide with examples of when to use what
• [x] identify/confirm the appropriate Button library and create a loose guideline for Button expansion moving forward as need for future Buttons arise
• [x] research and recommend if current Buttons used are sufficient or should be updated

---

Designer Resources

• https://atomicdesign.bradfrost.com/chapter-2/
• https://www.nngroup.com/articles/button-states-communicate-interaction/
• https://www.captain-design.com/blog/5-a-guide-to-design-buttons-for-your-design-system/
• https://m3.material.io/components/buttons/overview

See comment for hand-off: https://github.com/hackforla/311-data/issues/1965#issuecomment-3342245016