认识设计组件帮助测试,以提高产品用户体验

2023-11-06

一、控制元素

1、活动指示器——应与背景想协调,用于持续时间不明的进程,单一元素不显示,大于1个显示

2、加载控件——同一个专区页面,加载样式统一

 

3、页码控制器——原点最好控制在5点内,左右滑动,点击原点可切换

 

4、刷新控件——下拉刷新,反馈内容不变,内容更新,上滑加载

5、滑动器 ——用于表达左右两端各代表什么,

 

6、开关——和app的主题色一致,主色调

 

7、步进器——样式可使用程序的主色调,

 

二、筛选器

1、选择器

2、日期时间选择器

三、表单控件

1、单选框——用户只能选择一项的时候,单选框分数量不宜过多,

2、复选框

3、文本框——当用户点击文本输入框时,应弹出键盘和输入光标,当用户点击键盘上的回车时,程序应对文本框的内容进行响应的处理,文本框的边框应是灰色,圆角,也可以直角,看程序整体风格

四、按钮规范

1、背景+文字

2、背景+图标

3、图标+文字

4、文字

五、其他组件

5.1 状态栏——状态栏有黑白两种形式,测试过程中要注意状态栏和页面不要同色,避免状态栏和页面底色重叠看不出来

5.2 非模态浮层——定位在页面中心2s消失,不影响页面其他操作

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

认识设计组件帮助测试,以提高产品用户体验 的相关文章

随机推荐

  • 解决python使用request请求报错SSL: SSLV3_ALERT_HANDSHAKE_FAILURE

    解决方法 在使用request请求前 设置一下 import requests packages urllib3 util ssl requests packages urllib3 util ssl DEFAULT CIPHERS ALL
  • uniapp中展开与折叠

    一 简单的实现方式 1 如下图所示 uniapp中展开与折叠 2 实现方式 代码如下
  • 正则表达式——IP地址匹配

    目录 1 IP地址 2 IP地址格式 3 IP地址组成 4 IP地址正则表达式 1 IP地址 IP地址是指互联网协议地址 英语 Internet Protocol Address 又译为网际协议地址 是IP Address的缩写 IP地址是
  • Scala包

    目录 包 1 1简介 1 2格式 1 3作用域 1 4包对象 1 5包的可见性 1 6包的引入 包 1 1简介 注意 1 编写scala源代码的时候 包名和源码所在的目录结构可以不一致 2 编译后 字节码文件和包名路径会保持一致 由编译器自
  • 8.15练习12 博弈论 巴什博弈/Nim博弈/威佐夫博弈

    Brave Game Good Luck in CET 4 Everybody Play a game Northcott Game 取石子游戏 今天的题真是日了狗了 主要是先做完的人太快了 你知道我刚进教室看见人家大神做完了出来是什么感受
  • 【BUG 记录】AttributeError: module ‘collections‘ has no attribute “*”

    项目场景 Python 3 10 1 在调用某些库的时候出现AttributeError module collections has no attribute 的错误 问题描述 在 Winodws 环境下安装 Pyreadline 后调用
  • Educoder-Spring入门解答

    第一关 hello Spring HelloWorld package step1 public class HelloWorld Begin public void hello System out println Hello Sprin
  • 函数与模块

    文章目录 一 函数的概念 二 定义与调用函数 1 函数的文档注释 2 函数的嵌套调用 三 参数 1 参数的使用 2 形参和实参 3 函数的返回值 四 模块 1 模块的概念 2 使用模块 一 函数的概念 所谓函数 就是把具有独立功能的代码块组
  • Bladed V4.3安装(PoJie)流程

    开机 不要打开其他应用软件 关闭杀毒软件 360等 01 解压安装包 得到以下文件 02 右键管理员权限运行 exe安装包 03 点击next 04 安装路径默认C盘 点击next 05 只勾选第一个Bladed 其他的不要选 点击next
  • Android 帧动画OOM问题优化

    转载请注明出处 谢谢 普通实现 实现一个帧动画 最先想到的就是用animation list将全部图片按顺序放入 并设置时间间隔和播放模式 然后将该drawable设置给ImageView或Progressbar就OK了 首先创建帧动画资源
  • linux tcp传文件断点续传,文件传输(断点续传)

    文件传输 断点续传 经验总结 以后传输文件 就用先打包在传输的方式 而不要传输文件夹的方式 一定要用二进制方式进行文件的传输 尤其是压缩文件和目录 重点总结 使用mirror同步文件是没有问题的 但是传输完成一定要检查文件大小是否相同 使用
  • Qt版本的冷知识

    Qt4 8 7是Qt4的终结版本 是Qt4系列版本中最稳定最经典的 很多嵌入式板子还是用Qt4 8 其实该版本是和Qt5 5差不多时间发布的 参考链接 https www qt io blog 2015 05 26 qt 4 8 7 rel
  • 如何创造超级大脑?思维导图工具TheBrain使用技巧干货来啦!

    TheBrain让你创建一个简单的 动态的图形地图 在其中输入和导航你所有的信息 从一个想法开始 其他几个想法可以在视觉上联系起来 这些想法与其他想法有自己的联系 也可能彼此联系 TheBrain在使用上市非常简单且方便的 但如何利用它庞大
  • [Leetcode] 373. 查找和最小的 K 对数字

    373 查找和最小的 K 对数字 给定两个以 升序排列 的整数数组 nums1 和 nums2 以及一个整数 k 定义一对值 u v 其中第一个元素来自 nums1 第二个元素来自 nums2 请找到和最小的 k 个数对 u1 v1 u2
  • 保持websocket长时间连接永不断开

    1 定期发送心跳包 ping pong 客户端和服务器端都需要定期发送ping消息 并相应得到pong消息 以确保连接仍然正常 如果超过一定时间没收到pong 需要主动关闭连接 JS客户端代码 定期发送ping setInterval gt
  • python的安装及环境配置

    1 python解释器的安装 进入官网 https www python org 然后点击All releases查看所有版本再点击自己需要的版本 这里选择的是3 11 4版本 然后向下翻找到3 11 4 是 64 bit 位的下载即可 安
  • iconfont unicode使用步骤

    第一步 拷贝项目下面生成的 font face font face font family iconfont src url xxxxxxxxxxxxxx format xxxx 第二步 定义使用 iconfont 的样式 iconfont
  • python sys.argv[]用法

    sys argv 是用来获取命令行参数的 sys argv 0 表示代码本身文件路径 所以参数从1开始 以下两个例子说明 1 使用sys argv 的一简单实例 以下是sample1 py文件 import sys os print sys
  • Android C2DM----客户端

    一 基础知识 在前一部分中 我们从整体上快速介绍并实现了下Android C2DM的Push功能 在接下来的部分里 我们先来回顾一下C2DM相关的整体上的知识 然后具体介绍说明实现的过程 在前面的C2DM框架说明中 我们已经知道 要实现An
  • 认识设计组件帮助测试,以提高产品用户体验

    一 控制元素 1 活动指示器 应与背景想协调 用于持续时间不明的进程 单一元素不显示 大于1个显示 2 加载控件 同一个专区页面 加载样式统一 3 页码控制器 原点最好控制在5点内 左右滑动 点击原点可切换 4 刷新控件 下拉刷新 反馈内容