APP --UI测试

什么是UI?

UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。

好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

UI设计出发点:UI界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

UI必备品质:

1.清晰

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

2.简洁

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

3.熟悉

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

4.响应

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

5.一致

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

6.美观

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

在度娘那里了解了UI设计后,下面我们再重新想想要怎么测试UI呢?

围绕UI设计的关键点,测试目标也就主要看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控件对输入有效性判断

长度判断,合法性判断,数据大小判断等。

以上代表个人观点,不是很完整,大家可以补充,另此文主要为概括性语言,没有一一举例,大家主要明白测试目标即可,让测试有个方向。

APP --UI测试

时间: 2024-08-29 14:03:57

APP --UI测试的相关文章

跨多个App的UI测试

本文翻译自:Testing UI for Multiple Apps 水平有限自己感觉很多地方表达的并不到位,但找不到更好的表达方式,如果您觉着有更好的表达方式,帮助我改进! 跨越多个App进行UI测试 通过跨越多个APP之间的交互来测试你的APPUI,让你确认你的APP表现是否正确,比如:用户在你的APP和其他APP之间或者进入系统UI之间进行切换操作时.一个例子比如用户切换至短信APP它允许用户输入一个文本消息,然后切换到Android通讯录来选择要发送的目标,然后再返回短信APP来发送短信

对于win8 APP编码的UI测试

通过编码的UI测试轻松测试用户界面 自动化用户界面测试,是打造高品质产品的关键.这些测试可以帮助我们轻松识别UI回归测试.通过visual studio中编码的UI测试,可以生成非常强大的用户界面测试. 基本步骤如下: 1.在visual studio 2013中创建编码的UI测试项目: 在visual studio 2013中一次点击文件->新建->项目,在左侧的已安装->模板->Visual C#中点击测试,在右侧点击编码的UI测试项目后,点击确定. 2.录制UI测试操作: 创

Google推出iOS功能性UI测试框架EarlGrey

经过了一段时间的酝酿后,Google很高兴地宣布了EarlGrey,一款针对于iOS的功能性UI测试框架.诸如YouTube.Google Calendar.Google Photos.Google Translate.Google Play Music等多款Google应用都成功地采用了EarlGrey框架来满足其功能性测试之所需. EarlGre的特点 EarlGrey所提供的主要特性如下所示,这些特性使得应用的测试变得更加轻松,也更具效率: 强大的内建同步机制:测试会在与UI进行交互前自动

Assignment5: 使用Visual Studio 进行可编码的UI测试

一.实验目的: 使用Visual Studio 可编码的UI测试功能创作自动化测试 二.实验原理:黑盒测试 三.实验需求:win8 app.Visual Studio Ultimate 2012/2013 四.实验步骤: 1.新建项目 2.开始录制,打开测试用的app 3.点击开始录制,然后点击在app上进行的操作,进而生成代码 4.生成代码 5.运行生测代码,做到自动测试 6.可以对生成的method进行更改,以便维护app 7.完成快速创作和运行编码的UI测试 8.确保产品提供高品质的客户体

产品经理怎么做app的测试?

之前有同学希望我写写产品经理怎么做测试.测试,其实就是产品上线之前我们按照一定规则对产品进行检查的工作,确保我们的产品在上线之后没有重大和明显的BUG,并保证用户可以流畅正常地使用我们的产品.我从自己的工作经历出发,谈谈自己对测试的理解,有不对的地方欢迎大家指正.本文只写了一般功能测试的流程和情况,性能测试等模块因为专业性不够,还是留待专业的同学来写吧. 一.测试谁来做? 在大部分公司里这一块会由专门的测试同学负责,然而在很多创业团队里却并没有专门的测试岗位,测试的工作就需要由产品经理或是产品新

移动应用/APP的测试流程及方法

1. APP测试基本流程 1.1流程图 1.2测试周期 测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间.正式测试前先向主管确认项目排期. 1.3测试资源 测试任务开始前,检查各项测试资源. --产品功能需求文档: --产品原型图: --产品效果图: --行为统计分析定义文档: --测试设备(ios3.1.3-ios5.0.1:Android1.6-Android4.0:Winphone7.1及以上:Symbian

关于本次实验的UI测试

在这次实验中,由于自己之前编写的大多数Windows app都为以用户界面为主的应用,所以要对其进行测试,应该进行UI测试,通过学习以及实验,我总结了以下关于UI测试应该注意到的内容. UI界面测试要点 1.界面的线条是否一致,每个界面中线条是否对齐,是否一致.(静态页面没有确认的情况下). 2. 整个系统的界面是否保持一致. 3. 界面是否存在错别字. 4. 界面上的按钮样式是否一致. 5. 每个界面是否同原静态页面设置一致(静态页面确认的情况下) 6. 操作是否友好. 7. 界面所有的按钮.

移动app传统测试流程优化

概述 在传统的软件测试流程中,每一期需求从开发到上线都要经历从需求分析与评审.测试用例评审.开发.测试.发布的流程.其中测试包含了后台测试.前端web测试.客户端测试.后台测试又包括后台代码逻辑测试.接口测试.接口压力测试等,web端测试包含了前端页面的UI界面测试.PC与移动端浏览器兼容性测试和功能测试等,而客户端测试包含的测试项目较多,而每项测试又相对技术含量较高,从而引入了专项测试的概念.和针对客户端每期需求所做的功能测试不同,专项测试的结果虽然与产品的具体功能相关,又包含独立于产品需求功

9款好看又实用的手机APP UI模板

一款优秀的界面设计,最重要的两点应该是产品本身的UI和用户体验(UX),唯有将二者完美结合才能称作优秀的设计作品.但随着智能手机及各类设计工具的发展,用户对手机界面设计的要求也与日俱增.这也就解释了为什么手机应用市场有很多APP功能差不多,但我们只使用一款就够了,而这一款必定有更优的界面设计及用户体验. App界面设计出色与否将直接影响App用户的体验.要提高UI设计水平,除了经历一定的实践及积累,还可以动手临摹或欣赏一些手机UI设计作品,提高审美能力.增加设计灵感.今天小编给大家挑选了9款由国