交互理论 | 深度解析尼尔森十大交互设计原则在设计中的用法

2018-01-08 17:00:29 来源：易采站长用户投稿作者：admin

　　Jakob Nielsen(俗各布·僧我森)的十年夜交互设想本则。它们被称为“启示式”，果为它们是普遍的经历法例，而没有是特定的可用性指点本则。因而，我们不克不及把它上降为一种尺度，而是该当当作一种经历去进修，然后跟理想中的设想分离去利用。接下去，做者经由过程一些详细的真例去跟各人深度剖析僧我森十年夜交互设想本则正在设想中的用法～

　　1、Jakob Nielsen(俗各布·僧我森)简介：

　　Jakob Nielsen(俗各布·僧我森)是结业于哥本哈根的丹麦手艺年夜教的人机交互专士，他具有79项好国专利,专利次要触及让互联网更简单利用的办法。僧我森正在2000年6月,当选了斯堪的纳维亚互动媒体名流堂,2006年4月,并被归入好国计较机教会人机交互教院，被付与人机交互理论的末身成绩奖。他借被纽约时报称为“Web 易用性巨匠”，被 Internet Magazine 称为 “易用之王”。

　　2、僧我森十年夜交互设想本则深度剖析：

　　本则一：形态可睹本则(Visibility of system status )

　　体系该当让用户时辰分明当前发作了甚么工作，也便是快速的让用户理解本人处于何种形态、对已往发作、当前目的、和对将来来背有所理解，普通的办法是正在适宜的工夫给用户恰当的反应，避免用户利用呈现毛病。

　　案例一：

　　好比昔日头条的下推革新功用：头条页里的革新功用利用的是下推革新的交互方法，当用户下推页里时，页里形态栏跟内容区中心会呈现“新年欢愉”的提醒，当我紧开页里中心会呈现“保举中”的静态提醒，减载终了以后中心呈现一条“昔日头条保举引擎有8条更新”的笔墨提醒;那一系列的提醒便是我们所道的静态可睹本则，以下图：

　　案例两：

　　好比放心记减班中存眷战打消圈子功用：当用户面击存眷按钮以后，页里中心会呈现一个“存眷胜利”的提醒，停止2S以后消逝;相似那种，操纵以后的提醒也是形态可睹本则的一中，以下图：

　　本则两：情况揭切本则(Match between system and the real world)

　　硬件体系该当利用用户熟习的言语、笔墨、语句，大概其他用户熟习的观点，而非体系言语。硬件中的疑息该当只管揭远实在天下，让疑息更天然，逻辑上也更简单被用户了解。

　　案例一：

　　好比计较机的硬件界里设想：如今我们脚机中的计较器硬件设想界里，根本上跟我们理想中利用的计较器的款式好没有多，下图左一是我们理想中是利用的计较器，左2、三顺次为锤子脚机战苹果X自带计较器硬件的界里，实的是很类似，那样设想能让用户很快上脚，易于操纵，果为理想糊口顶用户曾经很熟习计较器的利用办法了，那便是情况揭切本则：

　　案例两：

　　好比新浪微专安卓的中文版战国际版：微专的中文版战国际版的logo战内部页里气势派头、言语、构造规划包罗交互方法也纷歧样;思索到外洋用户的利用，硬件的言语默许为英文，固然借撑持各类言语版本，能够按照所需正在设置中调解，别的国际版界里的规划利用的设想气势派头完整服从谷歌的设想标准，那便是情况揭切本则，详细看下图：

　　本则三：用户可控本则(User control and freedom)

　　用户经常会误触到某些功用，我们该当让用户能够便利的退出。那种状况下，我们该当把“告急出心”按钮做的较着一面，并且没有要正在退出时弹出分外的对话框。许多用户收收一条动静、总会有他突然认识到本人不合错误的处所，那个叫做临界效应;以是最好撑持打消/重做功用。

　　案例一：

　　好比微疑谈天中的撤回功用：两小我私家正在微疑中谈天的时分，我收了一条动静大概心情，忽然以为没有适宜，我能够正在少按那条动静大概心情，正在呈现的挑选框当选择撤回，然后从头编纂收收，去制止一时出念好而错收动静能够给对圆大概本人形成搅扰，那便是用户可控本则，详细看下图：

　　案例两：

　　好比谷歌相册删除照片以后的打消功用：正在利用谷歌相册的时分，我们会比较片做一些操纵，好比照片的删除，当我正在谷歌相册中删除一张照片的时分，它会正在底部呈现一条提醒框，框内后边便会呈现打消的提醒，那也是用户可控本则的表现，详细看下图：

　　本则四：分歧性本则(Consistency and standards)

