<?xml version="1.0" encoding="utf-8"?>

Imagery

Imagery Bad Practice
Imagery Best Practice

Imagery refers to the use of photos, illustrations, animations, and videos in UI. This is your chance to make the first impression and establish the product's visual identity. Well-chosen images can positively impact users' emotions and increase the product's appeal. Distracting, irrelevant, or poor-quality images can negatively affect the whole user experience.

The decision of whether to apply imagery to your designs depends on your goals:

  • Photographs and videos are more effective when you have something specific in mind or something that exists in reality. Product photos help users make a decision faster and encourage buying.
  • Illustrations are a better fit for representing concepts and abstract things. They help establish an emotional connection with users, tell a story, and add personality to a product.

Pro Tip: From the accessibility perspective, imagery should have a good color contrast ratio, contain alt text, and serve more than just a decorative purpose.

Improve your UX & Product skills with interactive courses that actually work