当产品发展到一阶段，优秀的用户体验设计对于产在激烈的商竞争中保持核心竞争是至重要的。一个产否效地帮助户成任务，这直接决定着户留存和口碑。这时，户体验就成为了商机。
我们作产品的设者，需清楚认识到产品从 0 到 1 的设过程，对每阶段深入的思考能形一清晰的认知。吸收用户体验要素的精髓就必须在实践中断地习户体验，了解户体验，总结户体验。
用户验是指产品何与外界生联系并挥用，也就是人们何「接触」它、「使用」它、人与产品互动的舒适感、人与产品的有效沟通。
户体验设计通要解决的是应环境的综合问题，兼顾视觉和功两个方面的因素，同时解决产面的他问题。产越复杂，确定如何向户供良好的使体验就越困难，如 B 端产在设计上就有很多限性。任何在户体验上做的努，目的都是为了易性和易通性，就是使效率。这里可分两种形式体现：「帮助户工作得更快」和「减户犯错的几率」。
影响用户体验的因素很多，内决了产品能对用户提供什么、技决了产品能给用户什么样的稳性、交互决了用户完任务的舒度、视觉决了产品用户中的印象及否愿意点击，其中内技重的因素。产品发过程中，我们都类似的历，时常关注产品将什么、如何实出高效，用户体验却常常被忽略，甚至义优先级不高，当这些「优先级不高」的需求积累到一时，会变决产品体验败的关键。除了这两因素外，影响用户体验的就下面这五素：战略层，范围层，结构层，框架层，表层。如尺高也需从整体构思到结构设再到细节构造一样。所以这五素贯穿整产品的始终。
了方便具体阐述各层面的内，我们把产品分两类：功能型产品信息型产品。功能型产品从传统的桌面客户端软件的角度出发，主关注的核任务。所的操作都被纳入一过程，去思考用户如何完这过程。信息型产品从信息的发布组合角度出发，主关注的内，产品应该提供哪些内，这些内信息对用户的意义什么。
下，我们来具体阐述这五个层含义。
论是功能型品是信息型品，在战略层所关心内容都是样：我们为什么要开发这个品？可以分解为两个问题。
1. 用户需求（品用户带来了什么？）
我们必须抛弃自己立场，从用户度新审视品，不能把自己成用户，所以做产品设计提到多的就「同理」，忌讳的就闭门造车。我们需熟知用户选择我们的产品得到什么、解决什么问题，并且解决用户核问题之后，他还能我们的产品中获得什么。这时我们解决的如何获取用户需求。
为了了解用户需求，我们要用户进调研分析，找到品真正目标用户群（有哪几类、几用户色，比如卖品有商家、骑手、消费者三类），再用户群进场景化分析（他们在什么场景下使用品），以确定品真正可能覆盖到使用场景有哪些。
常见的用研方法有：问卷调查、用户访谈、焦点组等，最适用于收集用户的普遍观点需求。其研究工（如用户测或体验程图）则更适用于理解用户体行为及用户和产品交互的表现。通过前期的调研，可以得出一个用户画像，既代表了目标用户有哪类人、有哪些行为目标，这可以让队成员在「产品给谁用」的概念，清晰地知道用户是「谁」。
2. 产品目标（企业通过产品得什？）
用户需求相对应的，是对产品的期望价值，也就是产品目标，其实就是对产品总体方向的把控，包括产品的商业逻辑、商业价值、商业壁垒、品牌传播等。当前互网已进入下半，大把烧钱野蛮生长的模式已经越来越不可持续。此无论是投资人还是创业者，更多的都将回归商业本质，即对产品商业属性的思考。互网圈常说不要去创造需求而要去发掘需求，真正去足目标用户的定需求，因为这的产品才能有商业价值，商业价值的大可以通过市规模析、目标用户价值析等方式进行衡量。除此之外，对于身商业壁垒的析也十重要，在确身优势的同可以进一步巩固和发展这些优势以提高后来者的准入门槛，以此取得更为有利的发展空间。
在项目开始初期，团的成就要对此有清晰的认识。对战略有清晰的认识在设计程中提供一把标尺，引导我们按照正确方向前进。因为我们越是明确道用户想从我们里获取什么，我们就能够更的服务他们。最，内容（用户研、战略定位）最做成文档，并同步到团成，以供大家进行讨论，让大家道 BOSS 或高对产品现状及未来的看法。需要注意的是，战略面虽是整个产品的根基，但不意味着在项目开始之前你的战略要完确定下来，也以在程中逐步完善，因为随着产品逐渐展、成熟，也随着业市场生变化。
3. 阶段目标
产品目标在行一段时间，最需要复盘，也就是之前要设立一个阶段目标，它以是一追踪的指标，在产品上以，用来显示他是否满我们自己的目标和用户的需求，阶段目标与产品身和用户何使用产品有着紧密的关系。同时，指标和视化数据有关联，所以产品经理需要观察产品数据，我人也是非常提倡设计师主动去观察数据，也是你检验设计成果的一项标准。：用户平均停留时长、单月登录次数、改版的数据变化、活动页的跳出率减少 30%、Banner 图的转化率等。
可看，阶性目标和可视数据是分开的，任何成了产访问降低、粘降低、跳率增等行为是可通过数据分析来得到结论的。
带着「产给户带来了么」、「企通过产得到么」的明确认识，我们才搞清楚如何满足这些战略目标。当你把户需求和产目标转变成产应该供给户么样的容和功时，战略就变成了范围。这里是产经需要重点专注的层面。
1. 你正在设计么？
详细记录你正在设计的容，知道这个项目的目标是么，么时候成这个迭代，本次迭代需要上线么东西，当前进是怎样的，善于记录这些你把责任分配得更清晰，可大大协作效率，工作中我们要考虑面个维。
自己的作流程：明确如何行背调，如何行需求审，每一的流程否清晰，否还优化的空间，尤其当出错误的时候，复盘自己，一会可优化的环节。
品迭代流程：品会从个 demo 进入到完迭代环节，个过程，品应该以什么样进度和来进迭代，也是需要思考，在体过程尤其考验了品决策把控和需求优先级管理能力。
队的工作流程：比如定义产品的候是某个部门还是全部，迭代产品的候是只要考虑需求方，还是其产品同事一起，开发资源是否需要协调，队应该如何配并且透地了解产品成长进度等，这些都需要在迭代前后有所思考。
么管理项，总要有工具协助你录吧，在里推荐几款我在工中常用的团、项目、需求管理工具：Xmind、Jira、TAPD、Merlin Project Express（甘特图）。
2. 你不需要设计什么？
里需要进一步讨论产品所包含的具功能，使产品从一个概念转化为功能聚合。此时明确不需要做什么要比列出需要做什么更重要，太的产品一上便拖着一副臃肿的身躯，许功能听上去相当诱人，但是它们对项目的战略目标并不是必需且紧急的，最终落得失败的结局。因此需要明确产品范围边界，梳理得到核心功能。C 端产品通常只有一个核心功能决个人用户的一个核心问题，而 B 端产品则有个核心功能来满企业用户个使用场。被决的问题即是需求，需求从何而来？
需求来源：需求来源一般来说分为和外，大多是职门的一些务性需求或受到战略上的决策影响，而外可是和竞、户反馈的需求，无论是哪些需求，一定是在战略性角看，即，这些需求否满足户或企值，更接地气地说，这个需求否起到实际作，还是伪需求，或者紧急的。
产品落可以提考虑潜的冲突产品中的粗略点，可以划界限什么功能内可以，什么功能内不能，什么功能内暂时不需，什么功能内后。也就我们规划（功能设）的时候先加法，然后减法。比如根据「四象限法则」的思，出优先级、排、不需的。
当然，些产品团队的 PM 会输出一份《功能规格明书》或《PRD文档》，这也范围层面的产出，文档起到义功能的作用，他不需包含产品的每一细节（不交互文档那样细致），只需包含设或发过程中出可能混淆的功能义。
接下我们看，喜马拉APP 6.3.60.3 版本哪些功能需求内需求，一产品从 0 到 1 制范围层时可能不会这么详细，后续的结构层框架层设中偶尔也会反过对范围层行补充。
定义好功范围，并列好优先级之后，我们对最终的产模包含么特性会有一个清晰地认识，然后这些需求并没有说明如何将分散的片组成一个整体。这就是在范围层之上的结构层：为产创建一个功架构，设计户如何到达某个页面，并且要思考他们成事情之后够哪里，就是确定页面各种特性和功最适合的组合方式，并在流程上形成一个闭环。从这里往后就是我们交互设计师该重点专注的层面了：将抽象的需求逐渐整成一个具象的产原。
1. 评判标准
结构是否有质量的评判标准：
- 以各种方式将产品信息合理并有意义地呈现给用户，让用户更容易找到最有用的信息；
- 是整个过程需要多步成，而是户是否认为每个步骤都是合的；
- 一高效结构的优点具备「可包」「可扩展」的能力。
2. 结构层的定义
根据用户的使用场、行为、思考等方式将范围中的功能和内容建立一种有序的排列结构，让用户在使用产品时能够高效顺畅地现需求。就比你把在范围确定的一个个功能点，整理成一个次清晰的脑图，称为：功能架构图。
有功能架构图之，就相当罗列出功能级和抽象的页面局，接下来要对每个功能点、任务点输出一个完整的流程图。流程图对产品经理和互设计师是非常重要的工具，它能够帮助你梳理产品逻辑，通画流程图以清晰地看到产品与用户、角与角、行为与反馈、页面与页面之间的互关系。
3. 常用的流程图分类
功能流程图
描述一个功能或任，从开始结束的行为过程，中间有什殊情况、异常情况，流程，遇见这些情况该如何理，功能点功能点之间的逻辑关系是怎的，当前步骤或流程是不是最理的，切勿为了减少步骤而盲目压缩流程，这要先保证易通性，即让使用者通俗易懂，能够快速了解面的运作模式。
通常用介绍产品功能模块的相互关系或某个功能模块的具组成，产品经理需要向开人介绍某个新增功能模块时，以在原型图宣讲之前使用功能流程图让其对功能的轮廓和走向胸。绘功能流程图能够有效地帮助我们快速梳理产品逻辑和互流程，用 Axure 画流程图非常方便。图：
业流程图
业流程图也可以叫「泳道图」，它是描述整个产品业或个业模块是如何运转的，包含了角色角色、前后、模块模块之间的流程关系，比如外产品的消费者、骑、商家三种角色是如何交互的。通常用于介绍产品业，如产品经理需要向 boss、户、队成员介绍产品业，用流程图辅助讲解的效果，相较于纯语言或文字表达要好得多。同，绘制业流程图能帮助快速了解产品业及角色关系，如图：
页流程图
这个是大家最常见，是把各个原型页用页流串联起来，APP、H5、PC 这些都是由个个页组成，页流描述了用户完成个任务需要经过哪些页。也是我在哪，经过什么操作。般由交互设计师进绘制，其过程能够帮助交互设计师确定品页跳转序以及交互状态，时能帮助我们检查是否有遗漏页和设计。画页流时，主要描述用户正常路径，异常流程则在正常流程附近画出异常流程即可，如图：
品设计从 0 到 1，从需求分析到信息/功能架构→再到业务流程→任务流程→页流程→再到最后原型图（线框图），是个从抽象到具象过程，也是从概况到细分过程。经过步步分析，逐步将想法变成实实在在品，这是品设计魅力所在。而这其流程设计起到举足轻作用，千不可忽视。
将功能和流程梳理楚后，我们要开始设计功能里具体细节，也是让广大设计师又爱又恨原型图。在充满概念结构层形成了大量需求，这些需求都是来自战略目标需求。在框架层里，我们要更进步提炼这些结构，输出详细界雏形、导航及信息设计，也是将结构层东西变更加晰、实在。「交互设计文档」是在该阶段生。
1. 注意事项
让设尽符合用户的使用习惯
不出一些「奇葩」的交互方式「自以」创新的组件，一旦违背了使用习惯用户认知，都会影响操作效率，然，我们体验设不就了提高操作效率舒度吗？举例：消息列表中出比较多的删除方式左滑删除，这已形了普遍的使用习惯，如果非创新到「按→移动→删除」，这不就提高了学习本么，随之的就吐槽产品易用性差。
所以做界设计要选择正确界元素，这些界元素要能帮助用户完成他们任务，要过适让它们容易被感知到和容易使用。这里最忌讳是不要为了所有所有偏好做设计，为个设计不可能适应所有用户，我们要考虑是符合「目标用户」使用习惯，贴近「目标用户」认知即可。比如我们做主打 90 后视频社交品，难要考虑到 70 后认知习惯吗，显然不需要，这没有价值，此我们在做案决策时，需考虑目标用户大部分群即可。
要注意突出，让用户眼看到核心内容
这里需要考虑交互元素和体页布局，可能有些懒惰原型设计者把这个阶段完全丢 UI 设计师了，认为布局是他们事情，前提是 UI 设计师如何快速理解你交互原型，这考验了交互设计师在输出原型时，内容层有没有区分，哪些需要屏内展示，哪些需要弱化，这些注意事项有没有在原型里体现或者说明。
除此之外，这些布局也不能凭觉构建，需要有理有据，比如是否考虑目标用户的浏览习惯。举例：「订阅号消息列表」页面为什是文字在前，缩略图在后，那是因为在该景下，用户在找一条内容或浏览页面，主要通过文章标题来判断是否是想要的内容，而不是图片。
为息做计，将产品息呈现出来并且让用户容易理解
除了上一条说的如何根据浏览习惯组织息之外，还要将这些息再次理，就是如何让用户德舒服、有代入，这是一种促进理解的表达方式。之前在琢磨「长表如何计」，总结出了一句话「息是界面的嘴巴，它需要友好的用户聊，而不是审问用户」。事实就是如此，大家都有共同的经历，在录入多项息，情绪上是抵触的，这个抵触点可能来源于：表交互不智能、组件没有记住之前输入的、宁愿让输入也不让做选择、提示反馈不及、文字引导不友好，文案既死板啰嗦等情况。这就体现了息表达是多重要。
举例，之前我帮朋设计「豆芽文」时，有一个在反馈口，我准备用「图标+在反馈」的文字描述来呈现，来现种方式不太玩、太传统，不能彰显产品，而且我们的用户是中小学生、家长、老师，是一群活泼阳光的群，因此我根据际场，把「在反馈」的文案换成「打小报告」，增加表达趣味，上的口点击件也明显比之前要，目标用户看到里得符合他们的生活场，想点进去看看，不就达到我们设立该口的一个目的吗。希望有人点击，降低用户对「在反馈」的忽略感。
在适的地方权衡利弊，使用适的组件
多组件的功能类似，同可适用于多个景，所以在做交互或 UI 计，一定也经历过类似的纠结点，不知道如何选择计方案，觉 A 和 B 组件都能足需求。这推一个方法给大家，比如要做一个选择器，在该选择器内可以对选项进行选，但这考虑备的兼容性和开发成本，所以准备采用系统生的选择器和动作菜，如图：
可以 AB 组件都能足选的需求，那如何选择最适的呢？
在排除不影响用户认和使用习惯的条件下，我们以选择当前兼容强且操成低的组件，比 A 组件，它是滑动选择的，假设未来能要加更的选项，就需要考虑到组件的延展和包容，所以我选择使用它。
但如果项是定量的，我会择 B 组件，因为量的项，需要我做滑的作就将项清晰地呈现在我眼前，并且点击项后够直接闭弹且生效，而 A 组件却要中后，再点击「确认」，考虑到容因素和操作成本，B 组件更合适。
所以，设方案并不凭感觉的，结合内呈使用场景决策，这也求设师动手之一使用场景。
理性的错误处理
一聪明的系统应该考虑到异常况特殊况，记得刚入行时，我曾责怪过「什么还这么笨的用户」，后发用户始终都无辜的，我们的产品把防错机制完善。「用户错误」这词似乎暗示用户错了某些事，但不仅如此，产品设者也犯下了错误，因他们让用户轻易的出了错的行。所以，解决用户错误的方法不责怪用户，不指导用户如何用，应该设立一套防错规则提高错性，也就「防御设」，让犯错变得困难。比如通过一些手段避免错误：默认、建议、限制（约束）、及时反馈、逆操作方法。
下过 3 个为维度来分析：
2. 操作前，提醒防错
详尽的说明字，突显示
要是针对户或谨慎的操作说明，目的是为了正确引导户习使。引导和示的位置要突，从而户容易感知到（如离标题或输入区一些），确保户在操作前注意到引导或示信息。如图，如果进行示户就知道这个位置的录入机制和字数极限值是怎样的，等输入再示或者点击交再示是否有输入的时候已经晚了，这时户就会认为系统反应迟钝，严重影响了他的工作效率。
当结果不逆时，询问用户让其道操的果
在用户操前及时给出正确且有效地引导和提示，有助减少错误生的能。对比重要的操，需要通二次确认减少错误的生，里指的二次确认有几种程度以参考，我把它分为：轻度防错、中度防错、重度防错，图：
选项比输入更简，并提供默认选项
用户出错的因无非就是这 4 种：系统性能差、被界面误导、粗心大、操作复杂的功能。就拿「操作复杂的功能」来，用户操作的间越长犯错的率就越高，所以，在做一些组件的候，能让用户选择的就不让用户输入，宁可让点击完成任，也不让输入完成任，因为输入比点击的失误概率要大得多，操作成本也相对较高。其次就是选项给用户提供默认值，尤其是用户需要做重复的动作，或者需要确数字的候，先提供一个默认值，然后让用户再修改它。
3. 操作中，实时感知
对用户的操作行视觉化呈，并及时回馈
对用户输入的信息行实时检验，下面这案例中，当用户输入自己的邮件信息之后，即被告知用户这动作的含义，到底输入确还输入错误，不全部输入完毕点击「确认」后提示，实时状态能将错误扼杀摇篮中，用户感知会认系统敏感的，不迟钝的。
适当限制户的某些交互操作
对一些可成错误的操作入口设置约束或直接禁止操作，从而避免错误的发生。举个例子：操作一个模容，展开另一模的同时收起上一个模。填写过程限制户某些操作，这样始终焦点聚集在当前容，在操作者的角会因为容过多而导致情绪波。
4. 操作后，及时反馈&友好引导
错误发生，及反馈错误并提供纠错帮助
及的错误反馈就能保证用户每个阶段的操作都能得回应，避免因为一个的错误就要修改关的一系列内容的情况，提高完成任的效率。反馈不仅要指出有错，还要指出错在哪，反馈文案要准确、友好，这便于用户了解错误的因，方便下一步的修改。另外在用户提交操作之后，也需要及反馈是正确 or 错误，因为这有种叫「心理犯错」的因素，是用户对操作不的表现，你不及告诉操作结果，可能会担心一会呢。
允许用户犯，并支持操作可逆（即撤销以前指令）
iPhone 手原功能，可以在用户出时将多功能设快速原到原始状态。有常见有删除相片、删除邮件、异常情况退出文稿编辑等，这些极端操作都有应草稿箱、垃圾箱、下进入提醒是否原等逆操作来挽回用户误。
整产品的形态不清晰很多了，就需的孩子设貌了，的，提高他的颜气质。表层这五层模型的顶端，也用户会首先注意到的方：感知设。这里将品牌、内、功能学汇集到一起的界面设。框架层，我们主解决组件置元素布局的问题，表层则解决并弥补「产品框架层的逻辑排布」的感知呈问题。通过视觉设，我们决这些内界面应该如何呈。人类五感知：视觉、听觉、触觉、嗅觉、觉。
嗅觉和味觉更多是体现在实体品上，如物、香、酒等用户可以过闻和吃接获取到信息。而互联网品是属于工业设计领域再创作，我们不可能让个虚拟品发出香味，所以下来谈谈视觉、触觉、听觉。
1. 触觉
最观体现是手本身了，量、质感、薄厚以及材质等。而体现在应用交互上是动反馈，像键盘短，充电、长按时候，关时候长，甚至有打游戏、收到要消息、操作失误等场景都有震动，虽然这些震动几乎没什么，是身体是敏感，用户能楚地感觉到系统在和我「话」。出于使用手本能，不用查看都知现在在进什么样操作，有时触觉会比视觉先感知到，合理利用触觉反馈，形也完善了「及时反馈」制。
2. 听觉
声音在很多品上是作为提示来用，虽然这是很不友好提示，是不能否认它比动、视觉效来更观（手在身边情况下）。而些品来说，声音这环显至关要了，比如音乐、音频、视频、游戏、播类品音质保障。儿童教育类和少儿拓展类品在音频上引导会比文信息更观，这类品音频质量接影响着品沉浸体验。在小朋友眼里，品有了声音才显更可爱，更符合他们心理模型。好比我们读小学时，师家长天天唠叨我们写作业，等进入社会以后，学习完全靠自律，基本没有再去监督你，所以他们心理模型是：「这里需要有说话来引导」，在他们眼里这是好玩、有趣、学习品成本也是最低。
3. 视觉
由于我们互联网品特性，视觉权是最多，这也是用户体验设计师最心应手领域。为几乎所有互联网品都会涉及界视觉设计，出于这个原，下主要讲视觉设计如何支持功能设计。
引导用户
评估个品视觉设计简单法，是「视线首先落在什么地」、「哪个设计元素在第时吸引了用户注意力」、「这个元素是偏于品目标是用户诉求」。
一来说，用户视线的移动方式遵循着相当一致的模式。如果你的计是成功的，用户眼球的移动轨迹一有以下个重要的点：
- 首先，它们是条流畅视线流。如用户评论个设计是拥挤、复杂时，表示这个设计没能利地引导视线在页上有序移动。他们眼睛在各各样元素跳来跳去，所有元素都在试图引起他注意。
- 其次，在不需要多花胡哨的计吓用户的前提下，它能否为用户提供某种视觉上的「引导」，这些引导应该支持用户去完成某个目标或任，且不应该散用户的注力。
对比一致性
对比：当一元素众多元素中显得与众不同时，用户就会注意到，这就对比。用于吸引用户注意的一主设手段，把用户的注意力吸引到界面中的关键部分，帮用户理解页面导航元素之间的关系，传达信息设中的概念群组。
比手段般有：空比、大小比、体比、颜色比、虚实比、动静比、稀疏比、比、图文比、立体与扁平比、局部与体比等，这些比手法是自于版设计，然在界设计也是用，本篇主要是分享品设计，此在这里不做细化。如元素没有比性，那个界将显常平庸，没有视觉落，缺乏应有活力，最主要是不能有效地引导用户视线，不能实现传信息目。
致性原则，是另个要组成部分，可分为：视觉致性、交互致性。
视觉一致性：例如通过工将视觉素、模块的大、空间保持一致性。基于栅格线的方法是通过使用模板来确保计的一致性，栅格系统在页面排版布局、尺寸定方面给了计直观的参考，它让页面计变得有规律，从而减少了计决策成本，栅格化提高了页面布局的一致性和可复用性，避免了计开发者在细节上的反复沟通和查，从而提升了整个计开发流程的效率，并能帮助开发者实现较为理想的计还。各种布局也都可以套用这个模板来创建，最后并纳入「UI计规范」中。
交互一致性：在不断迭代的历程中，多模块为了「功能先行」对交互规则做了一些修改，这些的修改积累一定量就会对产品整体的一致性方面提出挑战。产品中的功能点在不断完善的过程中，涉及业流程的景也会丰起来，多的组件适用于不同景也成为产品中必不可少的一部。
B 端产品相对来说，要比 C 端更注重互一致原则，因为 B 端产品的组件复用面积要比 C 端更泛，比表单组件在 B 端产品中最常见，基每个模块、每个任务流使用，果每个模块的互方式不一致，导致复的 B 端产品更复，因此需要定一套互规则。其次从开角度来讲，定统一的互规则能够帮助开在工中直接用，从而减少开成。推荐几个常用的 PC 端和移动端组件库：Element-UI、Ant Design、Vant。
方案
在表现最能让用户形成直观感受的就是颜，人是视动物，颜也表达产品，树立用户一次打开产品的心理印象。核心的方案就是使用品牌，以有效地向外界传递品牌形象，使用品牌并不是让你直接吸，而是根据情况进行饱和度节，里也需要考虑你的目标用户是什么属，他们是否能接受种方案。
需要注意的是，我们设计师因为追赶潮流而忽略了产调性，如说我们的产是 B 端，他面向企户，有特定的职属性，那在配色方面就需要更冷静、性一些，整得里胡哨的。可有些设计师会问「如果都采性的配色，那就打破差异了」，实我个人对这句话是非同的，从产角看差异是从配色发，而是从功发，你解决户需求的方法和竞有么同，或者说务点有哪些优势，视觉设计永远都是务于功、务于商的，脱离了商的设计就变成了「艺术」，而是解决问题的设计。只有从功上打破差异了，你的配色方案才有更大的意义，如入牌元素、合搭配辅助色等。
如果 C 端产品则会一些，因面对的人用户，视觉注重设趋势品牌化，使整产品看起独特，这样用户使用的时候会眼一亮。一些运营、活动、专题类设，视觉设就显得尤重，它直接了引流具，能帮产品提高转化率。
在个完品设计流程里，会要求设计师将表现层东西理出套「UI、交互设计规范」，也可以叫「定义设计语言」。这个规范确定了表现层设计各个，从最大到最小范围内所有元素。影响到品个局部标准，比如：跳转逻辑、色系统、体系统、栅格系统、组件规则、图标、投影等原则。做设计规范好处是显而易见：
- 对内：可保证设团队产出的一致性，尤其多人协作设、跨部门协作、岗交接、设传承、提升设发效率方面，这些方面好了，产品交付到用户手中，也能用户体验的一致性，降低学习本；
- ：统品符号，有助于加深品在用户心印象，让我们品看起来是个协调致体，而不是堆乱七八糟碎片，为公司品宣传和文化设保驾护航。
所以互联网产品设中，合理利用视觉、触觉、听觉，能使产品变得动。
实际这五层面，就我们产品设的作流程注意点：
- 战略层：确定产目标和户需求，为产将来的方向做场调研、户研究，这是产经设计产的根源，是做一个产的开端。
- 范围层：当我们获取到用户需求、明确好产品目标后，就始研究提供什么解决方案满足用户的需求，这些解决方案对应的功能哪些，内由什么组，这时一般会产出《PRD文档》、《功能规格明书》记录，一般包含：版本记录、产品规划图、功能清单、业务流程图、需求列表、发资源、其他相关规范……
- 结构层：功能和内容范围确定后，交互设计师开始根据品需求设计解决案，过架构图和流程图，将这些打散需求串联起来，形成个可以闭环流程，并罗列出功能架构：这些需求会有几个页组成、个页含什么东西。然有些团队可能没有交互设计师岗位，那是 PM 和 UI 共担任。
- 框架层：有了架构图和流程图之后，就开始计体界面雏形（型图、线框图），体这些页面如何跳转、用什组件、交互规则是怎的、页面素怎组等，这候通常会产出《交互计文档》，一包含：版本记录、需求背景、流程图、架构图、页面型、交互说、页面demo……
- 表现：UI 设计对功能设计进行支持的节，基原型图将产品呈现出来，颜、元素、品牌、内容怎么通视设计来定义，取决 UI 设计师何把控产品特、功能理及目标用户的，最将设计稿（高）付给开工程师，并产出《UI、互设计规范》和组件库，方便开用及期复用。
在这还是非常提倡 UI 计去参产品和交互的工作，并且行业趋势也是如此。最近和一位在滴滴工作的体验计交流发现，在滴滴是专家计管理岗，除了管理队之外还参了产品的工作，同也负责交互、视觉、用研等多项工作。
所以，一位优的设计师不是只把界面做的看而已，他一定是具备界面设计之外的项目推动能力和团建设能力。总而言之，我们要从观的角度去看待设计位，假你未来想成为一名 UED 或 UXD，甚至是栈设计师，从现在开始就应该把「设计做视」的心态，转变为「设计是用来决产品问题」的心态。
掉开发的工作之后，这就是把一个户需求，或者一个点子，变成最终的产。每一层都是环环相扣的，涉及到各种决策，我们做么、做么、么组件、放么位置。每一个流程上的每一个决策，都会影响到产最终的样子和户使产的样子。
以我站用户体验五素的维度对产品设从 0 到 1 的梳理，希望家一些启发。
欢迎关注作者微信公众号：「UXD笔记」
浙公网安备33011002017549号