1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

在按钮置灰时,该如何提供给用户反馈?--九分网络

时间:2020-07-01   分类:设计管理    作者:网络   来源:网络整理   点击:190

 

 

为用户提供即时反馈是交互设计中非常重要的原则。 这是关于系统如何即时有效地响应用户执行的操作的设计。 用户执行操作时,重要的是要立即提供适当的反馈。  
 
一个简单的例子可以说明这一点。 当计算机死机时,无论您订购什么,计算机都不会响应。 没有系统的反馈,用户的心脏就会崩溃。 我们今天要讨论的是一种非常特殊的反馈。 按钮变灰时应如何向用户提供反馈?  
 
让我们先来看一个案例。 这是浮动的投票层。 每个玩家下方都有一个投票按钮。 每个用户每天只能投票一名玩家。

  www.9fen.net

在按钮置灰时,该如何提供给用户反馈?

内容采集来自9fen.net

 

copyright 9fen.net

乍看这个方案没什么问题。但如果加上投票之后的页面,问题就暴露了出来。 九分网络

  九分网络

在按钮置灰时,该如何提供给用户反馈? 内容采集来自9fen.net

  九分网络

上图为了表达出「不能再投票了」,将所有按钮置灰,于是我们得到了一屏幕置灰的按钮。虽然按钮是灰色的,但按钮却依然长得是按钮的形状,还是有忍不住想点一下的欲望。 copyright 9fen.net

那么问题来了,此时点击这个灰色的按钮,应该弹出toast提示,「每天只能投一票哦~~~」吗?带着这个疑问,我们来研究一下置灰按钮。 本文来自九分网络

置灰按钮 copyright 9fen.net

置灰按钮在登录注册中被广泛应用,比如微信

www.9fen.net

 

本文来自九分网络

在按钮置灰时,该如何提供给用户反馈? 内容采集来自9fen.net

 

内容采集来自9fen.net

左图是默认的登录页面,登录按钮置灰。当用户输入了密码(即使只有一位数),则登录按钮亮起。 本文来自九分网络

乍看之下只输入了一位密码就亮起,有些不合理,毕竟用户的密码位数几乎不可能是一位数,此时亮起用户也不太可能登录,反而有干扰之嫌。 内容采集来自9fen.net

但如果再细想一下,假设用户的密码是6位,而微信正好在6位的时候亮起了按钮,那么其实也是变相透露了用户密码的位数。如果设定一个最小的按钮亮起的位数呢?比如从用户输入了6位后开始亮起,这样也不失为一个选择,只不过比现在的方案要略复杂,没有现在这个更简单直接。

本文来自九分网络

下面这个例子,应该是登录注册中,置灰按钮应用的顶配了。 九分网络

  www.9fen.net

在按钮置灰时,该如何提供给用户反馈? 内容采集来自9fen.net

  copyright 9fen.net

【手机站搭建找九分网络:13106499520 QQ:452570709】

本文来自九分网络

在此示例中,仅当用户输入11位数字(所有手机号码均为11位数字)时,“获取验证码”按钮才会亮起。 该解决方案无可挑剔且完美无缺。  
 
在登录期间该按钮显示为灰色,主要是提醒用户该按钮现在无法单击。 只有输入密码/手机号码和其他信息后,才能单击该按钮。 在一定程度上,可以防止无输入时用户点击导致的操作失败。 由于按钮显示为灰色,因此按钮本身设置为不可用状态,因此在单击灰色按钮后,不应提供任何反馈信息。  
 
在这里我们可以进行权衡。 尽管“即时反馈”的原则很重要,但不能违反可负担性,即指示对象如何操作的可负担性。 具体地,已经设置为灰色状态的灰色按钮清楚地指示不能单击该按钮。 这时,如果在单击按钮后弹出吐司,则与此时按钮的可用性不一致,因此是不希望的。  
 
投票案例
 
至此,本文开头的示例很清楚。 单击第二张图片中的投票按钮,吐司不应弹出。 但是,页面上仍然有许多灰色按钮。 该页面看起来不太友好。 作者说他对这个页面不是很满意。  
 
顺便说一句,分享经验,对页面
 
不满意,这通常是我制定良好计划的法宝。 由于不满意,我将始终寻找优化方法。 对您不满意的页面保持不妥协的态度非常重要。  
 
分析此投票页面。 投票后,用户选择了一名球员。 这时,最令人关注的是“我已经投票了”。 如果您对此活动更感兴趣,则用户可能还想知道投票的排名,并浏览参与投票的球员。 因此,可以如下更改此页面:

【网站建设微信小程序搭建就找九分网络,最低只要800元起!联系:13106499520 QQ:452570709】 内容采集来自9fen.net

在按钮置灰时,该如何提供给用户反馈? www.9fen.net

  www.9fen.net

标签: 用户体验 经验分享 优设 优设网 优秀网 用户反馈 按钮设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----