认识设计组件帮助测试，以提高产品用户体验-Toy模板网

这篇具有很好参考价值的文章主要介绍了认识设计组件帮助测试，以提高产品用户体验。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、控制元素

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

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

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

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

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

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

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

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

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

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

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

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

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

二、筛选器

1、选择器

2、日期时间选择器

三、表单控件

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

2、复选框

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

四、按钮规范

1、背景+文字

2、背景+图标

3、图标+文字

4、文字

五、其他组件

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

5.2 非模态浮层——定位在页面中心2s消失，不影响页面其他操作文章来源地址https://www.toymoban.com/news/detail-512129.html

到了这里，关于认识设计组件帮助测试，以提高产品用户体验的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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