用户体验设计案例分析:关于链接的文字描述

文章描述:提供链接时 比“点击此处”更好的说法是什么?。

你肯定有过这样的经历,希望你的用户点击你提供的链接,但却不知道要怎么吸引他们这么做。某些人在碰到这个问题时,会倾向于在他们的链接上放上“点击此 处”四个字。但是,在你屈服于这样的诱惑之前,你应该要知道,使用这类词汇可能会影响到用户的界面体验。提供链接时,比“点击此处”更好的说法是什么?

“点击”这个词过度强调了鼠标的动作

在 你的链接上放上“点击”这个词,容易将用户的注意力从你的界面和内容转移到鼠标上。用户知道一个链接是什么,也知道怎么去使用鼠标。所以,用户在点击链接 时,你没有必要再强调这一动作机制。而且,这句话也会让用户显得很傻,因为实际你是在暗示用户不知道链接是什么,或者鼠标怎么用。

那么,假如不用“点击”,我们还可以用什么词呢?其实你可以考虑寻找一个跟用户的任务相关的动词。比如下面的例子,“查看演示”中的查看一词就把用户的注意力放到了任务本身,使得用户可以更加专注于内容和界面的使用,而非鼠标的使用。

“此处”隐藏了用户实际点击的内容

有 些链接不用“点击”这个词,改用“此处”这个词。使用“此处”这个词也有一个问题,就是用户不能一眼发现自己点击的是什么内容。你可能会在链接的周围附上 文字描述,而这就意味着用户需要花额外的时间去阅读这些文本,以确定链接的内容,但这实际上阻碍了用户直接点击链接的这一行为。而且,假如用户需要阅读很 长的文本才能发现自己点击的是什么,那么情况就更糟了。

不 仅如此,假如你有好几个链接,然后你一律用上“此处”,“此处”,“此处”,那么用户就有可能无法区分不同“此处”背后的内容。那么用户就可能需要打开每 个链接,才能确定不同链接代表的是什么。最后,假如用户在打开某个内容链接之后想回到某个信息源,他们还要花时间去想,到底哪个“此处”才是这个内容的 源。所以,你应该这样,在标记一个链接时,用上一些能代表链接内容的描述性词汇,来方便用户区分不同的链接。

用正确的方式标记链接

你的链接是否表情达意,实际对你的网站还是有一定的影响。下面是一些小技巧仅供参考:

把链接链到名词上

你应该把链接链到一个句子上那些具体的名词或者专有名词上。这些具体名词往往是最好的选择,因为用户可以通过自己的感官实际感受到这些名词,这样他们就更加清楚点击链接之后自己能获得什么。专有名词也很好,因为专有名词实际代表的就是一些特定的实体,非常容易脱颖而出。

但是要避免只把链接链在动词上,因为动词往往模糊抽象,用户很难一眼知道自己能获得哪些内容。把链接放到名词上,用户通常都不用读完整个句子,就能知道自己能看到哪方面的内容,看下面的例子:

具体说明你的链接内容

把你的链接内容说清楚,越清楚越好。举个例子,假如你要链接到一篇文章或者一本书里,不要把链接只链在“文章”或者“书”这个字眼上。你应该是把链接链在文章名或者书名上。

链接应该是在句子尾端

你需要注意你的句子结构,保证你需要加链接的名词是放在句子尾端。这样,链接被注意的概率要大一些:因为用户在读完一个句子之后就自然而然能看到你的链接,而且读完句子之后也可以马上打开链接,而不是又重新回溯一个句子寻找句子中间的链接。

结语

关于链接的文字描述,实际是非常小的细节,但是你的用户却可能由此获得更好的界面体验。你可以选择继续使用“点击此处”以图省心,也可以花些功夫,想想如何给这些链接加上表情达意的文字描述。

时间: 2024-11-30 17:40:16

用户体验设计案例分析:关于链接的文字描述的相关文章

给马云的一幅画——阿里国际站用户体验设计案例精选

2014年6月的一个清晨,我照例打开邮箱查看邮件,其中一封邮件引起了我的注意,是国际UED的设计总监傅利民先生发来的.傅先生长期驻扎在阿里美国,如果没有紧急的事情,一般不会单独发送邮件给我们. 邮件的内容是关于阿里巴巴本次IPO需要使用到的官方网站Banner的. "咦,这个不是已经定稿了吗?"我心里想着,几个月前我和团队里的另外一名同事尹哲提交了官方网站Banner的设计方案,可是我们努力做了几周的方案没有通过,最终选择了美国团队的方案,当时那种沮丧的心情现在都还历历在目.难道这件事

用户体验设计案例:直接原则的案例

文章描述:用户体验之直接原则和统一原则. 直接原则的案例有点像所见即所得,给用户的展现非常直观.比如说我们常用的QQ,当对方正在打字的时候在聊天窗口就会显示"正在输入".当对方用的是QQ拼音的时候,我们这边设置会直接显示QQ拼音的图标在那里跟着跳动. 下面是一个网站的案例:发出操作的邀请-进行操作-操作完成进度提示-操作成功-回到初始状态.并且在完成的操作与未完成时的有差异. 另一个案例我们也经常遇到,还是说QQ,当我们要修改好友备注的时候,其修改的输入框会直接在好友昵称后面生成,而无

