品牌创意企业推荐 推荐: 网站建设 上海网站建设 上海网页设计 
 
搜索 竞赛 产业 文案 论吧 论坛 酷站 矢量库 图片库 设计网址 作品集> 注册 - 登陆
首 页设计资讯大赛征集平面设计UI设计CG/动画工业设计建筑环境数码影像教程区设计访谈 精品欣赏会员作品集
>> 行业资讯设计竞赛网页设计软件界面ICON设计桌面设计设计资源精品欣赏设计教程
推荐:经典素材资源
滚动新闻:[6-10]融于意,形于展!---52design作品集、设计师网上联展!
当前位置: 首页 >> UI设计 >> 网页设计 >>正文
按钮上的内容
在线投稿  - 素材基地 - 论坛讨论 - 原创作品集 - 查看更多相关内容
时 间:2007-11-21 9:49:11   作者:空格[Esun]   来 源:   浏览:

作者:http://www.esunweb.com/

最近UCDChina 以“注意界面上的文字”为主题写了一系列的文章,使我在界面文字上的使用受益匪浅。之后,我对按钮上的内容的表现也做了一些总结与分析,与大家分享并希望得到指正。

1. 不必区分按钮还是链接。(这里列举的不是对他人观点进行攻击,而只是得以借鉴。)

很多人主张区别链接与按钮。这里,思域有一篇“关于鼠标点击对象:哪些应该是按钮,哪些应该是链接的说明。” 臭鱼的“网页按钮的功能与表现”,将按钮分成真正的按钮和伪按钮两类。

而事实上,不管是按钮还是链接,按照用户目标向导来完成任务,链接也完全可以做成按钮来实现用户目标的突出。而且并非一定能定义按钮和链接的功能,如果说按钮是为了发生“功能性的事件”而设计的话,那么链接打开一个新的页面是否也是一个功能性的事件?所以,为了突出让用户完成当前页面重要的功能,哪怕只是个链接,都可以从视觉和表意上,通过按钮来实现。当然,不主张在一个页面使用非常之多的按钮。

如淘宝的商品页上,为了让用户方便的找到当前商品的来源等与店主的相关信息,他们将以前的链接改成了按钮:

 

2. 我点击会“发生什么”

目前,各网站上的按钮上的文字内容没有一个主观的思想,想到什么就是什么,没有在文字上的太多推敲。

前面说到链接可以当按钮,但有时一串很长的文字为链接,如一篇文章标题。而按钮上的文字是需要讲究精短易懂的,能快速理解其含义。

先看几个例子的比较:

 

A:这是NOD32防毒软件在遇到病毒时的窗口,当用户遇到病毒时,会有些恐惧与谨慎,他们想快速的病毒拒之门外,而又不确定是否对系统本身会不会受到威胁。当弹出这个窗口时,会对这个“停止”按钮产生有两种疑问,点击了这个按钮是停止软件的阻止?还是停止病毒的威胁?

 

B:仔细看这两个按钮上的文字,“写日志”是从QQ空间里截来的,有谓语和宾语的,当然主语就是用户自己“我”,组合起来就是“我写日志”;“购买”是从淘宝的商品页面上截的,却只有一个谓语(动作),可以完成的组合是“我购买商品”。但他们都恰到好处的在自己的岗位上完成自己的职责。为什么呢?后面再总结。

 

C:“点击进入”完全多余,只是增加了用户在按钮上停留的时间。

所以,通常情况下:一个按钮,结合页面上的其它交互和信息组织,要能恰到好处的组合成一个完整的句子“我点击会发生什么”,而“我点击”三个字是在我和鼠标之间的事,而不必要在网页上出现。所以例子C中按钮上的“点击进入”是多余的。至于什么是恰到好处,为什么淘宝上那个“购买”就只有谓语动词也能恰到好处,这就与页面交互有关了。我的分析是,当用户与页面在完成某个任务时而产生一系列的交互事件,而这个宾语便随着这一系列事件附带而来,而如果这里再加宾语的话,反而会产生回到这个系列的开始的歧义;反之,如果一个页面包含着多个系列交互事件的话,侧必须在按钮上加上宾语,以明确用户点击发生的是哪一个事件。

 

一个系列事件

 

一个页面多个事件

3. 以形表意

中国甲骨文便以形绘意,后来对大量文字达成共识后,也就没有太多在意文字的实际来源了。按钮也如此

 

达成共识的按钮

 

不用共识的按钮反而起不到要起作用

4. 再看一些按钮

 

 

 


本文链接:


52design素材资源库52design图片库52design酷站营

我爱设计网www.52design.com
(在线编辑:angel) 】【打印】【关闭】【设计论坛】【设计师作品集
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站地址,且不准打上各自站点的水印。

经典设计欣赏 设计关键字:VI 新锐 包装 装帧 海报 地产广告 画册 名片 标志 软件界面 ICO 网页
简洁的家纺画册欣赏
简洁的家纺画册欣
Kikibarbie女孩插画
Kikibarb
bellinni 海报欣赏
bellinni
学雅方邻形象设计
学雅方邻形象设计
六合宴应用vi欣赏
六合宴应用vi欣
美味好汤在Knorr康宝
美味好汤在Kno
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
当日文章推荐 查看更多相关内容
Photoshop| 用Photoshop打造唯美色调婚纱 [11-21]理论文献| 平面文字的设计原则及组合 [11-21]
画册设计| 简洁的家纺画册欣赏 [11-20]平面资讯| 首届中国电视与企业创意大赛正式启动 [11-20]
其他赛事 | 30万重金兑现创意精英>30 [11-20]新锐设计| bellinni 海报欣赏 [11-19]
VI设计| 六合宴应用vi欣赏 [11-19]标志设计| 医疗卫生健康机构LOGO欣赏二 [11-19]
插画艺术| Kirk Quilaquil 插画欣 [11-19]网页设计| 创意才是网站的终极目的 [11-19]
互联网动态| 谷歌搜索页面存在误导性 在澳大利亚被 [11-19]画册设计| “水墨世界”图书版面设计 [11-15]
会员作品集推荐 查看更多推荐会员作品
平面作品 | 插画作品 | 网页作品 | 包装作品 | 软件UI | 室内设计 | 数码摄影作品 | 建筑环境 | 工业设计 | 其他
房产画册房产画册包装叫聆
健身食品Q版佐罗之披风篇新作~评童年-《大众软件》封底华灯

数据载入中...
视觉焦点
优秀作品在线投稿
简洁的家纺画册欣赏
简洁的家纺画
bellinni 海报欣赏
bellin
六合宴应用vi欣赏
六合宴应用v
医疗卫生健康机构LOGO欣赏二
医疗卫生健康

站点新入
用Photoshop打造唯美色调婚纱照片特殊效果
用Photo
护肤有道:用PS给新疆MM美容
护肤有道:用
展区
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:tsm-tech
网站地址:http://www.tsm-tech.com/
加入时间:2008-12-3 11:49:45
网站名称:thehprogram
网站地址:http://www.thehprogram.co.kr/
加入时间:2008-12-3 11:44:46
网站名称:misope
网站地址:http://misope.co.kr/
加入时间:2008-12-3 11:43:58
网站名称:fleuo
网站地址:http://fleuo.com/
加入时间:2008-12-3 11:43:09
网站名称:child.i815
网站地址:http://child.i815.or.kr/
加入时间:2008-12-3 11:42:29
网站名称:hahaha4u
网站地址:http://www.hahaha4u.co.kr/
加入时间:2008-12-2 14:56:06
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