提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
“除非有更好的选择,否则就遵从标准”-阿兰·库珀
说起按钮就不得不想到——菲茨定律
定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小(上图中的 D与 W),用数学公式表达为时间 T = a + b log2(D/W+1)。
定律是在保罗.菲茨在1954年首先提出。菲茨定律是用来预测从任意一点到目标中心位置所需时间的数学模型。这个模型考虑了用户定位点的初始位置与目标的相对距离以及目标的大小。菲茨定律虽然在很多领域都得到了应用但其在人机交互(HCI)和设计领域的影响却最为广泛和深远。(用于估算用户移动光标点击链接或控件按钮所需的时间)
简单来说就是:用户移动光标到控件或者链接,目标越大,所需要调整幅度就越小
上面这个例子很好看出来。假设用户需要点击中间的这棵树,图中的灰色方框代表目标区域;红色虚线则是用户光标点从起点至目标的移动距离,方框里红色实线则是用户所需要调整的距离。目标越大用户所需要调整的不用那么精细,越大容易被用户选中,目标反之越小越不容易进行选取。
如果用户距离目标很近的话,因为距离的减短,距离越近,超出目标区域的风险就越小。这个道理在不规则的按钮也是一样的。
我们可以看到win7 到win8 这一变化正是根据这个菲茨定律进行设计的
我们将目标放在屏幕的边缘或角落能够使其更加容易被选中。这是为什么呢?因为有一个边界来阻止用户的移动报表超出屏幕,这样的话上面讲到的案例,微调动作就不需要了。我们可以看到Windows和Mac OSX都是这样来做的(红色虚线标出)。
总结:看了这么多按钮在交互设计中该从哪几个方面去做呢?
合理摆放
1,按钮使用合理,看起来像按钮(顺序、位置、大小、状态等)
清晰可见
2,按钮的大小与留白,尽可能的将用户需要点击的按钮(比如确定取消弱化取消)放大或做其他处理
提醒引导
3,使用适当的指示或提示
趣味生动
4,让按钮看上去更加生动
刺激欲望
6,用文案刺激用户
不管在web还是app,用户在使用你的产品都睡通过点击相应的按钮顺着设计师的想法走下去,如果你能合理使用按钮,用户会得到很好的用户体验,如果你的界面用户连按钮都需要找半天,或者误操作之类的,用户会直接放弃。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册