So I have some page for a mobile app that I want to display a list of products. I have two options and I don't know what to choose:
- Show items in a grid with a large picture and a small description (Assuming the phone is portrait, you can fit 2 items side by side, 2-3 rows, so there may be 4-6 items shown in the screen)
- Show items in a list, with a small picture and a medium-sized description (Kind of like a playlist in Apple Music)
Seeing as how both options can be good, as the casual users may prefer form over function (preferring option 1) and that the more detail oriented users may prefer function over form (preferring option 2), I feel like I should offer an option for users to toggle between the two. That seems to be the most natural solution, given that I find it hard to pick between the two.
However, that would mean I would have some sort of toggle button on the page, which may take away from the experience itself, ruining the aesthetics of the page, and making it more complicated.
So what should I do?
- Show a grid of items, thus focusing on aesthetics and potentially ruining the small minority of users who prefer more information
Show a list of items, thus focusing on practicality, benefiting the small amount of people that do want the information, but potentially making the app more uglier for everyone else
Add a button to toggle between the two views (on the same page), focusing on practicality for everyone, but ruining aesthetics for everyone (extra unneccessary UI elements and cognitive overload)
- Add a button to toggle between the two views, but in the settings. This doesn't ruin the page with an unnecessary additional toggle button, and gives users who wish to see more details, the option to do so, hidden in the settings, and gives the ordinary casual user the aesthetics that they prefer. However I feel as though this may confuse users even more, especially if there are situations where a user may look at/use another user's device and have some sort of unfamiliar UI. But maybe I'm just overthinking.