给予用户即时反馈是交互设计中十分重要的一个原则;
其中特殊的一种反馈：按钮置灰应如何提供给用户反馈。常见于登录注册，当用户操作步骤达到拟定标注时给予反馈。
在考虑“即时反馈”的时候，“可供性(Affordance)”也不能违背；
每个选手下方有个投票按钮，每个用户每天只能给一个人投票，当投过之后，如果是满屏的置灰按钮，再点击置灰按钮（不可用状态，点击之后是不应该给出反馈信息的）时应如何给用户反馈呢，给toast反馈肯定违背了"可用性"
所以优化这个操作：在投完票后，用户已经选择了以为选手，此时最关心的应该是“我是否已经投上票”，如果对此活动比较感兴趣，用户可能还会想了解一下选手排名，所以页面可改为如下样式：
更改后的方案，在用户点击投票之后，首先指明了用户投了谁，现在多少票，排名是多少，页面还可以展示选手排名，返回到主页面时显示“已投票” ，后续也可以点击查看；从而避免了满屏都是置灰按钮的情况；
给予用户即时反馈是交互设计中十分重要的一个原则; 其中特殊的一种反馈：按钮置灰应如何提供给用户反馈。常见于登录注册...
设计思路： 1、起始状态时，验证按钮置灰，登录按钮置灰。 2、输入手机号码，且经过验证为11位时，验证按钮变为亮色...
理了下按钮置灰还是不置灰的逻辑，总结讲就是简单的置灰，复杂的不置灰单项的置灰，多项的不置灰 简单的置灰，单项的置灰...
产品细节优化： 1、注册环节：未输入出生日期时，登陆按钮状态提示不明显。优化建议：减弱登陆按钮置灰状态色值，未登陆...
最近项目碰到一个问题，就是在按钮置灰后，按钮上的文字没有跟着置灰。经过一番研究，做出了一下处理，供大家参考一下。 ...
1.初始置灰 2.置灰不显示报错 判断是否有错和输入框是否有空 Object.key()Array.some()
主要想实现的功能就是，当checkBox未选择时，按钮置灰不可点击；当checkBox选中时，按钮可以点击并且变成...
一、防快速重复点击。 点击按钮后，立马将按钮设置为不可点击，按钮置灰，1.5秒后，重新可以点击。二、防网络请求重复...
视觉置灰 视觉置灰在界面设计中主要起到的是一个筛选的作用。以豆瓣和虎扑为例，帖子如果浏览过就会置灰。 在电商类的产...
本文标题：交互点-置灰按钮的反馈提示设计
本文链接：https://www.haomeiwen.com/subject/tfusaxtx.html
网友评论