
交互筹划(英文:Interaction Design ,英文缩写 :IXD),甚意思详绳尺 是指筹划人和产品或处事互动的一种机制,以用户体验为根本,互筹划使得幻想用户在独霸产品时愉悦、流程契合本身的霸软逻辑、有效完成并且高效的交互解交及经件独霸产品。交互筹划戮力往创作创作创造和创建的筹划常独是人与产品及处事之间居心义的相干,以"在布满社会宏壮性的甚意思详绳尺物质全国中嵌进信息技能"为中心 。交互琐细筹划的互筹划方针可以从"可用性"和"用户体验"两个层面前程行分化 ,存眷以酬报本的流程用户需求 。
交互筹划中心是霸软筹划人与产品(或处事)之间的“对话”与“行动” 。 它存眷的交互解交及经件是用户若何完成义务、完成方针 ,筹划常独和在全数过程中的甚意思详绳尺感应感染。
从用户角度来讲,交互筹划是一种若何让产品易用,有效而让人愉悦的技能,它戮力于体味方针用户和他们的期看,体味用户在同产品交互时彼此的行动 ,体味"人"本身的心思和行动特点,同时 ,还包含体味各类有效的交互编制 ,并对它们举办加强和扩大年夜大年夜。交互筹划还触及到多个学科 ,和和多局限多布景人员的类似 。交互筹划次要存眷以下内容 :
1、案牍
案牍(不凡是交互中独霸的文本 ,如按钮上的文本)理运居心义且易于邃晓。他们理应向用户传递信息,但也不克不及用过量的信息流浪用户的认知 。
2、视觉表达
它触及到用户与之交互的图形元素 ,如图象 、字体和图标 。这些和文本信息相合营 ,补偿性地向用户传递信息。
3 、实体和空间
用户经由过程甚么实体与产品举办交互?一台笔记本电脑,是带鼠标仍是触摸板?仍是触屏的智好手机?用户在甚么样的物理空间内多么做?比如,用户是站在拥堵的火车上 ,同时在智好手机上独霸独霸法度圭表类型,仍是坐在办公室的桌面上不雅不雅不雅不雅鉴赏网站 ?这些都邑影响用户和产品之间的交互。
4、时分
当然这个维度听起来有点笼统,但它次要指的是随时分改削的媒体(动画 ,视频,声响) 。行动和声响在向用户的交互供给视觉和语音的回响方面起着相当次要的感染 。一样值得存眷的是用户破钞在与产品交互上的时分:用户能不克不及体味他们的进度,或可否能在一段时分此后延续他们的交互 ?
5 、行动
这包含产品的机制:用户若安在网站上奉行独霸?用户若何独霸产品 ?换句话说,它闪现了后面的维度是若何定义产品交互的 。它还包含"回响" —— 比如用户对产品的神情回响或回响。
经由过程对产品的界面和行动举办交互筹划,让产品和它的独霸者之间创建一种无机相干,从而可以有效抵达独霸者的方针,这就是交互筹划的方针。交互筹划从"方针导向"的角度措置产品筹划 :
1 、要构成对人们希看的产品独霸编制 ,和人们为甚么想用这类产品等问题标不雅不雅不雅不雅不雅不雅定见。
2 、恭敬用户及其方针。
3、对产品特点与独霸属性 ,要有一个无缺的外形,而不克不及太复杂。
4 、展看将来,要看到产品大年夜大年夜约的容貌,它们真实不必定就像往后多么 。
从用户角度来讲,交互筹划是一种若何让产品更随便用 ,让用户更愉悦的产品筹划 。它戮力于体味方针用户和他们的期看,体味用户在同产品交互时彼此的行动 ,体味用户心思和行动特点 ,在举办交互筹划中屈就尼尔森十除夜交互绳尺。
1 、外形可见绳尺
琐细理应让用户时辰明的往后产生发火了甚么工作 ,也就是疾速的让用户体味本身处于何种外形、对畴昔产生发火、往后方针 、和对将交游交游向有所体味 ,一样往常的编制是在契合的时分给用户安妥的回响 ,阻拦用户独霸展示偏向。
2、气候贴切绳尺
网页的实足默示和表述,理应尽大年夜大年夜约切近用户地址的气候(岁数 、学历 、文明、时代布景) ,而不要独霸第二全国的言语 。《iPhone人机交互指南》里提到的隐喻与拟物化是很好的幻想。此外,还理应独霸易懂和商定俗成的表达 。
3 、用户可控绳尺
用户经常会误触到某些下场 ,我们理应让用户可以利便的介入 。这类气候下,我们理应把"紧要出口"按钮做的较着一些,并且不要在介入时弹出出格的对话框 ,良多用户发送一条消息 、总会有他俄然意思到本身舛错的中心,这个叫做临界效应;所以最好支撑消弭/重做下场 。
4、齐截性绳尺
对用户来讲 ,一样的文字 、外形、按钮,都理应解缆不异的工作 ,屈就通用的平台常例;也就是 ,不合用语、下场、独霸贯穿连接齐截 。产品的齐截性包含 :
(1) 、筹划齐截性:贯穿连接一种近似的筹划,新的筹划改削会让用户思虑 ,轨则的列举按序能加重用户的思虑担当;
(2) 、色采齐截性 :产品所独霸的次要色疗养当是不合的 ,而不是换一个页面色彩就不合;
(3)、独霸齐截性:能让产品更新换代时还是让影虎贯穿连接对原产品的认知,减小用户的进修成本;
(4)、回响齐截性 :用户在独霸按钮或条方针时辰,点击的回响终局理应是齐截的;
(5) 、文字齐截性:产品中展示给用户不雅不雅不雅不雅鉴赏的文字大年夜小 、格式 、色彩、筹划都理应是齐截的;
5 、防错绳尺
比一个精细偏向提示弹框更好的筹划编制 ,是在这个偏向产生发火之前就阻拦它。可以辅佐用户消弭一些随便犯错的气候 ,活在用户提交之前给他一个确认的选项。在此,出格要寄看再用户独霸具有杀尽性终局的下场时要有提示 ,阻拦用户犯不成挽回的偏向。
6、易取绳尺
经由过程把组件、按钮及选项可见化,来降低用户的记忆负荷 。用户不须要记住各个对话框中的信息 。软件的独霸指南理应是可见的,且再契合的时辰可以再次搜检。
7、矫捷高效绳尺
有经验的用户但凡可以在人机交互的过程中灵敏掌控琐细,熟手在行用户则不成。要筹划出完竣的琐细 ,同时知足有经验的用户和经验窘蹙的熟手在行 ,贯穿连接矫捷高效 。
8、斑斓且繁复绳尺
对话中的内容理应往除不相干的信息或几近不须要的信息。任何不相干的信息都邑让本来次要的信息更难被用户察觉 。
9、容错绳尺
辅佐用户从偏向中恢复 ,将丧损掉落踪落降到最低。假定没法主动挽回 ,则供给详实的声明文字和带领标的方针 ,而非代码 ,比如404 。
10、人道化辅佐绳尺
即便琐细不合用辅佐文章是最好的,但我们也理应供给一份辅佐文档 。任何辅佐信息都理应可以便外埠搜刮到,以用户的义务为中心,列出照顾的法度圭表类型,但文字不克不及太多。
1 、菲兹绳尺(费茨律例)
肆意一点挪动到方针中心职位所需时分与该点到方针的距离和大年夜小有关,距离越除夜时分越长,方针越除夜时分越短 。

