《交互设计方法论》将收录所有交互设计中应用的原则和方法论，作为工具类的产品，励志成为一部交互设计的“活辞典”，希望可以帮助各位设计师们在工作和学习中，做到查漏补缺、物尽其用，以此共勉；

人机界面的设计，应该是有迹可循，有理可依的，如果将软件设计视作随心所欲的作品的话，那和艺术品有什么区别的呢？软件产品诞生的意义是为了帮助人们高效地完成某项任务，它是技术和艺术结合的产品，它的目标性很明确，所以如果人机界面纯粹为了美观而放弃功能逻辑上的合理性，是不可取的！

基于常年对用户心理、工作模式、使用习惯而总结出来的人机交互五大原则，目的就是指引各位设计师们、开发者们依据合理的逻辑去设计或开发产品，真正实现科技改变人们生活的地步。

一、美学完整性

用来衡量软件的界面与功能是否匹配；

当用户使用应用或执行功能时，内心会对该应用或功能界面自动脑补出对应的预期，我们可以称之为“心理模型”，然而产品最终被开发出来的界面形式，我们称之为“实现模型”；

当产品的实现模型与用户的心理模型不相符时，则该产品的美学性是不完整的；

【1.1、国家地理app】

对于杂志类app来说，图片和文章是用户的主要焦点，也是最感兴趣的地方，然而国家地理，将营销信息放在最前列，同时将每天的图片以合集的方式组合起来呈现，弱化了图片的视觉体验，对于用户来说是不完整的；

【1.2-1.3、潮汐、IOS原生相机】

作为一款工具类应用，促使用户专注学习或工作，进入应用就需要直观的体现出，我能做、我可以做那些操作，操作它之后预期会产生什么影响，这些都需要产品直观的反馈给用户的；

二、一致性

指的是在用户使用产品时，类似的产品或功能，在操作习惯上需要保持一样的行为方式；它可以分为外部一致性和内部一致性；

外部一致性指产品必须迎合平台或者用户累积起来的使用习惯；现在主流的平台是IOS和安卓，每个平台都有自己的设备尺寸、分辨率和组件系统，为了让产品在平台上保持流畅的体验感和不同产品之间的统一性，那么必须符合平台的设计规范，比如在IOS端的应用，就必须要遵从IOS的设计规范，像安卓端的snackbar就基本不会出现在IOS的应用里面；

内部一致性指产品中相似的功能，必须要保证体验上的一致性，否则用户就会疑虑，增大了学习成本，提高了产品的复杂度；

【2.1、全屏模态弹窗】

全屏模态弹窗适用于用户操作后，不想增加过多的使用路径，但又想容纳复杂操作或信息，他比单独的页面的好处在于，减少了页面调整的割裂感，让模态弹窗可以减轻用户任务操作时的心理压力；它属于平台级别的规范，所以其他的应用也可以模拟此方式，让产品保持一致的交互体验，如2.2；

【2.3、snackbar】

snackbar属于安卓属性极强的弹窗控件，它允许在弹窗提示的组件中增加最多2个的操作功能；然而却局限在安卓平台，我们基本上在IOS平台中看不到，主要还是因为不同平台直接的鸿沟决定的，不同平台本身就有很多的规范化的控件，提供给用户使用，与此同时也在不断的培养用户的习惯，当控件相互滥用时，就会无形中加大了用户的学习成本，降低了产品的易用性；

【2.4-2.5、新闻类和购物类应用】

其实我们现在浏览不同的软件产品，就会发现一个共性，同行业的产品布局至少有65%以上是相似的。为什么会这样？这就要提到用户的使用习惯了。人类为了让大脑有充足的休息时间，同时满足大脑性能优化且更针对性的使用时，往往会将熟悉的事物，形成内心的固有范式，我们称之为“习惯”，习惯是经历过时间的洗礼而沉淀出来的经验型知识，很难被改变。

为了让产品简单易学，我们就要充分的利用用户的经验型习惯，如用户看到新闻，就会联想到报纸或者门户，会联想到一条一条的新闻展示在我们面前，以供我们浏览，这就是用户的习惯，我们的产品也会迎合这个习惯，然而试想一下，如果我们将新闻列表，变成一张张的瀑布流图片，有些许标题甚至没有新闻标题，虽然标新立异，与其他所有的新闻类app都不一样，然而用户在使用时，就会发现新闻的信息获取效率极低，往往容易被图片所骗，很难找寻到自己感兴趣的内容；

三、直接操作

当用户使用产品时，更加喜欢直观且实时反馈的操作方式；

【3.1、3.2、手机亮度调节】

用户直接可以往上拖动，当白色的面积增大时，屏幕亮度增加，反之亦然；试想一下，如果直接以百分比去显示整体的亮度，然后用户可以通过点击“加减”或者直接输入“数值”来改变手机亮度，两者对比起来，前者通过直接拖动图形来操作更加直观易懂；

【3.3、地图操作控件】

相信大家用了许许多多的地图软件，早期的地图控件，会在左侧有放大和缩小的按钮，用户点击按钮，即可对地图进行缩放操作，然而当手势被引入进来之后，捏合的操作比点按更加贴合此场景，用户两指展开，即可放大地图，捏合在一起，即可缩小地图，让操作更加直观；

四、隐喻

人们在日常的生活中，累积了许多事物的固有认知，如果在软件设计中，将人们的固有认知抽象化的融入进界面中，可以大大的降低用户的学习成本，而且更加容易营造亲切感；

【4.1、IOS的图标设计】

IOS在应用图标的设计上可谓煞费苦心，它将人们日常生活中司空见惯的元素，进行了提取、抽象、再创造，用人们熟悉的元素，体现功能的意义，可以最大化的降低用户学习成本，提高产品的易用性；

【4.2、有道云笔记】

有道云笔记的导航图标，采用轻拟物化设计，通过阴影，将按钮的层次的衬托提高，直观的告诉用户此处按钮是可以点击的，然而个人并不喜欢搜索的控件形式，内凹的设计，让人感觉搜索是不是不可用？

【4.3、百度网盘的文件列表】

能存入到百度网盘的文件类型有文本类型、影音类型、文件夹类型等等，然而如果仅仅是通过图标去呈现内容之间的区别过于单调，百度网盘直接将视频的列表，通过截取视频的第N桢作为列表的头图，直观的体现出了视频内容和文本内容的区别；

【4.4、36kr的音频播放列表】

音频播放的列表通过直观的“播放（倒三角）”图标，告知用户当前列表是可以播放的，而且还是视音频内容；

五、用户控制

产品的使用者都会经历从“新手用户”过度到“中间用户”阶段，当然也会有少量的用户成为产品的资深专家用户，专家用户对于产品有更加强烈的控制欲望，所以在产品设计阶段，需要考虑充足的控制权限的外放；

【5.1-5.2、微信的浮窗功能】

公众号作为微信的额外浏览池，在阅读公众号时的多任务操作，一直存在着痛点，就比如，当你正在热乎的看着公众号文章时，你的手机不断的在震动（说明有人给你发微信），你是选择去看微信呢？还是继续看文章？相信大多数人会选择前者，然而如果我们点击左上角的关闭之后，下次再进入该文章，是不会给你保留之前的阅读进度的哦～

为了解决这个痛点，浮窗功能应运而生。用户可以选择将当前文章，设为浮窗，稍后再看；

【5.3、获取用户权限的弹窗】

当下载新的应用时，总会弹出获取权限的页面，这其实就是在允许用户控制软件权限开放的许可，给予用户充足的尊重，用户就会越发信赖您的产品；

Powered by Froala Editor