交互-按钮置灰与不置灰

Posted 2023-05-11

参考技术A 理了下按钮置灰还是不置灰的逻辑，总结讲就是
简单的置灰，复杂的不置灰
单项的置灰，多项的不置灰

类似这样，仅有输入框和按钮，输入内容格式较固定，用户熟悉且知道如何输入的页面，用置灰按钮。
a,置灰的按钮暗示用户页面需要填写一些信息
b,按钮从置灰到亮起，告知用户可以提交
c,免去了未输入内容空提交时的错误提示。

按钮除了提交功能，表单未完成时还起提示和引导的功能。在填表单和提交表单时，点击按钮，会出现引导完善表单的提示。

项目开发容易出错情况统计

2016年11月17日 11:30:45 星期四

1.适配：

　　a) APP弹窗大屏幕适配（例如， 是否居中）

2.按钮状态：

　　a) 按钮点击后没有disable 如果新页面加载卡顿导致用户多次点击，生成多次请求

　　b) 按钮disable后什么时候enable（例如，输入错误，接口返回error，按钮要重新enable）

　　c) 按钮置灰与disable

3.下拉刷新：

　　a) 要明确哪些页面是需要哪些是不需要的（虽然下拉刷新是行规）

4.初始值、默认值：

　　a) 编辑页面时，要初始化默认值（例如， 日历插件，要默认为之前设置的值）

　　b) 编辑的时候，使用默认值提交和修改一些值后的情况都要测试

5.数据同步：

　　a) 先前页面数据没有及时刷新（例如，“添加定投”页面跳转回“我的资产”页面）

6.关联功能：

　　a) 修改某种一种状态后，要确认相关的按钮是否可用（例如，终止后的定投是不能编辑的）

7.限制条件：

　　a) 入口（例如，定投按钮）可触发的限制条件有哪些（例如，是否要求存钱罐有钱）

　　b) “0”值得判断

8.数值精度：

　　a) 前端显示时 数值 字段的小数位截取（例如，定投中按金额买金时是整数）

9.数据统计规则：

　　a) 统计性的数据，要确认统计规则（例如， 定投要分别统计按金额、按克数购买的总量）

10.分页：

　　a) 确定哪些列表是需要分页的， 哪些暂时不需要分页

11.用户确认：

　　a) 确定哪些操作是需要用户确认的（例如，修改信息）

12.键盘：

　　a) 键盘收起的时机，唤起键盘的种类

13.错别字:

　　a) 记录vs 纪录

14.跨天操作:

　　a) 对同一条记录进行跨天修改时测试

15.Push消息

　　a) 明确点击跳转到到哪个页面