用户界面测试点汇总
关键词：界面测试
所谓界面测试就是指，布局是否合理、整体风格是否一致、各个控件的放置位置是否符合客户使用习惯，此外还要测试界面操作便捷性、导航简单易懂性，页面元素的可用性，界面中文字是否正确，命名是否统一，页面是否美观，文字、图片组合是否完美等。
一般情况下，进行界面测试，直接依据产品原型图以及UI切图/效果图，进行对比验证，确认是否一致。
针对公司没有原型图，没有UI效果图，我们可以参考市场上同类型的成熟产品来做界面比对，且考虑以下几个方面：
1、导航测试
2、图形测试
3、内容测试
4、表格测试
5、整体界面测试
导航测试
导航是指位于页面顶部或者侧边区域的，它起着链接站点或者软件内的各个页面的作用。
1、是否易于导航？导航是否直观？
2、Web系统的主要部分是否可通过主页存取？
3、Web应用系统导航帮助要尽可能地准确。
4、Web系统是否需要站点地图、搜索引擎或其他的导航帮助？
5、页面结构、导航、菜单、连接的风格是否一致。
图形测试
图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。
1、要确保图形有明确的用途。比如banner页图片的广告宣传
2、所有页面字的风格、颜色、格式是否一致
3、背景颜色是否与字体颜色和前景颜色相搭配，通常情况下不使用背景
4、图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩
5、需要验证的是文字回绕是否正确。如果说明文字指向右边的图片，应该确保该图片出现在右边。
内容测试
用来检验Web应用系统提供信息的正确性、准确性和相关性。
1、信息的正确性是指信息是可靠的还是误传的。比如学习班学费6600，如果是6800就有误向性
2、信息的准确性是指是否有语法或拼写错误
3、信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口。
表格测试
表格经常和其他界面元素一起协同使用，主要承载数据的归纳、展示与对比的功能，是列表的一种。
比如12306网站-车票预定界面。
1、界面表格布局、颜色、风格是否统一
2、存在筛选条件、搜索控件，是否列于页面上方
3、对于日期筛选条件，是否单独处理，展示出来
4、对于多个搜索条件的场景，是否采用高级搜索按钮并将其打包收起
5、对于多个搜索条件的场景，是否配置重置按钮，便于一键清空所有搜索条件
6、在数据显示超过多条时(一屏无法完全显示，需要滚动查看时)，且表格中的数据不能直观的展示出数据类型，是否采用固定表头的形式，时刻显示数据类型
7、当字段数量过多，需要横向滚动表格，且需要对比数据时，采用固定属性列字段
8、是否支持排序，上下箭头指示排序，一般上下空心箭头默认，上箭头为升序，下箭头为降序。
整体界面测试
整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。
1、当用户浏览Web应用系统时是否感到舒适（带有主观性）
2、是否凭直觉就知道要找的信息在什么地方？
3、整个Web应用系统的设计风格是否一致？
-------------------------------------------------------------------------------------
易用性测试
1.是否有快捷键，快捷键不能重复
2.是否有热键，热键不能重复
3.不要用数据将用户包围，使用便于拥护迅速吸取信息的方式表现信息
4.减少用户输入动作数量
5.默认按钮要支持Enter 操作，即按Enter 后自动执行默认按钮对应操作
6.完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离
7.同一界面上的控件数最好不要超过10 个，多于10 个时可以考虑使用分页界面显示
8.分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab
9.消除冗余输入，绝不要让用户提供程序中可以自动获取或计算出来的信息
10.遵循可不用鼠标的原则：应用中的功能只用键盘也应当可以完成
11.为手工录入部分提供快速键盘录入方式，能仅使用小键盘时尽量使用小键盘
12.提供操作路径跟踪，或者说是一个可重复的操作路径
13.当鼠标指针在控件上停留时即显示相关帮助信息
14.是否对用户的输入内容进行记忆，以便减少用户的输入工作量
15.是否对用户的操作轨迹进行记忆，例如保存或打开路径等，以减少用户的操作工作量
16.是否有右键快捷菜单，方便用户进行操作
补充：
1.提供合理的导航功能（地图展点、搜索引擎等）
2.关闭错误提示框后，返回到原来的操作窗口和页面
3.后台处理过沉重鼠标变成沙漏，处理结束后变回正常
4.通过TAB键可以到达所以可选中的界面组建（TAB顺序的一般性原则：从上到下，从左到右；特殊情况可以从左到右，从上到下）
5.经常进行数值录入的界面（订单查询，搜索等），提供完善的小键盘支持（回车到下个控件）
6.输入数量金额或价格之后，尽量提供“三位一逗”的显示格式，小数位数固定。必要时提供大写数字显示。
7.提供合理的缺省值（比如日期默认为当天，数值默认为0等）
8.有依赖关系的，尽量实现数据联动，方便用户操作，如：联系方式输入框输入部分电话号码后，电话输入框就会自动显示出之前使用过的电话号码
9.用户需要连续输入的功能界面，输入一条数据并保存后，界面不会被关闭，并清空相关的输入
10，下拉框中的选项不宜超过20个
11.对可能造较长时间等待的操作，提供了取消功能
窗口测试
17.窗口是否能正常关闭
18.窗口控件的大小，对齐方向，颜色背景等属性设置
19.活动窗口反显加亮
20.多窗口重叠时窗口名称显示正确
21.窗口数据是否能够使用鼠标、功能键、键盘、方向键、TAB
22.当窗口被覆盖并重新调用后，窗口是否正确再生
23.如果使用多任务，是否窗口数据被实时更新
24.窗口是否支持最大最小和放大
25.窗口控件随着窗口的放大而放大，反之亦然
26.父体窗口放大时，子体窗口也放大。反之亦然
27.Tab键至上而下，从左到右
28.子窗口弹出在父窗口左上角或正中
29.多个子窗口弹出时，依次向右下方偏移
30.重要的按钮和频繁使用的按钮放在屏幕最醒目的处
31.对因错误使用等引发的界面关闭的提示按钮放在容易点击处
32.与正在使用的功能无关的按钮应该屏蔽
33.按钮的大小和界面的大小和空间协调
34.多窗口切换时间是否过长（也不宜过短，容易导致界面错误）
35.左对齐：一般文字、单个数字、日期等
右对齐：数字、时间、日期加时间
36.推荐分辨率为，增强色多少位
在不同的分辨率下均可正常显示
37.移动窗体.快速或慢速移动窗体,背景及窗体本身刷新必须正确
菜单测试
38.菜单功能是否正确执行
39.下拉菜单是否根据选项含义进行分组
40.菜单命令快捷方式
41.文本字体、大小、格式正确
42.菜单功能名称是否具有自解释性
43.菜单项是否有帮助
44.右键菜单是否采用与菜单相同的准则
45.下拉式操作能否正常进行
46.菜单是否根据系统功能合理分类、选项进行分组
47.菜单深度控制在三层以内
48.菜单标题简明有意义
49.是否依据使用频率排列
50.是否依据逻辑顺序排列
51.是否依据使用顺序排列
52.菜单显示格式和使用方式一致
53.选择菜单是否可以正常工作,并与实际执行内容一致
54.功能按钮或菜单选项不能重复
55.菜单要与用户权限相符
56.常用菜单或菜单项是否有快捷键或热键支持
57.菜单栏是否支持右键快捷菜单，若支持，则要对菜单栏右键快捷菜单进行测试
图标测试
58.图标基调颜色不刺眼
59.用户登陆界面易找寻
60.图标符合常规表达习惯
61.图标轮廓清晰、保证在不同背景下清晰显示
62.图标尺寸
63.图标功能与实际相似，避免抽象
64.图标上是否加标注
65.安装界面应有公司介绍或产品介绍,有公司的图标
66.主界面及大多数界面最好有公司图标
67.用户是否可以根据自己的需要自定义相关的图标按钮或工具栏
68.图标按钮是否支持右键快捷菜单
鼠标测试
69.整个交互语境中，是否识别鼠标操作
70.如果要求多次点击，是否能够在语境中正确识别
71.光标、处理指示器、识别指针随操作恰当改变
72.点击选中？滑动停留选中
73.支持滑轮
74.相同种类元素采用相同操作激活
75.沙漏表示繁忙，手型表示点击
76.鼠标无规则点击是否会产生不可估计后果
77.单击鼠标右键弹出菜单，取消右键时是否隐藏
内容测试
78.文字易认易懂，拼写正确，不存在二义性
79.不能出现全角,半角混合
80.信息的正确性，准确性，合法性，符合人们的风俗习惯
帮助系统的测试
81.系统提供帮助键
82.在界面上调用帮助时，能够及时定位到与操作相关的帮助文件
83.对功能采用及时帮助，是否能准确定位到帮助系统位置
84.利用帮助索引是否能准确定位到帮助主题和内容
85.是否具有打印功能
86.目录是否划分有层次
87.帮助文字描述是否准确
88.在系统不同位置激活帮助内容是否与当前操作相关
89.帮助由状态栏提供或控件有文本提示
90.选择"帮助"->"关于"命令,应看见相关版权和产品信息
向导测试
91.向导是否正确
92.确认向导连接确实存在
93.确认向导是否明确直观、一致
94.向导中某一步出错后，是否会影响到其他各步骤已经输入的内容
信息提示
95.提示信息是否具有可理解性的语言描述
96.对重要的、具有破坏性的操作命令是否有确认信息、以避免破坏性操作，例如：删除、覆盖、终止
97.信息是否具有判断性色彩
98.信息提示是否具有统一的标记、标准和缩写
99.信息应提供如何从错误中恢复的建设性意见
100.信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁
101.提示信息中是否对重要的系统信息进行屏蔽，比如用户名，数据库名，数据库类型，表名等
补充：
1.删除数据或进行其他不可逆的操作时，要求用户进行二次确认
2.操作成功后，一般不要给出操作成功之类的提示
3.操作错误或失败时，即时、准确地给提示信息，提示信息与事实相符
4.进行耗时较长（超过3s）的操作时，提供进度条、沙漏、计时器之类的动态标示，让用户知道系统在工作（状态条只显示用户切实需要的信息）
5.合理使用三种类型的提示对话框：警告、确认和错误
美观协调性
102.长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度
103.布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间
104.按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置
105.按钮的大小要与界面的大小和空间要协调
106.避免空旷的界面上放置很大的按钮
107.放置完控件后界面不应有很大的空缺位置
108.前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows界面色调
109.界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方
110.如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放
状态栏测试
111.对状态栏上应该出现的信息进行测试，测试是否显示了所有该显示的内容
112.针对状态栏上显示的每一个内容进行功能测试
113.确认状态栏信息是否可以根据用户需要进行定制
114.状态栏是否支持右键快捷菜单，如果存在，则要对状态栏中的右键快捷菜单进行测试
控件测试
115.控件行为属性的测试，例如是可用不可用，可写还是只读等等
116.控件位置、大小、颜色的测试
117.控件关联关系的测试（例如选中某个控件后，其他控件的行为发生了改变）
右键快捷菜单测试
118.针对快捷菜单上的每一个菜单项进行测试，检查其功能是否实现
119.测试右键快捷菜单弹出位置是否正确，尤其是在窗体的上下左右边缘时
120.右键快捷菜单中是否存在热键，热键是否起作用
按钮测试
1，按钮大小基本一致，且与窗口大小保持协调
2，名字不宜太长（一般控制在2-6个字，但不能为了而已压缩长度而导致词不达意），取个简明扼要的名字就好啦（不过这个测试的话属于需求测试吧，毕竟名字是pm取的）
3.工具栏按钮和对应菜单项保持同步，即同时可见/隐藏/变亮变灰/可用/不可用
4.根据按钮含义进行分组排列
5.退出或关闭按钮一般放在最后面
6.按钮图标与对应的按钮功能比较温和，尽量看图知意
页面布局
1，风格统一：业务流程，基础设置类，查询报表类（个人觉着这是pm需要考虑的，如在测试过程中有风格不统一的问题, )
2,重要的和常用元素优先布局，且放置的醒目的位置（这个和pm和设计相关，一般都是产品太需求，设计作原型图）
3，完成相同或相近功能的元素集中位置，减少鼠标移动的距离
4.布局合理紧凑，疏密有致（也要看设计的原型图了）
5，长度和高度的比例基本接近黄金分割点（这点和前端有关）
6，明显区分只读区域和可编辑区域
7，使用红色“*”来标记必填项
8，主窗体默认在屏幕得到正中央
9，弹出式子窗体放置在主窗体正中央，或是左上角
10，输入项目尽量拍成单列，过多时也可以排成2列，一般不能出现3列或以上的排列
语言文字
1.用词统一：主界面、弹出窗口、提示框、日志等地方的用词必须保持统一
2.文字描述 简介清晰明了，望文知义
3.语句流畅、表述清晰没有错别字
4.尽量专业术语
5.通俗用语
6.避免简繁混合
7.用统一半角的标点符号
字体
1，字体大小与界面大小的比例要协调：交易类界面使用小四字体，使用其他五号字体
图形图片
1，使用有明确含义的图形、图片、图标和动画等
2，图形、图片、图标和动画等的体积不能过大，以浪费传输时间
颜色
1，背景色、前景色和字体颜色的搭配要协调（一般根据个人视觉感官客观判断啦）
2，使用色调柔和、具有亲和力的颜色，不适用刺目的颜色
分辨率
基准分辨率（比如1024*768）
-----------------------------------------------------------------------------
参考：
https://zhuanlan.zhihu.com/p/42759519
https://www.jianshu.com/p/740a5f0556be
