建站常识
按钮还是链接?(二)
2009-05-04 08:32:00
上一篇讨论了三种按钮和链接设计的思路,貌似都是有些道理的,那么在网页设计中到底该怎么做呢?不如让我们回到本源:为什么会有按钮和链接的话题?那么一切还是得从用户出发。
是否有必要区分按钮和链接,是用户说的算,如果用户对于按钮和链接有不同的认知和心理反馈,那么就有必要作以区分。
我仅针对一个场景设计了一个用户测试,如下:
问题:在以上的三个页面中,点击按钮(或链接)你觉得会发生什么?
A.打开一个“开通空间”的页面,需要填写一些信息。
B.会直接帮我开通了空间。
C.我也不确定。
我对10个用户进行了测试,其中9个人对图一选了A,1个人选了B; 10个人对图二都选了答案B,而图三,有3个人选了A,4个人选了B,3个人选了C。
那么结论就很显然了,图一和图二中的按钮和链接的用法,更符合用户的心理模型,他们认为图一表明:点击链接去一个页面,也许是看看详情,也许是需要填写一些信息,但点击之后尚未开通空间;图二表明:填写了信息之后,点击按钮之后就会开通空间了。这也是按钮和链接最初被赋予的含义:“浏览”和“执行”。
而图三,仅仅10个用户,就对它的理解有这么大的偏差,这就能说明这种形式的设计并不是一种明智的设计。我认为造成这种现象的原因如下:从最早的形式的按钮和链接中,用户养成了这么一种认知:点了按钮就在做一件事了,有可能就无法挽回了;而点了链接会去另一个页面,不会有不可挽回的后果。但是越来越多的如同图三一样的设计混淆了用户本来已建立好的思维方式,才导致了他们对此形式的认知会有这么多的差异。
再来看一个图三的实例:
这种形式的设计在网页中比比皆是,用户对此也许就会有疑问:我点了之后,会不会直接帮我订阅了呢?无疑,按钮将会增加用户的心理门槛,他们需要更多的决心和目的去点击一个按钮。然而用户会用更轻松的心态去点击一个链接,因为他们知道,这只是去看看,大不了按“后退”返回。因此此处的设计显然不利于吸引用户去点击,相反,它让很多只是好奇的用户不敢点。
那么,像这样的按钮形式都要被废除么?我似乎已经感觉到很多人准备开始反驳我了。其实我也认为,如果不用这样的按钮形式,单纯的链接很难起到吸引用户的目的,而一些其他方式的尝试(如:加底色、链接加粗、加图标、加图案等)也并不是效果非常明显,不得不承认,按钮在吸引用户注意方面是比较有效的。
在没有更好的解决方案之前,最好的方式可能是在文案上下功夫了,例如上个例子中的“立即订阅”如果换成“查看详情”或者“去订阅”之类的词语,用户可能会更敢于点击,因为他们看了文字会明白:点了之后只是去看看,不会发生什么。
最后,总结一下,对按钮和链接的建议:
1, 按钮:执行功能性操作。最好用系统默认的按钮,自己做的按钮要有按下状态。
2, 链接:去另一个页面。有蓝色,下划线等标志。
3, 做成按钮样子的链接:去另一个页面。应该减少这类形式的使用,最好只用作某个功能入口,并且文字上要尽量减少用户的心理压力,传达出一种信息:点了之后只是去看看,并不会立即执行。
原文:http://ixiangyi.cn/?p=86
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2009-11-05 08:31:00] 行动召唤按钮:实例与最佳实践
- [2007-11-20 14:05:00] 网页按钮的功能与表现
- [2010-01-27 14:18:00] 自然描述与自然任务
- [2007-03-14 12:01:00] 按"右箭头"按钮,往左移
- [2010-09-14 08:19:00] 浅谈按钮分组和位置
- [2006-09-26 11:13:00] 关于文字链接与按钮的分析
- [2009-05-04 08:31:00] 按钮还是链接?(一)
- [2009-09-07 08:11:00] 网页设计趋势之:”勾引”用户的按钮
- [2010-08-20 09:14:00] 你好,button——小谈网页设计的按钮
- [2009-07-24 07:47:00] 触屏界面的按钮文本设计原则 (翻译)
- [2007-04-18 09:08:00] 怎么让按钮更容易被点击
- [2009-09-29 22:06:00] 不可用、隐藏、自我解释