设计体验:按钮上的内容

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

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

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

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

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

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

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

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

先看几个例子的比较:

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

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

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

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


一个系列事件


一个页面多个事件

3. 以形表意

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


达成共识的按钮


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

4. 再看一些按钮

时间: 2024-10-26 04:13:10

设计体验:按钮上的内容的相关文章

网页设计中怎么把网页上的内容和数据库连接起来?

问题描述 网页设计中怎么把网页上的内容和数据库连接起来? 想做个网站,可是数据库不会连,怎么办?sql数据库代码怎么写? 解决方案 取决于你网站后台用的什么,php等都可以链接访问数据库. 解决方案二: (1)执行"开始'"控制面板'"性能和维护""管理工具""数据源(ODBC ),弹出"ODBC数据源管理器,对话框.切换到"系统DSN"选项卡. (2)单击"添加,按钮,弹出"创建新数据

ext-怎么用EXT实现一点按钮将查询的信息显示在新页面上.然后将新页面上的内容打印出来?

问题描述 怎么用EXT实现一点按钮将查询的信息显示在新页面上.然后将新页面上的内容打印出来? 怎么实现一点按钮将查询的信息显示在新页面上.然后将新页面上的内容打印出来?没学习过EXT,现在改代码太吃力了...

百度算法再更新 应把精力放在内容和用户体验细节上

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 算法的每一次升级都将"殃及"到一批网站,seo将会越来越苛刻,对于广大站长而已也是一种不小的挑战;在算法风平浪静一段时间后,今天百度再次进行算法调整,这一次直接跟外链有关,百度将惩罚一些利用外链方式带动关键词排名的网站,主要有以下五种形式: 1.购买链接:这是很多网站用到的一种快速提升关键词排名的方法,包括很多大型的商城站

右侧栏将会看到同一内容板上其他内容的预览图

改版之后的详细视图下,右侧栏将会看到同一内容板上其他内容的预览图.页面下方,将显示该用户还转发了哪些内容. 图片社交网站Pinterest(http://pinterest.com/)周一发布了新版网站设计,并表示将"很快"通过邀请方式向用户推出这一新设计.Pinterest从1月份开始对新设计进行了测试. 新版设计中最引人关注的变化是图片的详细视图.当用户查看某一照片或网页截图的详细视图时,在右侧栏将会看到同一内容板上其他内容的预览图.这些预览图采用类似Pinterest主页和内容板

微博的设计体验:运用极简设计风格网页设计案例

文章描述:微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验. Hi 大家好,我是阿木,今天我结合我在微博的实际项目跟大家分享一下极简风格的一点设计心得.现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息.于是我们内心追求一种体验那就是-极简,像大家家喻户晓的品牌如:MUJI无印良品. 苹果 .宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功. 极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,

网页设计:创建整洁有序的内容布局的8个技巧

网页设计中,内容组织恐怕是最至关重要.最影响设计品质的方面了.如何将信息组织到好的布局中,是一个网站的基础,并且应该在考虑外观之前就决定好.没有好的布局,网页信息流就不能正确传递,所有东西都不能建立起合理的联系. 在这篇文章中,我们将讨论八个布局解决方案/技巧,这些方案和技巧将有助于你创建整洁有序的内容布局.这八个技巧包括:滑门(sliders).标签式.渐进布局(progressive layouts).结构网格.模态窗口(modal window).翻转元素.手风琴效果(accordions

钟智鑫:影响seo的搜索引擎用户体验按钮

最近搜索引擎的算法变动非常的大,很多站长的排名浮动都很大.虽然我不知道搜索引擎加入了什么算法,但是我注意到谷歌和百度都推出了自己的"用户体验按钮". 谷歌"+1按钮",以下是引用谷歌的+1介绍 "+1"按钮是如何影响搜索结果的? "+1"按钮可以帮助人们从他们熟悉和信任的朋友那里发现一些相关内容(例如网站.Google 搜索结果或广告).用户可以通过您网页上添加的"+1"按钮推荐您的内容;这样,当他们的朋友

中国交互设计体验周报名在2013年开启

2013中国交互设计体验周报名开启 在6月20-24日的时候,"2013中国交互设计体验周"将于在杭州隆重举行,6月21日在浙江省人民大会堂(杭州)讲正式开幕."体验创新价值"(Experience Innovation Value)是本届活动的主题.IxDC将为大家举办一场交互体验峰会,它将会是亚洲最具影响力的,让五湖四海的朋友可以尽情的交流.学习.展示. 目前大会已邀请到国际著名设计公司青蛙设计创始人艾斯林格.微软亚洲研究院首席用户体验总监梁山鹰.青蛙设计执行创

ASP.NET设计FTP文件上传的解决方案_实用技巧

如果要用ASP来作一个FTP文件上传的页面,我想很多人立刻就会想到要用第三方开发的组件,利用第三方的组件,虽然开发起来相对比较容易.但一般来说,免费下载的第三方的组件都有某些方面的功能限制,若要购买正版的第三方组件,对于国内的用户,花销也是一个不小的数字,就是能够承担的起,烦杂的手续也使很多人望而却步.虽然微软公司在本身的视窗系统里面也提供了一个可以用来上传文件的组件--Posting Acceptor.但用过这个组件的朋友们都有一种普遍的感觉,就是实在不好用. 现在好了,自从微软公司推出了.N