我的生活随笔

尼尔森十大交互原则有哪些(设计师必看这十大交互原则)

  Jakob (Jakob ) 是哥本哈根丹麦技术大学的人机交互博士。他拥有 79 项美国专利,主要涉及使互联网更易于使用的方法。尼尔森于 2000 年 6 月入选斯堪的纳维亚互动媒体名人堂,并于 2006 年 4 月考入美国计算机学会人机交互研究所,并获得人机交互实践终身成就奖。他还被《》称为“网络可用性大师”和“可用性之王”。

  系统应该让用户知道此刻正在发生什么,即快速让用户知道自己处于什么状态,过去发生了什么,现在的目标,未来的方向。一般的方法是在适当的时候给用户适当的反馈,防止用户出错。

  例如今日头条的下拉刷新功能:头条页面的刷新功能采用下拉刷新交互方式。当用户下拉页面时,页面状态栏和内容区之间会出现“新年快乐”的提示。打开页面中间会出现“推荐”的动态提示。加载后,中间会出现“今日头条推荐引擎有8次更新”的文字提示;这一系列提示就是我们所说的动态可见性原理,如下图:

  比如安信集加班加点关注和取消圈子功能:当用户点击关注按钮时,页面中间会出现“关注成功”提示,停留2S后消失与此类似,操作后的提示也是状态可见的原则桂林的一周天气预报15天。 ,如下图:

  软件系统应该使用用户熟悉的语言、单词、句子或其他概念,而不是系统语言。软件中的信息应尽可能贴近真实世界,使信息更自然、逻辑更便于用户理解。

  比如电脑软件界面设计:现在我们手机中的计算器软件设计界面,基本上和我们现实中使用的计算器的风格差不多。下图左边是我们实际使用的计算器。 二、三阶是锤子手机的界面和Apple X自带的计算器软件,真的很像。这种设计可以让用户快速上手,操作简单,因为用户在现实生活中对计算器已经很熟悉了。使用方法,这是环境适宜的原则:

  例如新浪微博安卓中文版和国际版:微博中文版和国际版微博有不同的标识和内部页面样式、语言、结构布局,包括交互方式;考虑到国外用户的使用,本软件的默认语言为英文。当然也支持各种语言版本,可以根据需要在设置中进行调整。此外,国际版界面布局所采用的设计风格完全符合谷歌的设计规范。这就是环境适宜性原则。见下图:

  用户经常会误触某些功能,我们应该让用户容易退出。在这种情况下,我们应该让“紧急退出”按钮明显,退出时不要弹出额外的对话框。很多用户发信息,他突然意识到自己错了。这称为临界效应;所以最好支持撤销/重做功能。

  例如微信聊天中的退出功能:当两个人在微信聊天时,我发了一条消息或表情,突然觉得不合适,可以长按消息或表情,在出现的选择框中选择撤回,然后重新编辑发送,以免不小心误发信息,给对方或自己带来麻烦。这就是用户控制的原则。详情见下图:

  例如删除谷歌相册中的照片后的撤销功能:在使用谷歌相册时,我们会对照片做一些操作,比如删除照片,当我删除谷歌相册中的照片时,它会在底部会出现一个提示框,在框的后面会出现撤消的提示,这也是用户控制原理的体现。详情见下图:

  对于用户来说,相同的文本、状态和按钮应该触发相同的事情,遵循通用的平台约定;也就是说,相同的术语、功能和操作应该是一致的。软件产品一致性包括以下五个方面:

  (1)结构一致性:保持相似的结构,新的结构变化会让用户思考,规庆庆阳天气预报则的排列可以减轻用户的思考负担;

  例如微信各模块入口布局:微信各模块入口采用“图标+文字信息”的统一结构风格,让用户快速了解朋友圈,扫一扫,摇一摇, watch 看、搜索、附近人、漂瓶、购物、小程序有什么功能,这是结构一致性的体现,如下图:

  比如网易云音乐的颜色:网易云音乐的图标颜色和界面的主色调都是红色,包括一些标签和高亮的文字。整个界面,除了图片的有效信息外,全是红色。以灰、白、红三种颜色呈现,界面保持良好的一致性。这就是色彩一致性的原则,如下图:

  例如版微信、支付宝、钉钉APP左上角的返回操作:三个版本的应用返回上一级,都是通过左上角,当然你也可以使用的物理返回键,这是操作一致性的体现,如下图:

  比如安卓版手机QQ信息列表的打开方式:它的信息是一个列表结构,无论你点击哪一行条目,下一级界面都会从右向左滑出,点击顶部左上角的返回按钮会从左向右滑动,体验相当一致;这就是反馈一致性的体现,如下动画所示:

  比如微信几个关键界面的字体:下图中我用红色框起来的入口部分的文字,三个主要界面不一样,但是字体大小、颜色、布局样式是一样,让整个APP在视觉上看起来很舒服。这是字体一致性。因此,我们在进行视觉设计时尽量使用符合风格的文字。

  比好的错误弹出窗口更好的设计方法是在错误发生之前避免错误。可以帮助用户排除一些容易出错的情况,或者在提交前给用户一个确认选项。在这里,当用户操作具有破坏性的功能时,要特别注意提示,以免用户犯下无法挽回的错误。

  例如安卓版知乎的登录操作:用户在知乎登录时,底部的登录按钮是灰色的,直到没有填写手机号和密码才能点击,以及底部只填了两项。登录按钮将变为可点击的蓝色。这是为了防止用户犯更多的错误,也是防错原则的体现,如下图:

  例如,版微信发送朋友圈消息时,点击返回按钮显示弹窗:弹窗方式会增加不可逆操作的难度。有时候,使用弹窗是一个不错的选择,因为用户的这个操作会删除之前编辑得那么辛苦,无法找回的内容。如果要转发6月6日的天气预报查询,只能从头开始,会给用户造成很大的损失;这是防错原则的另一方面。一种表现形式,如下图:

  通过使组件、按钮和选项可见来减少用户的内存负载。用户不需要记住各种对话框中的信息。软件的使用说明应该是可见的,并在适当的时候重新访问。

  例如在谷歌相册中删除照片的操作:用类似垃圾桶的“图标”标记删除功能对用户有一定的认知负荷,用户点击“删除”后有一定的认知负荷”。影响也不清楚。因此,删除后需要有弹窗提示。此弹窗清除删除后的影响、后续帮助说明和操作选项。弹出框的出现减少了前后用户数这是易访问原则的体现,如下图:

  比如安卓版爱奇艺更新后的新功能指南: APP更新后,当用户触发这些功能时,会出现以下口罩类型提示。这些提示告诉用户功能所在的位置和功能的功能;这种方式会出现在很多APP中,也是易访问原则的体现,见下图:

  汽车油门 – 新手用户通常看不到,但高级用户可以快速与汽车互动。这样的系统可以满足有经验的和没有经验的用户。允许用户自定义常用功能。

  例如版支付宝中的编辑应用功能:支付宝首页的应用可以根据自己的喜好进行自定义,包括定义常用应用、排序、删除、添加等;让用户可以根据个人兴趣定制合适的应用分发方式,称为用户自定义常用功能,是灵活高效原则的体现,如下图:

  比如安卓版QQ聊天常用表情模块:在安卓版QQ聊天界面的表情弹窗中会有一个“常用表情”模块,对最常用或最常用的进行分类使用的表情符号。聊天时可以快速找到自己喜欢或常用的表达方式,提高聊天效率,提供良好体验。这也是灵活高效原则的体现,如下图:

  对话内容应删除不相关或几乎不需要的信息。任何不相关的信息都会使用户更难以理解其他重要的信息。

  苹果手机自带软件(IOS11设计规范):新版苹果手机自带软件中的标题均属于字体放大、界面简洁的设计风格;而在苹果自带的音乐软件中,段落的标题和正文的区别是很明显的。标题明显很大,而正文部分相对较小。这就是美观简洁原则的体现,如下图:

  比如安卓版网易云音乐和播放页面:网易云音乐和APP的音乐播放界面,从视觉和功能布局上看还是相当不错的,美观简洁,功能明确,功能优先,良好的用户体验;美与简原则的体现,如下图:

  错误消息应使用简洁的文本(而非代码)来指示错误是什么并提出解决方案。即在用户犯错时,如何为犯错的用户提供及时、正确的帮助?即帮助用户识别错误,分析错误原因,进而帮助用户重回正轨。如果实在无法帮助用户从错误中恢复,尽量帮助用户,尽量减少用户损失。

  例如网易邮箱PC端的注册界面:用户在网易163电脑上注册邮箱时,输入错误时,不仅会出现错误提示,还会给出相应的建议帮助用户做出正确的选择,从而避免用户犯更多错误,提高注册效率,这是非常好的用户体验,也是容错原则的体现,如下图:

  比如注册页面的报错信息:用户注册账号时,第一步是输入姓名和手机号码。当用户输入正确时,输入框后面会出现一个绿色的勾号,提示用户输入正确,可以进入下一步,当用户输入错误时,输入框会转动红色和下面会出现红色的错误信息,让用户清楚的知道用户输入错误和出错的原因,让用户知道如何修改,这也是容错原理的体现,如下图:

  即使最好为不可用的系统提供帮助文档,我们也应该提供帮助文档。任何帮助信息都应该易于搜索,以用户的任务为中心,并列出相应的步骤,但不要过多的文字。

  例如淘宝APP和知乎APP登录页面的帮助入口:需要在比较重要的功能入口提供相应的帮助入口,解决用户在操作功能过程中遇到的问题或者反馈入口问题。让用户在出现问题时不知所措,不知所措。详情见下图:

  比如mac上一些常用的大型软件:原型制作工具Axure RP 8软件、图片编辑软件CC和mac上的浏览器,顶部状态栏有一个“帮助”入口,也体现了帮助文档的必要性,因此,无论是哪种产品,都必须为用户提供帮助入口,解决用户在操作过程中遇到的问题,如下图:

  以上是我对雅各布交互设计十原则的理解和实例解读,从中学到了很多设计经验和技巧,希望对大家有所帮助

中学数学教育期刊,西安中学数学期中考试答案,希望以上内容对你有所帮助,在这里分享生活乐趣,表达意见主张,找到实用的生活信息,的官很过分KGLD10850,如需了解更多相关信息,请关注本站

赞(0)
未经允许不得转载:我的生活随笔 » 尼尔森十大交互原则有哪些(设计师必看这十大交互原则)

我的生活随笔我的生活随笔