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

Wicrecend 2017-04-27

UI即UserInterface(用户界面)的简称。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测试项目中很重要的一环。

相关推荐