赞助商
立即赞助

用超多App 案例,帮你掌握尼尔森十大原则

产品经验3年前 (2021)发布 流光
2.4K 0 0

谈到我们活中的那些产品服务,它们常伴于我们左右,影响我们的活,与我们处处相关联,同样的这些产品也会影响我们的感受,我们常常使用时会感到喜悦,也偶尔会使用另一些产品时会感到不舒服,这些感受都由产品服务的体验直接决的。一好的产品体验使我们的活变得简单又好,那些糟糕的产品体验又让我们的活变得复杂又烦恼。

如个品和服务是绝技术垄断,有你有,其他没有,并们需要它,即使品交互设计和用户体验得再差,只功能达到了,也会人使用,原因非不可,选择。技实相同、产品满足需求相同的提下,产品的用户体验决了它否能脱颖出,被人们选择并使用。

而我们谈论个 APP 品时,暂不谈极端偏好情况,比如「好看,不管它好不好用,我它不用」这样情况…..

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

决定一个产品不用,能不能长期使用是用户验直接决定的。

户体验注的是在满足户需求的同时带给户美好的感受。

接下的探讨中,我们会谈到「尼尔森十原则」,这十原则具体又全面的用户体验可行性检验方法。

Jakob·Nielsen( 雅各布·尼尔森 )有「 Web 易用性大师 」和「易用王 」称号,尼师提出可用性标准,也被称为「尼尔森十大原则」。

下来要谈的用户体验目标,不会封不动的照搬「尼尔森十大则」,因为尼老是从 web 计提出的十大可用性则,要结的是目前移动互网的点,然后在「尼尔森十大则」的结构下探讨在用户体验上达的目标。

一、可见原则

保持界状态可见,变化可见,内容可见。

我们使用功能时,品会我们功能做出即时反馈,状态,变化,内容这些都会随着我们操作而改变。

不要让用户出现这的疑惑,「切换了功能页面,诶,现在在‘的’还是在‘主页’?」 「怎搞的?点了没有反应,不知道底点了还是没点……」

下面的例子,很的符合见原则。

例一:

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

用超多App 案例,帮你掌握尼尔森十大原则

例二:

在博,给「索尼中国」点了赞,左下角的拇指立刻亮起,给出了反馈,然后给出了一个大拇指动效,见了点的赞。这的计用反馈告诉,做了什动作,然后出现了什结果。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

例三:

在笔记应用里,我们在使用步下功能时界也出了即时反馈,这样设计告诉我们,界现在是什么状态,现在在干嘛,在个功能变化过程我们都能看到应文描述。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

二、贴近场景原则

功和务贴户使的场景,符合当前场景户的体验。

产的功和务应该贴真实世界,信息更自然,逻辑上更容易被户解。

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

例一:

这样的界面我们日常所用的 app 不同,很多的文字信息,都关于点距离信息的,整页面只两功能「抢单」「刷新」。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

但功能一旦考虑到场景,这样的页面设对用户「骑手小哥」可以非常友好了。骑手小哥部分时间都骑摩托到处送外卖,看手机的同时就需看到重的信息,例如时间、点、距离、商家目的的称,只这样的页面设能让骑手小哥对重的信息一目了然。

例二:

我们活中,都会听到这样的声音:「收到对方5元转账」这也考虑到场景的设。商家常忙于手的事,通常需通过手机的交易记录确认否付了钱,这样功能的设,商家即使忙手的事依然能通过产品功能发出「收到5元转账」的声音确认已收到的钱了,这样的设对于商家消费者都非常友好,方便的不止一点点,体了「贴近场景原则」。

如下图:(左)微信和(右)支付宝「收款声音提醒功能」设页。

用超多App 案例,帮你掌握尼尔森十大原则

三、可控性原则

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

例一:

我们用微信和对方聊天时,当我们写很字,出去时却现其中有错误,时我们以使用微信的撤回功能,验更的是,撤回消息旁边有「重新编辑」功能,以让之前编辑的文回到对框重新编辑送。下图:

用超多App 案例,帮你掌握尼尔森十大原则

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

