如何通过视觉感知测试评估新型UI的视觉效果与用户体验？

本文共计1516个文字，预计阅读时间需要7分钟。

视觉测试（Visual Testing，简称VT），主要检查软件用户界面（UI）是否正确显示给所有用户。它检查网页上每个元素的形状、大小和位置是否符合预期，还检查这些元素是否存在。

什么是视觉测试

视觉测试（Visual Testing），主要检查软件用户界面（UI）是否正确显示给所有用户。它检查网页上的每个元素的形状、大小和位置是否符合预期，还检查这些元素是否在不同的设备和浏览器上是否兼容，不同的环境、不同的屏幕大小和其他影响UI显示的因素是否会影响产品的使用。视觉测试是解决 GUI 测试的一种测试手段。

为什么需要视觉测试

比如，我们开发了一个在线商城。第一次测试的时候所有的功能都能正常运行，但是当部署到另一个测试环境时，就有可能出现以下情况，这些都是因为界面布局 bug 导致用户无法正常使用，视觉测试就是用来发现这些界面布局导致的产品缺陷。

• 购买按钮忽然被一个弹框遮住，用户无法下单；
• 商品的详细描述文字互相堆叠错乱，导致用户无法正常阅读；
• 购物车没有正常悬浮在窗口的底部，无法查看加入了哪些商品；
• 电脑上能正常下单，但是在手机上却只显示了部分页面；
• 所有的图片无法正常加载等等。

文字堆叠示例：

样式缺失示例：

视觉测试和UI功能测试的区别

视觉测试和传统的ui功能测试不一样。