　　关于用户去道，一样的笔墨、形态、按钮，皆该当触收不异的工作，顺从通用的仄台老例;也便是，统一用语、功用、操纵连结分歧。硬件产物的分歧性包罗以下五个圆里：

　　(1)构造分歧性：连结一品种似的构造，新的构造变革会让用户考虑，划定规矩的布列次第能加沉用户的考虑承担;

　　案例：

　　比方微疑每一个模块的条目规划：微疑中每一个模块的条目皆有同一的“图标+笔墨疑息”的构造款式，能让用户快速理解伴侣圈、扫一扫、摇一摇、看一看、搜一搜、四周的人、漂泊瓶、购物、游戏及小法式等功用皆是做甚么的，那便是构造分歧性的表现，以下图：

　　(2)颜色分歧性：产物所利用的次要色彩该当是同一的，而没有是换一个页里色彩便差别;

　　案例：

　　比方网易云音乐的色彩：网易云音乐的图标色彩取界里的主色均为白色，也包罗此中一些标签战夸大的笔墨色彩皆是白色，全部界里除图片的有用疑息中，皆经由过程灰、黑、白色去显现，界里连结了很好的分歧性，那便是颜色分歧性本则，以下图：

　　(3)操纵分歧性：能让产物更新换代时仍旧让用户连结对本产物的认知，加小用户的进修本钱;

　　案例：

　　好比安卓版微疑、付出宝战钉钉APP中左上角的返回操纵：它们三个安卓版的使用内返回上一级操纵，皆是经由过程顶部左边的返回按钮停止的，固然也能够经由过程安卓的物理返回键，那便是操纵分歧性的表现，以下图：

　　(4)反应分歧性：用户正在操纵按钮大概条目标时分，面击的反应结果该当是分歧的;

　　案例：

　　好比安卓版脚机QQ疑息列表的翻开方法：它的疑息皆是列表式构造，没有管您面击那一止条目，下一级界里皆是由左往左滑出，面击顶部左上角的返回按钮会从左往左滑回，体验相称分歧;那便是反应分歧性的表现，以下动图：

　　(5)笔墨分歧性：产物中显现给用户浏览的笔墨巨细、款式、色彩、规划等皆该当是分歧的;

　　案例：

　　比方微疑几个枢纽界里的字体：下图我用白色框框起去的条目部门的笔墨，三个主界里没有尽不异，可是，字体巨细、色彩、规划的款式皆一样，那样让全部APP视觉上看起去很舒适，那便是字体分歧性，因而，我们正在做视觉设想的时分只管利用赞成气势派头的笔墨。

　　本则五：防错本则(Error prevention)

　　比一个优良毛病提示弹窗更好的设想方法，是正在那个毛病发作之前便制止它。能够协助用户解除一些简单堕落的状况，或正在用户提交之前给他一个确认的选项。正在此，出格要留意正在用户操纵具有消灭性结果的功用时要有提醒，避免用户犯不成挽回的毛病。

　　案例一：

　　好比知乎安卓版本的登录操纵：当用户正在知乎中登录时，正在出有挖写完脚机号码战稀码前，底部的登录按钮是置灰不成面击的，只要两项皆挖写完好底部的登录按钮才会变成可面击形态，也便会蓝色的，那便是为了避免用户犯更多毛病，也是防错本则的一种表现，以下图：

　　案例两：

　　好比安卓版微疑收朋圈静态时，面击返回按钮呈现的提醒弹窗：弹出框方法会删减不成顺操纵的易度，当用户收一条静态一半的时分，果为误操纵大概别的退出当前形态的时分，利用弹窗是是个没有错的挑选，果为用户那个操纵会让之前辛劳编纂的内容删除找没有回，念要再收只能重新开端，对用户形成丧失比力年夜;那便是防错本则的别的一种表现，以下图：

　　本则六：易与本则(Recognition rather than recall)

　　经由过程把组件、按钮及选项可睹化，去低落用户的影象背荷。用户没有需求记着各个对话框中的疑息。硬件的利用指北该当是可睹的，且正在适宜的时分能够再次检察。

　　案例一：

　　好比谷歌相册中的删除照片操纵：用一个相似渣滓桶的“图标”标识删除功用，关于用户去讲是有必然的认知背荷的，且面击“删除”以后用户关于形成的结果及影响也没有分明，因而，删除以后呈现弹窗提醒很有须要，此弹窗肃清的写清楚明了删除以后的影响、后绝的协助阐明和操纵的选项，弹出框的呈现很好的削减了用户前后的影象，那便是易与本则的表现，以下图：

　　案例两：

