UI交互设计可用性测试

随着很多公司越来越多的使用自动化测试，可能很多UI或者交互设计师很少参与到测试环节，但是很多时候开发产物并非像设计稿一样“完美”，甚至看着会让设计人员抓狂。其实，测试对于UI或者交互设计人员来说既有监督产品成果的作用又有自省作用（有很多自己的失误或者能力不足造成的）。

 

下面根据测试经验主要说一下从哪些方面进行UI或者交互测试，由于在这个行业资历并不是很深，说的不当地方欢迎大家指正！

01

简洁美观

关于这点大家可能会觉得这是看个人感觉的，很多设计我们并不是追求酷炫，对于用户来说有很清楚的排版就可以了，大家在测试的时候可以看色彩搭配、整体布局、字间距、行间距、字号大小、文字精简、对齐关系、图标风格是否一致、图标辨识度的强弱、界面风格统一...

02

内容测试

内容测试有很多方面，在这里不可以一一列举，大概举一些常用内容：

1）输入框说明文字的内容与系统功能是否一致。

2）字段长度是否加以限制。

3）字段长度不固定时是否引起页面布局变化。

4）字段动态显示时是否引起页面布局变化。

03

系统状态的反馈

1）举一个例子，我们都非常习惯在页面加载过程中会有一个进度条，尽管可能进度条的形式不尽统一，但我们都会认为这是一个必要的组件。告知用户目前系统状态，不管是程序bug还是网络延时或者网络连接失败，其实就是一种反馈，一定程度上能令用户安心，并且也不至于在我们的产品中感觉迷惑。

04

用户操控与自由程度

在我们进入二级或者更深层级页面中的时候，必须留有后退回主页面的按钮。通常，我会在层级比较深的页面上添加可以自由切换的导航，也有很多APP为了提高用户体验，在引导页较多或者广告时间过长的时候增加跳过按钮，从一定程度上也是在遵循这个规则。

05

一贯性和标准化

06

防止错误

比起让用户犯了错误后再去修改，我们是不是能想办法让用户不犯错或者降低犯错的几率呢？在注册登录中，经常会有输入手机号的场景，输入手机号时，使用数字专用键盘并且限制最大位数11位，按照000-0000-0000自动分隔开，这些细节都能在很大程度上帮助用户去做对的事。

07

帮助用户认知、判断和修复错误

这点需要我们事先预想到用户可能会出现的错误，更好地展示错误并且提供解决方法。可以用友好的错误提示语句、自动定位到发生错误的位置并明显地标识出来、提示可以进行的操作来协助用户走完流程。

08

各端口及各端口不同显示屏的测试

忽略多媒体广告端，目前常用的显示端口有WEB端、手机端、iPad端。WEB端包括Windows和MAC，会有很多种屏幕大小（2560*1440/1920*1080/.../1280*800），如果不完全做响应式设计，WEB端至少应从最大屏幕自适应到1280宽度的尺寸；手机端尺寸会相对多点，IOS：640*960...1124*2436，Android:720*1280...1440*2560,大部分比列16:9，但是随着科技发展，目前17:9、18.5:9也很多，所以适配难度也会越来越大；iPad尺寸可能相对而言少点，1080*1920...2048*2732（iPad Pro 12.9。不管我们在做哪个端口的设计，都要考虑到不同屏幕显示有没有异常。