用户体验:可用性一直是交互设计的重头

  可用性一直是交互设计的重头。以下就自己的理解,写写对尼尔森《十大可用性原则》的感想。《十大》原文请见参考资料。

  本文对各项原则进行了再理解与意译,与常见翻译的版本不同;这也正是我在鼓励和推动互联网中文普及与标准化所做的重要努力之一。

  一、状态可见原则

  用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

  例01:Gmail

  

  进入Gmail首页,点击“撰写邮件”,页面右侧切换成表单的等待时间是“即时”的,“无需等待”的;而点击“通讯录”,程序在后台异步加载的时间超出了用户预期(估计0.5秒以上),因此Gmail在顶部打出“正在载入……”的字样。

  例02:嘲鸫蓝图

  

  嘲鸫蓝图是一个在线框架图工具。用户对文档的任何更改,都会即时保存。提示信息常驻页面顶部。

  例03:QQ邮箱

  邮箱能自动保存草稿,但保存状态的表现却是以例01这种“一闪而过”的形式,用户无法确定程序是否及时保存了最新版本。

  二、环境贴切原则

  网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。

  例04:Photoshop

  

  “拷贝”一词在简体中文环境里已被“复制”取代。

  “羽化”一词译自英文“feather”,指“令选区内外衔接的部分虚化,起到渐变的作用从而达到自然衔接的效果”,该译文贴切而富有诗意。

  三、撤销重做原则

  为了避免用户的误用和误击,网页应提供撤销和重做功能。

  例05:谷歌日历

  

  添加/更新某个日程后,页面顶部提示“撤销”的功能。

  例06:QQ空间

  

  日志和相册提供“回收站”功能。

  四、一致性原则

  同一用语、功能、操作保持一致。

  例07:Flickr

  

  繁体版主导航上的表述是“社群”,到了“管理与建立”的页面,却写着“群组”。

  例08:新浪微博开放平台

  

  在“文档首页”的页面,网页标题却是“新浪微博API”,与用户预期不符。不仅如此,页面在接口(API)和开发工具包(SDK)在文案上并没有统一,显得不够规范和严谨。

  五、防错原则

  通过网页的设计、重组或特别安排,防止用户出错。

  例09:新浪微博

  

  微博发布器上的文字是即时保存的,即便用户关闭了网页,也不会丢失内容。

  六、易取原则

  好记性不如烂笔头。尽可能减少用户回忆负担,把需要记忆的内容摆上台面。

  例10:新浪微博

  

  当用户需要“@某人”时,自动随键入弹出列表。不过,手机客户端上,最先实现这个功能的是腾讯微博。

  七、灵活高效原则

  中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。

  例11:博客大巴

  

  很早很早以前,大巴改版,新模版调整模块方式显得灵活;但在快速迭代的互联网世界里,大巴的“新”方式已经过时很久了。

  例12:wordpress

  

  保持高效,不解释。

  例13:QQ邮箱

  

  登录时,如果在账号里输入数字帐号(即QQ号),焦点移动到密码框后,会弹出验证码表单;如果检测出输入的是英文账号,则隐藏验证码表单。这里巧妙的地方在于,英文账号为恶意试探性登录(攻击)的可能性远小于数字帐号。

  

  批量删除邮件时,如果未选择邮件,则弹出非必须响应(必须响应,比如alert()方法)的提示,避免用户无意义点击。

  例14:人人网

  

  删除相册的“确认”截图。注意,这不是弹出层,而是新的页面。笨拙且低效。

  例15:腾讯微博

  

  美化版的alert(),徒增麻烦。

  八、易扫原则

  互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

  例16:百度搜索

  

  搜索结果的数量对用户的帮助甚少,况且这个数字也不够准确。百度搜索将其拿到页面底部,这样,首屏可视区域在高度上增加20个像素。

  例17:微博列队

  

  根据作者的结论,大多数转发的附言是无意义的,因此隐去之。由于部分用户将“转发”视作“引用”功能,附言是高价值的评论,因此提供悬停查看的办法。

  例18:谷歌网站站长帮助工具

  区分正文与代码,由于不是面向专业开发者,因此没有高亮代码。

  九、容错原则

  帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。

  例19:豆瓣

  

  小组的话题被删除后,豆瓣会给每一位跟帖人发送邮件,告知删除原因和跟帖原文。

  

  恢复到初始布局。值得一提的还有豆瓣的文案,注意“折腾”二字~

  十、人性化帮助原则

  帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

  例20:腾讯微博

  

  一次性提示。

  例21:谷歌关键字广告

  

  常驻提示。

  参考资料

  01 尼尔森 《十大可用性原则》(英文) http://www.useit.com/papers/heuristic/heuristic_list.html

  02 刘希未 《尼尔森网页可用性评价十原则》(中英对照) http://blog.sciencenet.cn/home.php?mod=space&uid=333718&do=blog&id=292283

  03 《专家评估:超越启发式评估》 http://www.userfree.cn/?p=840

时间: 2024-08-29 18:38:44

用户体验:可用性一直是交互设计的重头的相关文章

交互设计与用户体验:满足用户需求的交互设计

     本文,我主要想表达的意思是:交互设计师一多半的时间其实是在做逻辑分析,从业务逻辑到产品逻辑的迁移:然后另一部分时间是在做按钮的摆放.(注意,我说的是部分,不是全部!)在这两个过程里需要注意的最重要的问题就是不能懒!(京东商城的设计完全不具备交互性,不做分析).对照"看人下菜碟"的说法,我们来看看哪些是可以改进的.       1.如果用户没有登录(注册),用户是否需要去点击"兑换"OR"评论"按钮?答案是否定的.这个时候用户最需要什么交

