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

Include representative imagery

Include representative imagery Bad Practice
Include representative imagery Best Practice

Images linked to a page should clearly show what the page is about. Often, designers pick generic images that don’t fully match the content. This can confuse users. Sometimes, even using related images can miss the mark, especially when they’re trying to represent categories. So, don’t just go for what’s available or aesthetic when picking category images. Choose an image that truly represents the whole category. For example, for a "fruit" category in a grocery shopping site, using a basket of tomatoes might not be the best choice. Although technically tomatoes are fruits, most people see them as vegetables. Instead, use an image of apples or bananas, which people usually think of as fruits. This way, users know exactly what to expect from the category.

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