用户体验十大原则

李达康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

相关推荐

  • 用户体验:从幽灵按钮到空心元素,它们一直在流行

    幽灵按钮和类似的空心元素,在诸多的设计趋势当中,还是显得颇为单薄的。它们的转化率看起来不够突出,和其他的固定形体相比,吸引力也一般,它们的视觉效果主要取决于周围的对比度和环境本身,一句话,缺点很多。即便如此,它们并没有很快消失,相反依然活跃在设计的一线。它们能够如此,很大程度上是因为我们对于这些元素已经习以为常了。它们最初出现在 UI 界面上的时候,用户所感到的迷惑和混乱,已经逐步消失,我们都知道,它是一个按钮。现在的幽灵按钮和类似的元...

    2018-05-04
  • 干货分享 | 交互领域不可不知的设计法则

    本文转载自“熊猫设计院(ID:MUXDesign)”,已获得作者授权,未经许可禁止转载。前言:交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。01希克定律(Hick’s Law )简介希克定律指的是:一个人面临的选择...

    2018-04-08
  • 用户体验设计中的功能动画

    一位优秀的用户体验设计师能够轻松地解释设计概念中每个决策背后的逻辑。包括信息架构、页面内容结构、流程及假说。动画迟早会被融入线框图中,但在做设计决策或解释它们的时候,就会略显尴尬,因为理由基本上就是“这很酷啊!”或者“这很流行”“多有意思”,这些理由使得设计一开始就毫无说服力。在考虑设计时,我们应该更加深入地研究动画,就像解释其他设计元素那样,有依据地定义动画并解释其目的。→什么是功能动画?功能动画是一种微妙的动画,我们将它嵌入到用户界...

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

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

    2018-02-03
  • 用户体验之网站导航设计师指南

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。“如果用户在导航上遇到困难,他们通常会犹豫是否要回到网站上。”大多数人可能有过这样的体验,当你打开了一个APP,由于没有导航或者导航设计不合理,你花费了很多时间去寻找你需要的东西。那么你很可能不会逗留在这个页面,甚至不会再想使用这个网站。那么你如何创造出“清晰,简单,一致”的导航呢?让我们来模拟一个场景,你在一个星期天的早晨出门去买自己喜欢...

    2018-03-14
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • Axure从入门到精通-第0课,课程介绍

    紫豆子开始新的教程编写,讲解Axure的使用。还是希望5次课程可以把这个软件讲通。这是一款很容易上手的产品,可能有的人已经会了。我们先看看下面由Axure做的网页是不是有点跟我们见过的Axure不太一样了为什么学这个软件?入门简单,它就像一个大的画布,你可以简单的通过拖拽组建在页面中添加你要放置的内容;不像PS那么难学。可以做一些简单的动画效果;可以让一个组建旋转、移动、缩放、消失、出现等等;可以做一些简单的交互效果;例如点击一个画布中...

    2018-04-29
  • Axure原型设计:京东官网滚动界面

    91运营社群招募中,勾搭小编微信号:yueyingzheng88入社群每周91公开课,91风暴,全员参与,实际案例实际分析问题答疑,你提问题我解答行业专场,互联网金融,电商,新媒体运营等专场各地分站交流资源及人脉共享其他的。。。。欢迎各行业互联网运营达人加入我们91运营大家庭,会运营的人都来这里了!导读:作者分享了自己制作京东官网滚动界面原型的具体操作过程,希望大家可以从中受到些启发。正文先上京东官网原图(也可以自己搜素京东官网查看)先...

    2018-03-04
  • 交互设计测试评估

    - END-作者  Rachel Xu欢迎将文章分享至朋友圈,拒绝转载~VUI进化论达尔文老爷爷说,你的语音交互设计该进化了~长按指纹 > 识别图中二维码 > 添加关注不关注,怎么进化~

    2018-04-18
  • Axure RP 7.0软件安装教程

    如何在软件屋下载软件?目录查询编号首页回复编号点击链接输入密码提取文件点击查看详细步骤Axure RP 7.0安装资源下载地址:链接:https://pan.baidu.com/s/1rafwH1U密码:m6fo安装中有任何问题请咨询软件屋私人微信:wei-c-q-186软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...

    2018-03-04