按钮

大白话解释

按钮就是页面上那些你一看就想用手去戳的长条或者小方块，上面写着确定、取消、保存、登录之类的字。戳下去，事情就发生了。

你可以把它想成电梯里的楼层键：按了不一定立刻到，但不按永远没反应。它的全部意义在按这个动作，所以设计上的头等大事是让人一眼看出这里能按，而且按了会发生什么。

一个小按钮背后其实管着好几件事：它长什么样、能不能按、按下去有没有反应、按完变成什么样。新手最容易忽略最后一条，按钮点下去毫无动静，用户就会一直戳，然后开始怀疑页面坏了。

什么时候会遇到

• 看设计稿时，同一页里出现了主按钮和次按钮两种样式，你得搞清哪个更显眼。
• 表单提交后用户狂点，结果同一个订单提交了三遍，这就是按钮没做防重复点击。
• 产品说这个操作风险大，让按钮先置灰，等用户勾了协议再亮起来。
• 跟 Agent 沟通时你说把那个保存按钮做得明显一点，它得先猜哪个是保存按钮。
• 上线后收到反馈说手机上按钮太小按不准，其实是指点区域做得不够大。

可以直接对 Agent 说

「这个提交按钮点下去之后要立刻变成不可点状态并显示提交中，等接口返回再恢复，防止用户连着点好几次造成重复下单。」

「页面底部放两个按钮，右边是蓝色的主要按钮写确认支付，左边是白底的次要按钮写再想想，主要按钮要明显大一圈。」

「这个删除按钮先置灰不可点，等用户把上面那个我已知晓风险的勾选框勾上，它再变红亮起来。」