hackforla / hackforla/311-data

UXD - Design System Updates: Buttons

Open
#1,965 7 comments 0 reactions 1 assignee Claimed by @kiranofans View on GitHub
Complexity: Small feature: design system role: UI/UX Design size: 2pt
Dominant language
JavaScript
Stars
73
Forks
74
PR merge metrics
No merged PRs in 30d

Description

### 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.