Increase Spacing Between Delete and Share Buttons in Files App
- /e/ version: 3.0-t
- Device model(s): beyond2lte
Summary
In the Files app, the Delete
and Share
buttons are placed too close to each other on the top action bar, increasing the risk of accidental taps.
Description
What is the current behavior?
When a file is selected, the Delete
and Share
icons appear adjacent to each other in the top-right corner. Due to their proximity, it is easy to accidentally tap Share
when intending to delete, or vice versa. This proximity is especially risky on higher resolution screens or during one-handed use.
What is the improved behavior?
Introduce more spacing between the Delete
and Share
buttons.
Optionally add a separator or rearrange the layout so the most destructive action (Delete
) is visually isolated.
What does it bring?
- Prevents accidental deletion of files. Accidental sharing needs more steps to accomplish, thou
- Reduces user hesitation and improves trust in the UI.
- Enhances overall UX and accessibility.
Mock-ups
Examples
- User selects multiple files to delete but fears triggering the share feature.
- User avoids using the delete function due to risk of accidentally initiating a file share.
Validation
- Select one or more files in the Files app.
- Confirm that the
Delete
andShare
buttons are now spaced further apart. - Ensure both buttons still function correctly and are easily tappable.