对于产品设计师来说，在同质化的环境中我们需要具备突破创意的思维，这样才能输出差异化的设计方案。而创意离不开优秀作品的灵感启发，发现有意思的设计细节也能提高我们的设计思维。
今天黑马哥将会继续为大家带来一些优秀的设计细节，我们一起来反思一下，这样的设计想法为啥自己没有想到呢？
分享目录
一、营造顶部区域视觉感与情感化
二、主题化配图增强视觉感
三、弹幕式标签提高关注度
四、IP 强化底部标签栏图标设计
五、强化动态发布的引导设计
六、连贯性的插画突出卡片特色
七、动态表情化的评价设计
八、场景化的推荐设计
九、上下轮播的 Banner 设计
十、情感化的氛围营造
一、营造顶部区域视觉感与情感化
产品顶部区域的视觉感是吸引用户的关键，在一些功能单一的产品中，强化视觉表现力也是提升产品丰富度的有效形式。
比如麦当劳 App 首页的设计中，顶部区域结合温馨的场景插画进行表达，让你早上打开麦当劳就有种心情愉悦感。动态的太阳微笑画面给你一天好心情，情感化的设计不仅增强了视觉感，也带给用户美好的产品使用体验。
二、主题化配图增强视觉感
封面图在产品规范中相对比较难约束，通过构图、比例、固定元素和配图质量等，在一定程度上可以提高感官体验。如果是在重点突出的内容上面，结合主题化配图也可以增强视觉感。
之前在使用优酷 App 时，当时在重点突出热剧的设计中，就将主题化的内容融入到宫格的配图中。以统一的画面风格和设计表现形式填充封面，增强了视觉表现力，以此突出热剧的吸引力。
三、弹幕式标签提高关注度
在固定的结构布局中如何提高局部内容的关注度，我们需要在不改变结构的前提下进行创意融入。比如动态画面、突出视觉感、内容特异化等等，而最近发现弹幕式标签也是一个不错的选择。
在体验优酷 App 时，在动漫栏目中针对推荐的热播新番，想要突出的动漫结合了弹幕式标签进行强化。动感的节奏会提高用户的关注度，在不改变当前结构的基础上，不失为一种有效的解决方案。
四、IP 强化底部标签栏图标设计
底部标签栏图标是产品设计师经常发挥的场景，在一些节庆主题或者活动中都会定制设计。
优酷 App 在元旦促销活动期间，就将底部标签栏图标设计与 IP 形象结合，默认以促销主题文字展示，点击状态以 IP 形象显示。图标与活动相结合，不仅突出图标视觉表现，也营造了活动氛围感。
五、强化动态发布的引导设计
对于靠内容吸引用户参与度的产品来说，提高用户发布动态的意愿度至关重要，突出动态发布的吸引力也能起到促进作用。
会玩 App 在动态发布的引导设计中给出了不错的思路，未发布动态时会以形象化的空状态设计进行引导。动态发布的按钮旁以俏皮可爱的形象进行引导设计，提高了按钮的吸引力，让用户有种参与的冲动。情感化设计的引导不仅可以增强感官体验，也更容易攻破用户的防备心理。
六、连贯性的插画突出卡片特色
卡片式设计已经成为主流的产品设计趋势，信息的归纳感可以提高识别效率。探索卡片设计的表现特色尤为重要，重点在于卡片造型和内部视觉表现力的发挥层面。
麦当劳 App 在主内容的卡片设计上运用了配送场景插画，连贯性的插画突出了卡片特色。插画场景结合了品牌图形，增强了麦当劳的品牌曝光度；白天和晚上还以不同配色风格和细节进行差异表现，无论是想法还是设计细节都非常不错，是一个挺有创意的案例表现。
七、动态表情化的评价设计
用户评价可以反馈服务的质量，进而做出产品迭代或者服务调整的思路。如何提高用户参与评价的积极性，需要产品设计师多多探索啦！
最近在使用顺丰速运小程序时，完成快递业务之后进行评价，表情化的星级评价非常有意思。不同等级以不同的表情呈现，动态表达非常形象生动，让人不由的挨个体验。动态表情的形式提高了评价的关注度，情感化的表达让用户更愿意参与评价，提高了评价的体验度。
八、场景化的推荐设计
针对电商类产品来说，商品/店铺推荐模块出现频次较高，吸引用户关注度自然成为了设计的首要目标。
在体验 Mars App 时，在生活超市推荐的设计中，模拟了便利店的场景形象。真实感的场景表达带给用户亲切自然的购物体验，同时也提高了用户对于该模块的关注度。
九、上下轮播的 Banner 设计
轮播 Banner 图算是产品设计中最常见的模块，在移动端的设计中通常左右轮播为主，最近体验到上下轮播的案例，打破常规也不失为一种新的设计思路。
在 Mars App 的首页 Banner 图以上下轮播进行交互，左侧固定展示定位城市的天气等信息，提高了 Banner 位置的利用率。Banner 与金刚区悬浮在特定的背景上，带给用户沉浸式的感官体验。
十、情感化的氛围营造
情感化的设计可以让产品更有温度，增加用户对产品的好感度。配合传统节日或者节气主题进行表达是相对比较普遍的形式，会在产品主题和视觉区域进行氛围营造。
在清明节期间体验飞猪旅行 App 时，顶部区域以踏春的场景营造氛围感，还在搜索区域以青团（青团是江南人家在清明节吃的一道传统点心）替代搜索按钮。情感化的设计营造不仅体现了产品的温度，也带给用户对于节日的场景体验。
小结
禁锢我们思维的不是我们的技术，而是我们的眼界和设计感知。发现优秀的设计并总结和转化，才能让我们打开禁锢的思维，在优秀的基础上输出更好的设计解决方案。
本文对于设计的理解阐述属于个人见解，不足之处欢迎大家留言补充，我们互相进步。
作者：黑马青年（vx: heimaux）
本文由 @黑马青年 原创发布。未经许可，禁止转载。
精准的分析了UX设计师的技能定位。其实不光是作为一些交互设计师自己不太清楚，领导和客户往往也会忽略这一重要的步骤...
交互设计：我们是不是要把“用户体验”中的“用户”拿掉了？
前言：这篇文章写得特别好，很精准的分析了UX设计师的技能定位。其实不光是作为一些交互设计师自己不太清楚，领导和客户往往也会忽略这一重要的步骤。文章篇幅有点长希望大家能静下心看完，会帮助自己了解更多哦~
什么是用户体验设计师？
我最近从一位来自MathWorks（世界领先的技术计算和基于模型的设计的软件开发商和供应商）的高级用户体验专家那儿看到了一个很棒的广告，这是其中一些节选：
与开发团队合作，遵循以用户为中心的设计方法，协同工作，对复杂的问题进行头脑风暴和设计创新的解决方案
向团队成员建议使用哪些可行的方法来回答他们关于用户的问题，并根据项目的需求、目标和约束来设计方向
与团队成员密切合作，进行用户研究，发现痛点，开发用户配置文件，并创建任务列表
在纸上画出功能原型
进行可用性测试，进行用户交流和网上调研，组织调查，并进行你认为合适的其他可行性评估
它准确地描述了我在对于用户体验工作的期望。我们从目标人群和竞品那里学习有关项目的一切知识，找到方法来研究用户的需求和目标，与目标人群一起评估这些需求，修改项目计划，并在最终确定产品之前创造出经过用户验证的解决方案。
但当我换一份新的工作时（当然那是个例外），我看到许多职位描述都要求具备广泛的用户体验技能，有些人甚至要求具备除此以外的更多技能。但似乎他们真的需要一个能进行原型设计的视觉设计师。
来自高级UI/UX设计师的广告：
有测试和可用性实验的经验和熟练的交互原型的经验
创造清晰和具有视觉冲击画面的能力
深入了解用户的兴趣和需求
听起来他们在寻找一个精通调研、可用性测试和交互原型的人。但更迫切的需要反映在以下关于"附加"的要求中：
项目工作能展示强大的用户体验过程和完美的细节视觉和交互设计原则（IA，IxD，排版，布局，层次结构，颜色，组成）
你认为他们只会招聘一个可以进行用户调研，画线框图和测试的人吗？或是视觉设计做的很出众的人？也许这反映了“UI”这部分的职位描述。让我们来看看一个纯粹的UX设计师的职位，它要求：
优秀的分析能力
在实际用户研究、信息架构、交互设计、以用户为中心的设计过程以及用。户体验原则和技术等方面有丰富的经验
听起来不错！但其真面目会在下一个要求中显示：
把想法/概念转化为优质的视觉设计
如今，用户体验已成为热门词汇。尽管看起来不言自明，但一些公司并没有明白这一点——他们仍然忽视了行为经验，而不是外表和感觉。我看到的许多广告都是在视觉设计上表达了最具体和生动的语言。这让我挠头，怀疑是否只有最成熟、规模最大的公司才真正需要用户体验，并有足够的预算来支持它。难道其他公司只是通过招聘视觉设计师并给他们贴上“UX”的标签，来追个市场热点而已吗？
远离调研？
用户研究员Alan最近离开了一家总部位于亚特兰大的公司，那里拥有大量的用户体验员工。他在公司的头两年里，参加了全国各地许多不同类型的用户调研。然而，在最后一年，他发现他的调研被抛到一边了。
"我的新老板不关心做调研。似乎整个公司都在降低它的重要性。相反，他们会开办设计思维讲习班，直接进入开发阶段。“任何研究或可用性测试都被留到最后，只是为了验证解决方案。”
由于该公司以严厉对待用户体验而闻名，这一点尤其令人不快。
像用户体验（ux）这样流行的词汇会突然变得受人追捧，我想不出在这个行业还有什么比“设计思维”更重要的了。根据谷歌在过去的五年中的数据，对设计思维的网页搜索翻了两倍。
显示从2012年12月到2017年6月设计思维搜索增加的图表。
搜索“设计思维”，2012年12月-2017年6月（资料来源：Google Trends）
设计思维过程的第一步是移情化，就是让用户参与并观察他们如何谈论的，同时观察他们如何真正完成任务。换句话说，这就是用户调研。谁做调研？做用户体验的诸位！不难想象互联网项目负责人和利益相关者绕过这个步骤，直接进入步骤2和3，开始定义问题和开展头脑风暴去解决方案。爽死他们了。
在“设计思考家最初犯的五个错误，”Dana Mitroff Silvers，一个设计思维驱动者和数据战略家写道，“我经常被客户要求跳过这个阶段，直接进入解决问题的阶段。”
她还描述了我有过很多次的经历，公司禁止接近用户！很多时候，silvers的客户都会问他们是否可以跳过这个阶段，因为他们“已经知道他们的受众需要什么，可以为他们代言。”
这就说的通了。团队绕过不熟悉的移情阶段，直接进入定义问题及其解决方案，过去一直都是这么做的。而且如果没有在移情方面的训练和指导，或者充分了解，很容易跳过这个阶段。在我接下来的交谈中可以看到，一个公司告诉我他们需要一个兼并的ux/视觉设计师。我问他们是否需要设计思维，产品总监回答：“是的。”他们跳过移情步骤了吗？他同样回答道：“是的。”
如果一家公司仅仅遵循设计思维的最后四个阶段——设计、构思、原型和测试——那么一个用户体验设计师是什么样的呢？是一个可以做原型开发的视觉设计师。
分离调研和设计
用户体验架构师Alyssa最近与一家大型电信公司签订了用户调研合同。让人失望的是，设计师似乎没有责任跟踪调研结果。调研人员每一到两周进行一次新的可用性测试，然后将测试结果提交给设计师，也不知道设计师是否会遵循建议
这似乎不对。
我已经注意到越来越多的公司在调研和设计师之间拆分他们的用户体验实践。问题是，“用户体验设计师”通常不仅要处理交互设计，还要处理视觉设计。尽管易于使用的工具的出现使得创建可点击的原型变得容易，但这是两个不同的技能。我期望交互设计师分析行为和工作流程，并充当用户的拥护者；视觉设计师则负责推广品牌。
将设计团队分成调研人员和设计师可能会阻碍有效的软件开发。为了真正了解用户，设计师需要培养共情心。他们和其他团队成员可以通过进行用户调研或可用性研究——或者参与调研过程来实现这一点。这就锁定了用户的目标和痛点，并让设计师了解到什么是最重要的点，这将有效帮助如何更有针对性的设计。除了对设计人员有好处之外，定期的用户调研还可以让公司了解用户的期望和行为。如果这些好处能被广泛理解，那公司一定会对共情心和用户调研付出比口头更多的心思了。
功能原型和测试不足
Alan Cooper是视觉基础的创造者和用户体验的领袖，也是《囚犯们管理收容所》一书的作者，他在Twitter上抨击了“原型和测试”的思维模式并表示：“原型和测试不是交互设计”。 Cooper写道交互和测试能让领导感到高兴，但它只是蚍蜉撼大树。尽管它创造了微小的改进，让设计师和他们的领导们充满希望和快乐，但它从来没有真正从大的程度上理解用户或者产品。
我们都搞错了
我们已经看到，在设计思维的大旗下，公司可能会跳过移情阶段，回归到一个舒适、独立的设计过程。设计思维确实带来了一个有价值的原型/测试阶段，但在用户研究上的偷工减料却使本末倒置，并错过了一个时机，去进行具体的见解和创新，从而可以将产品推向顶峰。而断断续续的研究只会拖延我们“想要知道我们的用户想要什么”的心态。
虽然强调视觉设计的技巧，但分离研究和设计，可能消耗掉那些面向认知将用户体验放在首位的设计师。视觉设计提供了一个重要的初步印象，许多研究表明，人们对第一眼有吸引力的网站的评价通常比较高。但视觉只是用户体验中的一部分。一个经常使用你的产品的用户到底是如何评价的？视觉效果将发挥一定作用，但我认为它更有可能依赖于一个伟大的工作流程——需要反复跟进用户体验的流程。
我们到底要什么？
我不知道出了什么问题，但我猜是我们的理由还不够充分。我们都含蓄地理解真正的用户体验过程的价值，但开发或市场主管是否也是如此？
可能是我们自己被自己的完美所欺骗了。我们已经大幅改善了用户体验的程度，现在在任何手机上都可以找到伟大设计的例子。改进后的开发工具利用了我们创新的交互模式，小工具使平面设计看起来很棒。也许开发领导者觉得他们已经看到了足够好的设计，他们相信他们也可以做到这一点。
作者：March1996
链接：https://www.zcool.com.cn/article/ZNzYyNDU2.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。
在我们使用的产品中，多多少少都会有一些微交互的穿插，但由于微交互性能的不抢眼也不明显的条件下，所以往往会被很多设计和开发人员所忽略。
但在一个优秀的产品中，微交互却是必不可少的重要关口，它直接承载着用户在使用产品时对产品细节的细微体验。虽然在互联网产品早期，微交互曾被人称之为是“很炫酷的特性象征”，但时隔今日，在这百花齐放的产品大环境中，其实微交互已经慢慢从肤浅的炫酷转型为附有内涵的用户体验关键要素了。
作为产品细节体验的重要承载，微交互的价值与地位逐渐提升，在用户使用产品过程中，它不仅仅能促进产品与用户的互动性，而且还能激发用户对产品的积极感觉，并且最终影响用户的整体行为。
微交互的基本概念就是指：关注一项主要任务、一个目的得事件过程。通常情况下，微交互需要关注得是这个事件的整体交互过程，并且它存在的目的也是为了让用户在使用产品时能感觉到顺畅性、一致性，并产生心理的愉悦感，从而让用户喜欢产品，爱上产品，从而留住用户。
如果笼统概括的话，可以说微交互几乎会遍布任何设备、任何应用程序中。并且他们存在的价值就是让用户高兴。就单纯从产品说起，如果说在产品设计中，在大多数用户与产品接触时都能发现微交互的存在与应用。
1、你在Web看一段话时结尾展示是“…”时，那么通过你的心智程序，你就会下意识的将光标停留在这段话上，在这样的情况下，微交互就会出现了，则在这段话的周围就会出现这句话完整的展示从而被你浏览。
2、还有一种常见的就是在你输入错误的信息时系统会自动识别，并在末尾弹出消息提示，提示你需要从新输入，更有优秀的系统会从你开始输入时就跟进你的输入状态，时刻提醒你输入的结果是否正确。
其实这些小的视觉暗示和微妙的指示就是所谓的为微交互，也有人称之为“围观互动”。虽然这些微交互平日不太容易能被用户所直观的发现，但也就是这些微小的交互，才能提升一个产品的整体用户体验。所以说，无论他们是多么的微妙，你都需要重视起来，并尝试着将一般的设计方案和这些结合起来使用，并提供一些有效的信息，这样才能让你的用户在浏览产品界面和执行操作时有基本的保障。
知道了什么是微交互后，你还需要吃透微交互它到底是怎么工作的，只有这样才能确保你灵活的使用微交互…
微交互的工作一般要分为四个基本要素：触发、规则、反馈、循环。
触发简单讲就是“启动微交互”，例如：点击按钮或点击鼠标。这里需要注意的是，触发并不单纯是人为操作的开始，它也同样包含系统自动启动的操作，比如说在你设备上收到一份邮件或短信时，这时的你其实并没有任何操作，但系统就会有一个微交互启动为你提示，这时的微交互就是被动的。
这些所谓的启动微交互，需要注意的是必须与一组已经拟定好的操作规则一起工作，这些规则里包含了什么能做，什么不能做的内容。
微交互的规则就是表明用户在操作后产品该如何按照用户正确的心智程序进行微交互，它决定了触发之后会发生什么事情。因此，当你在拉下界面时，产品的规则就应该包含下滑的规则，这同时也能表明用户当时的心理是希望看到界面以上的结果或者下拉刷新看到更多新的结果。同样，规则就是规则，在你没有进行操作时，规则时而也在生效，例如：微信里对方并未添加你为好友，但依然和你说了句话，规则就是生效的，这里的规则就是阻止了信息的传入。
顾名思义反馈在现实中就是你与人对话交流，对方馈赠你的信息，在产品中这个环节也同样必不可少，它的存在可以让用户明确知道在用户操作后产品发生了什么，出现什么结果的回馈信息。在微交互中，用户看到的、听到的、操作的、甚至包含感觉到的，都是可以反馈的。
例如：
1、看到的：希望打车，看到的反馈就是地图和输入起始地/目的地的界面，这就符合了用户心理；
2、听到的：在与人聊天时，其他人也和你说了句话，就听到手机“蜂”一声，这样的反馈就是提醒用户听到有新消息；
3、操作的：在任何产品中都需要用户操作，那么然后反馈用户操作结果；
4、感觉到的：这包含界面样式、产品交互是否符合用户心理预期，并通过预期实现操作后得到想要结果，这里面就包含感觉到的反馈；
循环在微交互里属于次数的说明，在我们手机设置闹铃时就经常看到有提醒一次、一周提醒等说明，这就是循环的微交互，循环的微交互基本上定义了交互的某种性质，它会告诉你随着时间的推移发生了几次，发生了多少。
例如：在你去银行自动取款机取钱时输入的密码，如果输入错误，就会提示你还有几次输入，这样的就是循环的过程，等于是在原地打转，但当你成功进入后就会从这个环节进入到下一个环节继续循环。
说了这么多，我想你应该知道了微交互的工作方式以及流程，那么接下来要说的就是微交互需要在何时、何地以及如何才能正确使用了。
现如今产品几乎都带有滑动的交互，之所以滑动越来越多，是因为滑动交互可以清楚的展示给用户行为操作路径，而点击确实短期记忆性的，当用户想要开始滑动时，这是用户操作前的准备，而当用户正在滑动时，这是操作中的节点，这时滑动的界面就会随着手势的方向进行移动并告诉用户界面即将去往哪里，下次想要找到该从哪里找的路径，在操作结束后，微交互完成，这时操作后的结果，这一整套流程下来，通过短小的微交互，就能很清晰的告知用户他在做什么以及他做了什么。
下拉/侧拉菜单就像产品某个界面内的一个抽屉，它里面包含了当前界面赋予的更多选择，并且还能占据极小的空间，根据用户的心智程序来讲，竟然是抽屉就应该拉取，这才符合环境映射的条件。当前在产品设计内，几何都包含了下拉/侧拉菜单的微交互，例如淘宝的侧拉菜单、美团的下拉菜单都是微交互的展示，在轻松点击后，界面tab则下拉或侧拉出一个抽屉，里面就包含了N多个附加选择或者筛选器。
对于产品的不断迭代与改版，其界面一定会发生一些细微的变化，更有时功能会作为转移，那么为了能更好的引导用户的操作路径，就需要用到一些引导页，我这里说的引导页并不是启动页后的大篇章引导，而是在半黑透明遮罩的同时，流出需要用户操作的功能引导，在聚焦了操作功能上，赋予一些微交互，会加大用户对产品的认可，包括喜欢新产品。
在用户正在输入一个列表菜单时，最需要的微交互就是即使反馈，作为产品首先应该赋予用户的就是安全与人性，安全是指产品在用户心理的怀疑指数多少，指数越低安全度越高，而人性就需要操作的了路径与展示是符合用户的心理预期的。安全与人性都可以通过微交互来实现，例如在建设银行APP登陆前会出现安全扫描，在支付宝输入了支付密码后出现的结果符合了人性思维。
有些app会出现卡片类样式的界面，并通过用户的操作实现卡片淡化和卡片丢弃等微交互，这样的微交互则更加具象了用户的真实空间感受，通过与真实环境的结合，将用户带入产品，使用户在使用产品时会有现实版的感觉。例如：陌陌的附近人卡片丢弃，网易音乐的音乐专辑封面淡化。
微交互在产品内可以说是无处不在，虽然这些都是一些很小的细节，如果只是静态展示可能并没有太大作用，但通过产品与用户的这种互动，变相交流，微交互在产品的整体体验上就可以增加巨大的价值，这也可能是所谓的“宜家效应”吧，用户在自己亲手制作或行动时，才能赋予产品更大的价值感。
好的产品必须拥有这种精心设计的标志，它不仅包含了对用户的心智理解，更多的，是对用户的一种尊重与情感抒发。
在数字化时代，交互设计（Interaction Design）已成为产品成功的关键因素之一。无论是移动应用、网站还是智能设备，优秀的交互设计都能为用户带来流畅、直观的体验。今天，我想和大家探讨交互设计的核心要素，以及如何通过创新思维提升用户体验。
交互设计的核心是“以用户为中心”。设计师需要深入理解用户的需求、行为和痛点，通过用户研究、原型测试等方法，确保设计能够真正解决用户问题。例如，简洁的导航、清晰的反馈和一致的操作逻辑，都是提升用户体验的基础。
在追求创新的同时，设计师需要确保功能的实用性和易用性。过度复杂的设计可能会让用户感到困惑，而过于保守的设计则可能缺乏吸引力。如何在创新与功能之间找到平衡，是每个交互设计师面临的挑战。
交互设计不仅仅是功能的实现，更是情感的传递。通过色彩、动画、音效等元素，设计师可以创造更具吸引力和情感共鸣的体验。例如，微交互（Micro-interactions）的巧妙运用，能够增强用户的参与感和满意度。
随着用户使用设备的多样化，跨平台设计变得越来越重要。设计师需要确保在不同设备和平台上，用户都能获得一致且无缝的体验。这不仅需要技术上的支持，更需要设计思维的全局观。
通过数据分析，设计师可以了解用户行为，发现设计中的不足，并持续优化产品。A/B测试、热图分析等工具，能够帮助设计师做出更科学的决策，提升产品的整体表现。
交互设计是一门融合艺术与科学的学科，它需要设计师不断学习、实践和创新。无论是新手还是资深设计师，我们都应保持对用户需求的敏感，以及对技术趋势的关注。期待大家在评论区分享自己的见解和经验，一起探讨交互设计的未来！
希望能激发大家的讨论和思考！如果你有更多想法或案例，欢迎留言交流
交互设计是很多设设计师心向往之的领域，很多设计师在进入职场一两年后，会开始思考如何转型交互设计师？除了这个学科本身的魅力之外，它还赋予设计师的很多其他价值。那如何去学习交互设计呢？作为一名交互设计师，我想整理一套交互设计体系知识，结合自己的学习和项目经验写到文章中分享给大家看，希望能对大伙转行交互设计有一些些帮助！全文多达10000+字，阅读时间会比较久，感谢你的细心阅读，如你有建议可反馈留言！
在全面走进交互领域之前，我们可以先了解一些基础设计名词，行业有很多与设计相关的术语名词，例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行业招聘信息里也经常会有很多名词术语，如下图。由于设计的关联性很强，很多时候我们被这些名词弄得头晕，对自己的职业规划和定位也变得模糊。
从学科角度，我查阅了大量的资料，分类如下：人因工程，工业设计，交互设计，用户体验设计，视觉传达设计等学科。涵盖了国内外高校开设的学科专业。用户体验设计在行业里已经被普及，但目前在高校中还是比较少的。不过用户体验设计已然是大势所趋，越来越被重视。
人因工程：简称HF（Human Factors Engineering），是研究人、机、环境三者之间关系的学科；（美国称人类工程学，西欧称人类工效学，日本称人间工学，国内命名更多如：人机工程学，人体工程学、工程心理学等），关于这类知识大家可以看看华为设计师的课程《基于人因的用户体验设计课程》
定义1：根据国际人类工效学学会于2000年的定义：“人类工效学（Ergonomics）是研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素；研究人和机器及环境的相互作用；研究在工作中、生活中和休息时怎样统一考虑工作效率、人的健康、安全和舒适等问题的学科。
定义2：中国企业管理百科学全书:研究人和机器、环境的相互作用及其合理结合，使设计的机器和环境系统适合人的生理心理等特征，达到在生产中提高效率、安全、健康和舒适的目的。
工业设计：简称ID（Industrial Design），指以工学、美学、经济学为基础对工业产品进行设计；工业设计又称工业产品设计学，工业设计分为产品设计、环境设计、传播设计、设计管理4类。工业设计涉及到心理学，社会学，美学，人机工程学，机械构造，摄影，色彩学等。
交互设计：简称IXD（Interaction Design），关于交互设计部分的详细内容，在后文再讲解，包括交互设计的发展、概念、重要性、核心要素、入门要求等；
人机交互：简称HCI（Human–computer interaction）或HMI（Human–machine interaction），是一门研究系统与用户之间的互动关系的学问。系统可以是各种各样的机器，也可以是计算机化的系统和软件——摘自维基百科。
用户体验设计：简称UED/UXD（User experience Design），是以用户为中心的一种设计手段，以用户需求为目标而进行的设计；用户体验：简称UE/UX（User experience）
视觉传达设计：简称VD（Visual design），是为传播特定事物通过可视形式的主动行为。大部分或者部分依赖视觉，并且以标识、排版、绘画、平面设计、插画、色彩及电子设备等二度空间的影像表现；
用户界面：简称UI（User Interface），是指对软件的人机交互、操作逻辑、界面美观的整体设计；是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换
图形用户界面：简称GUI（Graphical User Interface），是指采用图形方式显示的计算机操作用户界面；是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其它一些日常任务。
人机界面：简称HMI（Human–machine interaction），人机界面（又称用户界面或使用者界面）是系统和用户之间进行交互和信息交换的媒介， 它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。ps：HMI这个概念在上文也提到，在学科领域可用来代表人机交互。
Ui和GUI、HMI差别是什么,UI (用户界面)是一个广泛的概念，包括硬件和软件设计，包括GUI，HMI；GUI是用户图形界面，仅指软件视觉界面，HMI是人机界面，与人信息交流的界面。
以用户为核心的设计：UCD（User Centered Design）是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计模式；在进行产品设计、开发、维护时从用户的需求和用户的感受出发，围绕用户为中心进行产品设计、开发及维护，而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等，以UCD为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。
以技术为核心的设计：TCD（TechnologyCentered Design）是指以技术手段为中心的设计。
以商业为核心的设计：BCD（Business Centered Design）是指以商业价值为中心的设计。
设计名词整理的大致就介绍这么多了，那么本文重点的交互设计和这些学科之间的关系又是怎么样的呢？用下图这个图表展示他们之间的关系。——摘自 丹•塞弗《交互设计基础》
1959年，第一篇关于人机页面的文章问世，交互设计首以人机交的形式，作为填补缺乏适用于设计数字产品的可用技术和工具出现；1960年，Liklider通过分析人与电子计算机之间合作互动的一种预期发展，提出“人机共栖”概念；20世纪80年代初：两位工业设计师比尔·莫格里奇和比尔·韦普朗克着手设计第一台笔记本电脑GRiD Compass，他们为自己的工作创造了“交互设计”一词；这个词在10年后才开始被设计师重新发现并进入主流；1999年，国际标准化组织(ISO)发布了“以人为中心”的交互式产品设计原则和程序规范；2005年交互设计协会（IxDA）成立；2012年IxDA正式推出首次年度“交互设计奖”，交互设计才算是正式起飞。
关于交互设计的概念，国内外组织或学者有不同的定义，如下图：
交互设计，又称互动设计（Interaction Design, 缩写 IxD 或者 IaD），是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式（the “interaction”，即人工制品在特定场景下的反应方式）相关的界面。——来自IxDC
交互设计是设计交互式数字产品的、环境、系统和服务的实践，交互设计的焦点是如何设计行为，交互设计的首要目标是满足人的需求和欲望。——艾尔库伯（交互设计精髓的作者）
定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求。——来自 李世国 顾振宇．《普通高等教育工业设计专业“十二五”规划教材——交互设计》2012年
最早期的设计，我们可以追溯到工业设计时期，作为设计领域的鼻祖，它是以“产品“为设计对象，而交互设计对象是“行为”，交互设计师会关注与“行为”相关因素作为设计的考量。而不仅限于产品的物理属性（外观、结构、功能、材料）；
以小米的“小爱音箱”为例。小米通过它将家庭中的电子设备实现了互联，它新奇的用户体验被很多用户追捧。我们可以在小米现有的音箱产品中，找到和传统音箱的一些区别；
小爱音箱系列产品已经陆续发布了5款，从初代的蓝牙音箱到触屏、语音音箱，我们可以从产品的迭代中感受到音箱交互行为（语音交互到屏幕手势操控）变化的一些特点。
当用户在使用小爱音箱的时候，已经不局限于听音乐，它作为小米Alot产品生态的连接中枢，用户更享受通过页面操控和语音交互来控制其他lot产品的快感。当用户回家，向小爱音箱发出语音指令“小爱同学，我回来了”，和音箱连接的所有lot 设备都能同步打开，当用户在回家后，还可以通过操作小爱音箱界面设置热水器的水温。
传统音箱最原始的需求是音乐播放，随着音箱使用要求的升级，人们对于声音的品质追求也变得更高了，厂商想尽方法制造出新的产品提升声音的播放质量，例如丹拿音箱的出现大大提升了声音播放的品质。
当用户在使用小爱音箱和家中的其他Alot产品交互的过程中，很少会在意小爱音箱本身的物理属性，他们更在乎这种创新式的交互如何改变的自己的家庭生活，譬如通过语音交互帮自己打开壁灯，打开电视、打开扫地机器人或通过触摸屏界面来设置调节其他Alot设备的运转状态等,应用到各种家庭使用场景。
关于交互设计的行为要素我们通过下面两个例子来解析：
1:理想L9后排电视手势交互操作：
之前号称对飙500万库里南的新能源汽车理想L9已经发布很长一段时间了，这辆车最大的特色就是智能座舱的全新体验升级，针对家庭使用场景的设计有很多。其中手势交互是一个比较新颖的设计点，手势交互的行为有悬停获取焦点，平移切换，两次抓握确认。
使用场景举例：一家四口去外地郊游，家里的成员哥哥想打开后排的电视机看电视打发无聊的旅途，他使用了手势交互去操作选择影视进行播放。
2:OPPO手机ColorOS系统的手势交互：
在ColorOS系统12.0版本中，新增了这个手势交互的方式，它结合智能传感器，进行无触控式的手势操作，根据系统提示通过控制手腕挥动去切换内容、完成对应的任务。
使用场景举例：小A使用手机看电影，突然收到一个好朋友的来电显示，他通过隔空手势操作，向上滑动手腕，完成接听了朋友的电话流程。
通过上述两个设计案例，我们可以总结交互设计的五大行为要素为：
在关于交互设计定义的内容里面，提到了交互设计的指标是从可用性和用户体验两方面去分析，也就是从理性和感性的两个角度去衡量。
根据雅各布尼尔森《可用性101：可用性简介》文章定义：可用性是一种质量属性，用于评估用户界面的易用性。“可用性”一词也指在设计过程中提高易用性的方法。可用性由以下五个质量组件定义：
易学性：用户在第一次遇到设计时完成基本任务的难易程度如何？
如下图美团外卖：用户第一次在线上点餐时，如何快速的用最便宜的价格吃上一顿饭。用户是否能高效获取店铺满减优惠活动信息，是否快速填写地址，是否能快速选择挑选优惠券，最后进行付款。
效率：一旦用户学会了设计，他们执行任务的速度有多快？
如下图美团外卖：当用户完成第一次点餐后，以后每次完成点餐的速度会不会更快，例如商品页有商家的满家活动提示，上一次点餐记录，可以点击“再来一单”按钮，完成选餐，选择优惠红包前，有文案提示需要先填写地址，同时有常用地址弹窗提示，可点击使用。
记忆性：当用户在一段时间不使用设计后重新使用它时，他们恢复熟练度的难易程度如何？
如下图美团外卖：当用户隔了很久之后再使用美团外卖来点餐，用户重新使用产品的熟练度是否有下降。
错误：用户犯了多少错误，这些错误有多严重，以及他们从错误中恢复的难易程度？
例如下图顺丰快递：在寄快递时，填写完所有的详细信息后，提交了订单，但发现地址和电话填错了，在运单详情页有“修改信息”按钮，点击进入寄件页面进行信息修改。
满意度：使用该设计的愉快程度如何？
例如在闲鱼平台购买闲置物品时，卖家的商品描述和实物有很大的差距，然后要求退货，卖家不肯，最后需要闲鱼法庭介入审理，但审理也没有足够公平和透明，最后只给了一个判决结果。这样的情形我遇到了两次。所以平台对于买家卖家的一些管理机制特别不完善，还有商品的描述是否准确也没有审查标准，完全把责任抛给买家和卖家。所以总的来说，使用起来愉悦感很低，平台信任感也很差。
用户体验是用户在使用产品过程中建立起来的一种纯主观感受。我查阅了很多相关资料，这种定义还是具有普适性的。再简单的解就是：用户在使用产品去完成某项目标的过程中，使用感受是怎么样的。很多知名国内外公司为了量化用户体验指标而设计了很多数据模型，其中出现最早且具有指导意义的是国外的谷歌的量化模型：以用户为中心衡量的 HEART、以目标为导向衡量的 GSM；国内的最近几年也有很多类似量化的数据模式，具有代表性的是阿里的"PTECH"、UES、五度模型；其中谷歌的数据模型更加系统和通用，而阿里的是针对不同项目而衍生出很多量化模型。下面以谷歌公司模型为例浅谈下它们是如何去衡量用户体验指标的；
HEART模型出发点是做以用户为中心的，能够用于大范围的用户体验度量方法。它包含5个维度：Happiness 愉悦度：用户主观体验，用户觉得产品对其有帮助，容易操作，使用产品或者功能时总感到愉悦。Engagement 参与度：用户对产品内容感兴趣并愿意经常使用。Adoption接受度：用户看到新产品或新功能愿意进行使用。Rentention留存率：在一个时间内用户愿意回来继续使用产品或者功能。Task Success任务完成率：用户能够高效，准确地完成任务。
GSM模型Google的UX团队为了让HEART模型度量标准应用于实践而提出的设计方法模型，G是Goal，S是Signal，M是Metric，是遵从「目标-信号-指标」的过程来定义数据指标的方法。
前面我们提到交互设计是一门十分复杂的学科，这个领域的研究广而深，可创新性很强，设计带来的意义很大，所以很多人都比较崇尚这个领域，可如果真想走上交互设计之路，就得有项目的历练，有熟练的设计技能，有扎实的知识基础，对事物和生活的细致观察力。
当设计回归到实际工作项目，首先我们要知道，一般交互设计的岗位在公司的组织架构里面，它是一个比较中间的位置，他的上游有产品、用研；下游有设计和研发，交互和这些岗位是交叉的，有联系的，强如“设计驱动”的苹果公司，交互设计师也需要掌握很多其他跨专业的知识，所以实际工作中，有很多东西需要交互设计师去学习。
互联网公司的设计团队都有自己的设计开发的一套流程，但项目的核心流程大体都会经历以下三个阶段：需求—设计开发—结果验证；
需求阶段需求是项目开发的源头，我们要进行需求搜集、分析、筛选、评估、版本排期。需求的搜集可以是来自产品数据、用户反馈、设计人员洞察探索、竞品分析，然后再做需求筛选讨论，确定需求的优先级；
设计开发阶段
环节1：产品经理的文档需要列出每个版本的详细信息，包括产品创新设计或改版的背景、解决什么问题、功能的设计背景，产品目标和指标、产品策略，产品范围层（功能规格、内容、信息、规则）等；
环节2：设计师需要针对产品功能结合产品目标进行设计策略上的思考，进行方案输出，包括交互文档（版本号、设计描述、流程图，页面跳转逻辑，交互细节阐述、异常状态处理）、交互动态（动效演示参数图、动态demo展示）、视觉界面设计（形、色、构、字、感）等，全流程保持和前后端技术人员进行设计评审和沟通，持续评审也是为了防止后期大家互相扯皮影响工作状态和效率，但最终目的是使项目开发降本增效，减少返工。
环节3：设计方案输出结束之后，就是技术人员的开发，设计师也需要全程持续跟进，保证设计效果的实现，了解前端的一些页面适配规则，前后端的之间数据架构和接口传输规则。
环节4：前后端开发完成第一版本成品后，项目组人员（测试人员权重较高）可以开始全局测试，交互设计师在走查时，可以内部梳理一套通用的《交互走查表》进行检查，可以通过设计走查，专家测试，用户内测，用户访谈等方式，整理收集影响产品稳定性的Bug和设计细节问题，再反馈给技术员人进行修改。有条件的会进行可用性测试，检验设计的用户体验和设计可行性。
结果验证阶段
产品上线后，我们可以通过数据和用户体验来检验优劣，数据层面可以使用灰度测试、A/Btest测试等方式验证设计方案的可行性，通过数据埋点的方式获取用户的行为数据，用户体验可以使用满意度调查、NPS等方式通过问卷调研的手段来了解用户的使用感受。
产品思维交互设计师要有培养产品思维的习惯，产品思维能够引导我们发现很多设计点，设计出创新性的产品。做产品最核心的问题就是：用户有什么样的需求？这个需求待解决程度（用户痛点、爽点、痒点）怎么样？例如支付宝这个产品，就是改变了用户日常的付费交易方式，从现金到线上数字货币支付的转变，大大的解决了用户不用携带大量现金的需求，当然了他的功能不仅限于此，更客观的说，支付宝的出现改变了人们的生活，创造了极大的社会的价值。
用户思维产品主要作用对象是用户，通过用户获取功能需求，我们需要学习如何了解用户，了解我们的产品典型目标人群是哪一类人，了解用户的真实诉求是什么？了解用户场景是什么样的？具备用户思维，设计师可以更精准高效的输出设计方案，达到解决用户问题的目的。
视觉思维交互原型稿和文档是交互设计师接触最多的工作任务，它们需要定义很多内容信息，这不仅仅靠逻辑，还需要有视觉思维，将黑白交互界面的视觉重点和信息层级展示清楚。如下图所示为苏宁智慧屏项目部分功能的交互设计稿样式：
交互设计的视觉思维上关注的几个点如下：第一点要有场景的概念，比如要熟悉产品在什么样的设备上呈现，设备具有什么样的特性和要求，用户的使用产品的操作方式；第二点要有原子和模块化的概念，比如一个组件和模块主要是由哪些原子化的元素构建，如何去定义这样内容，第三点要有设计理论应用的概念，比如在界面布局时，可以通过设计的四大基本原则（对比、重复、对齐、亲密性）、格式塔原理（接近原则、相似原则、共同命运）、设计规律（黄金分割法、网格系统、系统规范）这些点去切入。
开发思维产品外在靠界面，内在靠代码，好用好看的设计依靠技术作为底层支撑才能最终开发上线，我们经常做设计方案评审时，会遇到被技术人员否定的情况。我们就会拿有相同设计的产品去和他理论。最终的结果就是还是做不了。但是做不了的情况大体分为两种，第一种情况是实现这个设计的背后，确实需要投入很多人力、资源去完成这项工作；第二种就是技术人员单纯的不愿意做，可如果你有开发思维，能想到这个设计背后的技术难点，能清晰的和技术人员进行讨论和协商，他们也不能或不好意思去拒绝。所以开发思维可以让我们和技术人员成为好朋友，又可以学习一些技术原理，属实不亏。
数据思维交互设计师对于数据要有一定的敏感度，业务数据可以帮助我们了解产品的经营状况，关注产品的总体流量，转化、营收，用户的行为数据可以帮助我们在设计迭代时提供依据，另外通过各类数据的跟踪、对比、分析能帮助我们评估设计方案的好坏以及后期设计修改的方向。
技能已经是交互设计师的入门要求，也是初级交互设计师进阶的基础，那这部分主要讲解交互设计师的技能兵器库，主要由设计手段、平台规范、理论知识这三部分组成。
设计软件交互原型设计：包括静态界面和动态demo设计，可以使用纸质原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等；界面设计：主流的软件有Figma、Sketch、ps，网页和客户端通用的有即时设计、Figma、Pixso等；
动效和三维设计：目前动效应用广泛的如AE，三维软件有C4D，blender，Rhino、更高级的如游戏引擎unity3d；
编程软件：网页端如标记语言HTML+CSS，脚本语言JS，移动端如iOS的Swift和Xcode，Android的studio；
文档工具：如常用的X-mind（思维导图）、汇报用的ppt、keynote等
设计方法设计方式这里指向用户研究部分的内容：主要有定量研究、定性研究、用户画像的构建，定量研究的可使用问卷调研、数据分析、眼动测试，定性研究可使用用户访谈、焦点小组、可用性测试、卡片分类法，用户观察法等
说到设计规范，这可能是很多设计师在交互入门的时候，比较忽略的基础知识点，首先各类平台的系统规范经过很多版本的迭代，内容特别精且多，新手设计师经常在阅读学习的过程中失去耐心。只是碰到相应的点才会想起来去看一下。目前处在设计领域最前沿的平台规范如苹果系统的《人机界面指南》，安卓系统的《材料设计》，鸿蒙系统的《设计指南》，微软系统的《设计原则》，这些平台的系统规范非常通用，覆盖的设备也很多，例如苹果系统的人机界面指南覆盖了电脑、手机、平板、手表、电视。在国内也涌现了很多平台规范，例如阿里的antdesign，腾讯的tdcdesign，字节的acrodesign等。
交互设计发展至今已经很长一段时间了，前辈们在无数的实践中总结了很多科学的设计理论。我们可以利用它们指导设计工作，例如：尼尔森设计十大原则（状态可见原则、环境贴切原则、用户可控原则、一致性原则、防错原则、易取原则、灵活高效原则、审美和简约设计原则、容错原则、人性化帮助），交互相关定律（菲茨定律、席克定律、格式塔原理、奥卡姆剃刀原则、峰终法则、帕雷托原理、米勒定律、邮编定律、序列位置效应、泰斯勒复杂性守恒定律、序列位置效应、多尔蒂阀值、雅各布定律、蔡格尼克记忆效应、冯·雷斯托夫效应等）。理论知识可以作为设计的参照标准，但用设计理论反对设计结果是很不合适的，具体问题还需要结合实际应用场景去分析解决。
最后一章我想和大家分享关于交互设计师的能力模型，主要分三大块，这也是实际工作中感触比较深的几个点，希望对大家能有帮助！
学习是一项比较基础的能力！它包括了你技法上的突破、阅读书籍获取知识、适应和熟悉工作流程；例如当你在工作中，需要设计一个页面动画效果，你学会了一个新的软件和新的实现方法；又或者当你阅读了一本书，学到了很多知识，打破了自己的认知，再或者入职新公司的时候，你需要适应新环境和工作流程。设计领域的要求更新换代特别快，就好比之前我们做设计基本都使用sketch，
还得和苹果系统捆绑，但现在像Figma等软件不光可以客户端下载使用，甚至都可以网页端协同使用。所以在任何时候都要保有一颗
做学徒的心，去学习，去适应、不断的突破自己！
沟通、执行、总结三大能力无论是在生活还是在工作中都是比较通用的，我们在和别人交流时，需要用语言传达自己的想法，让别人或自己明白，然后去执行，根据执行的结果进行总结，变成自己宝贵的经验。例如有一次在做交互方案时，产品经理直接丢过来一个需求，然后没有说明具体的需求背景和设计方向，然后就把方案弄好了去评审，被技术人员一通乱怼，弄的大家情绪都上了头，就开始争吵起来，最后结果就是重新设计；这让我后来在做方案的时候，一直记得利用这套通用能力去处理问题；确实有效。但在培养这些能力的同时需要注意：把控情绪做有效沟通，拒绝盲目执行，反复思考总结经验，用总结能力反哺自己的沟通、执行能力。
洞察和思考是交互设计师的最高级的能力，拥有这种能力的设计师往往已经能够探索到问题的本质，洞察和思考能力的培养来源对事物的探索欲，有好奇心，有细致的观察，这要求设计师要把解决问题当作是兴趣来看待；以生活中的用户使用的出行工具单车设计为例，单车上有很多设计点都体现了交互设计师的这两项能力；
1：单车的座位调节控制结构设计如上图是哈喽单车的不同版本的设计，第一个调节结构我们需要向逆时针向外推，才能进行座凳高低的调节，第二个调节结构我们仅需要上下方向推拉进行控制。我在使用的过程中，第二个结构操作的时候更加省力。
2：座凳支撑杆的身高标记设计第一个支撑杆我们可以看到是没有任何标记的，第二个支撑杆上面有对应身高相匹配的尺寸标记，相比较第一个设计，带标记的设计让用户更快的调到舒适的高度位置。
这个设计案例属于从结果倒推方案，因为在已有设计方案做推理分析，但是我相信项目人员在进行产品优化的时候，也肯定是洞察到“旧的坐凳设计”结构给用户带来的不便，不仅操作费力，而且这样的结构容易卡住废车；身高标记的设计肯定也是结合用户的不同身高这个需求，设计师观察用户在调节座凳高度的时候，坐上去再下来，反复的调试去选择舒适的高度，才思考出这样不错的设计方案。
总结
本文分享到这里就结束了，总的来说，想成为一名交互设计师，需要投入的成本是很大的，除了软件技能还需要有足够的知识储备，培养自己的各种思维和能力，那文章我也通过三个部分去说明了这些内容，首先我用设计领域的名词作为切入点，带大家去了解设计领域的现状和关联，对设计名词有大致的概念；其次着重的分析交互设计，介绍了交互设计的起源、定义、主要对象、五大行为要素、两大衡量标准；最后写了关于成为交互设计师一些入门要求，第一点是通过项目流程、项目思维角度，第二点是从设计技能角度，交互设计师需要有设计手段、平台规范、理论知识三大兵器库，第三点是从能力模型角度，交互设计师须具备学习、沟通、执行、总结、洞察、思考6大能力。在去往交互设计的路上，建议设计师们要保持一颗进取的心，认认真真的去学习、去实践、去进阶，提升自己的设计认知。
文章内容仅供学习参考。
蓝蓝设计的小编 http://www.lanlanwork.com