Figures - Do you add useful and concise figure text (aka a caption) to avoid a lot of text over images?
  v1.0 Posted at 5/12/2014 7:25 AM by Tiago Araujo

When you add an image to a website or application, follow the Microsoft Word standard and use "Figure: Description" to describe your images.

It's the best way of ensuring you catch users' attention to the content of your page. When you're scanning a newspaper for interesting articles, you'll check out the pictures, read the accompanying description, and if it sounds interesting you'll go back and read the article.

Users read websites in a similar fashion. Catch their attention with an image, and then keep it with a useful description. Don't just describe what the image is; say what it's used for in the context of the document. Look at these bad and good captions.

Good Caption
Figure: Good Example - Some nice useful text describing the image

It is especially important that images serve a purpose, as opposed to images which are there solely for design.

Read Screenshots - Do you use balloons instead of a 'Wall of Text'?

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:


    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.