 |
First, here are images of grids and lists from the Material Design Guidelines
List:
![[Image: components_lists_keylines6.png]](https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0B6Okdz75tqQsTll3U0dBTFByeUU/components_lists_keylines6.png)
Grid:
![[Image: components_grids_specs12.png]](https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0B6Okdz75tqQsYjZqOWJGa25LVjQ/components_grids_specs12.png)
Grids are primarily for consuming audio visual content (eg. Videos Games, Movies, Music), while a list would work for textual content (eg. Settings, Messaging). Grid items focus on images while list items focus on text. Grids also allow more items on the screen, since in portrait you can have 2 items side by side, and in landscape you could have 3 or more items side by side (In landscape, on my phone, I can see 6 games at a time vs 2 games at a time (with a lot of wasted whitespace)).
So, to conclude, here's a list of pros and cons (and potential mitigations):
Grid:
Pros: - Save images are treated as a first class citizen so users can see what they were doing last and also identify the game without reading the title
- A lot more games can fit on the screen at the same time
Cons:- Game titles get truncated (Mitigation: Long press a game to view its title in a Toast (This is also implemented by Netflix))
List:
Pros:- Users can see the title and any extra information that may be available (possibly publisher or last play date...)
Cons:- Uses up a lot of room on the screen, shows a lot of whitespace.
- Save images are swept off to the side. Users can still get context but it isn't the main focus.
- Only 3-5 games can be shown on a screen in portrait at a time vs 6-15 with a grid.
|
