I am developing a web application targeting desktop using Material Design and I am now facing a dilemma.
The layout of the application is rather standard: toolbar on top, left sidebar and large content area. something like this (it's the layout of the starter app for Angular Material):
In the content area I have now to display a (possibly) large set of elements, which represent "customers".
I'm considering mainly 2 possibilities:
Using a traditional list, where each element fills the entire width and for each element I show a pic of the client, the client name in one row and some extra details in the second row. This is probably the most traditional approach, however I don't like it very much because it wastes a lot of space on large screens.
Using a grid" of cards, where for each customer I have a card, showing the same info as above but in a more space efficient way.
What do you think? Any suggestions?