用户体验十大原则

李达康1分钟前谁给你的权利,一天啥正事不干就想着玩手机。什么是用户体验?Spring有人说是有用性,就是说需求是真实的可用性,功能可以满足用户的需求满意度,情感方面,向产品整个的一个品牌评价可找到性,用户能找到他们需求的东西可获得,用户能够方便地完成操作、达到目的可靠性,让用户产生信任价值性,产品要为投资人产生价值,转化为金钱有人说是Steve Krug 在《点石成金》这本书里,提到的用户体验包括几个方面:有用性:能否帮助人们完成一些必...

什么是用户体验?

Spring

用户体验十大原则

 

有人说是

 

有用性,就是说需求是真实的

可用性,功能可以满足用户的需求

满意度,情感方面,向产品整个的一个品牌评价

可找到性,用户能找到他们需求的东西

可获得,用户能够方便地完成操作、达到目的

可靠性,让用户产生信任

价值性,产品要为投资人产生价值,转化为金钱

 

 

有人说是

 

Steve Krug 在《点石成金》这本书里,提到的用户体验包括几个方面:

有用性:能否帮助人们完成一些必须的事务?

可学习:人们能否明白如何使用它?

可记忆:人们每次使用的时候,是否都需要重新学习?

有效:它们能完成任务吗?

高效:它们是否只需花费适当的时间和努力就能完成任务?

合乎期望:是人们想要的吗?

 

 

有人说是

 

Whitney Quesenbery 的 5E 原则

Whitney Quesenbery 提出了 5E 原则,认为用户体验包含五个方面,如图:

 

用户体验十大原则

分别是:

有效性:实际可以等同于可用性或者有用性,就是这个产品能不能起到作用

效率:产品应该是能提高使用者的效率的

易学习:学习成本低

容错:防止用户犯错,以及恢复错误的能力

吸引力:(主要是从交互和视觉上)让用户舒适,并乐意使用

 

 

流传甚广的说法

 

用户体验十大原则

 

结论就是

所以,真应了那句古话:

用户体验是个筐

什么都能往里装

——李白

可能每个人对用户体验的定义并不同但是基本都有重复的部分,总的来说用户体验就是让产品友好的满足用户的需求,或者说能够让用户舒适快捷的满足用户的需求

如何评价用户体验的好坏?

我见过的比较细致、个人比较喜欢的用户体验评价方法是

 

 

尼尔森十大可用性原则

 

 

1、保证界面的内容可见、状态可见、变化可见。看起来是特别基本的要求,但很多产品其实都做不到。用户找不到信息、不知道当前的情况、不明白发生了什么,都是不符合可见原则的例子。

用户体验十大原则

我在哪呢?这里为什么是白花花的?这里是做什么用的?我能做什么?都没有提示。

即使知道功能的用户也会疑惑:这是没有加载完,还是已经加载完了是空的。

而好的空白页是这样的

用户体验十大原则

告诉了你:这里是做什么的,现在为什么是空白的,而且提供了按钮让你马上就可以关注别人。

再比如,Facebook 的加载页面,就不是白花花的一片,而是一张伪缩略图:

用户体验十大原则

这样用户的体验就会非常不同,感知到了当前正在加载并且大致了解到会加载什么东西。

 

2、场景贴切原则,让功能操作符合用户的使用场景,我们要从用户使用的场景出发考虑功能的设计,否则不一定是用户真正想要的

如果第一次看到滴滴出行司机版的界面你会觉得有点奇怪:

用户体验十大原则

用户体验十大原则

哎?为什么都是大只的方块?

按照习惯,不应该是长这样的吗:

用户体验十大原则

 

不结合使用场景,单独拿出来看这个页面会有一些问题,文字过大,行间距过大,留白太多,页面利用率不高,给人的感觉不舒服并不美观。但是一结合场景那么这就是一个好的设计,司机在使用手机的时候肯定都是你在行驶的途中,那么字体就要大,文案内容要简洁,这样能够让司机一目了然,抢单按钮很大,可以降低操作误触率。

所以我们在做交互设计的时候不要主观臆断好坏,而是要放在场景下去思考。

 

3、可控原则,用户要能对当前的情况很好的了解和掌控,足够自由,要能够把控当前页面的状态,给用户一种肯定的安全感,例如有些按钮文案可能会导致用户不敢点击会有试探性的行为,比如删除按钮,用户会想点击删除会不会直接干掉了呢?等等顾虑

在很多特殊的、有很多可能性的功能界面这点至关重要,比如典型的视频播放界面,如果只有播放和暂停,你能想象到有多垃圾。而所有的界面,都应该有方便的退出操作。

用户体验十大原则

iPhone home 按键,可以说是很好的诠释了这一点,因为不管你在哪里,只要按了home键马上就可以回到初始界面,比如有些按键复杂的手机,或许我们还好,但是家里父母可能按着按着就不知道怎么返回到初始状态了,很没有安全感,不敢乱按。

 

