神马文学网周文韬：按钮还是链接？_链接_设计
来源：百度文库 编辑：神马文学网 时间：2024/04/24 16:32:32
为什么会有按钮和链接的话题？那么一切还是得从用户出发。
是否有必要区分按钮和链接，是用户说的算，如果用户对于按钮和链接有不同的认知和心理反馈，那么就有必要作以区分。
我仅针对一个场景设计了一个用户测试，如下：
问题：在以上的三个页面中，点击按钮（或链接）你觉得会发生什么？
A.打开一个“开通空间”的页面，需要填写一些信息。
B.会直接帮我开通了空间。
C.我也不确定。
我对10个用户进行了测试，其中9个人对图一选了A，1个人选了B; 10个人对图二都选了答案B，而图三，有3个人选了A，4个人选了B，3个人选了C。
那么结论就很显然了，图一和图二中的按钮和链接的用法，更符合用户的心理模型，他们认为图一表明：点击链接去一个页面，也许是看看详情，也许是需要填写一些信息，但点击之后尚未开通空间；图二表明：填写了信息之后，点击按钮之后就会开通空间了。这也是按钮和链接最初被赋予的含义：“浏览”和“执行”。
而图三，仅仅10个用户，就对它的理解有这么大的偏差，这就能说明这种形式的设计并不是一种明智的设计。我认为造成这种现象的原因如下：从最早的形式的按钮和链接中，用户养成了这么一种认知：点了按钮就在做一件事了，有可能就无法挽回了；而点了链接会去另一个页面，不会有不可挽回的后果。但是越来越多的如同图三一样的设计混淆了用户本来已建立好的思维方式，才导致了他们对此形式的认知会有这么多的差异。
再来看一个图三的实例：
这种形式的设计在网页中比比皆是，用户对此也许就会有疑问：我点了之后，会不会直接帮我订阅了呢？无疑，按钮将会增加用户的心理门槛，他们需要更多的决心和目的去点击一个按钮。然而用户会用更轻松的心态去点击一个链接，因为他们知道，这只是去看看，大不了按“后退”返回。因此此处的设计显然不利于吸引用户去点击，相反，它让很多只是好奇的用户不敢点。
那么，像这样的按钮形式都要被废除么？我似乎已经感觉到很多人准备开始反驳我了。其实我也认为，如果不用这样的按钮形式，单纯的链接很难起到吸引用户的目的，而一些其他方式的尝试（如：加底色、链接加粗、加图标、加图案等）也并不是效果非常明显，不得不承认，按钮在吸引用户注意方面是比较有效的。
在没有更好的解决方案之前，最好的方式可能是在文案上下功夫了，例如上个例子中的“立即订阅”如果换成“查看详情”或者“去订阅”之类的词语，用户可能会更敢于点击，因为他们看了文字会明白：点了之后只是去看看，不会发生什么。
最后，总结一下，对按钮和链接的建议：
1， 按钮：执行功能性操作。最好用系统默认的按钮，自己做的按钮要有按下状态。
2， 链接：去另一个页面。有蓝色，下划线等标志。
3， 做成按钮样子的链接：去另一个页面。应该减少这类形式的使用，最好只用作某个功能入口，并且文字上要尽量减少用户的心理压力，传达出一种信息：点了之后只是去看看，并不会立即执行。
是否有必要区分按钮和链接，是用户说的算，如果用户对于按钮和链接有不同的认知和心理反馈，那么就有必要作以区分。
我仅针对一个场景设计了一个用户测试，如下：
问题：在以上的三个页面中，点击按钮（或链接）你觉得会发生什么？
A.打开一个“开通空间”的页面，需要填写一些信息。
B.会直接帮我开通了空间。
C.我也不确定。
我对10个用户进行了测试，其中9个人对图一选了A，1个人选了B; 10个人对图二都选了答案B，而图三，有3个人选了A，4个人选了B，3个人选了C。
那么结论就很显然了，图一和图二中的按钮和链接的用法，更符合用户的心理模型，他们认为图一表明：点击链接去一个页面，也许是看看详情，也许是需要填写一些信息，但点击之后尚未开通空间；图二表明：填写了信息之后，点击按钮之后就会开通空间了。这也是按钮和链接最初被赋予的含义：“浏览”和“执行”。
而图三，仅仅10个用户，就对它的理解有这么大的偏差，这就能说明这种形式的设计并不是一种明智的设计。我认为造成这种现象的原因如下：从最早的形式的按钮和链接中，用户养成了这么一种认知：点了按钮就在做一件事了，有可能就无法挽回了；而点了链接会去另一个页面，不会有不可挽回的后果。但是越来越多的如同图三一样的设计混淆了用户本来已建立好的思维方式，才导致了他们对此形式的认知会有这么多的差异。
再来看一个图三的实例：
这种形式的设计在网页中比比皆是，用户对此也许就会有疑问：我点了之后，会不会直接帮我订阅了呢？无疑，按钮将会增加用户的心理门槛，他们需要更多的决心和目的去点击一个按钮。然而用户会用更轻松的心态去点击一个链接，因为他们知道，这只是去看看，大不了按“后退”返回。因此此处的设计显然不利于吸引用户去点击，相反，它让很多只是好奇的用户不敢点。
那么，像这样的按钮形式都要被废除么？我似乎已经感觉到很多人准备开始反驳我了。其实我也认为，如果不用这样的按钮形式，单纯的链接很难起到吸引用户的目的，而一些其他方式的尝试（如：加底色、链接加粗、加图标、加图案等）也并不是效果非常明显，不得不承认，按钮在吸引用户注意方面是比较有效的。
在没有更好的解决方案之前，最好的方式可能是在文案上下功夫了，例如上个例子中的“立即订阅”如果换成“查看详情”或者“去订阅”之类的词语，用户可能会更敢于点击，因为他们看了文字会明白：点了之后只是去看看，不会发生什么。
最后，总结一下，对按钮和链接的建议：
1， 按钮：执行功能性操作。最好用系统默认的按钮，自己做的按钮要有按下状态。
2， 链接：去另一个页面。有蓝色，下划线等标志。
3， 做成按钮样子的链接：去另一个页面。应该减少这类形式的使用，最好只用作某个功能入口，并且文字上要尽量减少用户的心理压力，传达出一种信息：点了之后只是去看看，并不会立即执行。
周文韬：按钮还是链接？_链接_设计
如何给按钮加上链接功能_大不如
按钮链接 - 网页特效代码
05_图层链接 PHOTOSHOP在线教程
如何给按钮加上链接功能
设计在线：链接代码及图标
空间模块巧移动 文字快速插链接_玩转百度空间
近百极品唯美清纯美女大集合_有些链接
淘米水的十二大作用_-与更多健康知识链接
无需路由器就可分享网络链接并可以无线上网最新版_附教程
千呼万唤始出来.<<商道下载方法>> . <带链接>_cctv商道吧_贴吧
如何根据网页链接找其快照_让计算无所不在！
轻松编写VB.NET .DLL动态链接库文件_开发平台子站_技巧_IT专家网
相关链接
资料链接
文字链接
相关链接
链接whhj
图库链接
电影链接
日志链接
反向链接
县郎平链接
收纳链接