例二:

用户经常在手机上使用某个 app 的时卡,我们经常说:「卡死」,时我们需要有方便的退出操,而苹果手机的 home 键,安卓手机经典小三样「返回,主页,任务」很的符合控原则。无论用户当前在哪个页面,遇到什么问题,不该怎么办时,只需点按功能,即退出或回到桌面,心里感到很舒服,验很。

图为:(右)苹果的 home 键特写,(左)卓「返、页、多任务」特写。

用超多App 案例,帮你掌握尼尔森十大原则

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

如下图:安卓的坚果 pro2  iOS 的 iPhone x 意未手机朝全面屏的趋势发展。

用超多App 案例,帮你掌握尼尔森十大原则

四、统一性原则

产品要在视持统一,互持统一。

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

在这里先举一个反例:

不敢相信这三张用户界面居然自同一 app。用户界面里的结构元素不一样,统一的视觉风格交互逻辑,每页面的整体包括图标都不一样。每切换一页面,就感觉到了一新的 app,这样的法用户识别本增加,从感到不舒服,体验自然很糟糕。

如下图:为某运商 app。

用超多App 案例,帮你掌握尼尔森十大原则

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

谈「统一性则」,还是得拿作为标杆,的每个模块息的布局都是统一的「图标」加「文本」的计式,产品整体色彩也以灰黑色为主调相对统一,用户识别成本低,一目了然,使用起来体验好。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

在产品计中符统一性则,让用户在始终熟悉的觉下体验着不断变的产品。

五、防错原则

用贴心提醒和设计,防止用户遇到会犯情况。

好品经理要随时切换傻瓜用户看待问题,品能不能让用户轻松使用,像乔布师说:「瞬成为傻瓜用户。」假设新用户你品不了解,很多功能和事情不楚,如不做好「防原则」,那么用户会经常在使用卡住,最后不耐烦离品而去。

例:

个好符合「防原则」设计应该是怎么样呢?比如在使用个品注册页里,有我们填写手号码格正确时,功能才可以击,相比填写了信息格误,然后弹出话框告诉你「格误请新填写」,这样设计让用户提前防止出,相更友好。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

例二:

微信微博里编辑内时,如果不小误操作按了返回,这时软件内会弹出对话框,微信会提示「否退出此次编辑?」、微博会提示「否将内保存草稿」,这些设都了防止用户使用产品编辑内时出错,丢失编辑的内造不愉的体验。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

些产品用户使用关键功能时,用户误操作退出并防错提示,用户往往退出后意识到功能完或内保存功……用户都会莫其妙 「什么意思,又重新?」 微信微博退出功能时,都会提示的足够清楚,并且提供了「取消」这解决方案。

六、协助记忆原则

在需要记忆信息时,产功要帮助户记忆,信息应该是可见可查看的。

例一:

我们在购买东西结账时,肯定不希望把之前买的每样东西又在脑里回忆一遍,时我们就需要产品帮助我们忆信息,并且随时见。

如我们在淘宝东西,在结账时方我们再次确认物的信息,像尺码、颜色、款式、格等等。如图:

用超多App 案例,帮你掌握尼尔森十大原则

如我们订外卖是一样的,可一子记住之前好的菜,产可随时查看你好的东西,方户再次确认。如图:

用超多App 案例,帮你掌握尼尔森十大原则

七、简约容易原则

个原则的要点:

  • 第一,产品的界面和功能足够清晰,简了,用户一眼就能发现需要的功能和息。
  • 二,功能不复,简单易用,而不是复又非常酷炫的功能。样的结果是用户不仅不用,还果断抛弃产品。
  • 第,产的容和字信息都应该简易,可读性强,户一目了然。如版混乱,顺着户的视觉轨迹。

用户的视习惯,图:

用超多App 案例,帮你掌握尼尔森十大原则

八、帮助和提示原则

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

用户不是品设计者,在用户第使用品时候,用户都会在任何时候,任何场景下生疑问,这时用户需要到帮助,用户最好最便法是在下用户提醒。

例:

我前使用任务单 app,在第登录以后,在页看到各个功能提示。