　　好比安卓版爱偶艺更新后的新功用指导：更新完APP以后，当用户触收到那些功用时，会呈现下图范例的遮罩类的提醒，那些提醒报告用户功用地点的处所和功用的做用;那种做法正在许多APP中城市呈现，那也是易与本则的一种表现，看下图：

　　本则七：灵敏下效本则(Flexibility and efficiency of use)

　　汽车油门—新脚用户经常看没有睹，并且关于妙手去道能够经由过程它快速取汽车互动。那样的体系能够同时满意有经历战无经历的用户。许可用户定造经常使用功用。

　　案例一：

　　好比安卓版本付出宝中的编纂使用功用：付出宝尾页的使用是能够按照本身爱好自界说的，包罗界说经常使用使用、排序、删除、新删等等;那样用户能够按照本人的小我私家爱好定造本人合适的使用散布方法，那便叫做用户定造经常使用功用，也便是灵敏下效本则的一种表现，以下图：

　　案例两：

　　好比安卓版QQ谈天经常使用心情模块：安卓版本的QQ谈天界里心情弹窗中会有一个“经常使用心情”的模块，它把小我私家平常利用频次大概次数最多的心情停止回类，当用户利用的时分能很快的找到本人喜好大概经常使用的心情，进步了谈天服从，体验很好，那也是灵敏下效本则的表现，以下图：

　　本则八：漂亮且繁复本则(Aesthetic and minimalist design)

　　对话中的内容该当来除没有相干的疑息或险些没有需求的疑息。任何没有相干的疑息城市让本来主要的疑息更易被用户发觉。

　　案例一：

　　苹果脚机中自带的硬件(IOS11设想标准)：正在新版本的苹果脚机中自带的硬件中题目皆属于字体放年夜，界里简约的设想气势派头;借有苹果自带的音乐硬件中，段降中的题目战注释区分是很较着的，题目较着很年夜，而注释部门相对较小，那便是漂亮繁复本则的表现，以下图：

　　案例两：

　　比方安卓版网易云音乐及QQ音乐播放页里：网易云音乐战QQ音乐APP音乐播放界里，从视觉及功用规划上里做的相称没有错，美妙繁复、功用主次清楚、用户体验没有错;也是漂亮且繁复本则的一种表现，以下图：

　　本则九：容错本则(Help users recognize, diagnose, and recover from errors)

　　毛病疑息该当利用简约的笔墨(没有要用代码)，指堕落误是甚么，并给出处理倡议。也便是正在用户堕落时怎样为堕落的用户供给实时准确的协助呢?即要协助用户辨认堕落误，阐发堕落误的本果再协助用户回到准确的门路上。假如实的不克不及协助用户从毛病中规复，也要只管为用户供给协助让用户丧失降到最低。

　　案例一：

　　好比网易邮箱PC真个注册界里：用户正在网易163电脑端注册邮箱时，正在输进堕落时不单会呈现毛病的提醒，借会给出响应的倡议，协助用户停止准确的决议，那样便制止用户呈现更年夜的得误而且进步了注册的服从，那是一种相称好的用户体验，也是容错本则的一种表现，以下图：

　　案例两：

　　比方Twitter注册页里的毛病提醒：用户正在注册Twitter账号时，第一步要输进名字战脚机号码，当用户输进准确的时分，输进框后边会有绿色的对勾圆圈，提醒用户输进准确，能够进进下一步操纵了，而当用户输进毛病的时分，输进框会变成白色而且正在下圆呈现白色字的毛病提醒，那样让用户很分明的晓得用户输进毛病和毛病的本果，那样用户便晓得怎样修正了，那也是容错本则的一种表现，以下图：

　　本则十：兽性化协助本则(Help and documentation)

　　即便体系没有合用协助文档是最好的，但我们也该当供给一份协助文档。任何协助疑息皆该当能够便利天搜刮到，以用户的使命为中心，列出响应的步调，但笔墨没有要太多。

　　案例一：

　　比方淘宝APP战知乎APP登录页里的协助进口：正在比力主要的功用进口处有须要供给响应的协助进口，去处理用户正在操纵功用历程中逢到的成绩大概反应成绩的进口，没有要让用户正在呈现成绩时不知所措，没有晓得怎样办，详细看下图：

　　案例两：

　　好比mac上一些经常使用的年夜型硬件：本型造做东西Axure RP 8硬件、图象编纂硬件Photshop CC和mac上的Safari阅读器，正在顶部形态栏上皆有有一个“协助”的进口，也表现了协助文档的须要性，以是，不论是甚么样的产物皆要给用户供给一个协助的进口，用去处理用户操纵历程中逢到的成绩，以下图：