app界面元素
app四大类
- 栏6
- 状态栏(ststus bar)
展示信号、时间、电量等信息,Android系统还会显示未读信息的提示 - 导航栏(navigation bar)
也称标题栏,一般显示标题,会放搜索、分段式控件或者其他功能入口,状态栏下面 - 标签栏 (tab bar)
在页面底部分模块用来作为任务切换,一般有3-5个图标。主菜单栏 - 工具栏 (tool bar)
App最底部,用于当前操作页面对象的控件 - 搜索栏 (search bar)
- 范围栏(scope bar)
和搜索栏同步出现,用于定义用户的搜索范围,位于搜索栏下方
- 内容视图5
页面中间展示部分
- 列表视图(list style)头条信息,外卖信息
- 卡片式图(card style)音乐类mv
- 集合视图(collision style)电子购物中的商品平铺,相册
- 图片视图(image)
- 文本视图(TXT)
- 控制元素9
用于控制产品行为或显示的信息 - 页面控制器 页面加载广告滑动,常见于banner
- 分段式控件 将一个页面分为2-5个类别,常见在导航栏下方
- 滑动开关 2个互斥选项
- 选择器 选择时间、语言、区间
- 文本框 用户信息登入
- 按钮
- 进度条
- 刷新视图 (旋转)
- 调节器 (音量 亮度)
临时视图4 - 警告视图(alert view)标题加正文,一般2个按钮
- 操作列表(action sheet)用户某个操作行为触发,包含2个以上按钮
- Toast 触发操作时,弹出toast进行反馈,会自动消失(微信消息提示)
- 模态视图 显示时不能进行其他操作
App测试要点
必要测试:7 - 功能(安装卸载升级、消息推送、离线状态测试)、
- 界面(核对产品原型图,UI效果图)、
- 兼容(操作系统、屏幕尺寸、分辨率) 百度流量统计
- 网络测试(弱网)存在数据交互部分测试弱网 (充值,重点功能)
Fiddler设置弱网,弱网充值时多次提交只能被执行一次 - 中断测试(断网重连,断电,低电量,来电,插耳机,切换歌曲)
- 压力稳定性/性能
- 安全
补充知识5 - 首次启动 --功能介绍或者引导图的正确性
- 初始状态或空数据状态 --空页面处理
- App分页处理 --多次加载
- 消息推送 --角标:数字或者红点,提示未读消息
- 图标、按钮:常态、选中、不可点击 –不同颜色显示