‹‹ 上一主题 | 下一主题 ››
发新话题
打印

[基本概念] 转帖：如何让按钮更容易被点击

froglt [楼主]

网页顽主

版主

帖子
1941 
体力
3610  
威望
154  
当前
北京 海淀区
离线
2 天

专长 网页设计,平面,主编
1# 大 中 小 发表于 2008-3-28 22:17 
今天突然想起这个问题， 就好好搜索整理一下，不过在开始归纳之前，请先来一起做做这个小实验：
　　忽略一切实际的外在情况， 你看了下面的按钮，第一本能感觉， 哪一个你更想去点击它：

　　下面是295个参与投票者的投票结果：

　　尽管按钮所处环境会根据具体情况而千差万别， 但回归于最本质的设计原理， 让待触发的按钮被关注和实施是交互设计的职责所在， 记得在Psychology of Everyday Things 这本书里对设计原则提到了比较两个基础观点：
　　设计容易理解的概念模型；
　　让事情更可见
　　所以我根据个人的理解把按钮设计应该注意的几个方面用下面这个图示的方式来归纳一下：

　　简单归纳一下上面这个图示：
　　图形视觉效果可以突出按钮在页面中的存在，而满足“更可见”的原则要求；
　　补充性质的图标，可以让用户在触发前更容易理解将要发生什么，这样可以回避不必要的说明， 让交互更有效；
　　回避主次冲突， 让最终的需要触发的动作更显著， 让辅助的触发更靠近焦点区域；
　　补充上图中没有表现的，让焦点触发按钮周围尽量干净， 平衡页面结构和颜色对比；


作者：MrJin
本帖最近评分记录
  • RockHward 威望 +2 谢谢分享 2008-5-9 09:57
(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆

TOP

winzip

中级会员

帖子
141 
体力
285  
威望
0  
当前
安徽 合肥
离线
5 天
2# 大 中 小 发表于 2008-3-28 23:17 
red  

target.com

TOP

moonjeep

夢之譜

超级版主

帖子
6248 
体力
8652  
威望
218  
当前
美洲 美国

专长 网页设计,平面,市场
3# 大 中 小 发表于 2008-3-28 23:31 
我也是认为target.com的按钮更醒目，颜色提神，符号鲜明，圆弧有视觉引导作用，字体清晰，文字简洁，按钮够大。
亚马逊的投票占多数估计是用户习惯使然，毕竟作为B2C电子商务网站，这个按钮大家看得更久了。
以前研究电子商务时看过原文的，这篇文章应该是翻译后的版本了。
★经典夜游神★

TOP

sq4537

小强不是蟑螂

版主

帖子
1693 
体力
3223  
威望
14  
当前
江西 宜春

专长 网页设计,UI,平面
4# 大 中 小 发表于 2008-3-29 00:04 
。。不知道点哪个。。。

点楼上的那个绿的
才子打造计划     QQ空间Flash     四五六电影网

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
yedi88

新手上路

帖子
5 
体力
16  
威望
0  
当前
江西 九江
离线
58 天
5# 大 中 小 发表于 2008-5-8 15:37 
各个网站背景颜色似乎不尽相同呢  我觉得要比较的话最好应该用网站的真实截图来比较

TOP

terryD

新手上路

帖子
22 
体力
42  
威望
0  
离线
20 天
6# 大 中 小 发表于 2008-5-29 10:26 
amazone.com那个，比较炫。
半透明风格+图标引导的更吸引人点击，偶觉得。

TOP

jiayan41

高级会员

帖子
258 
体力
592  
威望
0  
7# 大 中 小 发表于 2008-5-29 10:54 
研究一下概率后发现 295 个受访者出来的结果不是太可靠啊，或许是那个站的商品比较畅销。呵呵
继续研究中~~~
ACE http://www.anace.cn

TOP

corecat

初级会员

帖子
22 
体力
50  
威望
0  
当前
广东 广州
离线
73 天
8# 大 中 小 发表于 2008-5-29 11:01 
我觉得还应该补充一条，按钮要足够大，但不能过于巨型

看着都费劲的按钮很难让人有点击的欲望，太巨型的按钮人们会误以为是宣传广告

TOP

zb12315

新手上路

帖子
4 
体力
13  
威望
0  
离线
6 天
9# 大 中 小 发表于 2008-6-5 16:19 
刚跟一位新认识的朋友交流完，她第一反应会去点Yahoo的，她告诉了我一点：“太质感的按钮不适合中国字体”
我感觉挺有道理，分享~~

TOP

lulu1028

新手上路

帖子
7 
体力
14  
威望
0  
离线
47 天
10# 大 中 小 发表于 2008-7-1 15:30 
为什么我选第二个？

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题