手机客户端UI测试分析

随着众多网站不断的在客户端的布局,不论是门户、社区、购物网站等都将手机客户端做为发展的一个方向,手机客户端仅局于一个小小的屏幕内,对于手机客户端的UI测试有着与网站不同的测试方式。从客户端起动界面开始,到运行过程,直至退出,UI测试都有着自己的规范和要求。

手机客户端测试人员在产品过程中的工作:

手机客户端UI测试常见的测试点:
1.各种分辨率下,显示正常。现市场上主流的塞班V3系统手机为、240*320、320*240。WM系统主要为240*320、320*480。Android系统主要为320*480,Iphone系统为320*480。在产品确定设计前在哪些系统中些屏幕下运行。测试将对不同的屏幕下对UI在不同的机型个测试效果。

2.前景色与背景色搭配合理协调,反差不宜太大,最好少用深色,如:大红,大绿等,常用色考虑使用手机系统的界面色调。对于UI在设计上的用色,测试可以提出很多宝贵的意见,只有图片跑在手机系统才可以更好的分辩出UI设计的图片是否会产生误差,这里的误差是指图片颜色是否与手机系统搭配,是否与视觉设计的想法有出处。

3.与正在进行的操作无关的按钮应该加于屏蔽(在windows mobile用灰色显示),或许与WM系统的界面有关,对于不同的系统,在UI测试上要有所不同,在满足手机特性的情况下,如何做到对于手机界面UI测试显得更加重要。

4.控件的焦点与非焦点状态的边框要有明显的区别。对于控件上的焦点掌握,在不同颜色下的边框有着严格的要求。即在选中与未选中下,UI对于控件不同,这对于UI测试的要求更高。

5.长操作(下载,上传,更新,登录等)时,要有明确的动态指示logo或文字(例如:loading…等),表明操作正在进行中。手机访问速度没有PC快,对于手机小屏幕很容易失去耐心,简短的提示就是为了让用户继续停在当前页面,同时友好的UI界面提示也显得很重要。

6.对于非法的输入或操作应有足够的提示说明,提示、警告或错误说明应该清楚、明了、恰当的跳出提示警告画面,但冲击力不能太强。

7.文字描述的准确性:a. 文字描述与对应功能是否一致 ;b. 错别字。

8.文字用语的一致统一:父窗口的选项与子窗口标题统一一致。

9.产品帮助文档:a. 与产品功能和截图配套一致,当重新打包新系统时,及时更新产品帮组文档;  b.文档格式; c.帮助中应该提供技术支持方式,一旦用户难于解决可以方便寻求新的帮助方式。

10.产品的版权和商标的logo和文字申明(一般在启动界面或者软件产品的“关于”选项里面);涉及公司的形象和品牌,一定要规范标准化。

11.给用户提供自定义界面风格,由用户自己选择颜色和字体。满足不同用户习惯,同时满足用户对于一些颜色偏差(如色弱用户)。

测试流程:
1.根据提供的UI规范文档以及PRD了解整个产品的业务和UI规范。
2.开发提供已设计好的DEMO。
3.如果是单一的DEMO,不涉及业务流程,跳到第5否则跳到第4。
4.结合PRD中的业务流程以及UI规范进行测试,并提交发现的BUG,执行完后进行第7。
5.使用UI规范文档对已提交的DEMO页面进行测试,并提交BUG。
6.对后续给出的DEMO页面根据PRD的业务进行集成测试,并提交BUG。
7.对BUG进行跟踪回归测试。

客户端是由各类的手机控件下组装成的,优秀的UI设计同时也抓住对控件的UI优化达到产品的优化。针对于一些手机界面常用的控件,在正常状态下、选中状态下等多种状态的常见效果展示:

来源:http://www.537520.com/?p=452

时间: 2024-10-26 17:37:42

手机客户端UI测试分析的相关文章

移动应用交互设计:手机客户端的交互适配方法

文章描述:本文中,我想简单的总结一下手机客户端的交互适配方法,希望能更好地来指导当前移动应用的设计需求. 简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,

手机客户端交互适配设计