菲兹绳尺(费茨律例)
掉落踪掉落踪结论 :越是次要按钮 ,按钮要越除夜 ,多么独霸时分就越短 ,越利便。职位距离用户独霸越近,多么用户越易点击。
2 、米勒定律(7±2律例)
米勒定律(7±2律例)是交互筹划中一个经常独霸的定律 。1956年美国心思学家乔治·米勒对短时记忆身手举办了定量研究 ,他创作创造人的短时记忆身手广度为7±2个信息块,记忆信息超出了该局限就随便犯错。这声明流的除夜脑短时记忆容量约为"7",并在7+2与7-2之间浮动,是以心思学家把这个稀少的记忆容量规律称为"7±2律例"。由7±2律例我们可以得出,巨人领受新事物的记忆容量最多不会超出9。

米勒定律
3、席克定律
席克定律是一种心思物理学定律。用户所面对的选择数量越多,做出选择所破钞的时分就越长 ,在人机交互的界面被选项越多 ,意味着用户做出决意狡计的时分越长 。
席克定律当然给筹划带来的是阻拦 ,但也不克不及用于极端场景 ,偏向用户选择 ,以"强***"的编制强逼用户屈就产品方针往选择 ,比如某产品退押金的流程筹划 ,从创作创造退款按钮到"似乎央求成功"的过程 ,你是不是是暗自吐槽过 ?当然这里是站在用户角度往对待这个筹划 ,假定站在产品角度往核阅它,会创作创造它是一个产品、交互、UI三者合营特别很是棒的案例。

