保持好奇，巧妙融合，追求卓越，自然而然
文章来源：站酷 作者：SnowDesign
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
加载任务在互联网中是最常见的，在加载过程中应当及时传达加载过程，减少用户的心理等待时间。在外部加载总时间无法优化的时候，使用何种方式能有更好的用户体验是设计时需要考虑的。
你的界面需要引导用户来操作，即作为用户应该清楚的明白我在什么位置，我下一步可以去做什么操作。
现在app的很多设计基础包括顶部的导航分栏和底部的tab bar都是为了告诉用户他在哪里。
在做一些概念设计时候，如果单纯是为了更好的视觉效果，就对这些基础分栏进行大刀阔斧的设计，最终导致了好看是好看，可是用户都不知道这页面是干什么的结果，很明显是违背了最基本的交互原则 状态可见原则。
用户在你的界面是要做什么事情，这是你在设计之前应该思考的问题。
如何把用户要做的这件事情更好的呈现给用户，反馈给用户以及有哪些信息需要反馈给用户都是你要从交互的角度思考的，这包括过去发生的信息和即将发生的信息，也包括正向反馈和负向反馈。（这种操作是否成功了？这种操作进展到什么程度了？如果这样操作会有什么后果？点击之后会达到什么页面？这里是否可以点击？）
很多概念性的设计很酷，从交互的角度上来看也是因为界面对信息进行了很好的反馈，比如下面的设计就是对登山的信息进行了很直观的反馈。（来自设计设计师anastasia 原地址https://dribbble.com/shots/8291047-Tourism-App-Mobile-Concept）
在制定产品语言时，要了解产品的用户人群，使用相对应的用户群体所熟悉的文字语言 图形语言 板式结构 配色方法。要让我们的用户觉得这个产品很符合自己，而不是让一个老大爷去滑滑梯的感觉。一般来讲即便是同一产品，在国内外的产品语言也是有所不同的。
产品在一些展示上模仿现实世界的样子，可以让用户快速接受，并感受到真实易懂。不仅仅局限于静态外观的模仿，还包括模拟真实物品的动态效果 声音等 都能给用户良好的使用体验
很多逼真的动效也是来自真实世界的映照。比如下面的可乐瓶的晃动就和真实世界很接近，让用户有很强的代入感。（作品来自设计师dannniel 原地址：https://dribbble.com/shots/6351526-Select-Drink-Animation）
a. 返回到原始状态
可以理解为悔棋，即已经发生的行为返回到原始的页面状态，这个条件的设置也应该有一些条件的限制，不能一直无限返回。
很多人讲现在的同一类产品的同质化现象严重，其背后也是有一定原因的。相同或相似产品的用户习惯保持一致，即意味着用户需要更少的时间去学习甚至不需要学习。从产品设计上讲，用户使用越方便易用，产品设计的越成功。和相关主流竞品做出比较大差异化设计时候，虽然摆脱了同质化的问题，但是很多常规操作却需要用户重新学习，这样带来的后果很有可能就是用户流失。所以，没有充分的理由，请与竞品保持一致。
一套完整的规范包括组件 色彩 间距 版块结构 等。规范可以让你的产品一致性更强，你要让用户能够对你的产品产生一定的规范性印象，当他看到一张页面就能联想到这是什么产品。
现在随着互联网市场的不断稳定，很多产品进入了稳定的迭代期。但是在迭代期也应该以保持产品语言 用户使用习惯的一致性为一大重要原则，版本的迭代也应该逐步进行，不要急功近利。尽量保持原有的设计元素一致性，新功能的创新也尽量不要损害原有用户的使用体验。
很多app迭代更新之后会有操作指引，目的就是为了让用户学习，减少错误操作。很多引导页也有相类似的功能。
一些重要的敏感操作，产品通过二次询问得到用户的确认，
a 记住用户的使用操作记录
这个记录不单单是在某一设备上，一般来讲都是跨设备进行同步。用户在使用的时候不用来回调整，体验感是很强。
b 让用户选择信息而不是填写
填写是一件成本极大的事情，很多用户不愿意在这上面花费时间。所以产品在设计的时候要尽量让用户去选，而不是去写。
c 自动读取
思考产品一些功能的使用场景，有没有自动智能化的需要。即不用问候产品使用者，自动提供解决方案。注意，这里讲的是提供方案，不是解决方案。提供大多数的解决方案，可以节省使用者的交互步骤或者浏览时间等，也是易用性高的表现。
d 提供适量的信息
其实另外一个交互定律法则（以后会讲）其实提到了选择的数量，移动端的选项一般不会超过五个，超过五个用户的头脑就会混乱。所以要考虑信息的摆放位置在哪里，一方面是需求决定的，另一方面也应该控制每一个选项的数量，不要让用户感到焦虑。
讲产品常用或者主打的功能放在产品容易操作的位置或者重复出现，用户可以高效的完成自己的需求。
一般来讲用户的使用频率越高越要放在操作热区和表面，反之亦然。
照顾到不同用户对于某些功能的需求不同，对产品的部分功能进行用户自定义化操作，提高用户使用的灵活性。
将用户经常使用的选项作为默认，减少用户操作时间，达到灵活高效的目的。像淘宝都会设置默认的收货地址，每次下单不用每次都输入，十分高效。（当然也有翻车的时候）
把页面内容的优先级别进行分级，清晰的板块划分将会引导用户操作。还可以将页面的主推内容向用户展示，避免用户分不清重点。
注意页面的主角是谁，在平面设计中也有相同的概念。不要让背景或者装饰哗众取宠，而影响主要信息的传递，视觉设计是来辅助业务表达的。如果核心需求没有传递好，那就会单纯地成为一件艺术品，而不是设计作品。所以在设计过程中，要权衡视觉点，减少不必要的噪音干扰。
落实到界面上包括间距 字号 字重 版式节奏 。其实看到看到很多界面做的不精彩不优美，就是基础性的原则就没有完全落实贯彻。这里就不举例，基本所有的设计都要遵守的原则，很重要，很重要，很重要。
考虑到可能会达到的错误界面。在发生的错误结果上，使用明确清晰的语言告知错误的原因，并给予解决方案。
进行新页面的设计尽量直观清晰，符合用户习惯，无需引导即可使用。
改版引导或者新功能引导给予一定的提示
对于产品的操作性功能或者操作必须注意到的问题，产品需要进行一定说明
用来解释一些常见问题。
文章来源：站酷 作者：花城丶
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
第一，交互设计师的交互设计文档就好像UI设计师的PSD文件一样用于保存记录自己的设计思路，但交互设计师负责的任务不仅仅停留在页面当中，还包括产品的需求分析、用户画像、竞品分析、产品数据分析、用户交互逻辑等等..我们都可以写在交互设计文档中做记录，为我们的交互设计提供依据。（其实就是避免开发怼你问你设计依据是啥，你就马上把分析摆他脸上，避免尴尬）
第二点是交互设计师作为产品的上游（一般开发流程是产品经理负责收集需求给予交互设计师进行交互设计，撰写交互设计文档，然后文档评审通过后，UI同学负责UI设计，接着提供前端同学进行界面开发，后端同学则根据交互稿搭建框架和业务逻辑，开发完成后进行测试，反馈测试结果，如此循环，因此交互设计师一般处于产品线的上游阶段），撰写一份标准和规范的交互设计文档是非常重要的，因为我们需要利用交互设计文档去表达我们的设计思路，通过交互文档我们可以让UI同学知道页面需要给用户表达什么情绪，达到怎样的目的，告诉前端同学页面跳转逻辑以及交互模块怎么写，帮助后端同学清晰搭建后台框架与数据库以及产品业务逻辑是怎么样的，最后测试童鞋还会拿着你的交互稿进行单元测试，编写测试用例，所以只有我们先把文档写好了，才能避免后面产品开发出现问题。
第三点也是最重要的一点就是未来我们用于跳槽加薪面试作品。内行看门道，外行看热闹，如果你面试交互设计师的时候还是带着一条长长的JPG或者是网上千篇一律排版的PDF作品集，在面试官眼中显得不入行（或许你会遇到性格好的面试官，毕竟千人千面，面试特别看人），因为专业的交互设计师在平时工作中为了避免干扰UI同学设计，只会使用黑白灰做交互稿，也很少做成一条长长的PNG或JPG，我们可以适当包装作品集，但如果过度了会让人觉得不落地，或许只停留在刚入行阶段，所以在技术面试，我们可以拿着我们的交互设计文档跟面试官叙述产品从需求层面怎样思考完成交互设计的，解决了用户什么痛点，最后取得了什么样的成果，得到了怎样的数据，我相信成功几率会大很多。（PS：用交互设计文档进行面试前请注意把公司机密信息做脱敏处理，避免发生纠纷）
说了那么多，那究竟交互设计文档包含哪些内容？
一般来讲，一个基础、规范的交互设计文档应该包含文档封面、更新文档、设计说明文档、业务流程图、交互原型、垃圾桶等模块，当然了，这些模块也不是永恒不变的，有些是必须要，有些是选择性添加的，至于这些模块有什么功能和怎样进行撰写，这篇文章会逐一分享给大家~
（说明：作者比较习惯使用Axure软件撰写交互设计文档，大家可以根据自身爱好或者公司规定进行选择（例如sketch、figma、PS等等..都是可以的）。这里要引用一句话：软件仅仅是工具，并不能限制我们的思维，好的工具能让我们走得更快但不能使我们走得更远——沃·兹基硕德。）
文档封面就相当于一本书的封面一样，用于记录产品名称、版本号、日期以及文档负责人（这样开发童鞋就能精准找到你进行撕X），只要能展示以上信息，其他信息（例如产品经理是谁等..）可以自行添加。
以前我都习惯把更新日志放到产品文档后面，但是随着工作时间变久，我发现开发童鞋在SVN上打开设计文档后第一时间就是查看更新日志，所以后来把这一页提了上来。（是的，设计文档也是需要跟产品一样不断优化迭代的）
更新日志主要用于记录产品迭代修改的内容，让开发同学快速了解这次迭代修改了什么内容，他需要做哪些工作。我的更新日志特别简单，就只有日期、变更内容、所在页面以及备注四个字段，这里唯一注意的是，日期必须是最新修改的内容放在上面，以前的日期在下面，很多同学每次迭代的时候会在下面列进行内容添加，这样开发同学每次都必须滚到最下面查看信息，大哥，你是交互设计师，专业一点好吗。
产品项目背景是一个项目的核心关键，告诉所有的团队成员我们要做一个什么样的产品，需要创造什么样的价值，就好比我们写作文时的中心句，时刻提醒着我们要不忘初心，为团队成员开发项目指明方向。
前段时间有个同学来问我，他们本来是刚开始是做校园教育系统的，但是随着产品慢慢迭代，功能逐渐强大了，最近老板希望在系统中加上财务功能，本来用户学习成本就高，如果再加上去会不会适得其反？虽然我不知道那位同学的老板产品战略是啥，背后是怎样思考的，但是在我看来这样的行为就不能是不忘初心，这顶多能算不忘出薪吧。（拒绝谐音梗从我做起）
好了，至于里面产品背景、产品目标以及定位的内容应该如何撰写？对，我抄的。一般情况下，这些内容我们都能够在项目立项文档或者在招投标书上就能找到，我们不用亲自写（但可以加以设计），再不行也能找到产品经理去了解。
或者你会说，小公司既没有立项、也没有招投标书，产品经理也是你，那该怎么办？那么你就得发挥出自己当年高考的作文水平，积极了解清楚产品背景定位，努力完成这一部分，因为信息的传递是有消耗性的，只有我们作为产品的上游做好了，才能为团队成员后面的努力提供方向。
产品需求列表用于记录产品需要做哪些【功能点】，这些功能点我们一般能在产品经理或者项目经理上获得，我们收集需求后需要对其按照重要程度P0、P1、P2等级进行分类，我分类的原则是KANO法则（不知道的同学可以百度），P0等级是非做不可的需求，例如像微信的聊天，淘宝的支付功能等，P1是锦上添花的需求，时间紧迫的话可以下次再做的，例如微信的语音、视频聊天等..，排到最后Pn就是一些不必要可做可不做，就算做了也没太大影响的功能，就可以与领导层商讨是否确认要做。（例如炸屎，你们现在还有人炸屎吗？什么？炸屎你都不知道？那当我没说）
所谓知己知彼百战不殆，通过用户画像我们可以快速了解产品目标用户群体特征，分析目标用户群体的期望、需求、动机等，再根据用户场景去进行设计，有了用户画像的支撑，能避免我们在设计过程中出现一些不必要的因素，例如我们目标用户是中老年人的话，那么按钮、字体就应该适当的放大、排版简单明了，而针对青少年就可以偏个性化风格设计。
当然，如果是小公司的话可能没有那么多的资源去做用户的调研，在这里分享一下我当年在创业公司经常使用的一种快速获取用户画像的方法，既快速又特别专业。
这里需要借助一个网站：艾瑞数据（https://index.iresearch.com.cn），打开后选择自己产品的类型（例如学习教育类），网站会把该类型的产品按照用户数量从高到低展示给你，然后我们选择一个差不多的竞品点击去查看他们的用户特征，最后Ctrl C+Ctrl V到我们的文档中，完成。
竞品分析相信大家都特别熟悉，我之前的文章也教过大家怎么进行详细的竞品分析，这里就不细讲了，虽然在交互文档中竞品分析可做可不做，但是在产品初期阶段我们如果认真做竞品分析的话能够快速了解产品业务、熟悉用户的使用习惯，同时当我们在做交互原型的时候能提供快速借（cao）鉴（xi），因此有条件的同学还是建议尽量做一下。
数据分析时交互设计师必不可少的一项技能，也是验证设计成果的重要因素。如果缺少了数据分析而单凭个人主观因素的话，我们难以说明设计效果的好坏，毕竟现实中会出现各种意想不到的情况。
所谓“无对比，不分析”，一般数据分析都是通过数值进行对比，去查看数据相对是上升、下降、还是持平，是否跟当初设计预期的一样，对于初期的产品会更关注产品的一些DAU(日活数)、GMV（成交总额）、以及支付人数等，因为这些数据的增减是直接影响到整个产品的存活，如果产品的DAU不断下降的话，那你就要马上查找原因，及时调整，避免恶性循环。
一般情况下，像日活数那些简单的数据可以直接问后台同学就能获得，而用户某些环节的存活率、转化率等就需要利用【数据埋点】，市场上也有很多第三方做数据埋点的，例如神策数据、Growing IO等，这里就不展开说了，但是面试的时候你能说出这些就会显得很专业。
信息架构属于用户体验的结构层，就像产品的骨架一样，而信息架构设计就是对产品信息进行构架、归类的设计，信息架构能够防止我们对产品功能点遗漏，同时也可以通过产品大体的信息架构观察出产品设计是否合理。
一般来说（干货来了），产品架构分支可以分为度和层，而好产品的信息架构在广度和层度都是恰到好处，下面我举两个反例大家就懂了：
1.产品架构的广度太广（不懂的看下图）：信息架构的广度太广意味着页面的承载信息量特别的多，没有侧重点，这样用户点进页面后会思考很久而不知所措，最经典的就是某某宝和某同城，新用户进入到首页真的模棱两可。
2.产品架构的层太深：信息架构的层太深会导致另外一个问题就是页面非常的多，要找到一些功能的话操作非常的困难，最常见的就是某些视频的取消会员流程（包括当年的ofo退费），你们是不是为了退费或者取消某APP会员百度过很多次？（反过来思考，如果某些功能你不想被用户发现，但是又必不可少的话应如何设计，你懂得）
绘制业务流程图的目的就是：梳理并分析优化业务流程。我知道很多同学做UI设计师的时候可以完全不管业务，直接做设计，但是作为交互设计师了解产品业务是非常重要的，因为不了解业务你就无法完成交互设计，优化业务场景。
举个例子：在教育考试系统中一般流程是：教育局出通知→学生报名考试→老师审核→报名通过→老师编排学生考试名单→学生开始考试对号入座→教育局公布成绩→学生查询成绩→考试结束，看这一些列的流程，因为关联特别多，如果对业务不熟悉的话设计起来会非常的不便，如果前期因为业务流程不熟悉而设计出错误的交互稿的话，后面就会特别麻烦。
那么如何去绘制完整的业务流程：
如果你的产品经理比较专业的话，可能会直接给你一个现成的业务流程图，那样就能省事很多。
要是没有产品经理的话，最直接的就是问用户，这里介绍我最常用的方法就是“一听二问三确认”。一听：先听客户代表或者业务方的介绍。听得过程中，不打断对方，以最简单的方式勾出主体脉络，即基本要素中的角色、活动、协作关系梳理出即可。二问：完成上一步后，就可以进行提问了。主要是沿着流程进行发问，重点放在分支、产物关系上。看看是否存在分支的情况，各协作之间是否有交付物。一边问，一边修正。三确认：最后一步就是自己讲一遍流程，和客户代表或者业务专家进行最后的确认。
几乎可以说，上面所有的东西都是为了完成交互原型做铺垫的，我相信对大家来讲交互原型都非常熟悉，但是给大家分享几个经常犯错的点。
【1】页面尽量只采用黑白灰配色，避免干扰UI同学设计。这是大家经常犯错的一个点，毕竟很多同学以前是UI出身，做交互稿时也顺便配配色，这样会非常影响UI同学设计的（不在其位不谋其政，你做UI的时候也不希望有人在旁边指指点点吧），所以我们做交互稿时只采用黑白灰就够了，灰度大小就代表信息的重要程度，简洁规范即可。
【2】页面的跳转用连线表示其实就很方便了，真正厉害的人不会到处炫技。有些同学在交互稿上各种跳转、动态面板、中继器等花里胡哨一大堆，这样开发同学看起来特别的难受，所以很多时候用连线的方式表示往往是最简单明了的。
【3】如果涉及到多端设计（IOS、Andriod、PC端）的话，除非产品非常庞大，不然就放在同一个设计文档中，避免以后评审还要弄多个文件。
【4】创建一个适合自己的组件库，在日常设计中，80%的控件是可以重复利用的，做一个合适的组件库能节省大量时间（我整理了工作多年的B端以及移动端常用的组件，你们需要也可以分享给你们）。
做交互文档时垃圾桶就相当于后悔药，因为一些页面如果删掉保存后是不能还原了的，因此在改稿时如果一些暂时不需要的页面可以丢到垃圾桶中，避免到最后用回以前的方案时重新再做浪费时间。
好啦，文章分享的内容比较多，但是并不是每一部分都非做不可，文档也并不是绝对的规范，每一家公司交互设计师的职责可能都不太相同，所以大家可以根据自身需求因地制宜，曾经有人说过，设计的本质并不是把简单的事情做复杂，而是把复杂的事情做简单，所以我希望有一天你们能把交互设计文档做到很简单，而把产品做得非常好，然后跟我分享经验，这才是我写文章的初心。
文章来源：站酷 作者：北沐而川
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
随着互联网行业的发展，每一个软件背后都有一个优秀的项目团队和公司，腾讯或是阿里巴巴，他们旗下的APP我们也耳熟能详，但是关于每个软件的细节之处我们应该大多数都没有关注到，每个产品的人性化设计为我们增加了方面，想要了解和学习的崽崽们可以看看哦！
表单是UI设计中很常见的元素，不管是PC端还是移动端，表单几乎是无法规避的UI控件，用户可以通过表单完成线上购物、信息交换、文章订阅等任务，使用范畴极为广泛且牵扯到方方面面。
在很多体验设计师的认知中，产品界面上的文案是设计中最细枝末节的事，往往会被忽视。大部分时候，能让用户理解的文案就是合格的。而什么是好的文案，没有一致的评价标准，在复杂的业务场景中也很难做出判断。
用户体验，是用户在使用产品过程中建立起来的一种纯主观感受。
解读用户体验，可以有很多视角。本文提供一个以人为本的视角：用户体验四维度。具体如下。
HI X：Human Interface Experience，人与界面的交互体验。
HC X：Human Content Experience，人与内容的交互体验。
HH X：Human Human Experience，人与人的交互体验。
HB X：Human Brand Experience，人与品牌的交互体验。
用户体验四维度
01 四维度的概念
怎样判断一款产品有几个维度？这就要从四维度的概念说起。
1. HI X（人与界面的交互体验）
HI X 是指用户在浏览、阅读、操作界面过程中产生的主观感受。
HI X 既受信息架构、交互设计和UI设计的影响，也受根需求和功能架构的影响。主要依托手机和电脑的互联网产品，天然存在界面。所以，HI X 属于基础属性，所有产品都有。
2. HC X（人与内容的交互体验）
HC X 是指用户在消费内容时，内容本身带给用户的主观感受。
这里的内容，既包括衣服、鞋子等实体商品，也包括文章、图片、视频等虚拟内容。诸如淘宝、网易严选等电商产品，以及公众号、Instagram、抖音等 UGC 产品，都具备 HC X 属性。
3. HH X（人与人的交互体验）
HH X 是指用户与其他用户、产品工作人员沟通交流时产生的主观感受，或产品的社区氛围、沟通氛围带给用户的主观感受。
所以 HH X 有两层含义。第一层发生在用户与用户之间，是指当用户扎堆或沟通交流时，交流氛围、交流内容带给用户的主观感受。第二层发生在用户与产品工作人员之间，是指当产品依靠人力向用户提供咨询、售后、配送等服务时，产品工作人员的服务行为带给用户的主观感受。
关于第一层含义，不管是更强调社区属性的产品，比如天涯社区、豆瓣小组、百度贴吧，还是更强调内容属性的产品，比如公众号、微博、小红书的笔记，都具备 HH X 属性。
关于第二层含义，常见的 HH X 由客服人员提供。如果是电商产品，提供人员还包括快递员和售后人员等。
4. HB X（人与品牌的交互体验）
HB X 是指当用户想起、谈论起品牌，或使用品牌的产品、体验品牌的服务时，品牌带给用户的主观感受。
只要一款产品做成了品牌，它就有 HB X 属性。
HB X 会直接影响到我们是否信任、喜欢一个品牌，以及是否会使用它的产品和服务。所以，我们对 HB X 往往会有一个抓重点的综合评价。就像一个外向活泼的女生，虽然在外向程度方面和一个内向安静的男生不一致，但双方也可能会选择在一起，因为内向、外向并非双方关注的重点。
因为 HB X 牵涉到对品牌的综合评价，所以就像工作都有一段试用期、恋爱都有一段了解期一样，HB X 的形成往往也需要较长时间，通常至少要 3~5 年。
02 四维度的价值
每一个维度，各有什么价值？
1. HI X（人与界面的交互体验）
作为基础属性，HI X 的价值主要体现在以下两方面。
如果是一款只具有 HI X 属性的工具型产品，比如视频会议产品 Zoom，那于这款产品而言，HI X 就是一切，这款产品的成败也几乎完全取决于 HI X。
如果是一款同时具有 HC X、HH X 属性的内容型社区型产品，比如 B 站、快手这些视频类产品，那此时的 HI X 就会扮演一个类似交通出行（基础设施）的角色。如果 HI X 比较差，这个“出行”过程就会像出去玩时的塞车一样，让人难受；如果 HI X 很优秀，这个“出行”过程就会像准点的高铁、飞机一样，又快又爽。
2. HC X（人与内容的交互体验）
HC X 主要从内容层面影响用户满意度。
如果 HC X 比较好，用户消费时的决策时间就会被大大缩减，同时用户满意度也会比较高。比如淘宝上就有一些原创设计、质量不错、价格不贵的精品小店，很受欢迎。我们去网易严选、优衣库天猫旗舰店这些质量不错、设计不错、价格适中的店铺买 东西时，也会很快很省心。
以上说的是电商产品，对于 UGC 类的内容产品，也是类似的道理。比如站酷上的首页推荐和编辑推荐，相对而言，HC X 比较不错，所以看这些内容的用户也会比较多。
3. HH X（人与人的交互体验）
HH X 是用户情绪的最大影响因素，在情感方面对用户具有最大吸引力。物以类聚，人以群分。HH X 良好的产品，会像一场谈笑风生、其乐融融的聚会，吸引用户去扎堆。
良好的 HH X 往往意味着良好的氛围，它不仅能带给我们诸如轻松、愉快等积极情绪，还能在一定程度上带给我们一种归属感。最终的结果，就是我们喜欢用这款产品。比如 B 站的 HH X 就比较好，具体而言就是弹幕氛围比较欢乐友好，这样的氛围带给用户的感觉是比较好的，用户也喜欢在 B 站就着弹幕看视频。
4. HB X（人与品牌的交互体验）
HB X 事关品牌能不能以正面形象住进用户心里。
良好的 HB X，往往意味着良好的品牌美誉度和忠诚度。HB X 良好的产品，就像你信任和喜欢的男/女朋友一样，他/她会在你心里占据一定的分量和地位，让你乐意介绍给家人和朋友认识。比如苹果的 Mac，就有很高的品牌美誉度和忠诚度，用户也很乐意把 Mac 推荐给身边的朋友。
03 四维度的关系
四维度之间存在怎样的关系?
1. HI X 是另外三个维度的基础
HI X 作为基本维度，相当于“水之源，木之本”。如果把用户体验四维度比作一个金字塔的话，塔底的基石一定是 HI X，塔尖则是 HB X。
2. HC X 通常是 HH X 的基础
HH X 的产生，通常离不开 HC X。也就是说，通常得有一个合适的“内容”或“主题”，才能把人聚拢过来。比如结婚的时候，你可以邀请到很多亲朋好友来参加婚礼，但在平时，你很难邀请到这么多人。我们在 B 站看视频的时候，弹幕通常比较欢乐友好，氛围不错，但如果没有这些视频，也就不会有这些弹幕，以及不错的社区氛围。
3. HI X、HC X 和 HH X 共同构成了 HB X 的基础
HC X、HH X 和 HI X 一样，都可以成就 HB X。
以早期 Keep 为例，刚开始只有课程这个功能，也就是说只有 HI X 和 HC X 这两个属性。其中，HI X 还可以，HC X 比较优秀。在此基础上，慢慢发展出了社区功能（HH X 属性），而且做得不错。再往后，有了“自律给我自由”的品牌精神。在课程、社区、品牌精神等因素的助力下，Keep 有了不错的品牌美誉度和忠诚度。也就是说，HC X、HH X 和品牌精神等因素，一起成就了良好的 HB X。
4. HB X 也可以仅有 HI X 这一个基础
有些产品并不具有 HC X 和 HH X 这两个属性，而是仅有 HI X 这一个属性。单凭一个良好的 HI X，也可以成就良好的 HB X。
比如 Zoom，作为一款开视频会议的工具应用，它最初只有 HI X 这一个属性。但是因为很好用，HI X 很优秀，所以如今的 Zoom 即便没有内容（HC X）和社区（HH X）属性，依然成了一个在全球都很受欢迎的品牌，拥有了不错的 HB X。
总的来说，在四维度的金字塔里面，它们的关系如下图所示。
用户体验四维度的金字塔关系
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
文章来源：站酷 作者：Snow Design
分享此文一切功德，皆悉回向给文章原作者及众读者.
蓝蓝设计的小编 http://www.lanlanwork.com