移动应用之 UI测试简述

什么是UI？

UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

UI设计出发点：UI界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。

UI必备品质：

清晰是用户界面设计必须要具备的一条品质，如果说你的界面设计的很模糊，用户就无法在其中体验到较好的使用体验，这样会影响用户的整体印象。

UI设计除了清晰还不够，还需要简洁，看上去一目了然。如果界面上充斥着太多的东西，会让用户在查找内容的时候比较困难和乏味，而简洁的画面就能很好的解决这个问题。

熟悉，是只在设计UI的时候，要遵守一定的设计规范，就如有下划线的字符是有超链接的、叉号就是要退出或者删除，这样用户在使用的时候不但有熟悉的感觉，而且便于操控。

良好的用户界面设计一定要响应迅速，不能让用户产生一种响应较慢的感受。而且界面应该有提醒的功能，让用户了解到一些反馈信息。

在设计UI时，保持界面风格的一致性也是整个应用设计中很重要的环节，一致的风格不会让用户有错愕感.

美好的事物总会让人有种愉悦之感，在页面设计的时候也要注重美观度的加强。

围绕UI设计的关键点，APP测试目标也就主要看UI是否满足了设计的初衷。下面为手机APP应用的UI测试内容：

总体目标：

1.看图标明其意。图标代表功能，一看图标就明白那代表什么功能，图标常见，走创新路线用户接受才算是成功的。

2.界面布局简洁：界面中的控制摆放位置，数量，间隔合理，颜色风格统一，不会花。

3.功能实现步骤简单：菜单级数控制，3级以内最佳，不然用户会觉得太过复杂。步骤合理菜单级数越少越好。

具体测试项：

图形测试

图形包括图片、边框、颜色、字体、背景、按钮等
1.要确保图形有明确的用途，图片不要胡乱的堆在一起
2.验证所有页面字体的风格是否一致
3.背景颜色与字体颜色和背景色相搭配
4.图片的大小和质量，清晰，容量越小越好

界面测试
1.各个界面图标风格，背景（颜色，图片）是否一致。
2.各个界面布局是否合理：控件，文字，线条位置，数量，颜色是否合理，跟整体风格是否搭配。
3.界面文字是否有错别字。各界面文字大小，颜色，位置是否一致。比如：标题文字
4.图片显示是否清晰，大小是否合理。
5.各个界面同种图标是否一致
6.各种提示框风格是否一致。
7.提示语是否友好，简明。
8.列表型界面是否有上上滑动效果。
9.功能入口明显，易找（布局突出主要功能，用户要找到某个功能很快就能功能，操作简单）。

以下界面的测试要点：
1.标题栏
A.检查标题栏文字描述的正确性。
B.比较各个界面的标题栏效果是否一致。

2.文字
A.检查文字描述正确性。（跟软件功能相符）
B.文字是否有错别字。
C.文字的颜色，大小，位置是否一致。
D.文字用语一致。功能相同的地方，检查使用的文字是否相同。比如：“选项”“设置”。

3.控件
A.控件对齐了没有。
并排关系控件－－左右对齐
同行关系控件－－横向对齐
所属关系控件－－是否应该缩进
B.控件状态：选中，未选中，可用，不可用（灰色为不可用）
C.Edit控件对输入有效性判断
长度判断，合法性判断，数据大小判断等。