APP前端易用性和UI测试

移动APP使用场景的特点

1.屏幕小:

与Web系统相比,APP安装在手机端,展示屏幕只有几英寸,能够展示的信息就显得非常有限和珍贵,我们需要将有价值的信息放大,放在显眼的位置。

2.场景复杂化:

由于APP用户会在挤公交,行走,甚至运动的时候使用手机,因此我们在设计和测试是必须考虑到各种情况,比如网络不稳定,电量不足,信息/电话拨入,横竖屏切换等情况。

3.时间碎片化:

用户使用移动应用的时间大多是碎片化的,设计时需要考虑到符合用户碎片化时间的使用习惯,能够在较短的时间内使用户明白操作方法和用意。所以APP产品务必得易理解,易学习,易操作,简洁方便。

4.输入困难化:

需要考虑到在小小的手机屏幕上打字是非常辛苦的一件事,按钮小不好按、又容易出错,因此应该适当减少用户的输入操作;

比如可以设置搜索的自动匹配;展示出热门搜索词等。

5.容量有限:

因此安装包大小也影响着用户体验,应该尽量做到精简。


针对以上APP场景的特点,从测试的角度汇总了以下测试点:



安装测试:

1)安装进度条提示;

2)首次启动,预加载时间不应过长,建议在3s左右


卸载测试:

1)APP卸载是否有提示信息,提示语言是否友好,语句是否通顺。

2)测试系统直接卸载程序是否有提示信息。

3)测试卸载后文件是否全部删除所有的安装文件夹。

4)卸载是否支持取消功能,单击取消后软件卸载的情况 。


升级更新测试:

1)是否有系统升级提示 ;

2)强制性更新用户体验较差。


启动页:

1)启动页建议展示时间小于等于3s;

2)启动页面突出产品名称,logo,页面简洁,配色自然和美观


用户使用指引:

1)用户首次下载使用APP时,弹出用户指引界面;

2)对应用核心功能使用方法进行指导,说明文字简洁明了;

3)使用指引建议少于5页


注册/登录:

1)可点击操作的按钮建议显示成蓝色或较深的黑色,表示可点击

2)用户名密码输入提示(在用户名输入框提示:请输入手机号/用户名)

3)用户名/密码格式不正确提示后,输入项不会被自动清空

4)用户名/密码输入字符后,应有完全删除按钮(方便完全清空,也能逐字删除)

5)设置密码显示/隐藏功能

6)键盘收缩功能(小机型的设备可能会被键盘覆盖住登录按钮)

7)键盘上建议设置“下一项”按钮


异地登录测试

1)用户被登出,提示在当前账户在其他设备登录(告知用户账号密码有泄露的风险,参考微信等APP)


搜索:

1)搜索控件搜索输入框支持自动匹配;

2)保存搜索历史,并支持删除;

3)搜索热词


应用容错:

1)仅允许输入数字的输入框(日期,电话号码等输入框)弹出数字键盘

2)仅允许输入英文字符和数字(密码)的输入框,跳出英文输入键盘


联系电话:

1)电话号码,显示成蓝色字体,点击弹出拨号控件


核心功能:

1)保证核心功能和基本功能正常可用,不发生闪退,ANR的问题


系统响应:

1)网络状况良好的情况下,点击任何操作应在3s内做出正常响应:跳转,弹窗或提示;

2)页面加载中,应有明显的加载标志;

3)文件读取、下载或上传等需要用户等待较长时间的操作,应有进度条;


网络环境:

1)无网络环境,用户发起请求,应立即提示:当前网络异常,请稍后再试(注意提示通顺语友好)

2)无网络环境下启动(或首次启动),操作不会发生闪退,ANR


内存消耗:

1)应用所占内存的大小是否合理,合理的内存申请使用;

2)内存是否正常释放,是否存在内存泄漏的问题;


电量消耗:

1)检查正常使用和后台运行时电池电量的消耗是否正常;


流量消耗:

1)当前网络请求对流量消耗较大,并且当前网络为非wifi环境下,应提示:正在使用非WiFi网络,将产生较多流量费用


