建站常识
按钮还是链接?(一)
2009-05-04 08:31:00
在做网页设计的时候,经常听到产品或运营经理说这样的话:“这里太弱了,不要用链接,用按钮!”,“这里我想搞个大大的按钮来吸引用户点击”。是不是按钮就会让用户想点击?按钮是不是越多越好?是不是所有链接都能替换为按钮?这都要归结到一个基本的问题:按钮和链接有何区分?是否可以混用?
问了很多人,答案各种各样,总结起来有三种。
1,没必要区分。这一派认为:链接和按钮在本质上没有什么区别,没必要区分。在视觉上需要强化🔴的地方就用按钮,一般的、不需要强化的就ꦕ用链接。
2,有严格的区分。这一派认为:按钮和链接代表着不同的含义,其用法应该严格区分开。
按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能。例如下面的搜索按钮:
并且,做的这件事是有后果的,不易挽回的:
点击了这个按钮之后,所写的东西就会被全世界看到了,尽管可以删除,但毕𝓀竟不能简单的按下浏览器的返回键就撤销这个操作。
登录页。
点击了之后,就登录了该网站。
搜索、回复、注册,他们的共同点是:都是在“做”一件事,并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交🤪了数据,“命令”服务器去做了一🐬件事。
而链接的作用是:“带你去另一个页面”,你无论点几次链接,都是在“看”,而并没有“做”任何事。
典型的链接是文字标题。点击了去看详情。
按照这种逻辑,一些即使是表示动作的词也应该用链接。
上图中的“edit”꧙和“Delete”虽然是动词,但是点击他们之后,用户只会被带到一个页面(或浮层),而不是点击后就真的编辑或者删除了这张照片。他的作用是“带你去看编辑或者删除的页面”,而ღ不是“编辑”或“删除”这个操作。因此点它还是在“看”,而不是“做”。
而接下来这里点击“save”了之后才是真正“编辑”了这张照片。因此该使用按钮。
按照这种设计思路的网站,比较典型的是google,还有QQ邮箱。它的好处是逻辑上会非常清晰。
然而,它也存在有问题,按这种思路设计出来的网站,在一些需要被强化的地方,一些需要引导用户点击的地方,仅用链接很难在视觉上突出表现♓。
3,有区别,但不绝对。
此派同意上一派的部分观点:在一些表单页(例如填写注册信息页,搜索框,购买下单页等)的“提交”功能中应该使用按钮。而其他的页面则应根✃据实际情况来判定。既可以用链接,也可以用按钮。
这里面观点又分两小派:
其中一些人认为,在这些非表单的页面中,链接和按钮的作用对用户来说是一样的,应该把页面中那些重要的、需要突出的元素做成按钮的样子。而其他没必要突出的地方做成普通的链接。这也是很多视觉设计师和产品、运营人员的想法。也是很多中国网站的做法。
拍拍网:
QQshow:
这样好处是:按钮可以有效地成为视觉焦点,吸引用户注意。
另一些人则认为:应该把那些看起来像“操作”的地方做成按钮🀅,把看起来像“浏览”的地方做成链接。这和第二派观点的区别在于:一个是从逻辑上分辨“操作”📖和“浏览”,一个是从字面上分辨。
按这种ജ设计思路的是Amazon网站,下图中,“edit”虽然也只是带用户到编辑页,但对用户来说更像个动作,像个操作,♎因此可以用按钮。
以上就是三种关于按钮和链接的不同设计思路,那么,到底哪种更有道理呢?
原文://ixiangyi.cn/?p=54
近期更新
- [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] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2007-11-20 14:05:00] 加拿大预测网-在线预测:网页按钮的功能与表现
- [2007-04-18 09:08:00] 加拿大预测网-在线预测:怎么让按钮更容易被点击
- [2010-01-27 14:18:00] 加拿大预测网-在线预测:自然描述与自然任务
- [2006-09-26 11:13:00] 加拿大预测网-在线预测:关于文字链接与按钮的分析
- [2009-09-29 22:06:00] 加拿大预测网-在线预测:不可用、隐藏、自我解释
- [2009-07-30 08:06:00] 触不到的按钮
- [2009-11-05 08:31:00] 加拿大预测网-在线预测:行动召唤按钮:实例与最佳实践
- [2009-09-04 22:25:00] 加拿大预测网-在线预测:用按钮建立清晰期望
- [2007-11-20 14:11:00] 接受伪按钮
- [2007-11-20 14:03:00] 按钮上的内容
- [2007-03-14 12:01:00] 加拿大预测网-在线预测:按"右箭头"按钮,往左移
- [2009-05-04 08:32:00] 加拿大预测网-在线预测:按钮还是链接?(二)
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案