UI相关测试方法

用户拿到我们的APP后,最先看到的就是UI,所以UI也是决定用户能否继续使用我们APP的一个关键原因之一,那么怎么测试UI呢,下面会简单说一下一些测试过程中需要注意的地方

文案:

1、错别字,千万不要有错别字

2、大小写,比如iOS的i一定要小写,OS一定要大写

3、标点符号,中文英文标点符号要统一

4、中英文换行,英文换行最好不要截断英文单词,中文换行最好两端对齐

5、字体字号颜色,和UI保持一致,尤其是加粗、斜体、灰色、小字提示等

6、文案统一,同一个功能,尽量保持叫一个名字,不要一个地方叫“设定”,一个地方叫“设置”

7、文案要简单明了,尽量不要写一大段话

布局

1、页面位置,居中、左对齐、右对齐、上对齐、下对齐等,设计稿中的页面logo是居中的,结果app中是靠左的,肯定不行

2、主次分明,突出主要功能或主要提示

图片

1、清晰程度

2、图片大小,不要出现被拉伸,被挤压

3、图片位置,在页面中的位置要适中,居中对齐、左端对齐等对齐方式

4、图片自适应,在不同大小的手机屏幕或者web浏览器窗口下,图片可以自适应的显示,且不会出现拉伸挤压等

5、图片加载速度,网络正常的情况下,不要出现图片加载不出来的情况

6、图文混合的排列方式

7、动图是否能正常播放,播放循环次数,如果是循环播放,那播放一次后要继续播放

控件

文本框

1、是否有默认值

2、是否有提示文案,一般预设提示文案要置灰显示

3、长度超出限制后,应该怎么显示,是换行,还是...显示

对话框

1、模态 or 非模态,打开对话框后是否可以对程序做操作

2、显示的位置,一般对话框要在屏幕的中间位置,或者app的中间位置显示

3、对话框层叠关系,打开一个对话框后,在打开一个对话框,是层叠关系还是会关闭之前的对话框

4、对话框是否可以移动

5、对话框中至少要一个可以不做任何操作就关闭对话框的功能,比如右上角的X,或者点击对话框之外的其他位置

6、对话框内布局要合理,文案和按钮的整体位置

底部操作列表

1、操作列表中的项不宜过多,要突出重点

2、点击其他位置或取消可以收起操作列表

选择框

单选

1、是否存在默认选项

2、选中其他选项后,当前选项要自动取消选择

多选

1、是否存在默认选项

2、选中其他选项后,不会影响当前选项

3、选择的热区,是只能点击选择框生效还是点击文字也可以生效

按钮

1、未点击、点击态要有两个样式

2、不可点击和点击要有两个样式

标签栏

1、选中要有选中的样色,选中和未选中不会有视觉上的位置差异

toast

1、提示信息的展示时间,要让用户至少能看明白提示的是什么,不要一闪而过

开关控件

1、开关和该开关所要表达的文案对的上

2、开关打开和关闭的样式要有明显的区别

3、开关的响应范围

滚动条

1、一页显示的下的时候,不要有滚动条

2、一页显示不下的时候,要有滚动条,且滚动条的样式要和UI的整体风格保持一致

内容轮显

1、只有一页的时候,不要有滚动的...显示

2、内容有多页的时候,要有滚动额...显示,有多少页,显示多少个点

3、要是轮播的方式,从第一页播放到最后一页后,要自然的滚动到第一页,而不是有明显的视觉上的跳动

操作习惯

1、左滑右滑

2、链接到第三方的,第三方app的名称,比如新浪微博,不能叫新浪

3、微信朋友圈一般在微信右方,QQ空间一般在QQ的右方,且中间不要被其他app插入

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

推荐阅读更多精彩内容

  • 界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成...
    A梦想才让心跳存在阅读 1,029评论 0 4
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 最近在读iOS10人机界面指南,目前网上最全的翻译版本来自译者@喵大神经,翻译到UI Bars部分就一直没有更新。...
    Resin阅读 737评论 4 11
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,494评论 0 11
  • 小的时候渴望看到彩虹,想看看是否真的有课本上描述的那么美丽,一座七彩的桥,如梦似幻的架在天空。书上说雨过天晴就会出...
    忆若往昔阅读 159评论 0 1