4、一致性,用户需要在同一款产品中接收同一套设计规范或者逻辑

这是很多产品也会忽视的,在功能、交互和视觉上不考虑用户的学习成本,同时也给用户造成麻烦,让用户对功能很难产生认知。

比如,在社交产品中,关注你的人会被称为『粉丝』,在另一个页面又变成了『关注者』;在一些提醒对话框中,确定按钮有的时候在左侧,有的时候又在右侧;在工具类操作中,红色有时候表示正确,有时候又表示警告和提醒。等等。

用户体验十大原则

 

5、防错、防呆原则,要尽量用足够的提醒和设计,让用户不要混淆,犯错和发呆

防错、防呆在用户体验中至关重要,提醒有时看起来很傻,但那是在设计者对产品和功能足够熟悉的情况下。对于新用户来说,很多事情并不清楚,要确保顺畅操作需要做更多引导。

特别典型的例子是每个人都见过的这个:

差极了,啥意思?

用户体验十大原则

Windows 的提醒框。在新版本里变成了:

用户体验十大原则

我估计绝大部分人看到之后脸上都是大写的懵逼。你在说什么?然后呢?我擦,你别不管我了啊,我该怎么办?

某国产工具就很好地解决了这个问题:

好,明白了,还有解决方案

用户体验十大原则

这是啥呀?

用户体验十大原则

 

6、协助用户记忆原则,在需要记忆某些信息的时候,

这是个特别简单的道理。当你在淘宝买完东西、在美团订完餐之后,肯定不希望自己再回忆一遍所有的订单内容,再点确认吧?

比如,我买了好几件衣服,我是希望在结账前再确认一遍的,所以淘宝是这样的:

用户体验十大原则

再比如,在苹果的 Mac 端『照片』应用里,删除照片时,不是直接提醒『要删除吗?』,而是:

用户体验十大原则

会提示照片的数量,并且说明当前操作的内容。

 

7、简约易读原则,界面足够简单、内容易读

这个原则是说,要让界面足够清晰,以便于用户快速发现自己想要的信息;同时,还要保证阅读时的可读性、易读性。

有的产品做得特别花哨,界面里什么都有,看起来酷炫,但用户却连哪个是按钮都分辨不出来。这就是得不偿失了。

另外,易读性还要考虑用户使用产品的视觉轨迹,排版不要混乱。这在 Web 上应该更明显一些,在现在的大屏手机上也很重要。

用户体验十大原则

我们再看 Paypal 的一版订单确认页面

用户体验十大原则

箭头标识的是用户阅读信息时的主要轨迹。显然是跳来跳去、非常糟糕的。

这是另一版的设计:

用户体验十大原则

显然,这次就更加顺畅了。

 

8、容错原则,向用户提醒犯错的可能,并提供给用户挽回错误的方法

要在用户可能犯错的时候进行提醒,越严重的错提醒就越重。比如当你抹掉手机数据时,需要先输入密码:

用户体验十大原则

然后会有红色的醒目提醒再次确认:

用户体验十大原则

而挽回错误最典型的就是文本编辑里的撤销功能了。有一些产品也会提供操作上的撤销功能,比如:

用户体验十大原则

这是 Gmail 的撤销操作功能。当你做了一些操作之后,会出现几秒钟提示条,上面有撤销按钮可以恢复操作。

 

9、帮助和提示,在任何时候,考虑到用户需要得到帮助的情况并予以提示

正常操作时,或者说用户掌握充分知识和信息时,提示当然是没有必要的。但实际情况是,任何用户会在任何时候都产生疑问,需要得到帮助。

除了在产品里放一个几乎不会有人点进去看的帮助文档之外,最好的方法就是在当下进行提醒。

比如

用户体验十大原则

Smartisan OS 会在飞行模式的按钮旁边放一个小 i 的标示,点击后出现对飞行模式的详细解释。

再比如:

用户体验十大原则

在评价页面说明情况,告诉用户原因

 

10、恢复现场原则,适应用户的碎片化使用习惯,在各种切换和退出返回时,要能有恢复现场的能力

实时保存内容是在有编辑功能的产品中非常重要,比如知乎网页版会隔一小段时间就自动保存一次,因为临时状况意外退出后,再到草稿箱中还能找到。(这里顺便吐槽下知乎 APP 客户端是没有实时保存的功能的,我已经丢过好多次草稿了...)

另外大家平时都遇到过,但估计没人会留意的是,微信内置浏览器记录上次阅读位置的功能

用户体验十大原则

读到一半回到聊天页面说几句话,再返回这篇文章,还是会回到离开时的位置。

而新浪微博 APP 在看某个人微博时,如果跳出再回去,又回到了微博列表的顶部...

用户体验十大原则

未来产品会越来越多,大家对信息接收的方式也不会满足于整块整块的形式,而是会变成以信息流、碎片化的方式。所以保护现场将是每个产品都要考虑的原则。

 

 

