用户 原则 尼尔森 尼尔森设计原则是人机交互学博士 Jakob Nielsen 于 1995 年发表的“十大可用性原则”。尼尔森博士分析了两百多个可用性问题而提炼出的十项通用型原则,它是产品设计与用户体验设计的重要参考标准,值得每个交互设计师理解与思考。今天把尼尔森设计原则结合一些产品案例进行总结:用超多App 案例,帮你掌握尼尔森十大原则谈到我们生活中的那些产品和服务,它们常伴于我们左右,影响着我们的生活,与我们处处相关联,同样的这些产品也会影响我们的感受,我们常常在使用时会感到喜悦,也偶尔会在使用另一些产品时会感到不舒服,这些感受都是由产品和服务的体验直接决定的。阅读文章 > 原则一:状态可见性原则系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。沟通是所有关系的基础,无论人还是设备。产品应该通过在合理时间内的适当反馈,向用户通知正在发生的事情或者当前的状态。用户知道系统在做什么用户知道自己在什么位置用户知道下一步操作应该去往哪里产品名称:抖音体验说明:图一是抖音用户双击点赞后的反馈图,图二是抖音收藏成功后的提示图解释说明:利用提示语、icon 图标等方式告知用户自己的操作“成功”;图三,手机信号出现问题加载失败的时候也会告知状态。告知的方式有很多,除了图中的图标、文字等,还有声音、震动、动效等方式。原则二:环境贴切原则软件系统应该使用用户熟悉的语言、文字、语句,或者其他用户熟悉的概念,而非系统语言。软件中的信息应该尽量贴近真实世界,让信息更自然,逻辑上也更容易被用户理解。产品名称:豆瓣 FM解释说明:音乐唱片切换播放的交互行为虚拟现实场景中翻唱片。利用现实生活中的一些行为作为设计元素进行隐喻,很大程度上降低用户学习成本同时激发用户的使用兴趣。设计师在设计的过程中不要轻易自主创作手势交互,表现形式也最好借鉴现实生活的图形符号,以免增加用户认知和学习成本。原则三:用户可控原则用户常常会误触到某些功能,我们应该让用户可以方便的退出。这种情况下,我们应该把“紧急出口”按钮做的明显一点,而且不要在退出时弹出额外的对话框。很多用户发送一条消息、总会有他忽然意识到自己不对的地方,这个叫做临界效应;所以最好支持撤销/重做功能。产品名称:微信解释说明:用户可控性原则需要用户在操作过程可以自由的导航和退出、对于不可逆转的操作可以有提示,需要用户二次确认。如图一用户可以自由导航,进入内页后返回按钮或者右滑手势可以返回;同时图二,点击“看看”按钮,再次点击可以进行取消收藏;图三中,对于用户的误操作或者说是不可逆转的行为,有弹出框提示。原则四:一致性原则对于用户来说,同样的文字、状态、按钮,都应该触发相同的事情,遵从通用的平台惯例;也就是,同 一用语、功能、操作保持一致。产品名称:微信阅读解释说明:一致性原则在视觉、结构、行为交互、反馈层面都有所体现,微信阅读的交互行为在期刊和书籍阅读上做了区分。所有的书籍采用左右滑动翻页;期刊才有上下滚动方式翻页。同时视觉上统一品牌色,文章的字体排版也一致,便于用户识别。这就是为什么 UED 部门都要有自己的交互规范与视觉规范要遵守的原因。原则五:防错原则比一个优秀错误提醒弹窗更好的设计方式,是在这个错误发生之前就避免它。可以帮助用户排除一些容易出错的情况,或在用户提交之前给他一个确认的选项。在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。产品名称:微信在进行危险操作或者不可逆转操作的时候有提示,如上图第一张的弹出框提示;错误预防的另外一个方法是利用一些视觉元素引起用户注意 ,提供警示作用,如上图的右图。原则六:识别好过记忆通过把组件、按钮及选项可见化,来降低用户的记忆负荷。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的,且在合适的时候可以再次查看。产品名称:夸克解释说明:识别好过记忆是指让用户减少识别记忆时间。图中夸克中的按钮采用可视化的表现形式,加以文字来辅助,让用户对信息一目了然。图标的形象比较扁平,虚拟现实生活的物品,或者其他 APP 的 icon 变形。PART2,展示用户常用或最近的历史记录,帮助用户记忆。原则七:灵活高效原则灵活高效原则旨在使用户更快捷的使用产品,让用户在最短的路径下最快实现目标。这需要对用户的使用场景、使用流程进行深度挖掘。汽车油门—新手用户常常看不见,而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。产品:腾讯会议点开腾讯会议 APP,首页展示如下图所示。根据用户参会的场景进行分类,常用的会议场景包括:加入提前预定好的会议、即时性快速开始会议、个人提前预定会议,以及在线下会议室并且需要马上进行无线投屏。四个场景分别对应:加入会议、快速会议、预定会议、无线投屏四个功能。四个功能分类,全面覆盖用户开会最常用的几个场景。同时,直接把几个场景功能进行区分,方便用户快速选择自己适合的功能,灵活高效,节约不必要的交互流程。原则八:优美且简约原则对话中的内容应该去除不相关的信息或几乎不需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉。产品名称:多抓鱼解释说明:多抓鱼是 C2B2C 的电商平台,链接买卖双方,但是多抓鱼的框架、布局、视觉等各方面都很简洁。框架层:首页(浏览二手书)、卖书(一键扫码免费上门取书)、购物车、个人中心。简单明了,突出核心功能。同时多抓鱼的买书界面(图 2),图文形式简单的介绍卖书流程,一个按钮可以扫码卖书;个人中心中悬浮按钮可以直接写书评。界面布局与视觉干净简洁,减少视觉干扰项。首页的书籍列表,仅仅展示折扣、书名、豆瓣评分、价格几个关键字段,点进内页才有更多评价和介绍。总体来说多抓鱼的设计在各个方面都做的很简洁、清新,也符合文艺小青年的目标人群原则九:容错原则错误信息应该使用简洁的文字(不要用代码),指出错误是什么,并给出解决建议。也就是在用户出错时如何为出错的用户提供及时正确的帮助呢?即要帮助用户识别出错误,分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复,也要尽量为用户提供帮助让用户损失降到最低。产品名称:百度浏览器解释说明:在进行信息填写等一些操作行为的时候,需要使用到这个原则。如图一在用户填报信息前会有提示性信息防止用户填写失误、在用户填写的信息不符合要求的时候会有提示性信息描写哪里有问题。这个原则在一些填报银行卡等安全行为的时候也常用到,系统自动把需要注意的事项给用户,使用户防止出错。原则十:人性化帮助原则即使系统不适用帮助文档是最好的,但我们也应该提供一份帮助文档。任何帮助信息都应该可以方便地搜索到,以用户的任务为核心,列出相应的步骤,但文字不要太多。产品名称:KEEP解释说明:如上图中,用户初次使用 KEEP 课程的时候,会有相关提示进行行为引导;下图的添加设备的流程,每页的步骤引导用户进行选择,找到自己想添加的设备进行添加,引导用户将行为串行。并且最后一个 KEEP 链接小米设备的步骤,给用户进行提示。从而总结最常用的帮助与引导原则的方式有:采用一次性的提示信息、常驻的提示性信息、流程引导、帮助信息等若有收获,就点个赞吧!用超多案例,帮你掌握尼尔森十大设计原则(上)对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。阅读文章 > 用超多案例,帮你掌握尼尔森十大设计原则(下)对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/nielsen-design-principles-4
原则 尼尔森 的是 之前写过一篇《零基础如何成为交互设计师?聊聊我的学习三步法!》,通过该方法,我们可以对交互设计有个整体的了解,比如,知道了交互设计师的工作流程、需要掌握的技能、交互设计师的日常产出等等。零基础如何成为交互设计师?聊聊我的学习三步法!背景介绍我是从测试被动转交互的(转岗原因不是这次的重点,就不在这里描述了),以前工作的公司是家小公司,没有所谓的交互设计岗位,所有我对交互设计一窍不通,以至于画了一段时间的线框图之后,依然没有找准个人定位,走了不少弯路,浪费了不少时间。阅读文章 > 可是,纸上得来终觉浅,绝知此事要躬行,在我们了解那么多的理论知识,知道了交互设计师需要掌握的众多技能后,又该从哪里开始,该如何快速掌握这些理论,并应用于实际工作之中呢?还记得上高中那会,有一种英语练习题叫做“各个击破”,比如我在“完形填空”方面比较薄弱,那么就买一本完形填空的练习题,每天晚上睡觉前练习 2~3 篇;又或者我在“阅读理解”方面比较薄弱,那么就买一本阅读理解的练习题,用同样的方式去练习,这种有针对性的练习就叫做“各个击破”,我当时的英语成绩就是通过这种方法提升上来的,练习效果可谓是立竿见影。既然这种方法效果很好,我们可不可以把它应用在“交互设计技能”的掌握上呢?答案是肯定的。下面,我就以交互设计原则为例,讲述一下,在了解了这些设计原则之后,怎么做才能更快的掌握这项技能,实现各个击破。首先,总结“设计原则全家桶”交互设计原则有很多,为了能够更快、更全面的掌握这项技能,我们需要将设计原则进行汇总,整合为“设计原则全家桶”(总结方法我就不在这里赘述了,感兴趣的同学可以查看上文)。这里我汇总了四个常用的设计原则,古腾堡原则、格式塔原则、尼尔森十大可用性原则、交互设计 5 大原则(这里简单说明一下,本来是交互设计 7 大原则,其中“接近性原则”在格式塔原则中已包含,“防错原则”在尼尔森原则中也已包含,所有我把这两个原则去掉了,一来可以简化原则,二来可以减轻记忆负担)。我们可以通过提取关键词的方式,把这些原则的“主要内容、在设计中的应用”通过“关键词+图片”的形式提炼出来,然后汇总为“设计原则全家桶”。(全家桶相关文章见文末)其次,强化练习“设计原则全家桶”就像是武功秘籍,有了武功秘籍,我们还需要勤加练习才能掌握,可是,该怎么练习呢?如果手上有项目的话,可以通过项目实战进行巩固。如果手上没有项目,我们该怎么进行巩固呢?我的方法是,找几款常用的产品,然后对这些产品进行分析,分析这些产品,都应用了哪些设计原则,它们是如何应用这些原则的,有没有不符合设计原则的地方,不符合设计原则地方背后的设计目的又是什么?下面,我以淘宝 APP 为例,来简单说一下该如何强化我们学习到的这些设计原则。我们先来看下淘宝首页都应用了哪些设计原则?顶部导航栏只有“订阅、推荐”2 个 tab 页面,底部导航栏有“首页、逛逛、消息、购物车、我的淘宝”5 个版块,这两个导航栏应用到了交互设计 5 原则中的“米勒定律”,也就是 72 原则。签到、会员码、搜索栏等,应用的是“格式塔–主题/背景原则”,即当主题和背景重叠时,人们倾向于把大的元素当做背景,把小的元素当做主题。所以“签到、会员码、搜索栏等”被看做为主题,而后面灰色的部分被当做了背景;同样的,我们再看常用功能栏,后面的白色卡片会被当做背景,而中间的功能图标被当做主题。再看下面的产品展示区,应用的是“格式塔–闭合性原则”,因为手机屏幕有限,无法展示全部的内容,所以最下面仅展示了部分图片,以提示用户下方还有更多的内容。继续向上滑动,可以看到这里的图片摆放样式采用了“格式塔-对称性原则”,而且这里对展示样式进行了优化,采用了瀑布流的样式,可以防止视觉疲劳,展示效果更胜一筹。点击首页上方的搜索框,进入搜索页面,搜索框下方展示了历史搜索数据,且按用户的搜索信息倒序排列,最后搜索的内容展示在最前面,很明显这里使用的是“尼尔森-灵活高效原则”。再来看产品详情页,该页面使用了“古腾堡原则”,最重要的两个信息(产品信息、购买按钮),一个展示在左上,一个展示在右下;其他信息分别展示在中间、右上及左下方位置。同时这里也使用了“交互设计 5 大定律中的费茨定律”,把“购买”按钮放在距离用户手指最近的位置,并占据底部导航栏三分之一的面积,这样的设计,既方便了用户的操作,又提升了产品的购买率,一举两得。淘宝关于其他原则的应用示例还有很多,比如淘宝首页的“下拉刷新松手刷新正在刷新”,应用的是“尼尔森–状态可见原则”;用户购买商品后发现不合适,可以申请退货或换货,应用的是“尼尔森–用户可控原则”;淘宝客服功能,可以在线为用户答疑解惑,应用的是“尼尔森-的人性化原则”,等等,这里我就不再一一举例了。强化练习的目的就是为了加深记忆,形成条件反射。以后,不管是做竞品分析,还是自己设计原型,就能快速想到这些设计原则。遵循这些原则,即使我们没有太多的实战经验,也可以设计出符合基本规范的原型图,减少低级错误的可能性。最后,实战练习武功秘籍我们已经练习的差不多了,可是威力如何还需要进一步的检验。如何检验学习的效果呢,那就是通过项目实战。《刻意练习》中作者说“人的学习受到情景的制约或促进,你要学习的东西将应用在什么情境中,那么你就应该在什么样的情境中学习这些东西。比如,你要学习编程,就应该在 GitHub 里学习,因为你以后编程就是通过 GitHub”。同样的,我们想掌握交互设计原则,那么就需要在交互设计中学习,也就是结合实际项目进行实践。这里我通过一个实际案例,来简单介绍一下,在实际项目中该如何应用这些原则。现在有个功能优化的需求,给“党费缴纳”增加一个“待缴费用户查询以及发送短信提醒”的功能,那么我们在设计原型的时候会应用到哪些设计原则呢?先看原型图,下面这两个页面应用到了“状态可见、接近性、相似性、奥卡姆剃刀原则、一致性原则,以及古腾堡原则”。其中,查询记录为空和查询记录不为空,应用到了“尼尔森–状态可见原则”;查询条件(快速查询、精确查询)和下面的查询结果,应用的是“格式塔–接近性原则”;查询结果中,人们倾向于把“选择框、姓名、联系方式”联系在一起,这里应用的就是“格式塔–相似性原则”。快速查中的“近一月、近三月、近半年”快捷操作按钮,应用的是“奥卡姆剃刀原则中的减少用户操作次数,给出合理选项原则”;再看有查询结果的这个页面,这个页面和手机通讯录页面是不是很相似?所以这里应用的是“尼尔森–一致性原则”;还有右下角的「发送短信提醒」按钮,应用的是“古腾堡原则”。我们再看下面两个页面,这两个页面主要应用的是“尼尔森–状态可见原则”,当点击用户前面的按钮时,左下角会实时显示“已选中 xx 项”,然后点击「发送短信提醒」按钮时,会弹出“发送成功”的 toast 提示。上面考虑的都是正常的情况,假如用户未选择任何选项,直接点击了「发送短信提醒」按钮,这个时候该怎么处理呢?这时“尼尔森–容错原则”就派上用场了,增加一个“请选择您要提醒的用户”toast 提示就可以啦。总结《刻意练习》的作者告诉我们,“1 万小时定律”是个伪命题,学习需要讲究方法,同时也是有方法可寻的。通过“总结归纳强化练习项目实战”的方式,我们就可以将交互设计必备的技能在较短的时间内各个击破。设计原则全家桶参考链接:用超多案例,帮你掌握交互设计心理学的古腾堡原则写在前面在平时的设计过程当中,你是否有这样的疑惑?阅读文章 > 近万字干货!带你全面了解格式塔原则好的设计师理解心理学在视觉感知中的强大作用。阅读文章 > 用超多案例,带你学会经典的尼尔森十大交互设计原则Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。阅读文章 > 万字雄文!超多案例帮你读懂交互设计7大定律在交互设计领域,有很多经过时间检验过的定律及法则,来作为设计的指导原理,它能够帮助产品设计者对界面上的各种视觉元素进行合理评估,从而发现一些使用过程中的可用性问题,还可以根据这些法则从界面的维度来改善操作效率和使用满意度。阅读文章 > 用超多实例,解析「交互设计七大定律」在设计中的应用(上篇)交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”。阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/master-design-principles