简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,而不同功能的所有设计基础都是一致的. 但是对于客户端,咋一看,好像很简单,就是设计一个应用.实则不然,客户

手机客户端交互适配设计之我见

简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,而不同功能的所有设计基础都是一致的. 但是对于客户端,咋一看,好像很简单,就是设计一个应用.实则不然,客户

客户端交互设计:手机平台客户端UI设计

文章描述:客户端UI设计之手机平台之争. 1. 当前手机平台的争锋     为了占领移动互联网的制高点,当前的几大IT巨头都以手机平台为基础展开争夺.占领移动平台就是占领了用户的移动桌面,也就为自身的移动服务争取到了最佳位置.       微软公司推出windows phone 7, 曝光了windows 8:苹果公司也开了iOS 5的发布会:谷歌的Android 3.0的发布,Android 2.4 的若隐若现等等:大家都在努力提升平台体验.另外,惠普的Web OS.黑莓公司也都在研制和发布新

手机App安全性测试初探

目前手机App测试还是以发现bug为主,主要测试流程就是服务器接口测试,客户端功能性覆盖,以及自动化配合的性能,适配,压测等,对于App安全性测试貌似没有系统全面统一的标准和流程,其实安全性bug也可以是bug的一种,只不过更加隐秘,难以发现,尤其针对于手机App.近期时间比较充裕,研究了一下安全性相关的东西,并对于我们自身的产品测试了一下(更主要的目的是游戏作弊刷分),发现了不少问题,总结一下. 我的理解,包括以webview为主体的app,站在入侵或者攻击的角度来讲,安全隐患在于http抓包

爱吧网手机客户端成功上线

软件名称:爱吧网 软件版本:1.0.1 测试系统:iPhone4/iPhone4S 软件大小:4.0MB 下载地址:AppStorehttp://itunes.apple.com/us/app/ai-ba-wang-zheng-hun-jiao/id504533353?ls=1&mt=8 或者在AppStore中用"爱吧网""aiba"作为关键词搜索安装. 标题:爱吧网手机客户端成功上线,打造无阻碍沟通的婚恋交友环境,挑战世纪佳缘等传统婚恋网站. 不知道多少

手机客户端的两种主要的界面布局与设计方式

本文主要讨论手机手机客户端的两种主要的界面布局与设计方式,对于手机设计师来说,此类文章比较少见,当然其中对于用于体验与可用性的实现依然很普遍. 手机产品设计与传统的桌面和web产品设计相比,最显著的约束是设计空间的急剧缩小.打个比方,这就像从一个100平米的房子搬到5平米的单间,东西没少一样,可以施展的空间却小了几十倍.更重要的是,在这样一个小空间里,你不能把东西胡乱摆放,要依旧保持它们的清晰.合理.简洁.美观.借用<用户体验的要素>中的名词,这涉及到"框架层"的设计问题,

手机客户端的设计

谈手机客户端的设计.接触才1周,我就敢谈--整理一下思路,为以后鄙视现在的初级阶段做个铺垫. 抛开产品本身不谈,手机客户端要从几个方面综合考究,才能做出精彩的东西.手机端和WEB端,在很多方面是一致的,都要尽可能的把用户当成懒汉和笨蛋.在以懒汉和笨蛋的态度对待受众的基础上,再考虑不同手机平台用户的使用场景,让这种懒和笨发挥的更加贴切,就可以了. 如果在WEB端已经有了一个成型且比较稳定的产品,比如某电商平台.某社区,在此基础上做手机端产品,大致有章可循: 理顺功能框架--设计交互--确定UI--

php实现读取手机客户端浏览器的类

 这篇文章主要介绍了php实现读取手机客户端浏览器的类,可实现取手机号码,浏览器报头信息,取得手机类型,取得手机IP等功能,需要的朋友可以参考下     本文实例讲述了php实现读取手机客户端浏览器的类.分享给大家供大家参考.具体分析如下: 这里介绍的手机信息函数类有取手机号码,浏览器报头信息,取得手机类型,取得手机IP等功能. 代码如下: <?php /** * 类名: mobile * 描述: 手机信息类 * 其他: 偶然 编写 */   class mobile{ /** * 函数名称: