作者从认知、思维、方法和工具四个方面对交互设计进行了阐述，以帮助人们理解什么是交互设计，认识交互设计的价值和重要性。同时掌握一套适应C端和B端数字产品交互设计的通用设计思路和方法。

在日常工作中，我们可能经常会遇到这样的情况:产品经理或R&D人员不知道交互设计师和UI设计师的区别，甚至认为交互设计师只是画线框。交互设计师和产品经理之间往往会有工作重叠，产品经理根据自己的想法想出交互原型，交互设计师只能根据产品经理制作的原型图纸来审阅稿件或者改进场景，做一些优化。

在需求评审和交互评审过程中，R&D人员会疯狂地“吐槽”产品设计和竞争产品没有区别，还会问一些关于界面的“刁钻”问题。现在已经有很多成熟的交互组件库和接口框架，交互设计师似乎没有必要介入设计。

有些设计总是争论不休，没有定论，每个人都有自己的想法。设计师有时无法说出自己的想法和理由来说服对方。即使有人问我们交互设计师到底是做什么的，也不清楚& # 8230；…

对于交互设计还是有认知误区的。本文是对上述问题的回应。作者从认知、思维、方法和工具四个方面对交互设计进行了阐述，以帮助人们理解什么是交互设计，认识交互设计的价值和重要性。同时掌握一套适应C端和B端数字产品交互设计的通用设计思路和方法。

第一章:对交互设计的认知

1.什么是交互设计

交互设计是通过分析用户的心理模型，设计任务流程，应用交互知识，平衡公司业务需求和用户需求的价值，最终实现产品策略，以用户能够理解的方式向目标用户传达业务逻辑(功能规范或内容需求)的过程。

——刘瑾《破茧成蝶》

总之，产品的原型设计无限贴近用户的心理模型，让用户通过改善用户体验，更有效地完成其运营目的，提升产品价值。

交互设计是一门跨学科的学科，将抽象的需求转化为具体的界面，重点是用户行为设计。要实现合适的用户体验，需要具备设计、逻辑、人机工程学、心理学、社会学等学科的知识。

当你看到用户界面时，往往只看到设计的最终结果，这只是设计的冰山一角，而具体界面设计背后的思考和设计过程是看不见的。第二章你会详细阐述设计思路、设计方法等隐形设计。

目前交互设计师和产品经理的工作确实有重叠，区别也不再那么明显。有的公司没有交互设计师这个职位，产品经理兼任。交互设计师其实基本上是半个产品经理，必须是有产品思维的交互设计师，这也对交互设计师提出了更高的要求。

然而，一些界面设计总是有争议和不确定的。本质上缺乏明确的设计目标，需要明确用户为什么要在什么场景下解决什么问题。

图1:用户界面-可见设计&不可见设计

2.交互设计是做什么的

交互设计师在工作中收到的设计项目通常可以分为两类:一类是体验优化项目，一类是新产品或改版项目。

经验优化项目通常是产品日常版本的迭代，是常规项目。新产品或修订项目的频率通常比较低，但很重要，前期需要一定的竞争性产品分析或研究工作。

交互设计师在对接这两类项目时，要注意九个方面:需求分析、用户研究、信息架构、流程设计、信息设计、原型设计、文案、数据分析、竞争产品分析。其中需求分析最为重要，包括用户需求和产品需求的分析。需求分析是发现用户真实的内在需求并转化为产品需求的过程。

用户需求是用户自己思考的需求或需要，产品需求是我们分析后发现的用户的真实需求，转化为产品解决方案。另外，一般需要从业务、用户、技术三个方面考虑需求的合理性。

3.产品经理、交互设计师和UI设计师的区别

用户体验的五个要素是交互设计入门必不可少的基本模型。通过用户体验的五大要素，可以直观清晰地了解产品经理、交互设计师、UI设计师之间的重点和区别。

首先，生产经理主要关注战略层面和范围层面。详细思考产品目标和用户需求，通过洞察用户需求提出产品解决方案，将用户需求转化为产品需求(功能规范和内容要求)，更多考虑产品的商业价值，满足业务需求。

其次，交互设计师主要关注产品的结构层和框架层。注重行为设计和逻辑，权衡用户价值和业务价值，注重产品用户体验，提出更有效的设计解决方案。

根据用户体验的五要素模型，产品主要分为功能产品和信息产品。不同类型的产品对交互设计的重视程度不同。对于功能产品，强调功能交互设计和界面设计，对于信息产品，强调信息架构和导航设计。

最后，UI设计师主要负责产品表示层，围绕产品和交互设计的目标，以用户为中心，开发视觉设计。UI设计师倾向于感知设计，通过对比、视觉一致性、色彩搭配、排版、字体、尺寸、图形符号等视觉设计方法，赋予产品良好的外观体验和视觉感知，从而提升产品的视觉体验。

简而言之，设计师更注重创意和逻辑，设计目标更纯粹，更能考虑用户，设计方法更专业。产品经理会从产品的整体角度考虑问题，专注于业务目标。

图2:用户体验的五个要素(图像源网络)

4.交互设计的价值

在产品设计从抽象到具体的过程中，交互设计起着至关重要的作用。从2012年移动互联网第一年开始，几乎每个互联网用户都知道，用户体验是一个商机。因此，互联网公司非常重视产品的用户体验。在互联网上半年的红利期，为了抢更多用户，很多互联网公司几乎是免费的。通过改善产品的用户体验，他们可以获取用户，增加用户的留存，从而增加自己的市场份额。

交互设计师会兼顾用户价值、商业价值和品牌价值，根据用户反馈和商业目标不断提升产品用户体验，从而提升产品价值。

交互设计师还需要分析和重塑需求，分析用户特征和行为，设计结构、流程、界面和动态效果，跟进视觉和前端，及时整理在线问题，为下一次迭代做准备。

另外，交互设计师可以将产品经理从原型设计工作中解脱出来，有更多的时间去思考产品方向，可以提高产品研发的效率，减少不必要的返工、理解成本和沟通成本，保证项目的顺利进行。

第二章:设计思维

在互联网产品和用户体验的设计中，除了具体的手，学会如何思考是非常重要的。随着互联网进入下半年，人口红利消退，资本红利和流量红利逐渐萎缩。互联网环境的变化给互联网企业和设计从业者带来了新的挑战，业务增长不足成为互联网企业需要解决的首要问题。

随着云计算的快速发展，数据存储的成本越来越低，更容易获取数据。大数据时代的到来使得增长更容易实现。

因为以上原因，设计思维也发生了变化。过去我们往往注重用户体验，强调用户思维，遵循以用户为中心的设计原则，以问题指导设计。

以用户为中心的设计思想最早是由美国著名工业设计师亨利·德雷福斯(Henry Dreyfus)提出的，他在《为人类而设计》(Detain for Man)一书中详细阐述了这一设计哲学。但现在我们在设计上不再只强调用户的思维，而是以成长为导向，以产品成长为重点，以产品价值为重点，尽可能降低成本。

所以本文描述的设计思维是以用户为中心，以成长为导向的思维，可以提升产品的价值。产品价值包括用户价值、商业价值、品牌价值和产品核心竞争力。用户思维主要概括为六个方面，即用户的动线、距离、用户习惯、万无一失、优先级、场景。

2.1用户思维

用户移动线条

用户行动线是指用户使用互联网产品的行为轨迹，即用户行为路径设计。用户动作线设计常见的方法有用户注意力的视觉引导、小红点消息提示用户引导、页面切换动作、多内容暗示、留白、F形视线移动等。

首先，用户的注意力由视觉颜色和块大小的对比度来引导。

比如美图秀秀首页底部的导航设计，中间的加号图形按钮用红色区域块表示，放置在导航中间，增加了显示和点击面积。当用户关注导航区域时，用户将被优先引导到加号入口。

笔者认为，这个设计的目的是为了体现这个入口的重要性，这与美图秀秀的产品定位密切相关。美图在秀秀的早期产品定位是免费拍照工具，用户一用就走。目前产品正在进行商业化转型，因此将产品重新定位为基于工具的照片社区，目的是增加用户的保留率，促进产品的商业化。

图3:美图秀秀APP-首页-底部全局导航-释放按钮

JD.COM、天猫、淘宝app、Add购物车、Buy Now的产品详情页面底部的按钮，也引导用户通过视觉手段浏览产品详情，快速找到购买入口。

图4:从左到右是JD.COM、天猫、淘宝APP的产品详情页面

其次，小红点消息提示和引导。

下图是微信朋友圈有新动态时的提示，以及我在朋友圈和某个动态互动后微信共同好友互动后的提示指导。当你点击微信朋友圈入口进入朋友圈首页时，界面上会出现一个好友互动入口。单击以直接定位此动态。

这是一种引导用户进入微信朋友圈通过小红点查看动态信息的方式，其设计目的是增强朋友圈的活跃性。

图5:微信-发现界面

第三，页面切换的动态设计。

动态效果在页面跳转中的应用起到了路径引导的作用，帮助用户了解页面之间的关系，在使用产品的过程中不至于迷失方向。页面切换的动态效果广泛应用于移动应用，这也是iOS和Android平台设计规范的要求。

比如用户将界面的左边区域滑动到界面中轴线的右边，那么当前的界面就会向右边滑出，清晰的显示界面之间的关系。或者查看一个商品的促销信息，界面下方出现一个对话框，然后关闭回到原来的方式。这样的页面切换动态设计，可以帮助用户更好的使用产品，提高使用产品的体验。

图6:左图为天猫APP产品详情页返回效果，右图为JD.COM APP产品详情页底框效果

第四，建议内容多一些。

较长的页面超出了屏幕的可视区域，有些内容需要暴露出来，暗示用户有更多的内容。在移动界面的设计中，由于界面的可视区域有限，需要扩展可视界面区域。通常水平显示更多内容时，使用左幻灯片查看更多内容，默认显示2个半或3个半内容，暗示用户界面右侧有更多信息。

由于界面第一屏的内容一般会有更多的曝光机会，页面越长，继续向下访问的用户越少。因此，为了暗示用户继续向下浏览，通常的做法是在第一个屏幕行区域显示一半的内容。例如电子商务app首页显示。

图7:JD.COM家用电器和JD.COM应用主页

第五，留白。

用户的浏览顺序会受到空格的影响。例如下图所示的B侧窗体的两列布局。窗体之间水平方向和垂直方向的距离是一致的，但是用户不知道是按行浏览还是按列浏览。

当两个列表之间的行距留空并放大时，用户将默认浏览表单并按行填写，留空的界面处理模式将暗示用户浏览信息的顺序。

图8:双列表单一布局

第六，F型视线运动。

符合用户视线的设计使用户更容易点击。根据实验研究，用户浏览信息最长的布局模式是“F”。比如Google搜索结果页面的信息布局采用“F”结构。

图9:谷歌搜索结果页面

了解用户行为轨迹可以为界面优化提供科学依据。对于电商产品来说，通过科学分析用户眼睛停留的时间和频率，可以准确把握商品的市场反馈。下图显示了用户通过眼睛跟踪器浏览信息的轨迹。

图10:JD.COM商城-眼球追踪研究用户浏览轨迹(源网络)

2.1.2距离

距离是指界面元素与用户手指或鼠标之间的距离。菲茨定律指出，目标越大，指向越快；目标越近，指向越快。以美图秀秀秀主页为例，界面上部的摄像头、拼图、美化图等工具入口设计的点击区域足够大，入口之间留有足够的空间，让用户更快更准确地点击工具入口。

一般在APP端离用户手指最近且易于操作的区域是界面的底部区域，所以通常以界面底部为主，易于操作的高频全球导航。

2.1.3用户习惯

在界面设计上，保持用户现有的产品使用习惯，可以有效降低用户的学习成本。一般情况下，当一个处于成长或成熟阶段的产品计划进行改版时，会衡量新老用户的比例和改版的价值，不会轻易频繁改版。频繁修改会影响老用户的使用习惯，导致用户流失。如果修改的价值高于用户的使用习惯，并且用户不想尝试改变现有的使用习惯，可以通过激励措施引导用户。

比如微信这种传播社交产品，培养了用户使用传播社交产品的习惯。所以支付宝新的通信产品《老友记》的界面设计和互动运营模式基本上和微信的聊天界面是一样的，其设计决策是基于大量用户使用微信的现有使用习惯。

图11:左边是微信聊天界面，右边是支付宝-好友-聊天界面

2.1.4简单明了

防止用户误操作和快速恢复，避免用户在操作界面的过程中出错，是一种万无一失的设计。常见的万无一失的设计方法包括增加必要的限制、优化操作流程、及时反馈和容错设计。

首先，必要的设计约束。

当用户填写表单信息时，添加必要的设计限制可以有效减少用户填写表单的错误，减少用户成功填写表单的时间，提高效率。

下图是在PC上给携程旅行和同城旅行添加乘客信息的交互设计。携程旅行产品添加的身份证信息允许用户输入汉字。显然，身份证只能由数字或字母组成，因此允许用户输入汉字是无效的。但由于身份证号码的特殊性，桐城旅游产品限制汉字输入。同时，输入的身份证号码以放大的比例显示，并且每六个号码被设置为一组。距离预留，方便用户同时输入和查看。用户体验更好，更多考虑用户操作场景。

图12，左图为携程旅行加身份证号互动，右图为桐城旅行加身份证号互动(PC端)

二、操作逻辑。

通过改变操作流程，可以有效解决流程设计给用户带来的痛苦。比如很多用户在使用ATM机取钱时，往往取钱后直接离开，忘记带卡，导致银行卡被锁定，找回银行卡比较麻烦。为了解决这个问题，光大银行和平安银行改变了ATM取款流程，先退卡后取款，优化了流程设计，解决了用户银行卡被锁定的痛点。(流程设计改变了用户使用ATM机取钱的习惯)

图十三:左图是光大银行ATM取款场景；右图为平安银行ATM取款场景(图片来自网络)

第三，及时反馈。

每次用户操作时，界面都需要响应用户的操作，及时提供用户反馈。上面提到的同行程旅游产品加ID号的交互。当用户输入字符时，光标会在离开文本框后立即检查该字段，并通知用户当前填写的信息是否正确。

图14:为同一旅程添加身份证号(电脑端)

移动场景很复杂。比如在没有网络的情况下，需要提供无网络提示，为用户提供有效的解决方案。比如网易云音乐就没有网络场景设计。首先，它会提示用户没有网络，所有没有网络就不可用的门户都将变灰，但会显示缓存的数据和界面框架，以满足没有网络或网络不稳定时仍能听歌的用户的需求。听歌是音乐产品的核心用户需求。在没有网络或者网络较弱的情况下，为用户提供可行的解决方案，可以有效帮助用户重新连接网络，保证流畅的收听体验。

图15:网易云音乐APP没有网络设计

比如在网易新闻、今日头条、腾讯新闻等内容产品的设计中。，用户点击的内容条目会灰显，并区分已读和未读内容，防止用户查看重复信息，这是通过视觉处理及时反馈的。

图16:左图为网易新闻APP首页，中间图为今日头条APP首页，右图为腾讯新闻APP首页

第四，容错设计。

主要目的是防止用户误操作造成用户数据丢失。当某个内容或重要数据信息被删除时，会被完全删除，需要提供二次确认。同样是填写桐城旅游APP订单的页面。如果未填写信息，请单击返回直接返回。如果填写了订单信息，在离开页面时将提供第二次确认。一旦离开，当前页面的数据信息将不会被保留，给用户一个确认离开的机会。

我觉得有两点考虑。从产品角度，希望用户完成订单，提高订单转化率。从用户角度来说，有可能是误退。

图17:桐城旅游APP-订单填写

2.1.5优先级

优先级，又称“等级”。分层的产品界面可以帮助用户掌握最重要的信息，快速做出决策。产品、互动、愿景都有优先级。所谓产品和交互的优先级，主要是指内容、功能、流程、场景、用户的优先级。

内容区分主要信息和次要信息，功能区分主要功能、次要功能和基本功能，并考虑功能价值和使用频率。流程分为主流程和分支流程，场景考虑用户的主要使用场景，而用户需要考虑产品的目标用户和目标用户中的核心用户(能带来收益的目标用户)。该产品是为大多数目标用户设计的。

视觉优先是更多的视觉表达方式如对比度、颜色、块大小、文字大小等。，可以使整体布局更加层次化，明显提高内容的可读性。

比如支付宝中余额宝首页和JD Finance APP首页的设计思路是先给出结论，帮助用户快速决策，所以重要的信息是收益信息，是用户最关注的信息。所以在视觉上，都是以高优先级的纯色块的形式显示，放在第一屏的第一段，让用户一眼就能看到与自己兴趣强烈相关的信息。

图18:左边的图是支付宝-余额宝，右边的图是京东金融APP首页(一)

2.1.6场景

场景是设计思维中的重要思想之一。设计是为了解决用户在特定场景下遇到的问题。这里的“场景”有两个方向，一个是用户在现实生活中的真实场景，另一个是用户使用某个产品时的场景。

第一，真实场景中用户的设计思维。

例如，当用户在昏暗的环境下使用mobike APP扫描代码时，mobike APP提供的手电筒功能会根据环境光的强度，考虑到用户的真实使用场景，自动开启手电筒。

看苹果手机来电显示界面的设计，用户不使用手机和使用手机时，电话接听界面的设计是不同的。当用户不使用手机时，接听界面的交互是滑动接听电话，增加了接听电话的运营成本，防止了用户拒绝接听电话或接听电话的误操作。因为用户不使用手机的场景很多，手机可能会放在口袋或包里，可能会因为运动等因素导致误操作。

在用户使用手机的场景中，直接显示拒绝和回答按钮。如果用户不使用手机时界面是一样的，那么用户误操作的概率很大。当一个很重要的人或密友打来电话时，会因为误操作而造成不必要的麻烦。这种设计是基于不同场景下用户的不同需求。

图19:左图是在黑暗环境下使用mobike APP扫描代码，右图是不同场景下苹果手机接电话的界面

第二，基于用户使用产品时的场景设计。

美团外卖主页根据用户每天吃饭的时间点分为早、中、晚、晚四个时间段。基于LBS地理位置，为用户提供不同时间段的好店，从而准确的为用户推荐好店，解决用户吃饭的问题。这是一个基于场景考虑的设计。

图20:美团外卖主页是根据早上宵夜场景的界面设计的。

2.2成长思维

用户思维是交互设计最基本的设计思维。除此之外，成长思维同样重要。混沌大学的李善友教授曾经说过:“作为一个企业，首先重要的是成长。”

对于互联网上市公司来说，业务收入的快速增长可以提高公司的估值，对于企业投资者来说，可以提高投资回报。

2018年以来，在设计行业有影响力的设计大会上，比如产品经理大会，半数的演讲者都谈到了成长，可见成长是必然趋势。

既然大家都在说成长，那什么是成长呢？增长是KPI指标吗？作为设计师，我们如何帮助业务和产品增长？

据笔者了解，中国最早提到的成长概念来自范炳的《成长黑客》一书，成长概念来自美国硅谷。增长不是KPI的指标，KPI只是短期的周期性指标，更可能是一些虚荣心指标。产品经理为了实现KPI而牺牲用户体验价值的现象屡见不鲜。

什么是成长？

成长是产品的成长，是核心目标，注重产品的长远价值。增长目标不仅包括产品用户的增长，还包括产品在不同生命周期中最重要的指标。

——范炳《成长黑客》

传统的产品生命周期分为四个时期:探索期、成长期、成熟期和衰退期。不同阶段的产品目标不同，对应的产品成长指标(最能体现该阶段的产品价值和企业价值)也会不同。

在探索期，将主要采用MVP方法(MinimumViableProduct)推出成本最低、R&D速度最快的产品，快速验证产品方向是否正确。如果方向不正确，可以快速调整产品方向。

当产品进入成长期，产品的主要目标是确定产品差异化定位，抢占市场，迅速占领用户的心智。在成熟阶段，需要重点关注如何实现产品的商业化，提升商业价值。上面介绍的米托秀秀APP已经是成熟产品了，产品需要商业转型。

从企业战略的角度来说，有了成长感之后，需要思考如何在产品成熟阶段尽快提高产品成长性；否则，当产品进入衰退，市场竞争激烈时，更难考虑产品增长。

比如美团，最早为企业持续带来高速收入增长的业务线是食品，在产品成长阶段，目标是大众点评，解决了用户对当地生活和饮食的需求。后来在原有业务线的基础上，继续探索，逐渐分化成一批新业务，帮助企业成长。比如电影/表演、酒店旅游、团体外卖、旅行(出租车、摩比克、火车票、机票)、美容美发、生活服务等。

现在成熟的业务线是美团外卖，已经成为美团成功帮助企业收益增长的第二条重要业务线。为什么美团有很多能带来成长的成功企业，与企业的创新密不可分。

那么，如何实现产品增长呢？

如何实现成长？

从业务角度来看，需要业务创新来实现收入增长、洞察用户并挖掘未满足的需求。

从产品的角度来说，增长需要通过数据来体现。如前所述，云计算的快速发展使得产品获取数据变得非常容易。因此，数据分析可以推动业务增长，找到可以提高业务目标的解决方案，不断优化产品体验。常用的增长方式是AAARR用户转化漏斗增长模型，具体顺序是客户获取、激活、保留、收入增加、推荐传播。

而AAARR用户转化漏斗增长模型更适合处于成长期和成熟期的产品，而不适合处于探索期的产品。产品在探索期最重要的是用户留存，也就是验证产品方向。不需要花费巨大的成本去推广和获取客户，而是先考虑用户留存，然后激活沉睡的用户，再考虑产品获取。用户留存可以反映产品的价值，验证用户需求。

从设计的角度来说，在做具体设计时，要有成长思维，以用户为中心，以成长为导向，不断提升产品价值。考虑到产品在不同产品生命周期中最重要的核心指标，这个指标需要代表产品的长期价值和企业价值，得到项目团队的认可，大家围绕共同目标挖掘增长的爆发点。具体来说，通过用户调查，我们可以深入挖掘用户的差异化需求，围绕产品的阶段性目标寻找设计机会，结合用户画像和用户体验图来提高增长指标。

用户调查分析可以是定性分析、定量分析或两者结合。对于探索期的新产品，定性分析最好。毕竟数据不够，样本量也不一定有说服力。另外，A/B测试方法可以用来提高产品的成长性。

第三章:设计方法

用户体验五要素是学习交互设计的基础，以用户为中心，以问题和成长为导向，提升产品价值是重要的设计思维。

目前有很多具体的设计方法，如构建人物模型(用户画像)、用户体验(旅程)图、设计冲刺法、成瘾模型、盗版模型(AARRR)、卡诺模型、福格行为模型、服务蓝图(峰-尾法则)等。，但作者认为最基本的也是最一般的还是基于用户的。没有目标的设计都是流氓！

1.基于场景的面向目标设计方法

基于场景的面向目标的设计方法是指:当特定类型的用户(谁)在某个时间(地点)满足什么，什么(什么)，什么样的欲望(想要)，如何(如何)满足他的需求，简称5W1H规则。

比如现在有这样一个需求:假设我们在APP首页第一屏插入一张卡登录，收到一个新人的礼包。用户的场景可以描述为:当用户进入首页浏览模块的信息(位置)时，看到“新人礼包188 RMB新人专有权”的卡(有东西出现)，未注册用户(特定类型用户)萌发领取礼包(申诉)，点击卡的新礼包(方式)通过注册领取新礼包。可以确定，设计目标是引导未注册用户接收新的红包。

图21:左边的JD.COM APP主页——用户已经登录，右边的JD.COM APP主页——用户没有登录

交互设计过程一般有六个步骤。它们是需求分析、设计目标确定、竞争性产品分析、任务流设计和信息架构&功能交互设计和原型设计。原型设计只占整个交互设计过程的1/3，更多的是设计思维和分析。

在需求分析阶段，我们需要考虑需求的来源，明确需求的类型，深刻理解需求的背景和目的，理性评价需求的合理性和价值，清晰了解目标用户，洞察用户心理和用户需求目的。通过需求分析的结果，提取产品目标和用户目标，确定设计目标，指导交互界面的设计。

如果是新产品或改版，在进入设计前需要做有竞争力的产品分析。竞争性产品分析的目的是吸取竞争性产品的优点，找出其缺点，根据竞争性产品分析的结论优化设计，而不是照搬竞争性产品。

当然不是所有项目都要做竞争分析。设计目标确定后，开始任务流设计，分解用户使用产品的主要任务和分支任务，设计满足要求的用户路径和操作流程。

信息架构和功能设计分为信息化产品和功能化产品，并考虑产品结构和信息组织。原型阶段主要包括导航设计、信息设计、框架设计和文案。

第四章:设计工具

锋利的工具很管用。交互设计师常用的设计工具有Axure、Sketch、墨刀等。Axure适应Mac OS系统和Windows系统，支持协同工作。通常用于制作保真度较低的原型，原型无法导出裁剪标记，所以效率一般。

如果电脑是Mac OS系统，可以使用Sketch工具，使用marketch或Sketch Measure插件导出切割标记，使用Sketch组件直接输出高保真原型，提高设计效率。现在很多公司设计团队普遍使用Sketch设计工具。

摘要

本文主要从认知、思维、方法和工具四个方面谈交互设计。

交互设计的认知篇章主要介绍了交互设计是使产品的原型设计更接近用户的心理模型，让用户更有效地完成操作目的，通过提升用户体验的方式提升产品的价值。设计思维模块介绍了以用户为中心，以问题和增长为导向，提升产品价值的设计思维，包括用户思维和增长思维。用户思维介绍了用户动线、距离、用户习惯、防呆、优先级、场景六个思考要素。介绍了基于场景的目标导向设计法和交互设计一般流程。最后一部分则简单介绍了交互设计师常用的几款设计工具，Axure、Sketch、墨刀、Figma 等。

设计没有界限。在过去的两年里，交互设计师、产品经理和视觉设计师之间的界限越来越模糊。所以每个设计师都不要给自己设限，局限于只做交互或者视觉，尽量从业务、产品、用户的更高角度去思考交互设计，以提升设计的价值。交互设计师不是技能合成设计师，需要运用综合能力或协作能力为更高的目标服务。