用户体验设计案例:移动社交的Path用户体验设计

文章描述:卓越用户体验的5个共同点. 如果你已经在用移动社交的Path,你一定会非常享受其卓越的用户体验.Path拥有非常精致的设计,而且非常易于使用.换句话说就是Path拥有非常棒的用户体验.这不是一个高科技产品是否需要采用的决定性元素,但确是能够决定多少用户来使用的重中之重. 1. 典雅的UI 好的用户体验是离不开UI的,而且作用很大.尽管我不是一个合格的Path用户,但是当打开的时候,我还是会浏览一遍.顶端的5个笑脸图标更是很有爱.这也正是facebook没有意识到的地方. 2. 离不开(

用户体验设计案例:用户体验就是设计

文章描述:实例告诉你为何体验就是设计. 我最近又重新点燃了对钢笔的强烈爱好,发现自己的书写装备收藏中又出了几个新品.由于其中一些相对昂贵,我决定向北卡罗来纳的一家小型的皮革制品制造商订购.价格公道,评论也表明其做工很好.网站十分简洁,商品才是其重点. 可是到了要付款的时候,我却被转到了 PayPal 的网站上,我跟这家公司的交互体验也就此被打断了,这不是因为这家笔筒制造商做错了什么,而仅仅是因为 PayPal 的界面和用户体验跟前者太不一样了.付款页面犹如一台时间机器,把我带回了至少 10 年前

用户体验设计案例:产品策略、技术、运营和界面设计

文章描述:下面分别来说说这4个因素.在说明每一个因素的同时,会举2个跟该因素有关的例子,一个是互联网上的例子,另一个是日常生活中相似的例子.所有涉及到的案例,仅仅在我所能看到的层面(这意味着,我所描述的问题,在我看不到的层面上,可能是合理的做法,或者是有苦衷的), 随着互联网产品的不断发展,越来越多的人意识到了用户体验的重要性,越来越多的公司成立了UED相关的部门,并且职位划分已相当细致.但是UED中职能的划分,却大部分仅对接界面的层面.事实上,一个互联网产品从策略的产生到最终上线,其中的每一个

用户体验设计实例分析:网页表单设计

原文:http://visitmix.com/Articles/Web-Forms-for-People 作者:Luke Wroblewski 译者:江力   随着网络的发展,人们通过各种方式使用它.今天,网络购物,跟朋友或者不认识的人聊天,管理银行账户,以及一些日常应用,共享照片或视频,等等.事实上,只要能在线使用的应用基本上都已经有了. 虽然这些多样化的应用丰富了互联网,但这些任务的完成还需要一些步骤.不管是在线交易验证.评论新文章,还是管理某个应用,WEB表单总会出现在人们的视线中. 为什

大话传统企业网站用户体验设计 做细节就是做用户体验

中介交易 SEO诊断 淘宝客 云主机 技术大厅 说到网站用户体验,很多行内的兄弟们要说得可比接下来要写的话还多,用户体验直接影响了网站的营销效果,如从营销推广的五层数据(即浏览层.点击层.访问层.咨询层.转化层)来看,用户体验在其中间起着举足重轻的作用,哪一层用户感觉不爽了都可能跑掉.无论是传统的企业网站还是专业设计的营销型的网站,用户体验一样可轻易地适用于两者之上,优秀的用户体验设计往往在:视觉性.友好性.易用性.有用性(实用性)等方面体现,无论如何,只要用户浏览网站感觉好.舒适.习惯,那么这

用户体验设计当中的一些可视化信息案例

文章描述:让用户体验设计的前期交付物更加可视化. 本文作者Barnabas Nagy ,译者@C7210.Barnabas是一名拥有六年从业经验的UX设计师.信息架构师,其对用户体验设计的交付提出一点:"你的合作伙伴未必会看懂你的交付". 为了让自己的设计能够让人更容易理解,交付一个优秀可视化的成果是一个不错的选择. 在实际的用户体验设计工作当中,作为设计师,我们的一些产出在信息呈现方式及沟通效果等方面做的其实不算理想,尤其是那些涉及到用户角色定义.信息架构分析.功能流程规划的文档.怎

以用户为中心的设计:网页确认框的用户体验设计

文章描述:以用户为中心的设计:网页确认框的用户体验设计. 确认框,顾名思义,对关键的用户行为进行确认,比如"询问是否删除","告知已删除".根据网上的观察,发现有的网站对确认框的设计缺乏合理性.本文谈谈自己的思考. 类别 根据触发目的,确认框分为两类:询问和告知. 询问 转推的确认框 询问,类似 Javascript 里的 confirm(),即:是否去做? 告知 Flickr 的告知 告知,类似 Javascript 里的 alert(),即:做的状态. 必要性