Scenario: I have a tile based UI on screen. Each tile is of same height and width. The screen acts similarly to feed. New content is added into feed. User can scroll vertically to view next set of tiles (Next set of tile load in lazy loading manner). User's own tiles are also displayed in the feed. User can edit, delete his/her tiles from feed.
Problem: Currently, If user deletes his/her tile, the tile gets removed from his/her feed. All the next tiles move one position up. However this causes lot of movement on the feed. check below image.
arrows displayed in above image are the current movement of tiles after deletion
What should be the expected behavior when a tile is removed? Here user can be on any page of feed. Is there any specific convention, protocol or pattern that should be followed in tile based UI? What is the right way to achieve this with optimal user experience
P.s. Currently I am looking at following options:
- Grey out the tile until next refresh
- Refresh the feed forcefully (this will bring the user to top of the feed)
- Keep the same behavior I am open any other option.