Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve guidance around actions in toolbars #3985

Open
mmenestr opened this issue Apr 25, 2024 · 0 comments · May be fixed by #4026
Open

Improve guidance around actions in toolbars #3985

mmenestr opened this issue Apr 25, 2024 · 0 comments · May be fixed by #4026

Comments

@mmenestr
Copy link
Collaborator

We would like to improve on/ be more specific about actions on a page. After discussion in April 25 design share the general idea is as follows:

  • If the actions directly impact the table (regardless of selection), the action should be in the table toolbar. For example, "Create" "Edit row item" "Delete row item" "Export table" etc.
  • If the actions does not impact the table directly, and just impacts the general page, or is simply related to the page and context, the action should be on the top right of the page (example: Edit page header/description, Launch xyz related thing)
  • Clarify that the actions in a toolbar do not necessarily have to be related to a selection in the table (ie: Create), because that's the guidance currently in place.

Had also written guidelines around actions a long time ago that go way more in depth on when to use what kind of action button - https://docs.google.com/document/d/1TA6uBuNIyA5F1X2rmz0pSUs0vkc7TYT1Rp-_fkQg-xo/edit

That doc includes the following guidance around this:
Page wide actions
Actions that affect a page as a whole should be placed on the top right of a page, at the header level.
If getting to this page requires drilling down into an item inside a table, those actions should also appear in the row’s kebab of actions. (ie: If on a "Groups detail" page you have an action on the top right called "Edit group", then onthe Original list of Groups page, you would have the action "Edit group" in that group's row.)

Places to consider adding guidance around this:

  • Table guidelines (actionable tables, any global action mentions - there are multiple!)
  • Data list guidelines (global action mentions - there are multiple!)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Not started
Status: PR Review
Development

Successfully merging a pull request may close this issue.

2 participants