Gallery
See what others have created
santhosh_kumar
@santhosh_kumar
Long-Press Multi-Select
Design the default state of a mobile list or grid where a long-press on any item switches the screen into multi-select mode. The starting view should look like a normal browsing surface, not an edit screen.
Once selection mode is active, items need visible checkboxes or selection markers and a clear count of what’s selected. The user should be able to tell which items are selected at a glance while still recognizing the original content.
This lives in a touch-first context, so the gesture cue has to be implied without instruction text overload. The layout should make the long-press target feel natural on items that are already tappable.
The interesting part is the mode change: the same list has to support browsing, selecting, and acting on multiple items without feeling like a separate screen. Design the transition and the persistent selection state so it reads immediately.
What to deliver
- Design the default browsing state of the list or grid.
- Design the active multi-select state with visible selection markers.
- Show a selected item treatment that works across several items at once.
- Include the action bar or controls that appear after selection starts.
- Show how the user exits selection mode and returns to browsing.
Use one item card to show both states: normal browsing and selected. That makes the mode switch easier to understand than designing a separate selection screen.