Images
Images can have the following benefits for technical documentation:
- Clarify complex concepts or processes.
- Illustrate steps in a process or workflow.
- Show visual examples of a product or feature.
- Break up large blocks of text to make the documentation more visually appealing.
Despite these benefits, images can be time-consuming to obtain, create, and maintain. As a result, it’s important to use images judiciously.
Guiding principles
When you create images for the documentation, keep the following guiding principles in mind:
- Be useful: Images must provide context and clarity. When used effectively, images give users a deeper understanding of what they’re working on.
- Be consistent: Images must follow standard guidelines. A consistent approach to images reduces cognitive load and improves user learning. Inconsistencies can distract or confuse users.
- Be supportive: Images must be relatable and support the user’s experience. Each image needs to feel appropriate for the context where it appears. Supportive images resonate with users and allow them to apply what they’ve learned to their own situation.
- Be focused: Each image must convey one thing. The purpose of the image must be easy to understand, so that users intuitively know how to accomplish their goal. Overly complex images that try to convey multiple things can confuse the user and impair user learning.
📄️ Quick reference
Use the following quick reference tables to create images, screenshots, and diagrams. For detailed guidance and best practices, refer to the specific guidance for your image type:
📄️ Demonstrative images
A demonstrative image is a visual representation of an object, scene, person, or concept. Use images to demonstrate a concept that is difficult to understand or showcase a complex effect.
🗃️ Screenshots
3 items
📄️ Diagrams
Diagrams can be a valuable visual tool for explaining complex concepts, processes, or workflows in your documentation. Keep your diagrams as simple as possible and use consistent colors, fonts and font sizes, and line formatting.
📄️ Animated GIFs
Whenever possible, avoid using GIFs. Animated GIFs are not very accessible to people who are visually impaired, and they can cause migraines and seizures when they start automatically, run continuously, or contain blinking and flashing.
🗃️ Captions and annotations
2 items