FPS(帧率):

1)每一帧刷新的时间<16ms(用来指示页面是否平滑的渲染,FPS越高,就代表你的应用运行更加流畅。当FPS达到60+,用户主观感受不到卡顿。Android系统测试工具:Android自带开发者工具)


电池温度:

1)应用在持续运行一段时间后温度是否有明显升高


消息中心:

1)消息中心一般建议设置在应用首页右上角;

2)应用接收到消息时,消息中心入口(铃铛)应有红点(或数字)标识未读信息;

3)点击进入消息列表:列表中的未读信息展示红点


权限许可

1)应用访问位置,网络,照片,健康数据等功能时,需要弹出权限许可窗口;


亮度:

1)二维码支付类页面,亮度自动调整至80%以上;

2)休闲类应用(阅读APP,论坛类)支持夜间模式


导航/菜单:

1)核心功能,用户使用较频繁的功能,入口是否展示在清晰明显的位置(方便用户快速记住和找到入口);

2)功能按钮位置是否符合用户习惯:应用左上角一般为:返回控件;右下角一般是用户中心;

3)部分关联功能页面的跳转是否灵活方便(比如购票和我的订单页面);

4)是否有部分功能导航层级过深;

5)相关功能入口位置是否相近,集中;

6)导航名称等文字是否准确直观,能做到望文知意;

7)应用内或不同系统(Android/iOS)间的导航与页面结构、菜单、页面风格是否一致


界面设计:

1)不同系统/机型/分辨率/横竖屏展示时,自适应界面设计是否合理,内容根据窗口大小自适应完整展示(是否出现错位,遮挡,留白,拉伸和模糊等问题)

2)Android和iOS系统所有功能入口都有展示,并且位置相同

3)重要信息的输入框是否放置在页面中醒目位置(Tab顺序中靠前)

4)页面图片是否有意义,是否美观,突出重点

5)页面中操作按钮禁用时,按钮是否置灰;可以点击操作的按钮是否显示蓝色或黑色,表明可以点击

6)图片质量要高且图片尺寸在设计符合要求的情况下应尽量小,或使用缓存 

7)图标与功能相符,但不能重复。


弹窗:

1)需要弹出多个弹窗时,建议调整优先级和顺序,不要同时展示


文字:

1)输入框说明文字的内容与系统功能是否一致

2)应用内或不同系统间,功能和操作的名称统一

3)文字描述是否正确,通顺,简洁明了,无错字和语法错误


提示:

1)提示窗口样式和选择按钮是否风格统一;

2)提示内容检查

3)删除,冻结,销卡等会带来较大影响的操作是否弹出确认提示;


色彩:

1)不同色系的颜色建议不能过多(色不过三)

2)色彩搭配是否合理:背景色和操作按钮色调对比是否明显

3)应用内不同页面间的主色调是否保持一致

4)边框建议选择较浅的灰色,与背景色对比不能过于明显

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,265评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,078评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,852评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,408评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,445评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,772评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,921评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,688评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,130评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,467评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,617评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,276评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,882评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,740评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,967评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,315评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,486评论 2 348

推荐阅读更多精彩内容

  • Web网站测试流程和方法(转载) 1测试流程与方法 1.1测试流程 进行正式测试之前,应先确定如何开展测试,不可盲...
    夏了夏夏夏天阅读 1,276评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,749评论 25 707
  • 你关于爱情诗歌的鉴赏文章讲了名人的故事,那是情圣的故事。 而平凡的爱情会带来两个人的共同进步,就像这一首。大家一起...
    波派1988阅读 446评论 0 2
  • 英语魔方秀 就是通过看电视练习口语的应用,现在很多应用都有这个功能,不过呢只限定于这个功能,创意感还是蛮高的...
    永不吃ji阅读 228评论 1 1
  • 2017-05-11 因為緣 世界上的良藥,每一種只能治一種疾病;心靈的良藥,智慧與慈悲,却可治愈一切的病苦。 人...
    霖靂盡致阅读 501评论 0 0