Sunday 13 November 2016

List view vs Grid view

Every internet user have come across grid view and list view across various portal.These are the two most commonly used view for the listings.Many site have both views in which user is allowed to toggle between them based on his requirement.
                                                      Each  view has its own advantage and disadvantage.In this blog will discuss on the advantage and disadvantage of these views

List view


What is List view

This view follow single column layout which  means that only one product is displayed in one row.

When to use list view

List view should be used when

  • Lot of information has to been shown to the user in order to allow him to make right decision.This is applicable for high involvement products such as cars,property when the number of information points which user looks for is more .
  • You want user to respond from the same page instead of going to the detail page of the product.
  • There are lot of call to action for the list which is difficult to accommodate on the normal grid view

Advantage of list view

  • More flexibility:Since the space available is more it gives more flexibility on what information can be displayed
  • Limited space:In mobile where there is limited space list view is more comfortable

Disadvantage of list view

  • More scrolls:User has to scroll more compared to Grid view to see same number of listings.
  • Not easy to compare:Since user can see only one list it become difficult for user to compare different products side by side

Grid view


What is Grid view


This view follows multi column layout i.e in a single row multiple products can be displayed
 simultaneously

When to use Grid view

  • Limited information:This should be used when limited information is enough for user to make decision.This is more applicable in variety seeking industry such as eCommerce , retail when user does not go more in depth to make decision
  • Compare is important:When you want user to compare the listing side by side in order to make decision this should be shown

Advantage of Grid view

  • More list with less scroll:User can see more product at a time so less scrolls is required.
  • Better conversion:This may increase conversion since more option is shown to the user

Disadvantage of Grid view

Limited flexibility: Since the space is constraint the amount of option available is limited .






No comments:

Post a Comment