交互设计师宝典!尼尔森十大可用性原则简析

2023-06-01 0 780

交互设计师宝典!尼尔森十大可用性原则简析交互设计师宝典!尼尔森十大可用性原则简析

可视化雕塑家是须要稳步自学、稳步高速成长的业余。对两个想搞好可视化结构设计的雕塑家来说,在日常生活组织工作中须要急速试著、累积实战经验、开阔视野并深入细致思索,减少他们的科学知识层次,并秉持方法论与Jalgaon并重,以来缔造Villamblard的商品品牌价值。

交互设计师宝典!尼尔森十大可用性原则简析

Android Q音乐创作MP3表情符号转换曲目

结构设计准则于雕塑家来说,就有如修建大楼的砖,想投入使用摩天大楼,免不了坚实的墙体,想正式成为两个杰出的雕塑家,专业科学知识,至关重要。而这儿,数艺君就不得已提及著名的安德森五大易用性准则

交互设计师宝典!尼尔森十大可用性原则简析

弗兰克·安德森

(Jakob Nielsen,人机可视化学教授)

弗兰克·安德森于1994年4月24日刊登了《五大易用性准则》。该准则不但适用于于Web端,还适用于于终端端。五大易用性准则对可视化结构设计来说象征意义关键性,可提高整座商品的易用性。

五大易用性准则主要包括状况可交互准则切合使用者知觉准则操作方式终端性准则连续性准则防错性准则识别好过回忆准则灵活高效准则美学和极简结构设计准则容错性准则人性化帮助准则

安德森五大易用性准则

1.状况可交互准则

状况可交互准则指的是展示系统的现行状况,让使用者知道目前的操作方式状况是怎样的。

例如,在淘宝网的注册界面中,系统通过步骤条可以清晰地告知使用者注册的整体流程和目前所处的流程状况,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

又如,在微信聊天界面中,当使用者用微信转发消息并发送成功时,系统会在界面底部显示Snackbar提示并告知使用者消息转发成功,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

2.切合使用者知觉准则

商品结构设计的一切表现和表述要尽可能地切合使用者环境。切合使用者知觉准则指的是将现实环境的操作方式功能巧妙地转化为线上功能,使其切合使用者。

这个准则要求雕塑家尽量使用使用者能够理解的专业术语,同时在必须涉及专业化语言的情况下,要将其转化成使用者熟悉的语言。

例如,iOS 6之前版本的iPhone系统中的“终端滑块解锁”这个结构设计就非常贴合人们的日常生活生活知觉,使用者上手成本极低,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

又如,在简书App中,系统会用“文集”替代“文件夹”的功能。“文集”这个词很切合使用者的真实使用环境,相当于一系列文章的集合,生动又形象,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

3.操作方式终端性准则

操作方式终端性准则指的是对使用者的误操作方式要提供二次确认或撤销的功能,以此来提高使用者的操作方式终端性。

例如,对微信聊天中的一些“毁灭性”的操作方式,系统大部分会提供二次确认提示,如此可以使使用者避免因误操作方式而给他们带来损失,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

又如,在Gmail邮箱中,当使用者成功发送邮件后,可点击“撤销”命令撤回邮件,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

4.连续性准则

连续性准则指的是在可视化结构设计中遵循统一的商品结构设计规范与逻辑。这个“连续性”主要包括同平台商品和跨平台商品之间的连续性。而商品间的连续性则主要指视觉和可视化的连续性,如文字大小、文字颜色及组件样式的连续性等。

例如,在微信的卡片结构结构设计中,列表的提示文案都在卡片里面(这也遵循了MaterialDesign 结构设计规范),如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

5.防错性准则

防错性原则指的是针对使用者容易进行误操作方式的地方提供防错机制,防止使用者出错,并对使用者已犯的错提供补救措施。