《UX设计之道——以用户体验为中心的Web设计(第2版)》一第1章 用户体验设计之道1.1 什么是用户体验设计

第1章 用户体验设计之道UX设计之道--以用户体验为中心的Web设计(第2版)好奇心+激情+同理心 重要的是要永远保持质疑.好奇心自有其存在的理由.当人们思索永恒.生命和现实中不可思议的神秘事件时,难免会心生敬畏.每天能够尽点力去理解这些神秘点滴就已足够. --阿尔伯特·爱因斯坦 好奇心是大自然最早的学校. -Smiley Blanton 激情和目标携手同行.当你确定目标时,你会发现你对事物满怀激情. -Steve Pavlina 上天赐予了人类一份重要礼物,即我们拥有同理心(empathy)的

用户体验的元素,还是网页设计的元素

系统和用户环境设计 苹果系统成功在于系统架构.简化系统本身,设备只能变得更好.更小.性能更强大.在未来,硬件将被的闪存代替.索尼为了竞争,必须筹划一个更好的系统,而不是一个性能更差的.写作媒体.书籍.杂志的情况也是如此.通过讨好读者,索尼或许是成功的,但除了讨好读者外,它的整个系统必须正确,有足够的便携性和对读者有足够的有效性.(Sony by proposing its reader may be successful but again the entire system must be i

用户体验参考:网页产品原型设计到网站界面

这篇文章详细讲述了网页设计的整个过程,从网页产品原型设计,纸稿,黑白稿到真正的网站界面.每一步都为我们用实例讲述了详细的设计和用户体验思考过程.作为网页设计师很值得参考和借鉴其中的经验. 可行性评估 主要执行人员:UI.UE.需求部门.程序部需沟通人员:销售部 当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路.受众及一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行性.我们也会准备相关资料与其进行沟通,主要会从数据报告.功能性及可行性三方面下手,在探讨的同时会指出功

注重用户体验:电子商务网站空搜索设计

下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果,然后引发了一个关于空搜索处理的讨论.这里,空搜索指的是:不在搜索框里输入任何内容,直接点击搜索按钮. 可以肯定的是,造成空搜索的用户的比例应该不大,主要是误操作,当然也不排除向我这样的探索者.但是作为电子商务网站用户体验的一部分,这个地方必须要考虑到. 我们先来看看主流电子商务网站的处理结果(这里不需要讨论搜索引擎的返回结果,因为它就是做搜索的,没有也没必要去给你推送什么其他的内容): 阿里巴巴中国站;弹出提示框"请输入产品名称&

迅雷用户体验:我不只是交互

从事交互有很多想法观点一直在脑中趁着这个分享的机会大概总结下,以下我说的"谬论"不一定对,很多东西个人也一直在摸索思考总结中,现在写出来抛砖引玉,极力欢迎各种不同的观点一起交流哈哈. 首先谈一下日常工作中交互方面的点滴: 交互体验的一些参照原则: 操作前,结果可预知. 让用户在操作前就大概能预测到自己可以有哪些操作,自己的操作会得到什么样子的结果,会提前对产品有个心理预测,例如迅雷XMP播放器,用户只要一启动就会知道可以使用播放器来播放本地影片,播放在线影片.搜索迅雷片库查找自己需要的

网易首页改版:提高用户体验的简约大气包容设计

新版网易首页,文章页,手机版网易首页(手机上网3g.163.com)10月12日同时上线.本次改版从整体到细节都有一个质的飞跃,新版继承了网易一贯简约.大气.包容的设计品质,达到以用户为中心提高用户体验.促进频道发展的改版设计目的. 相关文章:网页设计经验分享:再谈网易首页的改版 1,字号变大 为了适应网友日益增加的显示器分辨率需要,网易首页主体内容区的字号,由12号变大为14号. 2,分栏比例的改进: 新版网易首页栏宽比例调整,用户更容易从左栏获取完整信息,提高阅读感受.资讯板块更适合高效阅读

网站设计用户体验:网站搜索框的设计

1.搜索框的意义       用户总是和你想的不一样,用户很多时候是不会按照你设定的导航走的,他们更多的时候是上来就直接输入关键字进行搜索.对于购物者而言,如果清楚的知道想要什么,他们会很明确的使用搜索框,这种情况下购物者显示出了明确的购物意图,因此搜索框能够把该意图转变为真实的购买行为.来自Fast Search的数据显示,30%的购物者进入电子商务网站后会立刻使用搜索框,超过30%的人通过导航没有找到需要的物品后转而使用搜索框.       如果一个网站没有足够合理的信息架构体系,那么搜索引

提高用户体验的几个网站设计细节

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 现在有很多非常厉害的设计师,网站界面做的也很漂亮,但是这并不能完全的把握住用户,我认为一个网站的设计需要从直观感受和体验两方面去考虑,首先让用户认为网站是非常有新意的,或者没有新意至少也不要让用户反感,然后就是要注重网页的细节方面了,下面合肥网站建设亿盟科技就和大家分享下几个设计上的小细节. 1.在于众相同中寻找于众不同 其实很多的页面设计是