美文网首页UI设计设计技巧设计里的为什么
【转载】尼尔森原则在用户体验中的应用

【转载】尼尔森原则在用户体验中的应用

作者: Doria2016 | 来源:发表于2018-04-11 11:32 被阅读545次

    作者:杨小锅
    链接:https://www.jianshu.com/p/e8ecde13a4d7

    谈到我们生活中的那些产品和服务,它们常伴于我们左右,影响着我们的生活,与我们处处相关联,同样的这些产品也会影响我们的感受,我们常常在使用时会感到喜悦,也偶尔会在使用另一些产品时会感到不舒服,这些感受都是由产品和服务的体验直接决定的。一个好的产品体验使我们的生活变得简单而又美好,而那些糟糕的产品体验又让我们的生活变得复杂而又烦恼。

    如果一个产品和服务是绝对的技术垄断,只有你有,其他人没有,并且人们需要它,即使产品交互设计和用户体验做的再差,只要功能达到了,也会有人使用,原因是非你不可,没有选择。而技术实现相同、产品满足需求相同的前提下,产品的用户体验决定了它是否能脱颖而出,被人们选择并长期使用它。

    而当我们谈论一个APP产品时,暂且不谈极端的偏好情况,比如(就好看,不管它好不好用,我非它不用)这样的情况.....

    我们作为用户关心往往是这个产品好用吗?功能复杂吗?而不是这个产品用户界面颜色好看吗?交互的动效酷炫吗?

    决定一个产品好不好用,能不能长期使用都是用户体验是直接决定的。

    用户体验关注的是在满足用户需求的同时带给用户美好的感受

    在接下来的探讨中,我们会谈到「尼尔森十大原则」这十大原则是具体而又全面的用户体验可行性检验方法。

    “等会,谁是尼尔森?你小子拿陌生的外国人名来蒙我们吗?”

    Jakob·Nielsen( 雅各布·尼尔森 )有“ Web 易用性大师 ” 和 “易用之王 ”的称号,尼老师提出的可用性标准,也被称为“尼尔森十大原则”

    接下来要谈到的用户体验目标,不会原封不动的照搬“尼尔森十大原则”,因为尼老师是从 web 设计提出的十大可用性原则,我们要结合的是目前移动互联网的特点然后在「尼尔森十大原则」的结构下探讨在用户体验上达到的目标。

    下面的会用到大量图片进行举例...

    一、可见原则

    保持界面的状态可见,变化可见,内容可见。

    当我们使用功能是,产品会对我们的功能做出即时反馈,状态,变化,内容这些都会随着我们操作而改变。

    不要让用户出现这样的疑惑:“我切换了功能页面,诶,现在我在“我的”还是在“主页”?  “怎么搞的?点了没有反应,我不知道我到底点了还是没点….” 

    下面是的举例,很好的符合了可见原则

    举例一:

    我在使用微信时,切换了下方的页面功能,当前所在的页面图标亮起,其它小图标也随即熄灭,状态给出了反馈,内容也变化了。

    如下图: 

    举例二:

    在微博里,我给「索尼中国」点了赞,左下角的小拇指立刻亮起,给出了反馈,然后给出了一个大拇指动效,我看见了我点的赞。这样的设计用反馈告诉我,我做了什么动作,然后出现了什么结果。

    如下图:

    举例三:

    在笔记应用里,我们在使用同步下拉的功能时界面也给出了即时的反馈,这样的设计告诉我们,界面现在是什么状态,现在在干嘛,在整个功能的变化过程中我们都能看到的对应的文字描述。

    如下图: 

    二、贴近场景原则

    功能和服务贴近用户使用的场景,符合当前场景用户的体验。

    产品的功能和服务应该贴近真实世界,让信息更自然,逻辑上也更容易被用户理解。

    我们在之前的文字中提到过看待需求的关联性思维,指的就是功能要考虑用户的使用场景。

    举例一:

    这样的界面和我们日常所用的app不同,很多的文字信息,都是关于地点和距离信息的,整个页面只有两个功能“抢单”和“刷新”

    如下图:

    但是功能一旦考虑到场景,这样的页面设计对用户“骑手小哥”可以说是非常友好了,骑手小哥大部分时间都是骑着摩托到处送外卖,看手机的同时就需要看到最重要的信息,例如时间、地点、距离、商家和目的地的名称,只有这样的页面设计才能让骑手小哥对重要的信息一目了然。

    举例二:

    我们在生活中,都会听到这样的声音:“收到对方5元转账”  这也是考虑到场景的设计。商家经常忙于手头的事情,通常需要通过你手机上的交易记录来确认你是否付了钱,而这样功能的设计,商家即使在忙着手头的事情依然能通过产品功能发出“收到5元转账”的声音来确认已经收到你的钱了,这样的设计对于商家和消费者都非常友好,方便的不止一点点,体现了「贴近场景原则」

    如下图:(左)微信和(右)支付宝的「收款声音提醒功能」设置页面

    三、可控性原则

    在使用产品时了解和掌控当前页面。如果用户误操作,可以随时撤销,用户在使用产品时足够自由。

    举例一:

    我们用微信和对方聊天时,当我们写了很多字,发出去时却发现其中有错误,这时我们可以使用微信的撤回功能,体验更好的是,撤回消息旁边有「重新编辑」功能,可以让之前编辑的文本回到对话框重新编辑再发送。

    如下图: 

    “重新编辑”的功能设计同样也符合「灵活高效原则」后面我们会讲到。

    举例二:

    用户经常会在手机上使用某个app的时候卡了,我们经常说:“卡死了”,这时我们需要有方便的退出操作,而苹果手机的home键,安卓手机经典小三样「返回,主页,多任务」很好的符合可控性原则,无论用户当前在哪个页面,遇到什么问题,不知该怎么办时,只需点按这些功能,即可退出或回到桌面,心里

    会感到很舒服,体验很好。

    下图为:(右)苹果的home键特写,(左)安卓「返回、主页、多任务」特写

    而随着「全面屏」移动端的到来,它们也将从手机里消失,取而代之的人机交互方式是手势操作,比如上滑、下拉、长按等等。这些手势操作将继续实现用户对于产品「可控原则」的目标

    如下图:安卓的坚果pro2 和iOS 的 iPhone x意味着未来手机朝着全面屏的趋势发展。

    四、统一性原则

    产品要在视觉保持统一,交互保持统一。

    不让用户在使用产品过程中因为切换了一个页面而感到陌生,要始终在熟悉的环境下使用功能,减少用户的识别成本,用户才能感到舒适。

    在这里先举一个反例:

    不敢相信这三张用户界面居然来自同一个app。用户界面里的结构和元素不一样,没有统一的视觉风格和交互逻辑,每个页面的整体包括图标都不一样…每切换一个页面,就感觉来到了一个新的app,这样的做法用户识别成本增加,从而感到不舒服,体验自然很糟糕……

    如下图:为某运营商的app。

    如果在设计产品的时候,只考虑着一味的花里胡哨,让那些元素和图标以及文本信息风格迥异,这样的做法只会影响到用户的视觉和感觉的体验。

    谈到「统一性原则」,还是得拿微信作为标杆,微信的每个模块信息的布局都是统一的「图标」加「文本」的设计样式,产品整体色彩也以灰黑色为主调相对统一,用户识别成本低,一目了然,使用起来体验很好。

    如下图: 

    在产品设计中符合统一性原则,让用户在始终熟悉的感觉下体验着不断变强的产品。

    五、防错原则

    用贴心的提醒和设计,防止用户遇到会犯错的情况

    好的产品经理要随时切换傻瓜用户看待问题,产品能不能让用户轻松的使用,就像乔布斯老师说的:“瞬间成为傻瓜用户。”,假设新用户对你的产品不了解,很多功能和事情不清楚,如果不做好「防错原则」,那么用户会经常在使用中卡住,最后不耐烦的离产品而去。

    举例一:

    一个好的符合「防错原则」对设计应该是这么样的呢?比如在使用一个产品的注册页面里,只有当我们填写的手机号码格式正确时,功能才可以点击,相比填写了信息格式错误,然后弹出对话框告诉你“格式错误请重新填写”,这样的设计让用户提前防止出错,相对更友好。

    如下图:

    举例二:

    在微信和微博里编辑内容时,如果不小心误操作按了返回,这时软件内会弹出对话框,微信会提示你“是否退出此次编辑?”、微博会提示你“是否将内容保存为草稿”,这些设计都是为了防止在用户使用产品编辑内容时出错,丢失编辑的内容造成不愉快的体验。 

    如下图:

    有些产品在用户使用关键功能时,用户误操作退出并没有防错提示,用户往往在退出后才意识到功能没有完成或内容没有保存成功…用户都会莫名其妙 “什么意思,又要重新来?” 而微信和微博在退出功能时,都会提示的足够清楚,并且提供了「取消」这个解决方案。

    六、协助记忆原则

    在需要记忆信息时,产品功能要帮助用户记忆,信息应该是可见可查看的。

    举例一:

    我们在购买东西结账时,肯定不希望把之前买的每样东西又在脑海里回忆一遍,这时我们就需要产品帮助我们记忆这些信息,并且随时可见

    比如我们在淘宝买东西,再结账的时方便我们再次确认物品的信息,像尺码、颜色、款式、价格等等。

    如下图:

    比如我们订外卖也是一样的,不可能一下子记住之前选好的菜品…所以产品也可以随时查看你选好的东西,方便用户再次确认。

    如下图:

    七、简约容易原则

    这个原则的要点是:

    第一,产品的界面和功能足够清晰,简单明了,用户一眼就能发现自己需要的功能和信息。

    第二,功能不复杂,简单易用,而不是那些复杂而又非常酷炫的功能…这样的结果是用户不仅不会用,还会果断抛弃产品。

    第三,产品的内容和文字信息都应该简易,可读性强,让用户一目了然。比如排版不混乱,顺着用户的视觉轨迹。

    用户的视觉习惯,如图:

    八、帮助和提示原则

    在任何时候,考虑到用户需要帮助并给予提示

    用户不是产品设计者,在用户第一次使用产品的时候,用户都会在任何时候,任何场景下产生疑问,这时用户需要得到帮助,对用户最好最方便的方法就是在当下给用户提醒。

    举例一: 

    我之前使用的任务清单app,在第一次登录以后,在页面中看到各个功能的提示。

    如下图:

    举例二:

    而像电商产品这样信息文字和功能服务繁多,用户一时半会很难全部弄懂,难免会产生疑问,而“很好的帮助用户”对于这类产品就是一个至关重要的事情

    下图为(左)淘宝和(右)京东的帮助入口,由机器人和人工客服向用户提供帮助:

    九、容错原则

    向用户提醒犯错的可能,并提供用户挽回错误的方法

    当你试图造成错误的时候,「容错原则」就会跳出来提醒你。

    举例一:

    比如当我们要试图还原手机的内容和设置,恢复到出厂设置时,就先要输入密码,然后再次有红色提醒,iphone 和 android 在这个设计做法是一样的。

    如下图:

    举例二:

    挽回错误最具代表性的方法就是“撤销错误”在很多产品都会用到这个方法

    下图是 wps 产品符合「容错原则」的“撤销错误”功能:

    而我们之前在「可控性原则」举例的微信撤回功能不属于「容错原则」的方法,如果设计微信撤回功能的初衷是「容错」的话,那么不会给对方知道 “我撤回了一条消息” 而是直接无声无息的撤回,这样的做法微信的产品经理不会做的,他们很在功能设计上很克制也很优秀。

    十、灵活高效原则

    让用户更高效,更方便的完成任务。

    举例一:

    在使用微信时,如果不久前拍过一张照片,那么当我们在聊天时点击 “ + ” 功能时,照片会自动浮现在“ + ” 按钮上方,方便我们使用,这个功能设计的很好,有时候我 们就需要这张刚刚拍的照片,不需要点击相册功能就可以直接发送过去,真的很「灵活高效」

    如下图:

    举例二:

    在使用QQ聊天发送表情的时候,可以看到表情都是按照最近使用的顺序来排序的,我们可以很方便的找到经常使用的表情,它就排在最前面。

    如下图: 

    举例三:

    比如网易的web端的邮箱,在邮箱后缀设计为可选择的后缀,这样用户在登录邮箱的时候只用输入前缀,后缀就不用管了,对用户来说很方便,这也是「灵活高效原则」的一种体现。

    如下图:

    举例四:

    现在很多输入法也会将你经常使用的词语放到前面,比如你经常关心你身边的人,经常问“cfm?“是“吃饭没?”那么每次打 “cfm”  输入法都会把 “吃饭没” 显示到最前面,方便你使用…….这样的设计很好的符合了「灵活高效」

    如下图:

    以上原则不是照搬「尼尔森十大原则」而是我结合来移动互联网的特点在十大原则的结构下细致探讨的观点和见解

    我还想谈谈的是:

    用户体验让我们更关注那些人性化的细节,那些经常被设计者忽略的情感设计,好的产品不是靠着某个神奇的功能,而是力所能及的关注用户体验。

    对于用户体验,我的感触良多,那些关注人性化细节和功能的产品一直常伴在我们的左右,令人欣慰的是.....这些好的产品让我们的生活越来越美好。而我们对于这些产品和服务总是寄托着纯粹而有美好的情愫。

    一想到人们使用美好的产品而充满喜悦时,我们在探讨和设计用户体验的路上永无止境,这些人性对于美好感受的向往驱动着我们,坚信带着人性化不断探究和思考,我们能创造出更好的产品和服务。

    相关文章

      网友评论

      本文标题:【转载】尼尔森原则在用户体验中的应用

      本文链接:https://www.haomeiwen.com/subject/vqyahftx.html