同学们听我说 listen to me

关注微信号,每天有干货

“”同学们听我说”为您推送精品知识点

 

 

用户体验十大原则

 

 

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35377/

(0)
交互精选交互精选
上一篇 2018-02-26
下一篇 2018-02-27

相关推荐

  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01
  • 【用户体验】和路通X1真实详细评测——智能车时代的钥匙

    点击蓝字关注这个神奇的公众号~中国移动和路通智能后视镜的项目已经开展了一段时间,这期间收到了多位客户的体验反馈,今天,小编整理了一些产品体验测评分享给大家,从使用者的角度,让大家对中移动智能后视镜有更加深刻的了解!用户体验和路通X1真实详细评测——智能车时代的钥匙很荣幸从天津蜂享信息技术有限公司,购买了一台和路通X1智能后视镜,并进行装车体验。感谢中国移动对智能出行的重视与执着。目前智能后视镜的市场方兴未艾,市场上智能后视镜产品如雨后春...

    2018-02-05
  • 交互设计申请竞争白热化,你该如何“杀出重围”?

    只要你想改变自己汉艺陪你死磕到底对于学习交互设计的同学来说,多数同学的作品集项目最终效果是这样的:这样的一个网页,几个app界面的最终效果图在各大设计网站,更是一抓一大把,导致很多同学对于交互设计的认知更多的停留在网页设计或者app设计上,浏览越多案例,思维越被局限。如果一个交互作品集中四五个项目全是这样的“大众脸”,想要从全球大量相似的“竞品”中脱颖而出,吸引到考官注意力,可以说困难重重。本期文章,为了让大家的作品集能够在全球竞争中脱...

    2018-02-03
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • 《用户体验要素》

    大多数人都体验过网购,这种经历几乎每一次都是一样的:你到达网站,寻找你想买的东西,然后下单(提供你的住址和电话号码),然后网站将物品快递到你的手中。这个清晰、有条不紊的体验,都是由一系列完整的决策(大大小小的决策)组成的:网站看起来是什么样、它如何运转、它能让你做什么。这些决策彼此依赖,告知并影响用户体验的各个方面。如果我们去掉这些体验的外壳,就可以理解这些决策是如何做出来了。作者给出了一套用户体验设计的科学方法,借用此方法,我们可以对...

    微信热点 2018-04-12
  • 设计神器Figma出马!Sketch、PS有些慌了,因为...

    这年头真的是“长江后浪推前浪,一浪更比一浪强”,许多新产品、新工具纷纷冒出头来,就拿我们设计师的设计工具来说吧,Photoshop 算是一名老将了,它也是我们走上设计不归路的第一个敲门砖(当然还有 CDR);被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来,一个是专攻用户界面的矢量设计,另一个则像是加强版的 PS 和 AI;Sketch 和 Affinity 还没用熟又冒出个 Figma:说出来你可能不相信,...

    2018-04-17
  • 【用户体验】机器人教练:第三季!

    【本文转自:哈尔滨腾达集团驾校】WELCOME TO TENGDA我们的腾达欢迎来到腾达驾校机器人教学活动已经举办了两期,机器人教学俨然已经成为了一种时尚热潮,同时也在学员中树立了良好的口碑,学员反响热烈,有越来越多的学员通过此次活动认识了机器人教练,并且想来体验一下机器人教练的庐山真面目。近一周的科二学习,可累坏了学员们、也累坏了教练。在此对大家说一句:大家辛苦了!经过几天风吹日晒,我们的科二学习已经正式接近尾声,本周最后一个科目的练...

    2018-04-23
  • 2018用户体验设计趋势,你知道吗?

    设计师总再盼望未来 - 在整个工作流中我们重复相同的事情。最后,困扰设计师往往是围绕着一个简单的问题:我们如何才能提高用户的体验?为了解决这个题,Figma采访了18位设计师,让他们来来预测2018用户体验设计趋势。1.可用性第一,个性化第二“我真的希望2018年设计师们将可用性设计铭记在心。我们不要在基本元素上使用超浅灰色,我们做得每一个像素动画不应该只是因为它看起来不错,我们不应该让用户难以理解内容,因为我们是设计师。”2.设计师要...

    2018-01-31
  • 将Axure移动端原型生成二维码教程(二维码支持微信等app扫描访问)

    使用Axure制作完成移动端原型以后,如果需要在手机上进行演示,该如何进行操作呢?普通的方法就是将原型文件上传到托管平台上面,然后生成一个URL链接发送到手机上用浏览器打开。如果能将URL链接生成一个二维码,直接用微信或QQ等应用直接扫描就能打开原型,这样访问体验能有很大的提升。所以今天这篇分享就是教大家如何将Axure制作的移动端原型生成二维码。下面这个就是我用原型链接生成的二维码图片,直接用微信或QQ扫描这个二维码就能体验到效果。链...

    2018-03-24