席克定律
4 、接近律例(严密慎密密切性)
我们但凡把职位绝对接近的事物算作一个集团:

接近律例
一样都是圆 ,在视觉展示上你会认为哪些是一组的呢 ?
接近律例的"权重"特别很是除夜 ,除夜到可以抵消其他律例,比如为上面的圆形添加色彩,甚至改削外形,我们也会把接近图形算作一个组 :

接近律例
接近律例也是格式塔幻想中我们最为熟谙、最经常独霸的一种律例 ,它描摹的是不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅不雅查询拜访者看到彼此邻近(空间或时分)的物体时,会将它们视为一个集团 。在界面筹划中 ,对信息的构造已离不开这个律例了 ,他在界面中所闪现的就是把相干的信息块组合在一同 ,不太相干的分散开,加强与分辨元素之间的联络相干性,所朴实的是空间和职位 。接近律例产生发火于群组 ,它可以促进信息筹划的宏壮性,对带领用户的视觉流、便于用户对界面的解读起到相当次要的感染 。
5、泰斯勒定律(宏壮性守恒定律)

泰斯勒定律
泰斯勒定律又称宏壮性守恒定律,该定律认为每个过程都有其固有的宏壮性,这个宏壮性存在一个临界点,超出了这个点就不克不及再简化了 ,你只能将固有的宏壮性从一个中心挪动到此外一个中心 。比如我们创作创造页面的下场是必须的,但往后的页面信息过载 ,那么就需求将次要的下场收起或转移,可是你却没法删除他,只能设编制衡量。
这一不雅不雅不雅不雅不雅不雅不美不雅不雅不雅不雅念次要被独霸在交互筹划局限,作为一名以体验至上的交互筹划师在面对宏壮需求、宏壮场景、宏壮流程、宏壮页面的时辰,若安在不影响营业和下场的气候下,担保用户的独霸体验 。而不是为了所谓的页面精练、筹划趋势 ,就自感应是的删除一些用户认为次要的对象,幻想下场招致下场知足不了用户。
6、奥卡姆剃刀事理

