尼尔森是人机交互博士。在总结分析了200多个可用性问题后,他于1995年提出了尼尔森的十大可用性原则,无论是在网页设计还是移动端设计中,掌握这十项原则,都可以有效提升产品的用户体验。今天,我将举例说明尼尔森的十大原则。雅各布·尼尔森简介雅各布·尼尔森(JakobNielsen)是一名博士。毕业于哥本哈根丹麦技术大学人机交互专业。他拥有79项美国专利,主要与使互联网更易于使用的方法有关。2000年6月尼尔森入选斯堪的纳维亚互动媒体名人堂,2006年4月入选美国计算机学会人机交互学院,并获得人机交互实践终身成就奖.他还被纽约时报称为“Web可用性大师”,被Internet杂志称为“可用性之王”。他提出的10UsabilityHeuristics被广泛应用于人机交互的各个领域(主要在C端)。10可用性原则1.系统状态可见性(StatusVisibilityPrinciple)系统应该始终在合理的时间内通过适当的反馈让用户了解正在发生的事情。--Nielsen1.1SystemStatusVisibility-PositionVisibility与C端产品相比,B端产品在页面层面往往更加复杂。因此,让用户知道自己当前所在的位置就显得尤为重要,这就凸显了导航的重要性。常见的系统平台有水平导航、垂直导航和组合导航三种类型。1.2系统状态可见性-可见数量系统支持自定义配置任务字段。在“添加字段”的弹窗中,当用户勾选字段时,选中的数量会显示在下方的“确定”按钮上,方便查看和核对。1.3SystemStatusVisibility-StatusVisibility在企业管理后台锁定某个任务字段后,再次进入“添加字段”弹窗,锁定的字段后面会出现一个图标,表示已锁定,告诉用户该字段无法编辑。(多选超过选择数量,灰色或隐藏复选框也是状态可见性原则)2.贴近用户真实环境(环境适宜原则)系统应该说用户习惯的语言,例如用户熟悉的单词、短语和概念,而不是面向系统的术语。遵循现实世界的惯例,以便信息以自然和逻辑的顺序出现。——尼尔森B端管理平台集成了众多用户权限,如功能模块、系统管理模块。在主页上,使用的语言通俗易懂,无需特定的专业背景。在系统管理页面,使用的语言是比较专业的开发术语,比如“代码库”、“代码组”、“权限管理”等,因为系统管理的主要用户群是开发或者运维人员,以上这些词是开发人员使用和熟悉的。3、用户有控制权,来去自如(用户可控性原则)。当用户误选功能时,系统需要提供明确的“紧急出口”,让用户离开他不想要的状态。并且不需要额外的对话。支持撤消和重做。——Nielsen3.1用户有控制权,来去自如——关闭和返回在一些系统中,一个任务下可以创建多个子任务,子任务从属于父任务。因此,子任务弹窗中同时存在“返回父级”和“关闭”按钮,对应的操作是返回父级任务弹窗或直接关闭弹窗。(多用于功能性悬浮窗,面包屑导航也是用户可控的原则)由于B端系统的复杂性,部分功能会有更深的层级。弹窗A的一个操作可能会触发弹窗B的弹出,如果弹窗A和B承载的功能有父子关系,还需要考虑“返回”功能.(PS:在实际项目中,尽量避免多级弹窗)3.2用户有控制权,来去自如——撤销和重做在“任务域类型配置”页面,当用户更改默认的初始配置,右上角会出现“恢复默认配置”按钮。这是一种支持高效返工的设计思路。(我们在系统中经常在信息录入和系统设置中加上“重置”)4.系统一致性(一致性原则)我们不应该让用户怀疑不同的语句、状态或操作是否在表达同一个东西。设计应遵循平台的约定。——Nielsen4.1SystemConsistency-StyleConsistency以平台内弹窗提示为例。位置方面,提示统一出现在页面左下角,相同时长自动淡出消失;形式上,都是图标,都是文字形式,右上角有个关闭按钮;颜色方面,绿色代表运行成功,红色代表运行失败报错,蓝色代表功能推送;如果提示中有文本按钮,则统一文本按钮的颜色。蓝色的。4.2系统的一致性——功能一致当排序功能可用时,用相同的图标表示,功能操作也一致:通过拖拽调整排序。5、Avoidingerrors(防错原则)是一种比错误报告更好的方法,通过严谨的设计来防止错误:要么消除易错的情况,要么找出这些易错的情况,并在用户提供确认选项之前采取行动前。——Nelson5.1错误预防-警告和确认在任务菜单中,当鼠标悬停在非危险操作上时,背景色会变成浅灰色;但是,当鼠标悬停在“移至回收站”上时,背景颜色会变成红色,提醒用户这是一个危险的操作,从而减少用户误操作的可能性。当用户点击“移至回收站”时,会弹出二次确认弹窗,进一步防止用户误操作。(关闭、删除、更改数据等未保存操作需要预警提示)5.2防止错误-灰显通常情况下,一个按钮变灰表示相应的功能或操作不能使用。这也是一种有效的防止错误的方法,因为用户通过按钮样式的状态就可以知道,节省了点击的试错成本。那么,是不是只要功能或操作不可用,对应的按钮就应该是灰色的呢?(其实更好的做法是填写标题,让按钮变灰,点击Finish按钮定位或高亮需要的项目,这样用户更容易识别错误。)6.系统识别比用户好对象、操作、选项的记忆(易访问原则)可视化,最大限度地减少用户的记忆负担。用户不需要记住从对话的一部分到另一部分的信息。系统操作说明需要易于用户发现和访问。——尼尔森6.1系统识别优于用户记忆——保留历史说到保留历史,最常见的就是为用户保留历史搜索和历史浏览。部分平台功能中有“最近项目”模块,会按照项目开放时间从近到远排序,方便用户快速进入需要处理的项目。(常用办公工具)6.2系统识别优于用户记忆——在worktile的看板配置弹窗中可视化,勾选右侧字段时,左侧预览区会显示显示字段的位置在卡中实时和样式。因为看板的单张卡片区域比较有限,但有时需要在卡片中包含更多的任务信息。此时,通过实时查看字段和预览,用户可以反复配置和调试卡片渲染效果,这一点非常重要。一定程度上减少了内存负载。6.3系统识别优于用户记忆——指令信息容易获取。Worktile任务的打开方式有3种,分别是:弹窗、侧滑、全屏。但是如果只有三个名词,还是有些抽象,不够直观。因此,将三种打开方式制作成三张对应的GIF图片。当鼠标悬停在它们上方时,GIF图像将开始播放。当用户需要进行选择时,必须将鼠标移动到相应的打开方式上,必然会发现GIF图中所覆盖的说明。(这样的设计不仅使打开方式直观,而且容易被用户发现和获取)7.灵活易用的体验(灵活高效原则)一些快捷操作功能可能被新手用户忽略,但是可能对专家用户有用因此,系统需要同时满足新手和专家用户的需求。允许用户频繁操作。——Nielsen7.1灵活易用的体验——灵活配置以worktile的任务字段为例,您可以配置任务字段类型,包括添加字段、删除字段、根据需要设置字段。此外,它还支持编辑自定义字段,包括字段名称、类型、默认值和提示文本。任务域的配置只对当前项目有效。因此,不同的项目可以有不同的字段配置,使项目管理更加灵活。(多见于任务或内容发布)7.2灵活易用的用户体验——以文档为例,如果需要编辑文本格式,有多种方式。当用户需要加粗文本时,选中文本后,可以点击上方工具栏中的加粗按钮,或者按快捷键,或者使用Markdown语法。以上三种方式都可以达到加粗的效果,但是他们面对的用户群体并不相同。新手用户可能会选择第一种,熟练用户或专家用户可能会使用第二种,而习惯用Markdown写作的用户更倾向于第三种。因此,在设计功能时,最好考虑到不同层次用户的需求,让用户“各得其所”(平台需要多种类型的用户)7.3灵活易用体验——允许在某个场景下进行频繁操作在某些场景下,用户可能会进行一些频繁或重复的操作,因此需要考虑:如何设计让这些频繁操作更加方便。例如,创建任务时,会有“保存”和“完成并创建下一个”两个按钮。“完成并创建下一个”其实是为了方便需要一次性创建多个任务的用户。另外,在创建子任务时,点击“保存”后,下方会自动弹出下一个子任务的文本框。用户可选择继续创建或点击“取消”按钮结束创建。这样的设计也是为了提高频繁操作的效率。8.Beautifulandsimpledesign(elegantandsimpleprinciple)对话框不应包含不相关或很少使用的信息。对话中的每条附加信息都会降低主要信息的相对可见性。——Nelson在任务面板中,当任务状态为“已完成”时,对应的卡片会变灰,从而高亮显示“待处理”和“进行中”的任务卡片。当任务的优先级为“紧急”时,卡片左侧会以橙色标注,而优先级为“正常”或“低”的任务不会在卡片左侧标注颜色.在这种情况下,通过弱化(变灰)和去除(去掉标记色),使页面简洁,突出重要信息。9.帮助用户识别、诊断和从错误中恢复错误信息应该用通俗易懂的语言(而不是代码)表达,准确反映问题,并提出可行的解决方案。——Nielsen9.1helpsusersidentification,diagnosis,andrecoverfromerrors-Identifyandrecoveryfromerrors当自定义任务字段在企业管理后台被锁定时,在弹窗中通过设置灰色来明确表示用户不能edit,同时提示原因(该字段被锁定),并告知解决方案(谁被锁定,可以找到谁)。如果错误信息是用难以理解的语言或代码,效果会大打折扣。出现上图错误信息的场景是:在任务弹窗添加附件并发布时出错。从“parametererror:attachments”的文字来看,用户只知道因为附件问题导致发布不成功。但是“不正确的参数”是什么意思?附件格式不对?或者附件是否超过了大小限制?仍然不知道错误的原因,更不用说解决方案了。10.HelpDocumentation-HelpandTipPrinciple尽管让用户不用看文档就可以使用是最好的方式,但在大多数情况下,可能还是需要提供帮助文档。帮助文档中的信息应该易于搜索,关注用户的任务,列出具体步骤,并且不要太大。——Nielsen10.1帮助文档——悬浮窗提示在平台中,如果是与简单操作直接相关的简短帮助提示,多以悬浮窗的形式出现:鼠标悬停时出现;10.2帮助文档-文字提示非常对于难以用几句话解释清楚的帮助信息,配置链接,点击跳转到帮助中心相应位置。总结在设计B端产品时,尼尔森10条可用性原则的应用可以从以下几个方面考虑,但不限于以下几个方面。系统状态可见性:位置可见性、数量可见性、状态可见性。贴近用户真实环境:使用的语言应该是用户熟悉的。用户可以控制和自由进出:关闭和返回、撤消和重做。系统的一致性:风格一致、结构和交互一致、功能一致。防止错误:预警和确认,变灰。但有些情况下不宜放灰,需要结合具体情况考虑。系统识别优于用户记忆:历史保存、直观呈现、指令信息轻松获取。灵活易用的体验:灵活配置,随心所欲,频繁操作。美观简洁的设计:通过弱化和去除不重要的信息,使重要信息脱颖而出。帮助用户识别、诊断和错误恢复:问题需要精确,解决方案需要可行,不需要代码。帮助文档:根据帮助信息的长度和类型,综合使用悬浮窗提示、文字提示、跳转到帮助中心等形式。交流群
