移动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测试项目中很重要的一环。

移动app测试之UI测试内容详解相关推荐

IP65等IP防尘防水等级测试标准IEC60529测试内容详解
IP是国际用来认定防护等级的代号 Ip等级由两个数字所组成,第一个数字表示防尘;第二个数字由表示防水,数字越大表示其防护等级越佳. 防尘等级号码防护程度定义 0 无防护无特殊的防护 1 防止大 ...
ueditor上传组件显示乱码_最全面的移动端 UI组件设计详解：中篇
上一期给大家讲解了<最全面的移动端UI组件设计详解:上篇>,主要分享了:布局组件和导航组件2个部分:这次给大家带来:基础组件.表单组件和反馈组件详解,希望你在设计APP.小程序.H5页面中 ...
命运2服务器维护2021,命运2 2021年3月17日更新内容详解冰影系列削弱一览[多图]...
命运2官方将在2021年3月17日的更新中对冰影系列进行削弱,部分玩家可能还不清楚,下面一起来看看命运2 2021年3月17日更新内容详解吧. 命运2 2021年3月17日更新内容详解在3月17日即 ...
java json path_Java使用JSONPath解析JSON完整内容详解
JsonPath是一种简单的方法来提取给定JSON文档的部分内容. JsonPath有许多编程语言,如Javascript,Python和PHP,Java. JsonPath提供的json解析非常强大 ...
Unity Shader中各部分定义内容详解
Unity Shader中各部分定义内容详解样板 Shader "Practice/Unlit/SimpleUnlit" {Properties{_MainTex (" ...
Android 单元测试之UI测试
Android 单元测试之UI测试 UI测试 Espresso 官网地址 Espresso是Google官方的一个针对Android UI测试的库,可以自动化的进行UI测试. Espresso可以验证 ...
单个App的UI测试
本文翻译自:Testing UI for a Single App 水平有限自己感觉很多地方表达的并不到位,但找不到更好的表达方式,如果您觉着有更好的表达方式,帮助我改进! 单个App的UI测试测试 ...
App启动时Application初始化详解
参考博文: http://www.jianshu.com/p/6037f6fda285 App的ActivityThread与Application详解一个App的程序入口到底是什么? 是Activ ...
STM32CubeMX GCC工程Makefile内容详解
STM32CubeMX GCC工程Makefile内容详解基础介绍因为项目原因,需要对编译系统进行一些比较复杂的使用,但是我对于编译系统这一块并不是非常精通了解,所以需要进行一下学习.正巧,众所周 ...

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

移动app测试之UI测试内容详解相关推荐

最新文章

热门文章