例如,在使用者发送微信朋友圈消息的过程中,当使用者还没有输入任何消息时,“刊登”按钮置灰。在按钮置灰的情况下,使用者点击“刊登”按钮是无法发送消息的。这种置灰处理就属于一种典型的防错性结构设计,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

又如,当使用者在淘宝网上删除个人的购买订单时,淘宝网后台会通过二次弹窗给出防错提示,以避免使用者错删,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

6.识别好过回忆准则

例如,使用者在使用BOSS直聘对人员信息进行二次筛选时,所有的筛选条件都会在这个时候展示出来,方便使用者查看并筛选,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

又如,使用者在使用三星手机删除相册中的图片时,系统会通过对话框提示使用者目前已选择并即将要删除的图片数量,方便使用者查看并删除,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

7.灵活高效准则

灵活高效原

例如,macOS原生邮箱客户端提供“过滤方式:未读”这个功能。使用者使用该功能,即可筛选出所有未读的邮件,使使用者的操作方式灵活又高效,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

又如,当使用者想删除短信时,Android系统会提供“批量删除”和“全选删除”的双重选择功能,从而使使用者的操作方式灵活又高效,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

8.美学和极简结构设计准则

美学和极简结构设计准则指的是在进行界面结构设计时保留商品最主要的信息,如果不是优先级最高的信息,要尽一切可能地对其进行弱化或简化处理,以来达到保持商品简洁和美观的目的。

如下图所示,QQ好友动态和微信朋友圈的Feed流(指稳步更新并呈现给使用者内容的信息流)形成了比较明显的对比。相对QQ好友动态来说,微信朋友圈更符合美学和极简结构设计准则。

交互设计师宝典!尼尔森十大可用性原则简析

9.容错性准则

容错性准则指的是若使用者在使用商品的过程中出现了问题,系统须要及时、准确地告知使用者出现问题的原因,让使用者快速认识到问题所在,并顺利完成操作方式。

良好的容错结构设计利于减少商品的易用性并提供良好的使用者体验。针对容错性准则的应用,雕塑家可以从以下3个方面来处理。

1. 合理使用反馈

在使用者进行了某项操作方式之后,系统会给使用者两个响应。根据场景的不同,这个响应会以不同的形式出现并产生不同的作用:①若该操作方式极易导致使用者犯错,可在操作方式区域下方进行一定的说明;②在操作方式完毕后,为防止使用者犯错,可以用弹窗或文字的形式进行二次提醒与说明。

例如,使用者登录网易邮箱,在输入框中输入邮箱账号,之后让光标离开输入框,如果使用者输入的账号格式错误,系统会提示使用者账号格式错误,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

2. 给予引导或说明

在使用者操作方式前或操作方式后,系统应给予准确的引导和指示说明:①提供详尽的说明文字或图标提示,如在搜索框内说明搜索的是什么内容;②突出表现引导或提示,且在表达上做到简洁、易理解。

例如,在使用者使用微博时,若系统因为网络异常导致使用者的微博消息发送失败,会出现Toast提示告知使用者发送失败,并且会出现Tips入口提示告知使用者去草稿箱查看并重新发送微博消息,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

3. 给出恢复方式或说明

当使用者在界面中进行了一些“毁灭性”的操作方式时,系统应给出一些恢复方式或说明,具体表现在两个方面:①允许使用者犯错,并尽量使使用者能够撤销以前的操作方式;②使用者犯错后,能帮助使用者在发生错误后迅速回到正常状况。

例如,使用者在使用iOS系统相册时,系统会提供“回收站”功能用于存放已经删除的照片,使用者可以在“最近删除”列表中还原已删除的照片,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

10.人性化帮助准则

人性化帮助准则指的是使用者在界面操作方式过程中须要帮助的时候,系统应提供一些必要的帮助说明。

例如,在注册淘宝账号的过程中,若使用者注册失败,系统会提供两个帮助入口,以提高使用者的注册成功率,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