如下图:

用超多App 案例,帮你掌握尼尔森十大原则

例:

而像电商品这样信息文和功能服务繁多,用户时半会很难全部弄懂,难免会生疑问,而「很好帮助用户」于这类品是个至关要事情。

下图为(左)淘和(右)的帮助入,由机器人和人工服向用户提供帮助。

用超多App 案例,帮你掌握尼尔森十大原则

九、容错原则

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

当试图造错误的时候,「错原则」就会跳出提醒。

 

例:

挽回误最具代表性法是「撤销误」,很多品都会用到这个法。

下图是 wps 产品符「容错则」的「撤销错误」功能:

用超多App 案例,帮你掌握尼尔森十大原则

而之前在「可控性则」举例的撤回功能不属于「容错则」的方法,如果计撤回功能的初衷是「容错」的话,那不会给对方知道「撤回了一条消息」,而是直无声无息的撤回,这的做法的产品经理不会做的,在功能计上克制也优秀。

十、灵活高效原则

让用户更高效,更便完成任务。

例一:

使用微信时,如果不久拍过一张照片,那么当我们聊天页面点击 「+ 」 功能时,照片会自动浮「 + 」 按钮方,方便我们使用,这功能设的很好,时候我们就需这张刚刚拍的照片,不需点击相册功能就可以直接发送过去,真的很「灵活高效」。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

例二:

在使 QQ聊天发送表情的时候,可看到表情都是按照最使的顺序来序的,我们可很方的到经使的表情,它就在最前面。如图:

用超多App 案例,帮你掌握尼尔森十大原则

例三:

比网易的 web 端的邮箱,在邮箱缀设计为选择的缀,样用户在登录邮箱的时只用输前缀,缀就不用管,对用户来说很方便,也是「灵活高效原则」的一种现。下图:

用超多App 案例,帮你掌握尼尔森十大原则

例四:

现在多输入法也会将你经常使用的词语放前面,比如你经常关心你身边的人,经常问「cfm?」是「吃没?」,那每次 「cfm」 输入法都会把 「吃没」显示最前面,方便你使用。这的计好的符了「灵活高效」。如下图:

用超多App 案例,帮你掌握尼尔森十大原则

探讨完要在用户体验达的目标,还想谈谈的是:

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

对于户体验,我的感触良多,那些注人性细节和功的产一直伴在我们的左右,令人欣慰的是这些好的产我们的生越来越美好。而我们对于这些产和务总是寄托着纯粹而又美好的情愫。

一到人们使用好的产品充满喜悦时,我们探讨设用户体验的永无止境,这些人性对于好感受的向往驱动我们,坚信人性化不断探究思考,我们能创造出好的产品服务。

欢迎关注作者微信公众号:「杨小锅」

用超多App 案例,帮你掌握尼尔森十大原则

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Z Yuhan:稍微复杂一点的产品都少不了提示功能,这种全局模块既需要整体解决方案,也需要具体运用规则。以手机 App 为例,提...
Toast
本文主要介绍了在设计电商商品详情页面时需要注意的交互设计准则,并给出相关示例说明商品页面在哪些方面做改进,能有效帮助...
交互设计
@糖糖糖就是糖 :谢谢大家喜欢上一篇的内容《自学水彩没你想的那么难,说说我是怎么自学的》,文章推荐了十本自学书籍。我会...
手绘
本篇研究方法——对比法,是社会科学中运用较广的方法。对比法旨在将有一定关联的现象和概念,进行比较对照,判断异同、分析缘...
支付设计
编者按:虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,...
AR
这是一个移动端的时代,Twitter 的移动客户端经历了很多版本的迭代,但是桌面端的更新改版则非常的克制。 一周之前,Twitter...
twitter
今天主要介绍了确认和应答两种对话技巧。对于确认,介绍了隐性和显性两种确认方式和使用场景。对于应答,也提供了一些使用原...
用户体验
本文作者结合自身经验,总结了一份交互自查表,来帮助大家在工作中面对分支流程和异常情况的时候,提高处理效率。 先来看一...
交互设计