Grid image

viewportpreview
XSpreview-xs
SMpreview-xs
MDpreview-xs
LGpreview-xs

Recommendations of Use – Do's and Don'ts#

Grid image Do'sGrid image Don'ts
 dos-xsdonts-xs
donts-xs
  • Users need emotional images to inspire them and get them excited about a product or content.
  • Make sure to use emotional images to enhance users’ perception because such images engage users emotionally by helping them associate a product with a desirable lifestyle.
  • The idea is to give viewers a sense of what could be done if only they owned the product.
  • All emotional images should be directly related to the products itself, enhancing users’ understanding of the products and its use cases.
  • Avoid irrelevant imagery or unrelated tie-ins as they are more likely to be ignored than taken as helpful.
  • Unrelated content can distract users and potentially prevent them from continuing with their actual browsing on finding a product.

Source references#

  • baymard.com/premium/guideline-collections/6whqq3/744