奥卡姆剃刀事理
奥卡姆剃刀事理的中心思惟为:"切勿华侈较多对象往做用较少对象一样可以做好的事——如无需求 ,勿增实体,即复杂有效事理" 。
不才场性页面筹划过程中 ,在出手前就要养成先邃晓用户独霸处景和行动的习惯 。流程内的带领尽大年夜大年夜约弱化于主流程,流程外的内容,没有需求的不要添加,这一点真实很次要,复杂的页面让用户一眼就可以找到他们感欢欣乐乐喜悦爱好的内容,独霸户不雅不雅不雅不雅鉴赏更温馨,更能专心于你要表达的内容上。而宏壮的页面会让用户找不到信息的重点 ,随便分袂用户的视觉寄看力,这些偏向加起来会影响用户独霸的屈就。非论是实体、视觉仍是认知上,多余的筹划元素,有大年夜大年夜约构成损掉落踪落败或激起其他问题 。
同时这个事理也朴实了在不异的前提下,假如有两种不合的筹划 ,且没有前提做AB测试、灰度测试,理应优先选择更复杂、更契合的阿谁 ,假定连前延迟提都不合 ,那就根柢无从比照。当下快节拍的挪动互联网时代,每位产品筹划者都需求在寸土寸金的屏幕上疾速措置各自的需求,那么这个事理也会很合用。
这个事理另有视觉上的魅力 ,可以比如成"修剪"筹划中多余的元素、往除杂质,末尾的筹划将会更严谨、更地道 ,恰到益处的留白和了然信息指引影响着用户在独霸产品过程中的次要感应感染。而筹划需求从最早的发散,幻想下场回回到阻拦 ,因为你是贸易属性的产品筹划师。
7、新乡重夫:防错绳尺
用户在界面中产生发火的偏向除夜部分是由筹划和斥地过程中的忽视构成的,而不克不及认为是用户独霸忽视(不克不及认为用户是xx)。是以 ,在筹划中特别很是有需求思虑防错机制,不凡是用户的独霸具有杀尽性终局的下场时要有强提示和强确认,阻拦用户犯不成挽回的偏向 。
1、需求发掘与分化
在这个阶段 ,交互筹划师要合营产品经理做好市场调研工作,深切邃晓需求 ,因为只需邃晓了需求,才调做出契合本身产品特点的好筹划 。同时也要对竞品举办必定的调研与分化 ,充分的竞品分化完竣你的用户场景 ,帮你更好地体味产品用户。寻觅你的产品与竞品之间的共通性及不合点 ,找到本身产品的竞争优势 ,可以帮你了然本身产品定位 ,打通本身产品卖点。
2、筹划洞察与见中心案
分化用户 ,洞察筹划机会点 :拆解用户需求,提出筹划筹划,措置用户的问题。在这个阶段,赞助各类编制 、对象,如用户画像、用户行动路程 ,对用户需求举办深切解读,弄了然用户真实的痛点,它们真正想要的是甚么,并连络本身如今已有的贸易、技能成本,我们往后可以做甚么 ,甚么值得做 ,进一步了然产品定位。
3、产品筹划下场/内容筹算
细化产品下场 、内容,得出交互原型 ,举办测履行证 。这个阶段 ,需求对产品的信息 、下场举办优先级排布 ,进一步细化产品外形,得出具体的下场、流程筹划,并画出筹划原型,交互Demo,并交与用户测试。
(1) 、信息架构筹划
在产品筹划流程中,信息架构次要用于对群集到的信息举办分组和导航筹划的筹划 ,便独霸户体味周边气候,并疾速找到本身想要的下场。信息架构有【自上而下】和【自下而上】两种分类编制。
(2) 、下场与流程筹划
产品下场的计整洁样往常由产品经理来完成,需求对用户有深切的体味,晓得用户的细分场景有哪些,在这些细分场景下,用户的存眷对象有哪些 ,这些存眷对象是由哪些要素构成的,然后将这些要素笼统为用户可独霸的下场点 。产品经理可连络脑图,一步步将下场模块儿举办细化,拆分红纤细的下场点。不才场筹划无缺了此后,交互筹划师需求将各个下场举办连线 ,对下场之间的跳转举办筹划,梳理下场流程及营业流程。并屈就产品定位,结实用户需求 ,区分各个细分场景下的优先级 ,将其拆分为一个个具体的页面。
(3) 、原型筹划与测试
不才场与流程筹划无缺了此后,交互筹划师需求经由过程交互原型的编制将页面下场及交互流程得以展示 ,这个过程中交互筹划师需求完竣具体的交互细节 :页面筹划 、交互动效 、icon大年夜小都要在这个阶段举办完竣与断定。并在原型筹划完成此后 ,交与用户测试,对产品的可用性 、易用性举办验证 ,和后期的料想可否切确 ,交互逻辑可否公允,产品的价值可否在测试傍边掉落踪掉落踪了出色揭穿…连络测试下场,调剂交互原型。
4 、产品斥地支撑
验证/追踪在UI筹划师完成了视觉筹划此后,产品就到了斥地测试的阶段 ,在这个阶段 ,交互筹划师要合营斥地人员、测试人员 、UI筹划师 ,对筹划恢复度、产品可用性举办走查,鞭挞产品上线。
5、聚积用户回响阶段
对迭代中的产品来讲 ,这一点需求延续存眷 。但凡采取的编制是用户调研、可用性测试、各类用户回响渠道聚积。交互筹划师需求分化用户回响问题标公允性、可否需求优化。对值得正视的回响,需求思虑筹划筹划 、鞭挞完成。
当产品局限除夜了此后就需求多个产品筹划师协作完成全数产品 ,因为不合产品筹划师之间的筹划理念、筹划编制 、筹划习惯的不合 ,协作完成的产品经常会招致产品齐截性差,质量良莠不齐 。这个时辰会需求一份交互筹划圭表类型来圭表类型和带领产品筹划,从而担保产品筹划的齐截性,汲引集团产人品量 。
1、页面圭表类型
页面信息圭表类型次要指页面的静态信息理应屈就的轨则 ,包含 :
(1)、问题圭表类型
用于端方全数产品中全数不合层级不分化果的页面理应独霸的问题标轨则 。
(2)、新窗口链接圭表类型
用于端方页面链接是采取新窗口翻开仍是本窗口翻开的轨则 。
(3)、图片圭表类型
用于端方图片信息可否带有alt title值 ,这些值又取自那儿何处。
2、信息圭表类型
交互提示圭表类型次要用于端方在交互过程中交互的编制及其信息提示 ,包含 :
(1)、过后信息提示
全数交互举办前需求供给充分给用户的过后理应晓得的提示信息。
a.表单提交类
表单提交的法度圭表类型 ,每个表单项的请求需求给出提示信息。(如暗码要若干很多若干良多若干很多若干良多若干很多若干若干很多若干良多若干很多若干良多若干很多若干位。搜刮框鼓舞鼓舞输进甚么内容。)
b.严谨类独霸
一个操难堪刁难用户来讲需求慎重独霸的 。如扣除金币等 。需求过后提示。(如:扣除金币的独霸需求过后提示扣除金币数量,和往后金币可否充分等等 。)
c.不合化轨则
当一个下场的轨则与用户习惯的轨则具有必定的不合或斗劲宏壮时,需求给出提示 。或给出辅佐链接。
(2)、独霸信息提示
全数交互举办中需求供给独霸相干的提示。
A 、独霸确认提示
一个独霸触及数据删除 ,等需求严谨独霸的独霸需求给出删除确认提示框。
B、独霸偏向提示
当用户的独霸不契合独霸的轨则,需求给出独霸提示 。(如攻讦字数为0或超出限制字数 ,搜刮框未输进内容时提交)
(3) 、下场信息提示
交互举办后给出下场回响是理应给出安妥的提示 。
A、查询类下场
任何信息列表 、查询下场,当对应信息无下场的时辰需求给出有没有下场外形提示 。
B 、保管类下场
一个表单是用户提交保管数据的。如设置小我材料。提交保管后需求给出提示 。成功绿色、损掉落踪落败白色、深化灰色 。
C、附加类下场
一个表单是对其他数据举办附加的,如攻讦等。提交成功后应直接跳转到独霸产生发火的下场展示部分 。(如提交攻讦后理应直接展示给用户他提交的攻讦)
3、控件圭表类型
当有一些下场会被多个模块复用的时辰(如标准攻讦框、标准老友选择器等) ,需求把这些下场提炼出来筹划成通用控件被多个模块共用。
有了页面信息圭表类型、交互信息圭表类型、通用控件圭表类型就可以担保页面信息的齐截、交互编制及提示的齐截、通用下场模块齐截。从而担保产品的齐截性 ,并进步产人品量 。
1、axure 原型对象
Axure是交互筹划师最中心的对象,Web端产品独霸较多。经由过程它输进的"原型"(交互稿)是交互筹划师与产品经理 、前端斥地、后端斥地 、测试等人员类似的最好序言。"原型"是产品斥地后期的次要筹划内容 ,它直不美不雅不雅不雅不雅不雅不雅的闪现了产品的框架筹划、界面内容和下场模块之间的逻辑相干,且不竭确认产品中的恍忽部分,为后续的视觉筹划 ,产品斥地供给了切确的产品信息 。次要下场除绘制"原型筹划图",还包含"独霸流程图" 、"信息架构图"等此外内容。
2、Sketch (苹果电脑)
Sketch除夜部分红果和独霸思路 ,和Axure是一样的,假定我们等待做更超卓的原型界面,或出高保真原型时,sketch是个很好的对象。各类利便的插件,除夜除夜汲引了工作屈就。如今工作过的团队根本UI筹划都是独霸的sketch,假定大年夜师独霸不合种对象,那么在交换、改削等时分红本上就会快良多 。
3 、Xmind or Mindmanager思惟导图对象
XMind/mindmanager黑色常合用的思惟导图软件 ,复杂易用 ,下场壮除夜。在举办产品筹算,思惟风暴,义务分化等工作时,都需求借助XMind来完成。XMind的文件可以导出成Word,PPT,PDF,图片等格式 ,利便将内容与其别人共享 。
4、Viso
viso这款对象主假定用于绘制流程图 ,独霸复杂易懂,小火伴们上手练练就可以懂。此外就是ProcessOn,这是一个在线作图对象的聚合平台 ,它可以在线画流程图、思惟导图 、UI原型图 、UML、群集拓扑图、构造筹划图等等 ,无需忧虑下载和更新的问题,非论Mac仍是Windows,一个不雅不雅不雅不雅鉴赏器便可以随时随地的阐扬创意 ,筹算工作 。
5 、Figma
Figma是一个基于不雅不雅不雅不雅鉴赏器的在线对象,与墨刀近似,如今也有桌面版,小我版免费;界面与Sketch相仿,可以建造可交互原型。在国外是时下最多人用的交互筹划软件之一 。但Figma只需英文版 ,对群集也有请求。很好用的一个交互对象,只是如今在国际不好奉行 。
6 、MockingBot 墨刀
墨刀是一款在线原型筹划与协同对象,之前只需网页版 ,如今也有客户端,但都需求联网独霸 。有点近似于Figma,国产中文版的一款很好的交互筹划软件。
益处:墨刀上手难度不高,墨可以完成元素切换、界面跳转 ,动效滑腻,可以调试参数;支撑win和mac,有桌面版,支撑挪动端预览(iOS&AndROId) ,有Sketch插件等。
窘蹙:也是没法完成前提剖断等宏壮交互逻辑(不过这对良多项目来讲也不必定要做出来,有时刻成本和进修难度)。
7 、Mockplus
Mockplus(摹客)是一款精练疾速的原型图筹划对象。契合建造低保真原型,界脸复杂,可以疾速上手 。
益处:界面精练,疾速上手 ,有交互组件可用,可生成孤单的膨胀包 ,翻开便可演示 。摩客另有一个原型托管平台 ,也挺利便,不过要免费~
偏向偏向 :没法完成宏壮逻辑如前提剖断等气候的交互,市道上可用的组件较少;契合做手机的复杂原型 ,不契合做网页的原型 。2年前用过 ,不晓得如今这么样,平台免费,斥地运维不随便 ,支撑国产。
这两个见戒严密相干,经常被混用 ,但有一个纤细的分辨:
可以邃晓为:交互筹划是用户体验筹划的一个次要构成部分。
优化猩SEO:交互筹划朴实的是互动筹划,也等于用户体验的见中心案 ,交互筹划可使一个产品筹划更公允更吻合用户体验,一个研发团队如有前提添加交互筹划岗亭对汲引产人品量具有必定的辅佐感染。
参考链接:
交互筹划(一种筹划)_百度百科
https://baike.百度.com/item/%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1/7769950
尼尔森十除夜交互筹划绳尺 - 简书
https://www.jianshu.com/p/3b4f968c6dc0
交互筹划次要做甚么,交互筹划的五个维度_HMI筹划
http://www.faceui.com/hmi/detail/765.html
一文读懂交互筹划7除夜定律 筹划达人
https://www.shejidaren.com/7-laws-of-interaction-design.html
改削于2025-09-16