Chapter 6. Visual Testing
The visual quality of an application shapes a customer’s first impression. When the look and feel are palatable, users tend to explore the application further. Imagine you need to make a payment online, and the Continue button looks like it does in Figure 6-1. Would you trust this site? I wouldn’t. I would choose a competitor’s website rather than risk losing my money!
Figure 6-1. A sample payment UI where the button text is cropped
Businesses spend a lot on advertisements, freebies, and campaigns to acquire more customers, but software teams often forget to focus on visual quality—which is like building a luxurious house and forgetting to paint it. An application’s visual quality takes the business closer to the customer and helps gain their affinity—which directly amplifies the brand value. Visual testing is all about validating an application’s visual quality, using both manual and automated testing methods. (Validating the user experience, or UX, design falls under usability testing, not visual testing, and is discussed in Chapter 10.)
Visual testing involves confirming whether the application design appears as expected in terms of each element’s size, color, and relative positioning, and similar visual attributes across devices and browsers. AI has been doing automated visual testing since 2013, combining computer vision and deep learning technologies. ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access