6 Screenshot Mistakes You Must Avoid in SOPs

sop-screenshot-mistakes
Should I add screenshots to my procedures? It depends for several reasons. For example, when writing SOPs, I prefer to add a high res process diagram at the end of the procedure. This shows it connections to other procedures and exchanges between actors. However, sometimes it helps to include a procedure in the procedure if, at that specific steps, the user needs a visual cue to help them understand how to progress.

Screenshots in Procedures: Mistakes to Avoid

  1. Use Two Column Tables – instead of embedded a screenshot after each step, consider using a two column table. In the left column, put the text; in the right, the screenshot. This helps the reader check the procedure as they scan it. It also allows them to ignore the screenshot if they wish. This also works for process design. 
  2. Label the images – add the name of the window under the screenshot. This helps the reader confirm that they’re in the right place. Should I be on the Print Options window? Looks at image. Yes, I’m in the right place. And then they continue reading.
  3. Highlight actions – another way to improve your procedures is to highlight, for example, using a red rectangle, the affected area on the user interface. This is helpful if there are many options on the screen and it may not be obvious where a button needs to be clicked or a field populated. 
  4. Crop the image – if the image if very large, instead of showing the entire window, crop it using a tool such as Snagit. This helps the user see exactly where the action occurs. It also gives them confidence in the procedure as they can match what’s in the text with what’s displayed on the image.
  5. Screenshot format – make sure all members of your team use the same style guidelines and formatting techniques. For example, use 1 pixel red rectangles, not blue circles. Avoid special effect unless you wanted, for example, jagged edges. 
  6. Online procedures – instead of displaying the image in the middle of the procedure, where it may distract the reader, consider using a popup link. The way this works is that when the user clicks the link, the image pops up. When you click on it again, the image disappears. This is ideal for procedures that have several images, which if displayed by default, would clutter up the page.

When to avoid: 

  1. If the procedure is straightforward, and you’re relatively sure the reader will know where to perform the task, then it’s fine not to add an image. 
  2. If the procedure is one of a series, and screenshots are displayed in other related procedures, then it may not be necessary.

Get free and premium MS Word, Excel and Apple templates today


Acceptance Test Plan

Contingency Plan

Software Development Templates

Acquisition Plan

Conversion Plan

Software Requirements Specification

Action Plan

Cost Benefit Analysis

Software Testing

API Documentation

Database Design

Standard Operating Procedures (SOP)

Audience Analysis

Datasheet

Statement of Work

Availability Plan

Deployment Plan

System Administration Guide

Bill of Materials

Design Document

System Boundary

Business Case

Disaster Recovery Plan

System Design Document

Business Continuity

Disposition Plan

System Specifications

Business Plan

Documentation Plan

Technical Writing Templates

Business Process

Employee Handbook

Test Plan

Business Requirements

Error Message Guide

Training Plan

Business Rules

Expression of Interest

Transition Plan

Capacity Plan

Fact Sheet

Troubleshooting Guide

Case Study

Feasibility Study

Use Case

Change Management Plan

Functional Requirements

User Guide

Communication Plan

Grant Proposal

Verification and Validation Plan

Concept of Operations

Implementation Plan

White Papers

Concept Proposal

Installation Plan

Work Instructions

Configuration Management Plan

Interface Control Document

Software Development Templates

Acceptance Test Plan

Maintenance Plan

Software Requirements Specification

Acquisition Plan

Market Research

Software Testing

Action Plan

Marketing Plan

Standard Operating Procedures (SOP)

API Documentation

Needs Statement

Statement of Work

Audience Analysis

Operations Guide

System Administration Guide

Availability Plan

Policy Manual

System Boundary

Bill of Materials

Project Plan

System Design Document

Business Case

Proposal Manager Templates

System Specifications

Business Continuity

Proposal Template

Technical Writing Templates

Business Plan

Quality Assurance Plan

Test Plan

Business Process

Release Notes

Training Plan

Business Requirements

Request for Proposal

Transition Plan

Business Rules

Risk Management Plan

Troubleshooting Guide

Capacity Plan

Scope of Work

Use Case

Case Study

Security Plan

User Guide

Change Management Plan

Service Level Agreement (SLA)

Verification and Validation Plan

Communication Plan

Setup Guide

White Papers

Concept of Operations

Social Media Policy

Work Instructions

Concept Proposal

Contingency Plan

 

Configuration Management Plan

Conversion Plan