You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: website/docs/patterns/button-organization/partials/guidelines/grouping.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
How actions are grouped can influence what the user perceives as the primary action. Actions grouped correctly can alleviate decision fatigue and help users better understand the outcome of their actions.
4
4
5
-
- Group buttons together that perform similar, related, and inverse functions. This generally refers to functions like "yes/no" or "ok/cancel."
5
+
- Group buttons together that perform similar, related, and inverse functions. This generally refers to functions like "yes/no" or "ok/cancel".
6
6
- Inverse grouping generally helps users to make decisions quicker as their options are limited.
7
7
- As a best practice, tertiary actions should only be used if they help the user make a decision (linking to a different area of the application or documentation).
8
8
- Presenting the user with more than one action in this context can be confusing and force the user to question whether they are making the correct decision. Read more about [Hick's Law](https://www.interaction-design.org/literature/article/hick-s-law-making-the-choice-easier-for-users).
Copy file name to clipboardexpand all lines: website/docs/patterns/button-organization/partials/guidelines/order.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -58,7 +58,7 @@ User edits the settings of a cluster:
58
58
59
59
A possible exception to this ordering method is in multi-step and progressive flows in which buttons fulfill both a functional purpose (create or edit something) and a navigational purpose (proceed, go back).
60
60
61
-
- The **directionality** and positive outcome of the overall flow are reinforced by the button order and grouping
61
+
- The **directionality** and positive outcome of the overall flow are reinforced by the button order and grouping.
62
62
- In a multi-step flow, this type of pattern would persist on the page; the repetitiveness acts as a form of consistency scoped to the feature the pattern is used in.
@@ -69,7 +69,7 @@ As the viewport size shrinks, buttons should stack vertically in accordance with
69
69
70
70
- This naturally adheres to our ordering guidelines; button order remains the same, except the container is vertical rather than horizontal.
71
71
- This reduces complexity in engineering.
72
-
- This ensures our applications meet accessibility conformance in [making the DOM order match the visual order](https://www.w3.org/TR/WCAG20-TECHS/C27.html)
72
+
- This ensures our applications meet accessibility conformance in [making the DOM order match the visual order](https://www.w3.org/TR/WCAG20-TECHS/C27.html).
0 commit comments