Changes
Dialogs throughout the application should look and feel the same.
Introducing visual differentiation between items helps users to select the correct option more easily and prevent triggering the wrong action.
For the dialog, having space between the actions reduces the possibility of clicking on the wrong action. Color will also help to convey meaning (red for delete, grey for cancel)
Example button layouts:
Changes Dialogs throughout the application should look and feel the same. Introducing visual differentiation between items helps users to select the correct option more easily and prevent triggering the wrong action.
For the dialog, having space between the actions reduces the possibility of clicking on the wrong action. Color will also help to convey meaning (red for delete, grey for cancel) Example button layouts:
[ Delete (negative) | <space in between> | Cancel (standard/neutral) ]
[ <space> | Cancel (neutral) | Save/Update/Create (positive) ]
[ <space> | Cancel (standard/neutral) | Delete (negative) ]
[Cancel (delete) | <space in between> | Save (neutral)]
Additional notes
Assumptions
Acceptance Criteria
Risks? (optional)