主题 : 移动app测试之UI测试内容详解 复制链接 | 浏览器收藏 | 打印
级别: 侠客
UID: 126168
精华: 0
发帖: 54
金钱: 270 两
威望: 54 点
贡献值: 0 点
综合积分: 108 分
注册时间: 2016-06-23
最后登录: 2017-10-20
楼主  发表于: 2017-04-27 16:26

 移动app测试之UI测试内容详解




UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
  
用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

UI必备品质:

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

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

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

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

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

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

那么怎么测试UI呢?

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

一、图形测试
图形包括图片、边框、颜色、字体、背景、按钮等。
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控件对输入有效性判断:长度判断,合法性判断,数据大小判断等。

以上是一些基本的UI测试内容,UI是直接影响用户体验的关键因素,也是一款应用上线前,在app测试项目中很重要的一环。