安德森五大易用性准则有效提高了商品使用者的体验度,而另外有一种准则,却是通过结构设计帮助使用者稳定、快速、流畅且便捷地完成目标任务,那就是高效性准则

高效性准则

使用者在使用商品的过程中,简单、高效的操作方式界面可以使使用者快速完成目标任务,如此一来也可提高商品的使用者留存率。高效性结构设计对商品来说至关重要,主要体现在优化性能、减少操作路径、减少页面跳转及支持批量操作方式这4个方面。

1.优化性能

在进行使用者界面结构设计时,雕塑家应从程序的角度出发,保持合理的前后台逻辑,优化整座商品页面的流畅度和稳定性,让使用者操作方式更加高效。

例如,当使用者查看邮件列表时,系统可在后台加载每条邮件的详细内容。这样使用者进入列表对应的详情页的速度就会变得很快,无须等待加载。当使用者进入的详情页还没有加载完成时,则优先加载被查看的详情页,而其他详情页暂停加载,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

2.减少操作方式路径

在使用者界面中,雕塑家通过减少使用者操作方式路径,用尽可能少的步骤满足使用者的操作方式需求,可以让使用者的操作方式更加高效。

例如,使用者在使用iOS原生邮箱时,可以通过右上角的上下箭头快速查看上一封邮件和下一封邮件,而不须要回到列表后再点击查看,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

3.减少页面跳转

在使用者界面中,更少的页面跳转能减少页面的连贯性,减少使用者的记忆负担,让使用者的操作方式更加高效。例如,使用者在使用支付宝APP时,如果想要选择银行卡,则须要进入下一级页面进行选择。

而当使用者在使用微信提现功能时,系统会直接在提现页面中展示两个选择银行卡的浮层,这样可以减少页面跳转,使操作方式更加简单、高效,如右图所示。

交互设计师宝典!尼尔森十大可用性原则简析

4.支持批量操作方式

批量操作是一种比较直接的提高使用者操作方式效率的方法。在使用者界面中,该功能减少了使用者重复操作方式的麻烦,有效地提高了使用者的操作方式效率。

例如,使用者在使用QQ邮箱APP时,如果想对多封邮件进行标记或终端,就可以先进行批量选择,再进行对应操作方式,如下图所示。

交互设计师宝典!尼尔森十大可用性原则简析

新书推荐

交互设计师宝典!尼尔森十大可用性原则简析

这是一本有关可视化结构设计规范

与思维方式的指导用书。

本书分为8章:

分别介绍了可视化结构设计的

基本科学知识、基本准则,

讲解iOS和Material Design

系统的可视化结构设计规范,

终端端的结构设计规范、

Web端的结构设计规范,

可视化原型图的结构设计规范与方法,

团队商品可视化结构设计的组织工作流程,

可视化结构设计的综合分析与讲解。

 当当活动

当当限时优惠活动,

8月11日至8月23日

部分图书商品,

满10040元

有买书安排的伙伴,

赶快去了解一波吧~

交互设计师宝典!尼尔森十大可用性原则简析

 互动送书

你认为结构设计中方法论和Jalgaon谁更重要?

在留言区参与互动

并一键三连的朋友

分享 / 再看 / 点赞

数艺君将抽3名伙伴

赠送精品电子书1本

活动8月17日开奖

交互设计师宝典!尼尔森十大可用性原则简析交互设计师宝典!尼尔森十大可用性原则简析

加入数艺设交流群

设计素材下载  自学视频资源

读者交流自学  图书售后服务

软件安装指导  读者意见反馈

数艺设QQ群:

PS自学交流群:860267062

   手绘自学交流群:1098997319

游戏UI交流群:1146198611

交互设计师宝典!尼尔森十大可用性原则简析交互设计师宝典!尼尔森十大可用性原则简析交互设计师宝典!尼尔森十大可用性原则简析

《去繁从简 可视化结构设计科学知识体系精讲》

交互设计师宝典!尼尔森十大可用性原则简析

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务