互联网行业的未来趋势是什么？本文将从宏观环境、长期主题、确定性机会三个方面，来总结互联网的十大关键词，推荐对此感兴趣的朋友阅读，希望对你有所帮助。

2021年，互联网行业经历了一场耐力大考验。这一年，政策监管席卷了诸多行业，互联网行业身处风暴眼。从反垄断超200亿元巨额罚款，到平台之间“拆墙”势在必行，数据合规已经上升至国家安全的战略高度，一项又一项新政，让互联网行业告别野蛮扩张。互联网大厂内部的日子也不好过。

2021年三季度，互联网大厂们均不同程度地遭遇营收增长乏力、净利润增速下滑的问题，纷纷裁员过冬、节衣缩食。内外环境的变化都昭示着，消费互联网的时代渐行渐远，互联网行业正处在转型的重大拐点。身处其中的玩家们，只有两条路，要么抓住新机会、去新的战场掘金，要么让科技创新成为发展的底层驱动力。

即将过去的2021年有着诸多关键词，反垄断大年、互联互通元年、数据安全元年、碳中和元年、元宇宙元年……在2022年即将开启之际，我们从宏观环境、长期主题、确定性机会三个方面，盘点了十大关键词，分别是反垄断、互联互通、数据安全、拥抱变化、碳中和、硬科技、元宇宙、产业互联网、出海、助农，以期呈现互联网行业的未来趋势。

一、宏观环境

1. 反垄断：资本不再万能

2021年，被称为“反垄断大年”。尤其是互联网领域，利剑频繁落下。上半年，阿里巴巴因实施“二选一”垄断行为被罚182.28亿元，这是我国至今开出的最大反垄断罚单。下半年，美团因同样的原因，被罚34.42亿元。单是这两家大厂，因垄断行为被罚金额，就超过200亿元。

过去二十余年，互联网巨头渗进各行各业，靠着一套“烧钱、合并、垄断”的打法，疯狂扩张，加剧了收入分配不公和社会不稳定。因此，“强化反垄断和防止资本无序扩张”在去年的中央经济会议上，被列为2021年八项重点任务之一。

据统计，2021年以来，国家市场监管总局共发布反垄断处罚案例上百起，其中七成以上案例涉及互联网企业。而针对“二选一”、“大数据杀熟”等行为的反垄断细则也在出台。监管趋严之下，互联网巨头们开始有所行动。

12月，腾讯以中期派息方式，将所持有约4.6亿股京东股权发放给腾讯股东，对京东持股比例将由17%降至2.3%，被外界猜测为降低自身反垄断监管的风险。腾讯持股的美团、拼多多、知乎等大公司或将面临同样境况。互联网领域反垄断的大旗，今年只是刚刚扬起。

11月18日，国家反垄断局正式挂牌，被视为我国反垄断体制机制进一步完善的体现。而且，“强化反垄断和反不正当竞争”在2022年中央经济工作会议中再次被强调。这意味着，接下来，反垄断在执法层面将常态化、系统化地铺开，打破原有的市场壁垒。

2. 互联互通：“拆墙”是大势所趋

过去，互联网公司们越来越壮大，逐步形成了平台生态的闭环，圈流量池的“城墙”越筑越高，最典型的便是腾讯系、阿里系、字节系产品，分别以微信、淘宝、抖音为代表，互相屏蔽链接访问，如微信不能直接访问来自淘宝抖音的链接，淘宝购物不能使用微信支付，抖音针对第三方来源的产品、不支持进直播间购物车……

随着互联网流量红利逐渐消失，存量时期，互联网企业们竞争的重点依然还放在如何加深流量池的壁垒，陷入了残酷的恶性竞争。互联互通，是反垄断的举措之一，更是为了能够降低交易成本、促进创新创业，推进平台之间的长远良性发展。

9月13日，针对屏蔽链接网址这一问题，工信部相关部门提出有关即时通信软件的合规标准，要求9月17日前各平台按标准解除屏蔽。然而，这天之后，平台之间的互联互通不及理想效果。有网友投诉微信并未开放，例如淘宝购物车一键分享功能在上线第2天就在微信失效。

腾讯总裁刘炽平在财报会议上曾表示，平台之间的互通是“非常复杂的问题”。从商业角度而言，以腾讯为例，互联互通意味着腾讯系企业独享微信生态的优势将失去。单从技术层面分析，平台打通之后，用户体验、用户隐私都是需要考虑的问题。但从根本上来说，“拆墙”是大势所趋。

到11月29日，微信已经开始松绑外链，用户发现已经可以在微信上直接打开淘宝以及抖音等链接。一位行业观察者分析称，2021年，在有关部门的推动下，互联网平台间的互联互通已经完成了从0到1，也就意味着更多的互联网企业至少不会在新的领域设置限制，而过去旧有的关卡，也会循序渐进地逐步拆除。

3. 数据安全：加速度发展

2021年6月，滴滴在美股递交招股书，紧接着7月，“滴滴出行”因APP存在严重违法违规收集使用个人信息问题，被依据《中华人民共和国网络安全法》相关规定下架。在滴滴之后，运满满、货车帮、BOSS直聘也被启动网络安全审查，2021年数据安全审查的大幕拉开。

滴滴事件背后，是互联网产品的相关数据和技术应用不但涉及个人权利、隐私，还关系着公共安全乃至国家安全的议题。2021年，被称为数据安全元年。继《数据安全法》、《个人信息保护法》施行之后，有关部门还发布了《数据出境安全评估办法(征求意见稿)》。

一位数据安全领域从业者表示，今年很多大公司的重心是实施数据安全相关的法律法规，接下来，互联网选手们的重心就会放在，如何更进一步在数据安全方面规避风险，提高效率。与此同时，数据安全的市场快速崛起。其中的隐私计算异军突起，成为数据安全领域最炙手可热的赛道。

据统计，隐私计算领域2021年融资额已超50亿元。中国信息通信研究院云计算与大数据研究所发布的《2021数据安全行业调研报告》显示，我国数据安全已经到了发展的关键期，未来对于数据安全的需求将越来越大，同时对于服务能力和产品能力的要求也越来越高。

4. 拥抱变化：合规是未来几年的大趋势

这一年，高密度、强力度的监管持续，让所有互联网从业者都无法忽视。从整治币圈乱象、教培领域的“双减”、房地产行业的大震荡，到监管风暴刮到短视频、直播电商、游戏领域，面临反垄断、互联互通、数据安全监管的互联网行业必须求变。

监管趋严的背后，是互联网原有的打法已经不适合新时代的要求，有关部门正引导着整个互联网企业，从以往的无序扩张、野蛮生长，向精耕细作的新时代转型，从以前的消费互联网模式，向由科技主导的互联网时代发展。2021年三季度期间，阿里、腾讯两大头部，营收增速、净利润双双下滑，除此之外，多家大厂都面临类似情况。

互联网企业纷纷裁员“过冬”，节衣缩食。展望2022年，合规一样是大势所趋，在未来几年也还将持续。互联网正在进入一个新时代，企业们需要构筑新的增长引擎。而身处其中的个体，也都要做好拥抱变化的准备。“唯一永恒不变的东西就是‘变化’”，将无比适用。

二、长期主题

1. 碳中和：未来十年的热门主题

在2020年中国提出“2030年前碳达峰、2060年前碳中和”的“双碳”目标之后，2021年初，“碳中和”被第一次写入政府工作报告，成为国家战略，2021年也被视为是“碳中和元年”。碳中和，本质就是让二氧化碳排放量“收支相抵”，减缓全球变暖。

在“双碳”目标提出之后，今年，互联网大厂们都加速跟进“碳中和”，制定碳中和目标及规划，动作贯彻全年。从1月腾讯打响头炮，启动碳中和目标规划；3月，蚂蚁集团承诺从今年起实现运营排放的碳中和，并在2030年实现净零排放；到年中6月，百度发布“碳中和全景图”，公布在2030年实现集团运营层面的碳中和目标；

年底，阿里也明确提出了碳中和三大目标，要在2030年之前，实现自身运营碳中和、上下游价值链碳排放强度减半，用15年时间以平台之力带动生态减碳15亿吨。对于这些互联网科技企业而言，碳中和既是企业社会责任的一部分，也和自身商业模式相关。

碳中和背景下，ESG投资火了。这种将企业在环境保护（Environment）、社会责任（Social Responsibility）以及公司治理（Corporate Governance）三方面非财务指标的表现纳入投资决策的投资理念，在一二级市场都备受关注。

红杉资本、高瓴资本等头部投资机构纷纷宣布将ESG纳入投资决策，碳管理SaaS企业碳阻迹披露A轮融资后，据报道，创始人一天收到了1000多通来自投资人的电话。二级市场，证监会已经将ESG信息列为上市公司与投资者沟通的主要内容之一。

波士顿咨询公司发布的报告预测，为实现碳中和目标，从2020年到2050年我国需要累计投资90万亿-100万亿元资金。现如今，互联网大厂们已经以10年为周期进行碳中和目标的规划，碳中和这个关键词至少在未来十年内都将是热点主题。

2. 硬科技：迎来最好的时代

“硬科技和科技创业是中国未来三十年发展的主旋律，是中国强大起来的必经之路。”提出了硬科技理念的中科创星创始合伙人米磊曾提到，这一结论背后，是中国正处于从模式创新到科技创新转型的拐点，中国政策正在从投资驱动、要素驱动到创新驱动转型。

硬科技强调将核心技术牢牢掌握在自己手中，代表性领域包括光电芯片、人工智能、航空航天、生物技术、信息技术、新材料、新能源、智能制造等。资本早已经押注硬科技。在高瓴资本和红杉资本2021年的投资中，硬科技成为了投资最多的方向。

红杉中国创始及执行合伙人沈南鹏曾对媒体表示，硬科技领域投资，已经超过红杉中国投资组合的80%，“一个科技主导的创业新时代已经到来”。北交所11月15日开市当天，78家上市企业当中，有16家是硬科技企业。互联网巨头们也都将硬科技布局至于重要地位，内部下场自研，对外投资收购，双管齐下。

12月，腾讯减持京东背后也是投资逻辑的改变，相较消费类投资，腾讯转而更关注硬科技领域，包括芯片公司燧原科技等；阿里内有达摩院和半导体公司平头哥，对外投资有紫光股份、恒玄科技等；美团的策略从“Food+Platform”转变为“零售+科技”，深耕无人配送领域，还在自动驾驶、机器人、激光雷达、芯片等领域加强投资。

硬科技产业是新一轮产业革命的动力引擎，已经成为了业界共识。人才、热钱都在涌向硬科技这个会影响一个时代的领域，但硬科技发展门槛高、前期投入大、技术迭代周期长，投资者更需要熬得住。

3. 元宇宙：未来的星辰大海

元宇宙，这个连定义都尚未明晰的概念，在2021年火遍全球。上半年，元宇宙第一股Roblox上市，就引起了市场对于这个新鲜事物的关注。下半年元宇宙突然爆火，离不开全球互联网巨头Facebook浇上的一把油。Facebook宣布改名为Meta，以更名表明进军元宇宙（MetaVerse）的决心。

这之后，虚拟人“柳夜熙”大火，短短几天就圈粉500多万。腾讯、阿里、字节跳动都纷纷表示，正在布局元宇宙，就连网易云音乐，也要打造音乐元宇宙。

一级市场上，创业者早已扎堆涌入。据企查查显示，仅带有元宇宙名字的公司就近千家，元宇宙相关领域的抢人大战抢先打响。与之相关的数字人、VR/AR、游戏、社交领域的产品，都引发了投资人的关注。

二级市场上，元宇宙概念股更是狂飙突进。股票只要蹭上元宇宙就暴涨，居高不下的涨幅，甚至惊动监管部门要求说明公司与元宇宙的关系。有机构以知识付费项目把元宇宙包装成一夜暴富的机会，声称“未来只有元宇宙这一条路”，以贩卖焦虑的方式借机敛财，有元宇宙培训课程10天收入160万。

元宇宙里的炒房热、炒地热，也完全不输现实世界。下半年，全球虚拟土地的单笔最高成交纪录接连被打破，不到一个月时间，从243万美元、430万美元提升至约500万美元。就连国内尚在内测期的元宇宙社交产品，其虚拟房产在二手市场的交易都异常火热。

与现实世界平行，能通过“化身”在三维空间交流娱乐的元宇宙，距离真正实现，在技术层面还有很长的路要走。单从被视为元宇宙入口的VR/AR设备层面而言，一年出货量在千万级别，距离普及还很远。但关注者们都认为，近几年内，忽视元宇宙的发展和进化，一定会错过大机会。

三、确定性机会

1. 产业互联网：数字化转型大势不可逆

产业互联网不算是新话题。早在2019年，腾讯创始人马化腾就曾表示，互联网的上半场是消费互联网，下半场是产业互联网。到2021年，在国家宏观政策导向中，数字经济、数字化已经成为相关政策文件中多次提及的关键词。

消费互联网时代的商业模式能够带来的增长和创新日趋窘迫，下一个时代，以互联网技术对各个垂直产业链进行数字化重塑和改造，将互联网与实体经济进行融合，加速产业的数字化转型，即产业互联网，是政策支持的方向。

现如今，云计算、人工智能、5G等技术正在向金融、医疗、教育等行业渗透，技术的发展也正掀起新一轮的产业革命。互联网头部大厂们都在朝着这个通往未来的方向行进。腾讯自2018年“930”变革起，就全面发力产业互联网，在智慧零售、智慧医疗、智慧金融、智慧教育等多个领域垂直布局；

阿里巴巴集团董事会主席兼CEO张勇提及，希望能成为一家消费互联网和产业互联网结合得更好的公司，协助企业数字化转型的阿里云，2020财年营收已经超过了200亿元。此外，百度、京东、字节、美团都在布局产业互联网。

中信联产业互联网工作委员会秘书长张健在一次公开分享中提到，近几年产业互联网的发展，可以发现其服务体系正在呈现螺旋式的迭代升级，同时它本身的服务在进行一体化、集成化的创新。产业互联网平台的发展，一方面不断地丰富和拓展各类服务，另一方面，不断地推动各类服务，进行数字化、网络化、智能化的迭代升级。

2. 出海：去新的战场掘金

12月，阿里进行了近五年以来最重要的一次组织调整，沿用多年的To C（面向消费者）业务和To B（面向企业）业务架构被拆分，重组为国内业务和全球化业务两大板块。阿里海外新兴业务的重要性显而易见，这部分业务的增速，远高于国内市场。全球化成为与内需、云计算并列的阿里三大战略之一。

随着国内市场战局已定，主流的互联网公司早已打起了出海的主意。现如今电商、游戏、娱乐社交产品、内容文创是出海的几大领域。电商领域，自2020年疫情以来，我国跨境电商呈现爆发式增长。天眼查显示，2021年我国有超60万家跨境电商相关企业。

在亚马逊“封号潮”在跨境电商圈持续引起震动后，TikTok就成了卖家们主要关注的另一个平台。在游戏出海中，据央视新闻，近年来，国产游戏出海已成为中国游戏产业重要的增长来源，数据显示，2021年中国自主研发游戏海外市场实际销售收入达180.13亿美元，比2020年增加了25.63亿美元，同比增长16.59%。

娱乐社交方向，以Bigo Live、Likee、Hago多款产品分别发力直播、短视频、游戏领域的欢聚集团，拥有MICO、Yumy等社交产品并在游戏领域布局的赤子城，以及主攻中东市场社交和游戏的Yalla，都已经在海外市场打开了局面。

TikTok的发展更是备受关注，9月，其月活用户量已经突破了10亿，有数据显示，其成为2021年全球访问量最大的互联网网站。出海往往面临着产品服务水土不服、政策管控等风险，但也挡不住互联网公司们出海找增量。时至今日，互联网选手们出海的阵地从东南亚、印度到中东、非洲、拉美，如今已经席卷全球。

3. 助农：助推乡村振兴

岁至年末，抖音“张同学”一夜蹿红。不到三个月涨粉1760万，平均每天涨粉超20万。随着张同学被关注，外界逐渐意识到，这个现象级网红引领的农村题材短视频成为焦点，离不开抖音对新农人的流量扶持。这被认为，既为寻找新的场景增量、向曾经的老对家快手的腹地深入，也抓住了乡村振兴的主旋律。

盯着农村市场的大有人在。电商平台早就讲起了助农故事。拼多多以农产品起家，从基因上就有扶农助农的优势；阿里淘特、京东京喜2021年也都将生鲜农产品的销售当作重点发力方向之一；社区团购的选手们更是没有放过“助农”，橙心优选、十荟团都在今年提出了助农计划。

不止如此，互联网企业们也从数字化升级的角度助农。乡村振兴，助农先行。这些互联网企业们如此看重助农，离不开国家对于乡村振兴的重视。2021年，中央一号文件正式提出全面推进乡村振兴，加快农业农村现代化，凸显了新发展阶段党中央对农村工作的高度重视。

农村市场潜力有多大？有关部门公布的数据显示，我国每年果蔬产量、消费量高达7亿吨，约占世界的40%。我国乡村消费品零售额增长连续8年快于城镇。一面是政策的扶持，另一面是农村市场的巨大潜力。

“助农”既意味着乡村振兴，更意味着新的增长潜力。中国乡村振兴建设委员会副秘书长袁帅对深燃表示，互联网企业们的“农业梦”早已表露无疑，如今争先入局，是因为全球疫情影响下经济内循环是关键，只有盘活“三农”资源，才能实现对下沉市场的挖掘。

文章来源：人人都是产品经理   作者：深燃
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

结合场景，设计师可以更精确地了解用户需求，进而推动产品的升级迭代和体验优化，实现精细化设计。然而，你真的了解“场景”这个定义吗？场景化设计又该如何进行呢？本篇文章里，作者就“场景”的相关问题做了解答，一起来看一下。

前言

在日常沟通中，如需求评审、日常的设计沟通及跟开发的方案交流，常常听到提起“场景”一词。“用户在什么场景需要这个功能？”、“这么设计依据的场景是什么？”、“你有没有考虑过这个使用场景？”在情境中每个“场景”听起来好像都不太一样，能粗略感受意思，但具体想想又很模糊，那场景到底是什么？它能帮助设计师做哪些事？

一、场景的定义

关于“场景”，不同的出处给出的解释也不尽相同，并没有给出一个明确的定义。

• 在《交互设计精髓4》书籍描述“场景”为用户如何使用产品实现具体目标的故事。
• 梁老师在《产品思维三十讲》中将“场景”分为：场、景。场为“时间”“空间”，景为“情景”“交互”。
• 在《2020UCAN》中四场关于场景的案例，将案例解释为：人+场+事+物。
• 百科定义“场景”是指戏剧、电影等艺术作品中的场面，泛指情景。

上面四种对场景的解释，涵盖的对象和包含的要素各不相同，那我们如何理解场景呢？如何定义场景？

场景常用在产品迭代中的产品需求阶段和设计阶段，作为产品从产生到设计的依据，2个阶段的侧重点不同，需求阶段（明确用户是谁，需求是什么，做什么事），设计阶段（基于某目标，使用产品的情况）。场景是需求和行动的具现化描述，场景分别对应阶段分为：用户需求场景和用户使用场景。

场景类别1：用户需求场景

用户需求场景是用户需求的扩展细化，补充描述需求涉及的多个关键要素。若只有简单描述需求的情况下，对产品的指导设计容易出现偏差。

这里举个例子：“周四下半年，小波回家出地铁口（场景），想吃菠萝（需求），看到有个卖菠萝的摊位，上去看了看，都是没有削皮的菠萝（产品），地铁口人流量大，小波不想等没买菠萝就走了。”

这案例从需求来说，没削皮的菠萝已对焦，但因为环境影响了小波不够买的行为。若菠萝的已经削皮，小波就已经买了带回家好好品尝。基于此再进行延伸，若场景放在逛街的场景中，已经切块菠萝就是匹配的，随走随吃。

若场景放在水果店里，没削皮的菠萝是合理的，保证了新鲜度安全性品质，甚至还可以多种菠萝挑选，因为有时间。从上面来看，同一个需求，因为场景不同，其菠萝的形态也不同。场景是需求的细化，会影响到最终产品的设计上。

需求场景：用户+环境+需求+事件。在【某环境】下，【某用户】做了【某事】来满足【某需求】。用户、需求、事件是核心要素，环境是影响要素，环境包含时间、空间。除了环境要素还包含用户状态。

场景类别2：用户使用场景

用户使用场景描述的是在需求场景的前提下，具体描述为了完成某任务，跟产品怎么交互的过程。其对产品的具体设计有较大影响。

这里举个例子：以接电话（任务）的情况来看，手机未在使用状态锁屏下和手机正在使用中就是完成不同使用场景。

在手机正在使用中（用户状态），考虑不被过度打扰，此时的电话提醒是小区域展示，接通、拒绝和收起操作都是直观的操作。在锁屏状态下可以放在裤兜里（用户状态），考虑不被误触采用滑动解锁，以及可以物理按键免打扰和拒绝（可以不看直接操作）。同一个任务在不同的状态下，因因素的差别影响产品的设计。

使用场景：用户+环境+目标+产品。在【某环境】下，【某用户】跟【某产品】发生了交互，用来完成【某任务】。

用户、目标、产品是核心要素，环境是影响要素，环境包含时间、空间。除了环境要素还包含用户状态和承载产品的设备状态。

场景关联的概念

设计常用的工具有2个跟场景关联，它们是用户画像、用户故事。用户画像描述了用户需求，用户需求场景是用户需求的延伸，用户故事则是用户需求场景的细化，一个场景可包含多个用户故事。

• 用户画像：用户特征+用户需求；
• 用户故事：场景+产品+用户操作，用户故事基本等同于用户使用场景。

二、场景的价值

上一段描述2种类型的场景，场景不仅限于指导产品设计，还可以助力团队协作等多个方面。以下通过需求分析、团队协作、产品设计三块来描述场景的价值。

1. 需求分析

场景可以帮助挖掘需求的完整性、判读需求是否准确及梳理需求优先级。

1. 【完整性】深刻理解产品需求，让产品功能更全面，挖掘产品的新机会或者产品的新功能。
2. 【准确性】让需求分析准确，辨别需求真伪。
3. 【优先级】考虑用户如何使用产品，帮助理清强弱场景，帮助理清强弱需求。

2. 团队协作

场景可以帮助团队增强同理心、更好的理解需求及提升产品设计的参与度。

1. 【易理解】让团队对产品的理解更简单、具体（对于理论以及长篇大论的需求文章来说，人们更能记住故事发生的场景，通过简短但是详尽的故事描述）。
2. 【同理心】让团队进入用户视角看产品设计，而不是产品单方面的猜测。
3. 【参与度】用户场景是协作设计工具，期望所有项目利益相关者参与产品需求和设计的。

3. 产品设计

1. 【优化现有】突破用户原有的解决方案：意即在当下的场景下，用户可能会产生什么问题？用户原有的解决方案是什么，我们是否有机会提供更好的解决方案呢（效率或者更好的体验）？
2. 【新机会点】发现场景的连续性，发现行动中的不连续性。通过成组的动作进行预期：比如复制 – 粘贴；分享 – 朋友圈等。
3. 【精细设计】从面对所有人转向用户分层精细化设计，打造竞争优势。
4. 【产品归纳】场景具现化需求，可用场景去归类相关的产品。

三、场景的挖掘方法

如何获取场景？

2种类型场景因获取信息的侧重点不同。用户需求场景侧重需求及事件的描述，及描述事件相关联的环境。用户使用场景侧重使用产品完成任务交互的过程。有两种用户调研方法适用：访谈法、观察法。

1. 访谈法

挖掘用户需求场景，主要去挖掘未知的需求和当下满足的需求是否有优化拓展空间，更适合提供一些开放性问题引导用户给出更多信息，在用户延伸出新信息再继续往下深挖需求相关元素等。

• 您能描述下一天的工作流程吗？
• 在流程中有没有遇到其他场景？
• 您能具体描述下这个场景吗？所在什么样的环境
• ……

了解用户使用场景，引导用户具体描述任务完成的过程，再延伸其中遇到的问题点等。

• 您是怎么使用渲染的？
• 图文编辑的流程是怎么样的？
• ……

2. 观察法

观察法更容易观测用户使用场景，可以发现在访谈中很多忽略的细节。对于用户需求场景，需要更长期的观测，对观测的行为进行记录反推其需求。观察法可以是完成中立的观测，也可以是边观测边适时的提问便于挖掘原因。甚至可以自己作为用户参与进去。

四、场景化设计

什么是场景化设计？场景化设计是引入场景概念将简单需求延伸拓展出更多延伸的决策因素来精细化产品设计，简单讲是将原粗放型设计转向精细化设计，提升目标转化、体验等。场景要素影响的多少决定了场景化差异的空间，场景化设计的前提并不对整体目标的转化造成负面影响。

场景最终落地到产品设计上，在一场景里并不是所有的要素都对产品起到影响作用，在设计前可筛选出对产品产生影响的要素，进行一一罗列。产品的3部分组成：功能、内容/信息、形态。场景要素最终影响其的变化。

场景要素：用户、需求、事件、环境状态、载体状态、人物状态。

产品组成：形态、功能、内容。

场景化设计最适用于O2O领域的设计，它会涉及丰富的空间、时间、天气环境等影响因素，同样的需求存在n多种不同场景情况。在我负责业务主要以web为主，日常场景更多是基于用户需求的拓展。

产品设计与场景的关系

产品如何承载用户需求场景？把场景和产品承载容器（可指单页面）作为象限划出4种类型区间。

1. 产品理想的情况是单容器承载单个场景，单场景可以清晰传达，产品帮助用户专注完成当下需求场景下的任务。
2. 非必要情况下，不要让多容器承载单场景。就好比将一个衣柜的能力，直接拆开称多个房间一个房间放外套、一个房间放裤子、一个房间放内衣等等，会让使用变得极其麻烦。
3. 单容器承载了多个场景，这时候需要去辨别场景之间是否有关联，切忌不要把太多无关联的场景一起传达。如一个房间内包含了厕所、厨房、卧室、客厅，场景之间会相互打架。单容器多场景不合理情况下，不仅分散了用户注意力，也更难让用户理解产品，且对于产品来说也会多出更多不必要的成本消耗。
4. 多容器承载多场景近似于单容器承载单场景。

五、场景化应用案例

在上一篇文章《需求太碎？设计师如何在小业务中提炼价值》中有过产品场景的案例解析。是对一个小项目进行了新的需求场景挖掘，推动进行改版的过程，这里不再展开说明，有兴趣的朋友可以去看一看。个人实践案例不能完全覆盖场景化应用，另收集了一些直观的场景案例展示如下。

1. 核心要素的应用案例

1）要素——用户、需求

淘宝首页男生女生看到的内容和功能都有差异人需求差异。

2）要素——事件

京东购物车从原来的暂时放置商品延伸出更多关联的场景，如：对比、收藏，围绕场景产品设计。

2. 影响因素的应用案例

1）时间——饿了么

根据不同的事件点推送不同的内容，晚上是夜宵，中午是午餐、早上是早餐、晚上是晚餐。

2）地点——去哪儿旅游

根据不同的地点推送不同的内容。

3）人物状态——手机接电话

手机接电话（景的差异，差异化交互形态），手机放裤兜走路中，手机正在使用中，2个场景手机进来。使用手机中（防止错误，更适合用户体验）。

六、小结

场景是入门容易、普适性很强的应用工具，也是个人推崇的设计师入门必备技能点。

在用户需求上可以帮助挖掘新的机会点拓展产品的使用边界。在设计上场景让设计有据可依对产品设计更准确。在业务上可以通过场景的描述对业务所满足的需求有更深入的理解，可以帮助理解许多功能之间的关系。在协作上给团队提供沟通的基础，容易达成共识。

结合场景，设计师可以更精确地了解用户需求，进而推动产品的升级迭代和体验优化，实现精细化设计。然而，你真的了解“场景”这个定义吗？场景化设计又该如何进行呢？本篇文章里，作者就“场景”的相关问题做了解答，一起来看一下。

前言

在日常沟通中，如需求评审、日常的设计沟通及跟开发的方案交流，常常听到提起“场景”一词。“用户在什么场景需要这个功能？”、“这么设计依据的场景是什么？”、“你有没有考虑过这个使用场景？”在情境中每个“场景”听起来好像都不太一样，能粗略感受意思，但具体想想又很模糊，那场景到底是什么？它能帮助设计师做哪些事？

一、场景的定义

关于“场景”，不同的出处给出的解释也不尽相同，并没有给出一个明确的定义。

• 在《交互设计精髓4》书籍描述“场景”为用户如何使用产品实现具体目标的故事。
• 梁老师在《产品思维三十讲》中将“场景”分为：场、景。场为“时间”“空间”，景为“情景”“交互”。
• 在《2020UCAN》中四场关于场景的案例，将案例解释为：人+场+事+物。
• 百科定义“场景”是指戏剧、电影等艺术作品中的场面，泛指情景。

上面四种对场景的解释，涵盖的对象和包含的要素各不相同，那我们如何理解场景呢？如何定义场景？

场景常用在产品迭代中的产品需求阶段和设计阶段，作为产品从产生到设计的依据，2个阶段的侧重点不同，需求阶段（明确用户是谁，需求是什么，做什么事），设计阶段（基于某目标，使用产品的情况）。场景是需求和行动的具现化描述，场景分别对应阶段分为：用户需求场景和用户使用场景。

场景类别1：用户需求场景

用户需求场景是用户需求的扩展细化，补充描述需求涉及的多个关键要素。若只有简单描述需求的情况下，对产品的指导设计容易出现偏差。

这里举个例子：“周四下半年，小波回家出地铁口（场景），想吃菠萝（需求），看到有个卖菠萝的摊位，上去看了看，都是没有削皮的菠萝（产品），地铁口人流量大，小波不想等没买菠萝就走了。”

这案例从需求来说，没削皮的菠萝已对焦，但因为环境影响了小波不够买的行为。若菠萝的已经削皮，小波就已经买了带回家好好品尝。基于此再进行延伸，若场景放在逛街的场景中，已经切块菠萝就是匹配的，随走随吃。

若场景放在水果店里，没削皮的菠萝是合理的，保证了新鲜度安全性品质，甚至还可以多种菠萝挑选，因为有时间。从上面来看，同一个需求，因为场景不同，其菠萝的形态也不同。场景是需求的细化，会影响到最终产品的设计上。

需求场景：用户+环境+需求+事件。在【某环境】下，【某用户】做了【某事】来满足【某需求】。用户、需求、事件是核心要素，环境是影响要素，环境包含时间、空间。除了环境要素还包含用户状态。

场景类别2：用户使用场景

用户使用场景描述的是在需求场景的前提下，具体描述为了完成某任务，跟产品怎么交互的过程。其对产品的具体设计有较大影响。

这里举个例子：以接电话（任务）的情况来看，手机未在使用状态锁屏下和手机正在使用中就是完成不同使用场景。

在手机正在使用中（用户状态），考虑不被过度打扰，此时的电话提醒是小区域展示，接通、拒绝和收起操作都是直观的操作。在锁屏状态下可以放在裤兜里（用户状态），考虑不被误触采用滑动解锁，以及可以物理按键免打扰和拒绝（可以不看直接操作）。同一个任务在不同的状态下，因因素的差别影响产品的设计。

使用场景：用户+环境+目标+产品。在【某环境】下，【某用户】跟【某产品】发生了交互，用来完成【某任务】。

用户、目标、产品是核心要素，环境是影响要素，环境包含时间、空间。除了环境要素还包含用户状态和承载产品的设备状态。

场景关联的概念

设计常用的工具有2个跟场景关联，它们是用户画像、用户故事。用户画像描述了用户需求，用户需求场景是用户需求的延伸，用户故事则是用户需求场景的细化，一个场景可包含多个用户故事。

• 用户画像：用户特征+用户需求；
• 用户故事：场景+产品+用户操作，用户故事基本等同于用户使用场景。

二、场景的价值

上一段描述2种类型的场景，场景不仅限于指导产品设计，还可以助力团队协作等多个方面。以下通过需求分析、团队协作、产品设计三块来描述场景的价值。

1. 需求分析

场景可以帮助挖掘需求的完整性、判读需求是否准确及梳理需求优先级。

1. 【完整性】深刻理解产品需求，让产品功能更全面，挖掘产品的新机会或者产品的新功能。
2. 【准确性】让需求分析准确，辨别需求真伪。
3. 【优先级】考虑用户如何使用产品，帮助理清强弱场景，帮助理清强弱需求。

2. 团队协作

场景可以帮助团队增强同理心、更好的理解需求及提升产品设计的参与度。

1. 【易理解】让团队对产品的理解更简单、具体（对于理论以及长篇大论的需求文章来说，人们更能记住故事发生的场景，通过简短但是详尽的故事描述）。
2. 【同理心】让团队进入用户视角看产品设计，而不是产品单方面的猜测。
3. 【参与度】用户场景是协作设计工具，期望所有项目利益相关者参与产品需求和设计的。

3. 产品设计

1. 【优化现有】突破用户原有的解决方案：意即在当下的场景下，用户可能会产生什么问题？用户原有的解决方案是什么，我们是否有机会提供更好的解决方案呢（效率或者更好的体验）？
2. 【新机会点】发现场景的连续性，发现行动中的不连续性。通过成组的动作进行预期：比如复制 – 粘贴；分享 – 朋友圈等。
3. 【精细设计】从面对所有人转向用户分层精细化设计，打造竞争优势。
4. 【产品归纳】场景具现化需求，可用场景去归类相关的产品。

三、场景的挖掘方法

如何获取场景？

2种类型场景因获取信息的侧重点不同。用户需求场景侧重需求及事件的描述，及描述事件相关联的环境。用户使用场景侧重使用产品完成任务交互的过程。有两种用户调研方法适用：访谈法、观察法。

1. 访谈法

挖掘用户需求场景，主要去挖掘未知的需求和当下满足的需求是否有优化拓展空间，更适合提供一些开放性问题引导用户给出更多信息，在用户延伸出新信息再继续往下深挖需求相关元素等。

• 您能描述下一天的工作流程吗？
• 在流程中有没有遇到其他场景？
• 您能具体描述下这个场景吗？所在什么样的环境
• ……

了解用户使用场景，引导用户具体描述任务完成的过程，再延伸其中遇到的问题点等。

• 您是怎么使用渲染的？
• 图文编辑的流程是怎么样的？
• ……

2. 观察法

观察法更容易观测用户使用场景，可以发现在访谈中很多忽略的细节。对于用户需求场景，需要更长期的观测，对观测的行为进行记录反推其需求。观察法可以是完成中立的观测，也可以是边观测边适时的提问便于挖掘原因。甚至可以自己作为用户参与进去。

四、场景化设计

什么是场景化设计？场景化设计是引入场景概念将简单需求延伸拓展出更多延伸的决策因素来精细化产品设计，简单讲是将原粗放型设计转向精细化设计，提升目标转化、体验等。场景要素影响的多少决定了场景化差异的空间，场景化设计的前提并不对整体目标的转化造成负面影响。

场景最终落地到产品设计上，在一场景里并不是所有的要素都对产品起到影响作用，在设计前可筛选出对产品产生影响的要素，进行一一罗列。产品的3部分组成：功能、内容/信息、形态。场景要素最终影响其的变化。

场景要素：用户、需求、事件、环境状态、载体状态、人物状态。

产品组成：形态、功能、内容。

场景化设计最适用于O2O领域的设计，它会涉及丰富的空间、时间、天气环境等影响因素，同样的需求存在n多种不同场景情况。在我负责业务主要以web为主，日常场景更多是基于用户需求的拓展。

产品设计与场景的关系

产品如何承载用户需求场景？把场景和产品承载容器（可指单页面）作为象限划出4种类型区间。

1. 产品理想的情况是单容器承载单个场景，单场景可以清晰传达，产品帮助用户专注完成当下需求场景下的任务。
2. 非必要情况下，不要让多容器承载单场景。就好比将一个衣柜的能力，直接拆开称多个房间一个房间放外套、一个房间放裤子、一个房间放内衣等等，会让使用变得极其麻烦。
3. 单容器承载了多个场景，这时候需要去辨别场景之间是否有关联，切忌不要把太多无关联的场景一起传达。如一个房间内包含了厕所、厨房、卧室、客厅，场景之间会相互打架。单容器多场景不合理情况下，不仅分散了用户注意力，也更难让用户理解产品，且对于产品来说也会多出更多不必要的成本消耗。
4. 多容器承载多场景近似于单容器承载单场景。

五、场景化应用案例

在上一篇文章《需求太碎？设计师如何在小业务中提炼价值》中有过产品场景的案例解析。是对一个小项目进行了新的需求场景挖掘，推动进行改版的过程，这里不再展开说明，有兴趣的朋友可以去看一看。个人实践案例不能完全覆盖场景化应用，另收集了一些直观的场景案例展示如下。

1. 核心要素的应用案例

1）要素——用户、需求

淘宝首页男生女生看到的内容和功能都有差异人需求差异。

2）要素——事件

京东购物车从原来的暂时放置商品延伸出更多关联的场景，如：对比、收藏，围绕场景产品设计。

2. 影响因素的应用案例

1）时间——饿了么

根据不同的事件点推送不同的内容，晚上是夜宵，中午是午餐、早上是早餐、晚上是晚餐。

2）地点——去哪儿旅游

根据不同的地点推送不同的内容。

3）人物状态——手机接电话

手机接电话（景的差异，差异化交互形态），手机放裤兜走路中，手机正在使用中，2个场景手机进来。使用手机中（防止错误，更适合用户体验）。

六、小结

场景是入门容易、普适性很强的应用工具，也是个人推崇的设计师入门必备技能点。

在用户需求上可以帮助挖掘新的机会点拓展产品的使用边界。在设计上场景让设计有据可依对产品设计更准确。在业务上可以通过场景的描述对业务所满足的需求有更深入的理解，可以帮助理解许多功能之间的关系。在协作上给团队提供沟通的基础，容易达成共识。

文章来源：人人都是产品经理   作者：酷家乐用户体验设计
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

订阅不但是一种商业模式，更是一种思维方式。本文将围绕订阅展开，讲述一个好SaaS的标准是什么？什么是订阅模式下的增长秘密？推荐对此感兴趣的朋友阅读。

一、SaaS好不好？看订阅

最近看到网上有关于真假SaaS的争论，还有人列了一堆的真SaaS标准。其实，好SaaS有一条标准就够了：看订阅收入的占比。一般认为，订阅收入占比超过70%，才能被视为一家SaaS企业。为什么是70%？

这并不是一个数字划分的标准，而是对应了一个稳定的收入增长要求。也就是说，如果订阅收入低于这个比例，收入增长的目标、速度和稳定性就没有保证。

我们都能观察到这样一个现象，即国内的SaaS公司，大部分都会遭遇收入的限高杆。也就是说，当收入达到某一水平时，就到了天花板了，很难再增长了。这当然有很多原因，但最主要的，是订阅收入的占比太低了。

所以，订阅不只是一个付费的方式，它更是一种强大的盈利模式。订阅业务的背后，还有更深刻的商业逻辑和经营逻辑，所以SaaS才具有深度的变现能力。要说订阅最大的魔力，在于它是一种前瞻性的收入方式，俗称“躺赚”。

举个简单的例子。假如一家营收1个亿的SaaS公司，假定其订阅收入占比为90%（国外绝大多数SaaS公司都能达到的水平）。那么，每年伊始，就有数千万的收入，已经趴在银行账户上。还没开始干活，年收入目标已完成大半。爽吧？

反之，假定这家公司的订阅收入只占10%。那么，新年伊始，账上收入基本是一片空白。绞尽脑汁想办法，怎么才能挣到一个亿？这种“SaaS”公司，即使上了市，业绩也像是过山车，日子仍然不好过。

二、产品转服务，交易变订阅

订阅近年越来越火了，甚至有人提出“订阅经济”的概念。其实订阅并不是一个新事物，像订报纸、手机套餐、用水、用电等，都是订阅。就订阅本身来说，并不至于搞成一种经济模式。订阅之所以会火，还是因为服务。

毫不夸张地说，当今世界的大部分商业，都运转在“即服务”（XaaS）的商业模式上。比如：运输、教育、媒体、健康、互联网、零售。当然，还有软件。在产品时代，卖方与买方之间的关系建立在不连续的、匿名的交易基础之上。也就是说，交易完成后，双方再无联系。

比如卖软件，交付之后赶紧找下一单生意，唯恐被客户拖住。因为无法与客户建立并保持持久的关系，所以这种生意模式的营收效率低，而获客成本高。从产品时代进入服务时代，软件这种交易模式，越来越没有市场。在服务时代，对客户来说，所有权已经不再重要，使用权才是他们所关注的，即他们更倾向于“使用而非拥有”。

比如，想听一首歌，没必要买来整张CD。想喝一杯牛奶，没必要把一头奶牛牵回家。想使用一个信息服务，没必要建立整个IT系统。服务需要一种新的客户模式，订阅模式由此盛行。

然而，并非所有的服务都适合订阅，只有那些可以数字化的服务，它们才能与订阅模式珠联璧合。比如SaaS。从数字化角度，订阅业务又分为全数字化和部分数字化。数字化含义包括：服务内容数字化、订阅方式数字化和服务结果数字化。由于互联网的出现，订阅数字化和服务结果数字化，已不是问题。

但如果内容可以数字化，那就是一个完美的订阅生意。它意味着全盘生意可自动化完成，即低成本、高效率、高精度地服务。因为SaaS符合这三个要求，所以它才受到追捧。订阅业务不但要求保持交易的连续性，还必须保持收入的稳定性增长。国外SaaS快速增长，就是因为把订阅的优势发挥到极致。

订阅模式的成功，需要有一块基石，这就是所谓的年度经常性收入（AnnualRecurring Revenue，ARR）。什么是年度经常性收入呢？简而言之，就是你的订阅用户每年预期为你带来的确定性收入。我们用软件和SaaS做个比较。

假定一笔软件交易，能一次性收入30万；而按照SaaS服务合约，未来的5年或10年间，每年都有10万的年度经常性收入。你认为哪种生意的变现能力更好？对于SaaS公司来说，现在的问题成了：如何保证客户能在未来10年间，持续订阅？即预期收入的确定性问题。这就涉及到订阅的底层逻辑，即订阅的本质。

订阅的本质不是收入模式，而是与客户建立并保持持续的关系。而要做到这一点，必须有一个订阅型的服务组织。如果一家SaaS公司遇到了限高杆，正确的做法不是去抬高横杆（冲销售额）；而是通过组织和运营的SaaS转型，走一条没有限高杆的路。SaaS收入的订阅叠加模型，收入增长在理论上没有上限。

三、订阅模式下的增长秘密

虽然面临限高杆，但不影响SaaS公司对增长的渴望。如果不增长，SaaS企业就进入僵尸模式。但是，如果增长的策略不对，也还是劳而无功。众所周知，软件公司的增长思路，是销售更多套软件，提高客单价，尽量产品化不定制（虽然不大可能）。做到了这三点，就可能实现增长。

不过，从过去的十年来看，企业软件的年均复合增长率，已经降低到个位数了。SaaS要是也这样干（事实上真有），结果不会比软件更好。换一个角度看，因为SaaS是服务，所以其增长策略不同于软件。不过也是三点，即获得更多的客户，提升这些客户的价值，更长久地拥有这些客户。这与订阅的本质高度吻合。

对于增长来说，SaaS订阅模式还有另一个优势，是其收入的抗衰减能力。即收入增长受外部因素的影响较小，主要是因为订阅模式下的ARR相对恒定。比如在疫情期间，新客户的拓展几乎停滞。这对于像软件一类的产品公司，收入增长也随之停滞。

但对于SaaS来说，即使没有获得新客，订阅收入也不会受到太大的影响。服务（Service）与订阅（Subscription）这两个S，就像SaaS的两个增长引擎。只有经营好它们，SaaS企业才有未来。

四、写在最后

目前，国内SaaS公司对盈利模式的认识，还只是停留在续费的水平上；而对于订阅的本质认知还不够深入。虽然订阅和续费看起来意思差不多，但订阅需要ARR等一套全新的指标衡量体系。而支持这一收入模型，需要与以往不同的经营逻辑。

订阅收入的占比差异，是国内外SaaS公司业务内容的最大不同。如果订阅收入占比太低，SaaS公司很快就会到达营收的天花板。订阅不但是一种商业模式，更是一种思维方式。从SaaS订阅的好模式，变成“躺赚”的好生意，需要深刻理解订阅背后的逻辑。

文章来源：人人都是产品经理   作者：ToBeSaaS
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

编辑导语：在日常生活中，我们在电商软件下单时，可能没有什么特别的感觉。但遇到特殊促销节日，涉及到电商下单环节的库存扣减逻辑时，又会有些差异。作者针对该细分模块，从下单环节和库存变化出发，和你一同探讨用户在电商平台下单后的库存占用逻辑。

平常你在不同电商软件下单的时候，似乎没什么感觉，但是具体到电商的下单环节的库存扣减逻辑，却又各有差异。年底节日扎堆，今天就从细分的下单环节与库存变化的模块，跟各位读者一起详细聊一聊用户在平台下单后的库存占用逻辑。

一、模式1：下单扣库存

通常在电商平台订单页面会显示商品当前可销售数量。常用的做法是当消费者订单拍下，系统会占用前端销售层的可销售库存数量（网站前台显示的库存，也就是可以对外售卖的库存，此时需要占用库存），下单页面显示的可销售库存数量会相应地自动减少。

当买家（消费者或用户）付款后，卖家（商家或平台）开始执行发货流程。同时系统会有设置付款时限，如果在付款时限内没有付款，该订单被取消，库存被释放，此时被释放的库存可以被后续的消费者继续购买。上述这种机制被称为下单扣库存。

二、模式2：付款扣库存

另外一种机制是消费者下单时系统不改变可销售数量（不占用前端库存），只有当付款后，系统才会占用可销售数量。当然付款后扣完前端库存订单状态由待支付变为待发货，此时需要卖家进行发货及后续履约处理。上述这种机制被称为付款扣库存。

三、机制对比分析

不同的库存占用机制会导致不同的后续结果，对比分析如下：

1. 下单扣库存

优点是：不会出现超卖。

缺点是：当消费者拍下商品但长时间不付款时，由于可销售库存被占用，可能导致页面显示该商品“售罄”，使得想要此时购买的消费者无法下单，从而失去销售机会。

2. 付款扣库存

优点是：确保形成处理的订单都是已付款的真实订单，对供应链和库存管理提供真实可靠信息。

缺点是：由于订单和付款是在不同的页面处理，可能会出现并发付款，在大订单量情况下可能会导致超卖。

特别的，超卖解释：是指商品售出数量超过卖家设置的商品库存数量，导致库存数量变为负数。

比如下文提到的秒杀案例。在秒杀活动进行中，往往会有高并发的问题，从而导致超卖。比如某商品的库存为2，user_A、user_B和user_C并发购买该商品，user_A、user_B提交订单后该商品的库存被修改为0，user_C并不知道的情况下提交订单，该商品的库存再次被修改为-1，这就是超卖现象，后续就需要前端及时补货或者做技术特殊支持处理。

四、使用现状

当前主流电商或者其他单量较大的网站都是采用下单减库存的机制，但付款时限的规定则会根据销售品类有所不同，一般来说，商品的库存深度越深（即库存数量相对前端商品的销售流量大很多），付款时限的要求越宽松。不过商家的库存压力也会越大。著名案例例如：天猫付款时限的规定是：正常订单72小时，聚划算订单30分钟，双“十一”期间的订单1小时。作者本人当时做的电商小程序付款时限为：30分钟倒计时。

五、方案建议

第一，可以针对自己应用订单付款时间做些简单的统计，根据统计结果的数据分析后做相应的设置，甚至可以精确到品类，不同活动入口等等可以做到更加细化的精细化运营。

假设场景：对某电商APP订单从下单到付款的时间差做数据埋点统计分析。

分析表明：女装某品类70%的订单付款时间是在30分钟之内，20%的订单付款时间是在2小时之内完成。最初自营商城运营团队设置的付款时限是2小时，由于买手谈的此品类商品库存深度很高，经常出现活动期过，部分用户的单自动释放造成滞销的情况。

根据上述统计结果，后续类似活动的付款时限调整为30分钟，购买转化率大为改善。既保证不出现超卖现象，又能尽快释放未付款订单,且使真正需要立即购买的消费者完成交易，从而提高购买率。

核心点还是在于突出了活动的紧张氛围，促使用户快速下单，且某一单品SKU极易打造爆款，毕竟用户很容易从众：我不知道哪里好，但是别人都说好的应该大概率会好。

第二，根据品类的深浅，设定库存扣减机制。

因为商品的库存数量较为敏感中，比如秒杀、团购等专属活动的打造，建议使用下单减库存的方式。如果不采用这种方式，可能会出现商品超卖的情况，最后导致订单不能正常完成。且容易造成前端销售和后端供应链割裂，尤其是为了快速跑通MVP闭环的新业务是一个重要的打击。

下单减库存的好处说白了：就是买家体验较好。下单后商品就是用户的，用户可以慢慢支付。缺点是存在用户下单后不付款，最终商品库存下架后，想买的用户也不能下单。

第三，当然还有一种情况是：恶意拍单。

恶意拍单是指用户拍下订单后不付款，导致商品下架。某些潮玩属性的商品很容易吸引黄牛进行恶意拍单，这种需要平台和商家联合处理。平台可以有用户黑名单，该类用户不给予大促期间的拍单资格。商家也可以向评审申诉，做暂不发货处理。

六、结尾思考

现如今各大平台都流行预售模式，预售模式交了定金就扣减库存，但是只有支付完尾款才会生成可发货的订单。个人进一步的思考就是：付款完不发货的订单都可以走售后的，如果用户真的不想要，付完款还是会退的。以前是没有运费险，很多用户付款完嫌走售后比较麻烦，所以就默默承受了非理性消费的后果。当然如果你是人生赢家就是想买买买、剁手啥的，那就个案考虑了。

如今大环境的倡导，以及各平台运费险、七天无理由等等保证消费者的政策倾斜，付款机制的选择意义没有以前那么重要了，反而是产品本身带来的价值，以及后端的供应链履约的因素会是重要的考量依据。

无论如何，对于普通人而言记住一点平台永远都会比用户聪明，今年的各种大促很明显各商家都在力推预售模式。无论是哪种扣库存方式，最终都是商家、平台与用户之间的利益角逐。故事每天都在发生，不变的故事就是我们的行为都会交税。

文章来源：人人都是产品经理   作者：月关
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

接下来这部分就主要梳理一下关于表单中常用的组件的解析，包括多个组件组合成高级组件应该具体应该怎么应用，或者说我们在修改表单的时候应该注意哪几个基本原则，全篇干货，结合案例全面深度解析表单、表格、图表、仪表盘的设计应用，以下内容较多，大家可以根据上述目录来选择性阅读。

1.1 表单的概念及作用

表单的概念: 登陆注册就是平时最常见最简单的表单，表单包括数据的输入和提交的一些操作。

表单的作用：01、数据过滤（过滤信息）：如果把ERP、CRM这些系统比作一个数据，用户来这个系统进行获取数据，这些数据对用用户的价值比较大，用户并不是来获取所有数据的，有一些数据对他有用，有一些数据目前来讲是没有价值的，或者用户不想获取到的，这时用户其实需要对数据进行处理，查找想要的数据，去掉没用的，而表单起的就是这样的作用，用户通过表单进行数据的过滤，数据的定位，找到想要的数据。

02、数据定位（通过过滤漏斗，精确的定位到信息）：比如我们要在系统里查询搜索一个商品，搜索一个快递等等，这个搜索的过程，就是通过表单对数据进行过滤的过程，通过对数据的过滤，精确得定位数据，最后得到想要的数据，这也是数据减少的一个过程，一开始很多条数据，通过表单搜索查询找到想要的，比如可能就10多条数据是和自己有关的。这个过程也是数据减少的一个过程。

03、数据输入（将新的信息输入到系统中）：用户还可以通过搜索使数据减少，同时还可以通过表格操作，数据的添加操作，表单数据输入的操作，让数据增多，这时表单起的作用就是数据输入的作用，将新的数据输入到系统中。

1.2 表单常用组件

1.2.1  输入类组件

1.2.1.1  输入类组件分类

单行文本：只输入一行，不存在回车和换行，比如输入手机号码，30个字符以内的文字，都是单行文本可以解决。

多行文本：多行比单行默认高了点，它可以换行，输入框变高了。通常用在发表心情状态，个人简介等。

富文本：指丰富的文本，不只能输入长文本，还可以把文本加上样式，可以定义文本的字符大小，定义样式，定义下划线加链接等等，通过副文本编辑器实现的，比如站酷编辑文章的输出文本就是富文本。

Tag标签：是一个文本标签，比如发一个商品时候，告诉商品有哪些属性，通常加入在搜索引擎中。

1.2.1.2  输入类组件布局展示方式

01、文本标签的对齐方式：以输入框输出用户名为例，列举三种不同的文本标签对齐方式。可分为三种：01.文本标签右对齐，也称之为冒号对齐；02.文本标签左对齐；03.文本标签上对齐。那么这三种对齐方式具体应该在什么情况下去用呢？根据“眼动仪实验数据”来看，也叫做古腾堡视觉动线，人们看一个页面的视觉动线的顺序，通常是从左到右，从上到下去浏览阅读。

文本标签左对齐应用：因此根据古腾堡视觉动线原理，在用户填写信息的时，想让用户填写的时候，填写速度慢下来，我们设计的时候就用左对齐。

文本标签右对齐应用：当我们在设计页面对齐方式时，不知道该选择哪种对齐方式的时候，就用右对齐，起码不会出错。

文本标签顶对齐应用：顶对齐方式横轴不占用空间，用户填写完成速度较快，但缺点是上下布局展示滚屏时Y轴的可扩展空间很少，因此除了系统中登录注册会用到文本标签顶对齐之外，其他地方都用的很少。

占位符对齐：在手机端基本都使用占位符对齐，因为用文本标签对齐太占用手机Y轴的距离了，但缺点是输入时出错率相对要高。

02、文本标签的样式：文本标签的样式分为两种，左右布局时：用线或者框，左右布局在B端系统里常用框来展示，而线，在C端经常用到，因为线很简洁，如果手机端设计有外框的话会显的没那么开放，而在成熟的B端产品里基本不会用到线，注册登录的设计除外，因为在B端中一旦出现很多线的控件，会导致它的辨识度很低，也很难去检索控制它，同时视觉动线也显很乱。上下布局时：它的文字标签一种在外部，另一种是在内部。当表单少的时候，可以用上下布局，但是一般用的也很少，在B端系统，输入类组件大部分还是左右布局用户框来展示。

1.2.1.3  多样式输入类组件案例解析

除了上述提到的输入组件之外，还有很多种不同的展示样式，但本质上还是这四类输入类组件，可以灵活使用，而不是一直使用单行文本来解决问题，大多数情况终极目的就是为了，减少用户使用出错率，进而提升产品使用效率。以下案例请结合下图阅读。

案例1: 选择合适的大小：

图1:比如一个手机号码输入框，再国际环境可以采用上面图文的输入方式，国内环境产品就用下面得输入框方式。这么设计的原因是因为，固定的宽度向用户暗示所需输入内容的长度来减轻判断负担。例如我们在输入手机验证码的时候通常是六位验证码，以前的设计是给我们一条线来进行输入，现在都是给我们六个空格去输入，这时按格填空对用户的判断负担一定是最小的，用户容易去做准确的判断。同时宽度得限制也是一样的，给用户一个宽度的范围，用户做判断会很轻松且准确。

案例2: 格式与情景状态：

图2:比如银行卡的格式，一串数字都是四位进行间隔区分，间隔成四位应用交互设计七大定律中的7土2法则，间隔成四个，容易让人们记忆，在用户输入的时候，可以减少错误，减少错的同时也就是在提升产品的使用效率。同时考虑多情景状态，比如银行卡号、手机号码、包括身份证号的一些输入设计，这些都是相对比较隐私，容易出现安全隐患的一些信息，这些信息在设计的时候要注意可能出现的问题，因此需要做一个隐藏的处理，比如添加小眼睛icon来隐藏关键几位数字，来减少一些安全隐患问题。

案例3：自动匹配与识别：

图3:比如当输入公司地址时，这个地址信息可能是第一次输入，也可能这个信息在我们的数据库中已经存在了，当这个信息已经存在的时候，在输入的过程中，系统应该在数据库中检索出已经输出的信息匹配给用户，我们就可以在里面直接选择来进行输入。这么做的原因就是，当用户在输入特别长的信息时候，用户经常会出错，从数据库的方式去做匹配信息，错误率会降低，输入效率会提升。另外是识别，比如在我们在寄快递的时候，通常会把姓名电话地址，一连串的信息发给快递员，这时候快递员会复制粘贴放入联系人，联系电话，联系地址这三个字段，现在的设计方式就是做智能识别匹配，快递员只要有粘贴的动作，信息就会自动做好分类把一连串数字分别粘贴入不同的字段里，这样做也是为了提升效率。

案例4：实时预警与提示：

图4:比如这个多行文本输入框，一般都会有字数限制，比如不超过150个字，如果不做这样的限制，我们洋洋洒洒写了一万字，但是发不出去只能复制多出的文字然后再粘贴，很可能会误删掉内容影响操作体验，这种文本的上限预警的解决方式是给内容做实时校验，比如上限是58个字，打到60字的时候，也允许你输入但是文本中多出的字会标红进行提示去删除多出的内容。

案例5：占位符不能替代文字标签：

图5:比如输入手机号码，占位符也是输入手机号码，看似是重复了一遍，但仍然是有价值的，可以变成文本标签里提不到得信息，比如请输入一位11位的国内的手机号码。可以只使用文本标签的方式，也可以使用文本标签加占位符的方式，但不能只使用占位符的方式。因为只有占位符，可能会让用户出错，影响使用效率。

案例6：使用内联校验：

图6:当输入错误信息的时候使用校验，左边的提示错误的方式是不对的，在校验信息的时候最好不要出现在列表的最下部或最顶部或提交的时候，因为它是实时校验的，最好实时提示出现定位到当前的边框，当前的字段中的下边，来告诉我们是当前字段出现了错误，这样精确定位错误点，才能提升效率，同时也为设计节省了空间。

案例7：减少字段量：

图7：左边信息包含了姓名，生日，密码但包含了8个字段量，我们可以把字段量减少，比如姓名组合成一个字段，生日组合成一个字段，密码和重复密码也可以组合成一个字段，重复密码的作用其实就是怕输入错误来加强记忆，但是另一种方法是在输入密码的时候让我们看到输入密码就可以做到不出错并且加强记忆，那么就可以用添加小眼睛来做替代，进而也可以组合成一个字段。这个前提是不是银行类那样由业务决定强制去重复，其他系统完全不用进行重复密码输入操作。所以减少字段量，可以消除视觉和认知负担，这样看起来更简单。

1.2.2  选择类组件

选择类组件可以分为，多选、单选、时间日期、下拉选择、Tabs标签和地理位置组件，常用的是下拉选择，重点介绍一下下拉选择组件。

下拉选择组件有几个注意点：

01.避免使用默认值：比如国家和地区，往往默认值都是安哥拉，字母A开头，如果用默认值，再B端系统里很多用户会忘记修改默认值，就提交上去，所以我们需要去把这个默认值变成空值提示信息：请选择国家和地区，在没有选择之前，这条信息是空值，点之后再去选择国家和地区。

02.采用输出检索：如果国家和地区很多，下拉信息条目很多时候，可以采用输入类得检索来设计，比如输入中国，就会出现中国大陆，中国香港，中国台湾之类的字段。

03.默认值得表述要尽量准确：用词文案需要简洁，即使没有文本标签也能够清晰表达，比如就需要写明请选择国家和地区。

04.对新增加得字段要提供注释：比如系统前后先增加的一些字段或者有争议的字段要提供注释，身份编码和身份证号码有歧义，就需要给一个注释，交互上鼠标移入帮助点icon就会显示注释，同时注意视觉上要弱化它，小图标尽量用面性图标会更能表达清晰。

1.2.3  导航类组件

选择类组件可以分为，导航菜单、面包屑、分页，其中分页里的设计注意点容易忽略，接下来重点梳理介绍分页组件。

分页作用：减轻服务器的负载，有成千上万的负载，不分页的话，会造成巨大的下载量，相应的用户等待时间更长。同时内网也同样，如果有四五百人同时做一样的事情，服务器负载能力很弱，一定要做成分页，分页每次loading10个20个，每次翻到5六页的时页的时候加载一下，其实形成了是预加载，不只加载十条数据，其实加载了五六页的数据，只是呈现了一页的数据，到了第五页慢了的原因是，需要重新加载一次数据。称之为惰性加载，懒加载。B端一般会减少加载的存在，预加载是看不到loading的，第一页加载1到5页，第二页加载5-10页等等，点快的话是可以看到的，所以用预加载的方式加快速度，减少服务器的负载。前端工程师可以用组件库翻页可以直接loading出来。

翻页操作：一般很难看到数据库数据的总量，一般不会看到三位数的页码，一般来讲会让数据翻到前20页、10页之内，就让用户找到这个数据，不会让用户不断的往后翻，对负载时比较大的。

1.2.4 提交类组件

选择类组件主要介绍按钮的设计注意事项。按钮常见的状态有三种，通常状态、悬停/点击、禁用。其中B端组件库里按钮常见的类型有：

次要按钮：一般用白色或者浅色，页面中次要按钮多一点，比如一个页面一个次要按钮都没有就是错的，比如查询和重置一个是主要按钮，一个是次要按钮。

主要按钮：一般用主色调的颜色，用在完成、推荐、提交的操作，显示会比较明显。

文字按钮：没有背景的按钮，弱化的按钮。

带图标按钮：带有补充含义，比如搜索按钮加个搜索图标。

图标按钮：纯图标按钮，只有前进后退用的多，其他用的少。用图标按钮节省它的空间。比如上一页、下一页可以用图标很明白的代表它的含义。

虚线按钮：上传之类的，添加内容之类的。

当了解了按钮的类型，那么如何确定按钮的摆放顺序呢？这取决于平时用户对电脑操作的习惯，同时结合业务逻辑的关系，来排列展示按钮顺序。

1.3 表单综合案例解析

1.3.1  表单综合案例一：修改表单的三个原则

01、视觉简单点：

B端系统不用视觉做特别多的修饰，不像C端，在买商品时看不到商品看到的却是满屏的banner，在B端中表单不用设计的那么花里胡哨，Antdesign提供了很多组件示范，我们应该了解Antdesign为什么这么设计，比如输入框为什么采用上下布局不采用左右布局的输入框呢？因为容器上下布局是视觉动线最快的输入布局方式；为什么使用框类不使用线性的呢？因为框类在B端系统中是最快分辨它的输入域输入区的地方，只要知道这些视觉的原理，就知道怎么合理的使用组件了。

02、文字简单点：

文字描述的简单点，第一种方式是通过左侧的文字标签来做；第二种方式是通过占位符标签来做，国外的一些文章强调，不要用占位符提示做任何事情，因为占位符特别影响视觉动线，但国内已经习惯了占位符来表示。

03、字段简单点：

1. 减少字段的方式，首先要知道这些字段的目标是什么（字段的方式去做减法）

例如下图这个电商类产品，目的是让用户可以收到商品，那么删减以上哪些字段不受影响也可以将商品准确的送到用户手里呢? 这个需要我们通过和产品经一起商量，在满足功能需要的同时，其实以上字段可以至少优化50%字段。首先姓名：姓氏和名字可以合二为一，直接输入一个字段就可以。邮箱：输入邮箱可能是为了得到账单，现在手机里就可以得到账单，所以邮箱基本用不到。电话：电话很关键，不能删掉。家庭地址：我们在做电商时，我们通常会把邮件邮寄到家庭，大部分情况家庭为第一地址，第二地址公司地址也有这种情况，但没必要从这里输入，可以从一些内容带出来，所以公司地址不用当前填写，可以把它删除掉。省份、城市、邮编：这三部分完全可以在输入地址的时候从地址带出来，没必要再输入一遍。特别是邮编，目前在我国发快递时邮编已经基本用不到了，我国大数据已经做了到了不用邮编来分辨地址，数据量已经足够大了，只填手机号和地址就可以。优惠券码、信用卡号、安全码：这三个不能删掉。密码、重复密码：重复密码是为了输入密码时加强记忆，可以采用小眼睛来替代重复密码。所以我们可以看到在减少了50%的字段后并不影响用户收到商品，那这个改动就是成功的。这个就是我们设计师应该做的事情，当然在删减之前，应该和产品经理商有理有据的去沟通是否按这种方式去这样设计。

2. 把相关的字段进行可视化分组（表单的方式去做分步）

删减完字段后，最终得到七个有用的字段，将这些数据进行分组优化，也就是归类整理，我们常用的排版方式是卡片化设计，卡片化设计是一个特别好的信息分类的设计方式，即时不用添加基本信息，优惠信息，支付信息之类的名称在卡片之上，通过卡片的方式，从上到下布局，用户可以看的更加的准确。

除了对它信息进行分类，我们也可以对它的过程进行分类。比如左边这个页面，虽然是从上到下，但感觉输入的信息太多了，我们可以对这个过程分步优化，分布后把它列成基本信息和支付信息两个层级，基本信息包括姓名、电话、地址和优惠码，其中优惠码为选填，当页面里所有信息都需要必填的时候，有部分选填得信息标注选填就可以，当所有都需要选填的时候，有一个必填，那需要标注必填就可以，具体标注方法，这里使用的是占位符标注方法，还有星号的标注方法，用星号标注是已经用户形成认知习惯，但看视觉哪个好看就用哪个，比如在苹果的设计中就很少用星号来设计，是为了担心影响用户的视觉，同时星号一般放在前面，并且不一定非得用到红色。支付信息就包括必须要用到的信用卡号、安全码和密码。类似这样将过程进行分步优化也能用户对表单的填写，加快用户的录入速度，更快的在体验上去得到提升。

3. 使用逻辑顺序

还以这个案例来看，我们分成三个逻辑顺序，个人信息相关、商品相关、支付相关。在B端中需求和场景是环环相扣的，我们需要场景化的解决方案。这个场景化的解决方案和这个表单的关联，对应的就是用户完整的购买流程，这个表单的三个场景，第一个场景是收货信息，第二场景是优惠的信息，买商品有什么优惠，第三个场景是支付场景，这个流程完成支付就完成了购买，所以样的顺序就是一个正确的逻辑顺序，通过先确定流程再确定字段展示顺序。

1.3.1  表单综合案例二：表单设计具体流程

第一步：做信息分类。当我们了解这个产品，熟悉这个业务的时候，可以根据信息的含义，把这些杂乱无章的字段分成几个部分，可以和产品和开发进行讨论也可以加深对业务的理解。由于B端信息的维度特别多，具体的信息分类方法可以借用五帽架信息分类法 。可以根据可根据类别进行分类：即根据信息的相关性来进行分类。也可以根据时间进行分类，比如时间正序，距离时间最近的来进行分类。同样可根据地理位置的远近，字母的排序和认知规律从大到小从胖到矮的连贯性来分类。一旦分类好后，用户在填写的时候也不会觉得奇怪，填写的逻辑性和顺序感也会体现出来。

第二步：做排序分类（按业务逻辑顺序）。当得到了信息的分类，比如一个汽车CRM系统，基本信息、车辆信息和故障信息，它具体要解决什么样的问题，这三部分谁应该放在第一位，谁应该放在第二位，第三位，可以根据prd需求文档来了解做这个功能具体要解决什么样的目标，具体是什么过程在prd里应该说的非常详细明确，这个过程就是它的业务逻辑，所以我们可以通过prd中的描述来得出业务逻辑。

第三步：明确字段类型。当得到了信息分类，得到了信息逻辑顺序之后，接下来需要明确字段类型。比如100个或200个字符，单行文本输入是可以支持的，超过255个字符，我们就需要多行文本输入框来解决这个问题。

第四步：明确产品的原型。可以自己搭原型，和产品进行讨论，也可以直接和产品要原型，最终目的是这个原型一定要确定下来。

第五步：确定界面设计框架。确定栅格化设计框架，选择多大的设计尺寸，进行页面栅格化设计。

第六步：对应组件设计。根据原型去对应我们的组件，是用下拉框组件还是文本输入框组件，去找对应组件设计。这样我们得到了字段、原型、框架和对应的组件化，下一步就要做视觉的方案设计。

第七步：视觉设计方案。根据表单的内容来决定视觉设计方案，如果它的内容信息量比较多，比如它的数据量很多，字段很多时，用弹窗就不太合适，弹窗属于字段量不是特别多，和后面主要弹出得页面是有关系的，需要重开一个新的单页面，单页面是大容量，分类单页面属于更多内容容量。第二可以根据数据层级的操作关系来决定，如果从一个页面中打开了另外的一条数据进行修改，比如从表格中打开表格中的一个详情来进行修改，就需要弹窗来设计，这也取决于弹窗内容的多少，如果弹窗内容确实很多，弹窗就要大一点甚至使用全屏弹窗。

通过下图可以看出，表格通常由标题、工具栏（对整体批量的操作）、表格头、表格行、分页区、批量操作区、表格列、单行操作区（是对单行数据的操作）、数据呈现表格区、数据查询表单区组成。

以下内容是表格的规范和注意点，其实我们在设计的时候，很少自己去画一个表格，一般都是从组件库里选一个表格，然后分离组件去进行再次的自动布局得到新的表格。

2.1 表格头

表格头要做到简练准确，不受内容影响。表格头中的文字和正文字一样也可以，加粗也可以，但一般都会做一个颜色来做区分。

2.2 操作区域统一划分

图2表格头工具栏包括条件过滤，右上是表格内容工具，如自定义列，全屏等。

2.3 表格间隔

表格间隔可以让表格的内容看起来更加的可视化，也叫内容降噪，可以分成线与间隔色两种方式，通常交互hover状态下，间隔色变成更深得颜色也可以。

2.4 内容降噪

操作区域色彩元素应尽量简单，原则上不超过3个。

2.5 表格行高

表格需要一个页面呈现出10条，其次需要单元格高度=文字行高+上间距+下间距，其中上下间距为8的相关数即可。

2.6 单元列空间

表格首先应保持100%把所有字段显示全，字段多的情况可以横滚列宽可调节，但是需要保证间隔不变，类似于栅格的沟槽原理。如果内容显示不下可以做横滚，如果内容显示的下，还想要保证整个表格有设计感呼吸感，需要保证n为左右的间距，可以是8或者8的倍数，每个列之间的间距要做成2n，这样它们之间的间距就会有那种层叠得呼吸感就会比较好看，有规则性。

3.1 认识图表

在做数据图表时我们设计师需要关注的是，我们的数据需要用什么图表来做，而不是主要关注图表长什么样，或者说图表有多好看，我们应该关注的是这些B端的数据怎么用正确的图表去表达。数据图表也不是千篇一律数据大屏那种感觉，虽然数据大屏是信息图表主要应用的一个方面，但在B端系统的信息图表中，主要是将一些表单的数据转化成图形的方式来进行显示，这点和数据大屏其实并没有什么关系，所以B端系统中主要以数据为主，而信息图表作为辅助，这是一个需要了解的前提。

但从视觉提升角度去考虑，数据图表在B端中是最容易表达视觉的，我们之前两篇提到的表单设计占了B端设计80%的工作量，就会发现这80%的工作量几乎没有表达出特别好有冲击力的视觉，因为表单只是一些数据和文字的排版，并且还有规范的限制，在统揽整个B端作品中，容易突出视觉设计感的一定是数据表图设计。还有一个大家比较关心的问题，这些图表前端工程师能不能实现，是可以的，前端在实现图表都会用一些常规性的图表的组件，这些组件通常都是已经代码化的组件，一些图表公司做好了的可以复用的，有前端代码也有后端数据调用的接口，它只要对应这些接口写一些代码就可以实现了。作为设计师在设计图表的时候，还有一些地方需要我们去设定，接下来就和大家一起梳理怎么正确的表达数据图表，我们一起来进入数据图表的知识体系吧。

3.2 常见图表类型

常用的数据图表可以分成趋势类、比较类、占比类、分布类四种类别 。

趋势类图表：代表了数据增长的趋势，它可以对比出数据增长的一个趋势。主要有面积图、折线图、堆积面积图和漏斗图。重点了解面积图、折线图、漏斗图。

比较类：比较类图表是B端系统中用的最多的图表，有柱状图、条状图、玉珏图、堆叠柱状图、堆叠面积图、雷达图等，常用的我们重点介绍，柱状图、条状图。

占比类：和比较类图表有些重叠的地方，有饼形图、环形图、堆叠面积图、仪表图、矩形树图、堆叠柱状图、条状图、百分比堆叠柱状图，重点了解饼形图和仪表图。

分布类：有箱形图、直方图、热力区图、地图、气泡图、散点图、色块儿图、等高线图，重点了解地图和气泡图。

面积图：可以理解成填充之后得折线图，不同于折线图是，因为填充可以更好地反映出信息得趋势，用户可以根据面积得多少，反映出数量得多少，还代表连贯得数量级，信息数量级是一直存在的，不会消失。

折线图：折线用的最多，是条线代表趋势得变化。折线和柱形再某些层面是一样的，在一定的点表现它得趋势变化，每个月，每天，每个小时。通常用在公司得年销售额，价格得趋势，用户量得增长，折现一般不超过5条。Y轴为数量，X轴为时间。

漏斗图：属于面积图，适合排名，销售业绩，再CRM中用的最多，通过销售线索最终达成成交量，它不断通过漏斗得方式最终达成成交，每一个漏斗代表一个环节，有一个顾客进入商店，进入商店购买商品，留下信息，订购，整个流程走的就是用户旅程得过程。越往后越精准。

柱状图：柱状图是面，代表面积，更直观得是包含数据，这些数据能更能直观体现它得拥有量是多少，一般用在销售额，产品类别，分类数据得比较，如果可以看到最高和最低得差量。

条状图：类别在Y轴上，X轴地表数据，Y轴上能更多显示数据，它可以显示负数。

饼形图：饼形图表示人口，人女比例；预算得分配；在线流量得来源等等，反应得是多与少之间的对比。他们是在同一维度下的比较，比如当年得，已经再设定好时间段得显示情况。

地图：分布点，流量，数据量，用地图不要随随便便搜一张用到界面里，地图要到国家地理官方网站用，否则有问题，设计背锅。

4.1  认识仪表盘

用于B端首页的系统状态的展示，一般包含系统的关键数据信息和信息列表，一般会有各种数据图表展示。为用户提供全局概览，让用户快速掌握工作进展及进入工作状态，并且可以访问最重要的数据，功能和控件。

4.2 仪表盘界面分类

分析类：分析类仪表盘给了我们很多分析类的信息，这些信息包括销售额、订单量、包括销售额的趋势图、排行榜等，目的是可以在B端系统中看到目前收集到的这些数据，让我们来进行分析。虽然计算机会给我们一定的结果，但更重要的是我们需要根据这些数据得出什么样的结论。

监控类：比如股票的变化趋势很快，需要实时监控到这些数据的变化。

控制类：比如阿里云系统中有很多的控制台/仪表盘，里面有很多的入口，有常见的快速入口，和推荐信息的一些入口，这就是控制类，通过用仪表盘来得到控制。

综合类：综合类系统是我们B端系统中见到最多的，比如CRM和ERP基本上是综合类的，因为他要显示数据的统计，也要显示一些快捷的入口。

4.3 仪表盘的设计过程

首先仪表盘要有功能，让用户看到数据，让看到数据我们需要做以下事情：

第一步：分析用户的权限：仪表盘在B端很重要的一点是我们要分析用户的权限，因为不同的人看到仪表盘数据纬度的信息是不一样的。权限比较高的比如有管理员/普通管理员/操作员，超级管理员等等，所以要根据不同的权限展开不同的信息。

第二步：分析业务的场景：比如销售人员看到内容的都是和销售有关的内容，权限是第一次筛选，把什么样的信息展示给他，然后经过第二次筛选，第二次筛选包括是由产品经理，BA这样的角色帮我们来筛选这样的信息，不是完全由设计师来决定，这两步过程是不可忽略的。

第三步：确定仪表盘展示的内容：到底展示什么内容，刚开始没有那么清晰，可能就是思维导图或者几行字，根据这些来进行视觉展示。

第四步：视觉设计：根据展示内容进行视觉设计。首先基本构思和画原型图；其次确定字体，颜色，样式和图形设计。其中需要注意的是，视觉整体要有统一的标准规范去表达，同时空间留白要合理，灵活的运用栅格化，界面要有呼吸感。最后信息传达要准确，比如图形和色彩，每一种颜色都有特殊的含义，不要应用错误，比如红色要特别小心的应用。

文章来源：站酷   作者：百度MEUX
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

一、前言

场景化设计一词第一次看到还是在前年设计分享大会上，当时懵懵懂懂的我第一次看到这么刁钻的角度，甚是惊讶，后来我也是在不断的研究这个内容，上一篇文章《【干货】设计师的发力点》中，也稍微的提了一些关于场景化设计的内容。

本文章的出发点是因为我在学习的过程中，但很难找到全面分析的文章，因此我打算写一篇更加深入的分析,一方面是对自己学习的总结，另一方面是分享给大家我的心得。

接下来会通过三个维度深入研究场景化体验设计，帮助您快速提升场景设计思维，中间也会并通过大量案例，带你真实感受场景化设计思维在产品设计中的实际运用。

二、场景与体验

我们看到各种形形色色的产品功能，但不能单一的去看待问题，也无法直接的去评判这个功能是否合理，所有的设计都是围绕着某种指定的场景下去完成它的使命，抛开场景谈设计，就是耍流氓。例如疫情期间的健康码，这也是为了响应防控疫情的号召，需要对每个人的行程路径进行把控，而这种产品就是为了满足某种场景下的需求设计。

而在面对产品设计有具体场景的情况下，可以根据场景分析用户的需求，进一步制定设计目标，通过合理的设计方法，提升用户的产品体验。

三、 遇到的问题

在早期的互联网产品设计中，大多数体验优化的设计流程只是对需求进行单一的分析，并且相同的内容采用同一解决方案，整个设计看似基本没有问题，但随着互联网的高速发展与完善，用户群体越来越多，产品功能越来越复杂等一系列的因素，导致出现了一些问题。

2.1   产品复杂化

随着产品功能的完善，功能复杂化，单一的解决方案无法满足多种场景下的使用，需要合理规划，根据不同的场景进行体验设计，才能更好的发挥价值。

2.2   同质化严重

大多数流程可以满足各种不同分类的产品使用，例如传统的购物流程从详情页出发到订单页流程，虽然能满足所有的支付流程，但是缺乏行业设计特性，长期以来也会缺乏竞争力。

2.3   场景体验欠佳

一套设计解决方案、交互流程满足所有的使用情况，虽然在产品中实现了一致性，但面临复杂的场景很难满足，并且用户群体越来越复杂的情况下，每个用户的诉求也会存在偏差，因此我们需要根据不同的场景，制定不同的方案。

四、场景精细化设计

为了更好的理解场景化设计，我们可以通过哲学上著名的三大问题，“你是谁？”“你从哪里来？”“你要到哪里去？”，例如唐僧从东土大唐而来，要到西天取经，从中我们可以发现三个关键的内容，就是人、地、事，这也是场景化设计中必不可少的三个内容。

在互联网产品设计过程中，为了进一步强化体验，我们可以从场景化设计中三个关键内容，人、地、事，这三个角度进行更加深入的精细化设计，区分不同的场景采用不同的设计方法，从而满足更多特点场景下的需求。

五、用户分层设计

场景化设计中，用户是最关键的内容之一，正所谓以用户为中心的设计思维能更好的服务用户。当用户量越来越庞大后，可以对用户进行分层处理，这也是用户运营中常见的一个概念，简单理解就是指将用户分为不同类型。

用户分层是根据不同用户的行为特征划分成不同的用户群，进而制定不同的产品策略来满足其差异化需求，从而充分发挥每个层级用户的价值，达成产品目标，通过用户分层的思维方式结合场景化设计，可以更好的满足不同类型的用户诉求，还能根据不同用户的类型提供差异化的内容和服务。

用户分层的方式是通过标签的形式快速给用户进行分层，在实际的运用中，主要分为基础属性和行为属性。

5.1  基础属性

基础属性包含用户的年龄、性别、身高等，这种用户分类的方式，是最直观简单的。

5.1.1 年龄

大多数产品中会通过年龄来进行用户分层，这种形式可以快速区分用户的基本属性，因为用户的年龄状态对待事物也会存在很大的差异。

例如支付宝的电子社保卡服务，根据用户不同的年龄阶段，展示不同的领卡信息，进一步让用户更快的获取到符合不同年龄段所关注的合适信息，可以直接提升开卡率。

5.1.2 老龄化设计

随着我国即将进入中度老龄化社会，也正是因为老年人的生理和认知障碍的限制，他们使用APP的体验并不是很顺畅，所以大多数互联网产品逐渐向中老年群体渗透，更多的关注起老龄化设计。

在适老化设计中，在不影响老年用户对功能使用的情况下，一般都会采用通过设计降噪的方式，去除所有复杂的次要信息，保留核心内容，并且通过放大来强化关键信息，文案的处理上也会进行内容简化处理，减少老年人的阅读成本。

适老化设计除了视觉上放大和简洁的感知体验外，在交互体验上也会有很多人性化的设计，例如在容器内容上加入行为按钮并描述去向，帮助老年人顺利完成目标行为。

甚至在部分产品中，会强化听觉上的功能体验，例如语音播报、语音提问、电话叫车等功能，既能通过语音的形式弥补老年人视觉能力上的不足，还能减少操作成本。

5.1.3无障碍设计

随着互联网的发展，用户群体逐渐庞大，其中也有部分身体有局限的用户，对于他们来说更加迫切通过互联网获取信息，因此越来越多大公司注重到这一方向，而这也是我们作为一名设计师，更应该去优化的方向。

可以采用无障碍色系，以及颜色的色差处理，针对性的服务于色盲和色弱群体，使得他们可以在信息阅读上更符合他们的习惯，从而进一步打造更人性化的产品体验。

5.1.4 用户身份

而关于用户分层的场景设计中，我们还可以区分用户不同的状态、身份来对界面进行差异化布局，最典型的代表就是用户的会员身份。

会员它分为很多不同的阶段，从开通到到期，用户在不同阶段对于内容的关注上也存在很大的差异的，例如未开通展示更多的价格、权益信息，吸引消费决策。我们可以从这个角度出发，区分用户的会员状态，进一步来进行差异化设计。从而有效的提高不同阶段用户的行为决策。

5.2  行为属性

每一个用户在产品体验过程中，都会有着各式各样的行为操作，例如浏览记录、关注、喜好等，我们也可以通过这种方式来进行分类，可以更加直接的聚焦到关键信息上，既可给予用户惊喜感，也可以达成业务目标。

5.2.1 兴趣标签

标签和上面描述的基础信息还是存在一定差异的，标签相当于是产品根据用户的行为等去定义的不同类型的标签，这种方式可以快速给用户进行分类，常应用于内容型产品以及电商平台，给用户贴上各式各样的标签，其次再根据他们的具体需求进行个性化的内容设计，可以更快的实现千人千面的智能推送。

不同兴趣标签的用户对待内容的诉求也会不同，因此在页面结构设计时，我们需要考虑页面信息的优先级、浏览动线、信息内容的呈现，例如重度用户和路人用户的区别，一个注重商品展现的效率，一个注重氛围和吸引。

除了整体的页面结构内容外，用户对内容诉求也不同，例如优惠型的用户更关注活动和折扣信息，通过用户标签进行分层设计，能更快的达到刺激用户消费的目的。

5.2.2 消费模型 （RFM模型）

• R：最近一次的消费时间（Recency）

• F：一段时间内的消费频次（Frequency）

• M：一段时间内的消费金额（Monetary）

RFM模型是根据用户的消费行为、频率、金额3项指标对用户的价值状况进行级别划分，一共可以分为8种基础用户类型，然后再根据用户的消费金额进行从上往下排序，最后区分不同类型的用户，进行精细化运营。

这也是很多企业都在使用的模型，价值级别较高的用户可以调整资源倾斜力度、定制服务，甚至针对普通用户也可以进行激活消费、挽留措施。

在电商产品中这种方式最为常见，通过模型分类可以快速了解用户消费情况，一般会区分新老用户，活跃用户与沉寂用户，例如创建新人导购，刺激用户的首单转化，而长时间未进行复购的沉寂用户，也会采取一系列的措施吸引用户再次消费，提升用户的复购率。

5.2.3 AIPL模型

• A：认知 - 新客或不了解产品的用户（Awareness）

• I： 兴趣 - 对产品有兴趣且关注过的用户（Interest）

• P：购买 - 刺激用户产生购买行为（Purchase）

• L：忠诚 - 有过较高复购行为的用户（Loyalty）

这个模型对应的也是用户的成长路径，每个用户都是从认知开始，才慢慢变成购买或者忠诚，所以需要做的，就是引导用户不断往更上一层发展，当然，我们也可以对四种不同类型的用户同时进行，将这四种类型分发到产品中的各个链路中，以下案例来自于淘宝。

通过种草的形式给用户建立认知，培养用户兴趣，而面临消费顾虑并迟迟未下单的用户，可以利用入手分享的方式克服转化阻碍。而对于购买型和忠诚型用户，可以通过优惠、活动等方式，刺激下单并建立长期关系。

5.2.4  行为路径

不同行为表现的用户所触发的关键行为不同，所以在设计路径时，要先对用户有分层，有定义，再针对性的实施，对路径进行合适的分层布局，确保用户去完成某件事的各种行为路径，都能被满足。

下面的案例从上倒下依次为，想快速申请贷款或者快速完成任务获取现金的用户，我们提供了直接操作区域，并且置于头部进行业务属性强化，中间融入了更多的分类与内容引导，进一步激发用户的兴趣，最后可以再通过不同的形式适当的减少用户顾虑，例如优惠券的福利（强化申请贷款），为新用户提供发帖示例（确保社区的内容品质）。

虽然两个界面的内容差异较大，但是结构拆分的方式以及行为路径的规划都是大同小异的，主要还是为了满足不同行为的用户，进一步辅助他们快速完成功能服务。

六、区域化设计

根据不同的地点、位置、空间进行区域化设计，为不同的地域、情景进行差异化设计。在空间设计、园林设计中，我们会常常看到这种设计方式，规划整个区域，进行合理的场景化设计，而在互联网产品设计，主要体现在产品的战略层面，面向不同的区域市场。接下来通过以下三个角度进一步分析。

6.1  下沉市场

下沉市场是前几年比较流行的概念，是新鲜流量的代名词，特别是拼多多的崛起，引起了许多行业关注流量的新区域。简单理解就是产品的战略市场主要面向于3-6线的城市。

下沉市场的用户特征：

1、简单直接，所见即所得；所以在设计的时候应该避免操作路径过深，展现内容太隐晦。

2、对价格和收益比较敏感，愿意花费时间获得金钱上的奖励，例如拼多多其实是个游戏电商。

3、愿意下载一些现金奖励的产品，通过任务或者阅读来获得奖励，例如趣头条。

4、熟人社交影响力较大，可以通过微信生态，快速形成裂变。

6.2  全球化设计

随着本地化市场的成熟，越来越多产品开始面向海外市场，而海外市场与本地相比也会有着很多的差异，例如语言、宗教、审美、文化等等都有着诸多差异，所以这也是无形之中给设计带来了很多的挑战。

6.2.1 本土化策略

一个产品无法满足全球市场的使用，因此全球化设计最好的方法就是本土化策略，深入挖掘当地市场的文化、用户喜好，地域特色等内容，进一步对产品进行单独设计，例如大家比较熟悉的Tiktok，与抖音分开运营，更具有针对性。

大部分产品在进行海外市场的运营设计中，都会充分融合当地市场的喜好或元素，进一步发挥当地特色，激发用户的情感共鸣。

6.2.2 出海规则

由于不同国家的文化差异、行为习惯、认知能力都会存在一定的偏差，因此在产品设计的过程中，我们也有很多规则需要去注意，例如、地区禁忌、语言处理等。接下来我大概列举几个我平时记录的注意事项。

单位规则

度量衡需要满足不同国家的要求，例如公斤/磅、英尺/厘米、公里/英里，而在一些运动产品中如果要表现卡路里，不建议使用一碗米饭作为单位来描述。

形象禁忌

在一些全球化设计中，如果涉及到插画以及人物，需要注意一些姿势和特征，尽可能避免不必要的麻烦。例如人物的手势、 两手交叉、十字交叉、使用左手等等，甚至在中东地区女性暴露都要注意避免。

图形禁忌

图形的表意也需要契合当地文化特点，一些比较含蓄的内容尽可能避免，例如使用话筒代表娱乐，药丸代表健康，虽然在国内市场比较常见，但针对于全球化的设计可能就不是很适合了。

而对于这一点每个国家的宗教文化也会有所不同，例如阿拉伯地区，避免使用星星图标，科威特、埃及、阿拉伯联合酋长国、阿富汗等因宗教原因禁酒，中东地区禁忌女性图像，甚至我们经常看到的ok都是不好的词语，在个别国家里有骂人的意思。

除了图形外，颜色也需要注意，在一些非洲地区尽可能避免颜色鲜艳或者红色。

语言显示

在界面设计过程中，设计师常常会关注字符串的显示宽度，以及换行规则等，而面临全球化设计时，文字需要适配多种语言，而外语的显示长度明显和中文有着很大的区别。为了能更好的进行极限范围的确定，我一般会选用德语进行排版，因为德语是大部分语言中，长度最长的内容了。

除此之外，我们还应该更加关注阿拉伯地区的语言显示，他与我们传统的阅读方式截然不同，用户的阅读顺序是从右往左，甚至交互方式也是如此，所以在设计的过程中，需要对阿拉伯地区的界面设计，进行镜像处理。

镜像处理

除了文本内容的显示顺序改为从右往左之外，界面中的图像、图形、图标也需要进行镜像处理，但需要注意的是，含有明确指示性或方向性的图标需要镜像，例如返回、查看更多。而像刷新、历史、闹钟等统一标准的图标不需要镜像。

6.3  空间设计

听到空间设计这个词，我首先联想到的就是超市，设计师在设计的过程中，会充分考虑人群的动线设计，商品的分布也会大有讲究，入口一般是单价较高的电子产品，手扶梯边和收银台都会放一些零碎小单品，既要考虑短头商品的展示，也要考虑长尾商品的曝光。

6.3.1 线下链接

而这一个特征，在互联网产品设计中，也是可以借鉴的，例如支付宝的电子社保卡，为了能更好的推广电子服务，设计师将线下社保局进行空间设计，用户在不同位置所看到的海报均不同，针对用户不同阶段对需求的不同，进行场景差异化设计，可以更好的传播有价值的信息。

6.3.2 到店体验

到店服务，即用线上互联网服务线下业务，其出现是为了解决传统线下消费固有的问题，为了更好的形成线上和线下的链接，我们也可以采用上述的方法，对整个线下店面进行空间设计。

例如店外主要起到引流的效果，可以让用户扫码进入店铺首页了解店铺具体的信息，而在店门口可以让用户进行扫码排队预约等，当食客就坐后根据桌上的二维码可以进入到店铺的下单页，最后在收银台布置扫码买单，整个流程符合线下体验，并可以将不同的页面准确的传递给用户，促进用户快速完成线下消费。

七、服务差异化设计

场景化设计中第三个关键内容就是事，而在互联网产品设计中，所有的事都是为了能更好的服务用户，但随着互联网成熟，功能越来越丰富化，我们需要更加精细的场景划分，明确用户对于整个服务的操作流程，结合前后场景预判用户目标，通过设计提高用户效率，给予用户惊喜与感动。接下来主要通过目的、行业、内容三个角度深入分析。

7.1 交互流程 - 服务目的

如今随着互联网不断发展，用户的时间被各种产品分割，而面临着用户在产品中的所有体验，做的每一件事情，都是有目的性的，例如打开淘宝的目的是想购物，打开抖音的目的是想放松娱乐，因此只有挖掘出用户的目的，才能更好利用服务完成用户行为。

为了让用户更好的完成任务，可以将操作流程拆分为三步，从开始到结束，结合前后场景预判用户目标，提升交互体验，而关于这个内容，我之前在《交互流程中的三大重点》一文中有详细讲解，感兴趣的可以自行查看。

7.1.1  操作前 - 行为目的

像我们常见的一些产品结构布局中，其实有也着简单的分层布局，我们可以根据用户不同的行为目的结合页面板块的内容呈现来进行结构分层布局。

下面的案例从上到下依次为，目的明确的搜索用户、分类明确的用户以及只想随便看看的用户，这样的话，可以有效的服务与不同用户的目的，也能快速实现流量分发的作用。

7.1.2  操作中 - 操作目的

根据不同的服务以及用户操作目的，判断内容的合适性，例如输入内容时，结合前后场景预判用户目标，针对不同的内容呈现相对应的键盘样式，通过设计提高用户效率，满足用户的操作目的。

操作减负

面对各式各样的数据录入，表单填写是移动端设计中最复杂的一项操作，在设计过程中可以根据用户目的进行场景区分。例如下图的案例，通过自定义的形式为用户提供了兼容不同层级的联动键盘，整个过程都在键盘输入组件中完成，保证了录入的沉浸和任务的聚焦。

场景匹配

在操作过程中，可以针对内容呈现对应的键盘样式，例如系统自带键盘的样式多达8种，我们可以制定各种场景下的使用，从而进行匹配，让用户在输入的过程中更高效。

7.1.3  操作后 - 结果呈现

当体验流程中用户操作后，需进行合理的内容反馈，可以通过场景化设计思维，结合用户目标，呈现合理的内容，提升设计效率。而在结果呈现上，主要可以分为两个方向，结构与内容。

在内容建设方面，主要通过信息架构来构建用户体验，确定各个将要呈现给用户的元素的模式和顺序，例如淘宝搜索结果页，采用了两种不同的局部方式，根据搜索内容来进行区分，例如电器类的产品外观大差不差，因此结构上采用小图模式，主要突出产品信息和卖点，而服装类的商品则采用瀑布流的形式，强化图片的视觉表现。

内容主要是借助价值去找用户，找到用户建立链接，从而产生价值，简单理解互联网产品就是一个链接工具，但为了能更好的让内容和用户进行链接，我们可以将内容进行前置处理，根据服务目的结合内容的呈现，快速建立业务链接。

下图案例来自于百度搜索，用户在搜索时，不同的关键词呈现对应的服务内容，合理运用场景化设计中的服务差异化设计，为不同的事进行设计，既能快速匹配相应的用户，还能缩短用户寻找服务的操作路径。

7.2  框架层 - 行业细分

随着互联网成熟，产品业务形态逐渐完善化，例如餐饮产品，里面会涉及到多种餐饮业态，例如早餐、茶饮、快餐、烧烤等等，而所有销售类的内容都会涉及到人、货、场。人在上面也大致讲过了，这里就不继续赘述，而面临这种行业较多的情况时，我们可以采用场景化设计思维中的分层思维，将行业进行细分，进一步让货物可以对应到符合的场景中。

接下来也会继续使用餐饮产品作为例子，进一步讲解行业细分后的设计细节。

7.2.1 行业特征

餐饮业态较为复杂，但行业之间的差异还是比较明显的，可以将行业特色进行提炼，针对不同的特点进行框架设计。

例如年轻群体较多的甜品茶饮，功能上除了基础点餐也有外卖服务，甚至也会有周边商城，这种类型的商户比较注重服务的呈现。但一些传统的餐饮行业，由于菜品体量较大，页面呈现上可以更偏向于菜品展示。除此之外，还有很多餐饮商户比较注重用户身份以及会员管理，而框架设计上也可以将资产内容前置化，满足商业目的。

7.2.2 导航设计

产品框架中最关键的一个内容自然离不开导航设计，它是专门用于呈现信息的一种界面形式，用户可以在内容结构中自由穿行。在页面设计的过程中，也可以通过不同的导航形式满足需求，例如在在菜品的展现形式上，菜品体量较大的快餐便当，可以采用侧导航形式快速进行内容筛选，而甜品茶饮类的菜品较少，可以利用双行瀑布流的形式强化商品图片的呈现效果。

7.2.3 菜品布局

框架层的关注点几乎全部在组件及相互关系上。框架确定用什么样的功能和形式来实现。作为餐饮类的产品，菜品呈现属于比较关键的内容，而面临不同类型的菜品，也能做出场景差异化的表现，这一点比较像上面案例中提到的搜索后的商品结构呈现。

在上面行业特征分析时，会发现如果从餐饮菜品数量上进行区分的话，布局上可以使用单行列表或双行瀑布流的形式，来区分菜品分发的权重。而像一些套餐的菜品，布局上可以将菜品组合摆放，方便用户对套餐内的单品进行对比与调整。

7.2.4 分层营销

在营销设计中，可以通过各种营销资源位进行宣传展示，为了让营销满足不同商户的使用，可以利用场景分层的形式，将营销表现力分为强、中、弱，三种形式，并根据不同的页面框架布局去进行表现。

7.3  内容形式

内容型产品比较注重用户消费与互动，平台也会对内容、流量、用户进行分析，确保合理的消费场景。随着产品逐渐丰富化，内容分为多种形式，例如视频、音频、直播、资讯，而内容形式也分为娱乐型、工具型、知识型和社交型，为了能更好的匹配消费场景，可以将内容形式进行分层处理，区分不同的事物，采用合适框架形式，满足用户的消费场景。

下图案例来自于淘宝内容优化设计方案，通过场景细分，主要分为三个场景，一是以浏览图片视频为主的富媒体消费场景；二是社交关系为主的消费场景；三是以文字消费为主的阅读场景。三种场景的每一种都对应了多个内容框架以及框架之间的流转链路，按下图从上往下逐渐从重分发到强沉浸的浏览体感。

富媒体消费场景内容的复杂度和数量较大，一般常见的方式是采用分发为主的双列流，满足多种类型的内容合理展示，如果以图片为主要消费内容的情况下，可以采用大卡流，突出图片的展现。甚至也可以利用全屏的形式，强化用户的沉浸体验，这种方式更适合视频内容。

以社交关系为主的内容，可以采用传统的动态流布局，更适合用户的习惯，同时也可以满足多种信息的呈现。文字阅读为主的内容，更加注重信息的阅读，可以使用文本流的形式，通过简单的对比和结构层级简化处理来帮助用户阅读信息。

为了让用户更好的消费内容，整个优化项目的过程，首先通过用户消费内容的梳理，然后结合内容的特点进行核心框架的链路整理、提取抽象化的共性框架，让各个具有相似性的场景进行拉通，最终确认框架形式。

八、总结

场景化分析可以让设计师以用户的角度解决用户痛点，发现问题解决问题，从而更好地服务于用户，不管面临多复杂的产品，都可以通过场景化设计方法，将关键的三大内容进行提炼，进一步分析，确保每个内容点都符合具体的场景。

文章来源：站酷   作者：三石设计丶 

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

做一个完整B端系统项目前，从交互设计的七大定律，B端产品业务调研，用户访谈研究方法，精准推导B端用户画像，到B端产品主风格的设计定调，深度理解B端主流组件库的视觉规范，进而为B端产品设计做充分的准备工作，以下内容较多，大家可以根据上述目录来进行选择性阅读。

1.1 B端组件库的概念及作用

概念：组件库的底层逻辑就是原子理论，类似于我们在拼乐高积木的时候，根据说明书一个模块一个模块来拼凑，先找零件，再拼成部件，然后是成品，这个过程和UI中的组件化是一模一样的，组件化就是原子理论集中得表现，原子（图标、按钮、字体样式等）——分子（标签栏、导航栏、搜索框等）——有机体（图文列表、内容卡片、布局模块、瀑布流图等）——模板（原子、分子组合排列组成了模板，也就是原型图）——界面（最后根据原型图形成视觉设计稿）

作用：一致性：比如在不同得界面中，如果用样的按钮，他的按钮的展现形式，要保持一致性。

高效性：比如所有的按钮不用单独去设计了，从组件库里调用就可以，这样对于设计师来说就是高效的。对用户来说，也会让用户的使用效率提升，比如当用户看到蓝色的按钮就是可以提交的按钮，看到白色得按钮就是次要得按钮，看到不带边框的按钮就是一个危险按钮等等。

组合性：通过调用不同的组件来进行组合可以形成不同的页面。

1.2 如何正确使用组件库

1.2.1 组件库的使用前提

一些主流的组件库，比如AntDesign、Element Design、ZanDesign组件库等，这些框架机构本质都差不太多， 但他们有自己的特点，具体用哪个组件库，通常由公司的架构师来进行架构选型，比如VUE（Element Design）和REACT（Ant Design），这是两种不同的技术选型，（VUE和REACT是一种前端框架的技术架构版本，可帮助前端工程师快速进行开发的前端框架）。从技术角度讲，大部分公司会首选AntDesign（React），因为有很多案例提供，VUE和有赞也可以但用的少。从设计角度，Ant Design得设计组件形式案例很完善。Element Design做起来视觉单一得样式白白得感觉，没有设计层次化，Ant Design更好看一点。所以先选择底层的前端框架，再根据这个选择前端的机构布局。

1.2.2 组件库的使用过程

设计师和前端最终目标是一样的，都是快完成保证设计质量的，原生组件不能达到要求的时候，设计师可以根据原生组件库修改样式来表达到自己的想法。但对前端来说最好什么都别改，就用原生组件库前端工程师直接复制就行，这也是因为我们设计师的要求和前端的要求是不一样的。但修改后样式的组件，底层逻辑还是原来的组件。从Antdesign等组件库里复制出来，经过figma里的各种功能操作后，比如分离组件、改变组件得形状、替换内容等，但这个组件仍然是Antdesign里的组件，组件是否改变取决于，这个图形，这个组件是不是已经代码化，我们设计师设计的组件，只是样式，需要经过前端来形成代码，只有代码化的组件，才是组件，如果没有代码化，那只是一个样式而已。所以，我们用Antdesign里是已经实现代码化了得组件，组件库里有的组件前端一定是可以代码实现的。

1.3 如何设计组件库

1.3.1 每个项目都会分这四个周期

项目初期：在一个B端项目得初期，大家都会有疑问，B端组件库应该什么时候开始建立？是不是先建组件库再开始设计？答案是，如果不是从0开始的项目，组件库在设计之初就应该建立起来，如果项目是从0开始，由于没有业务的案例，组件库组件库也无法建立，但可以建立一些最小元素：原子。比如字体（应该用什么样的字体，在正标题，副标题，大标题，正常情况下应该怎么样使用字体的得明度）、色彩（色彩规范是什么，比如医疗行业，航空行业，交通行业应该用什么色彩，决定主色不是好不好看，而是由企业来决定得，首先了解企业的VI色，通过结合VI色和产品分析出的用户画像特征，来确定主色，辅主色，确定主色后，相应的背景色、深色背景、浅色背景、灰度背景、卡片背景等，也就都可以做出来了）、按钮（通常状态，点击状态，当前焦点状态，不可点状态）、基本控件、布局栅格、图表（图标icon、文本标签、按钮、图表）、图标；通过建立原子组件，完成一些基本典型的页面设计。

项目中期：继续完善基本组件库，应用案例的完善，迭代组件库、样例库、最佳实践案例。然后再次迭代进入基本组件库。

项目后期：形成最终组件库与设计系统的规范建立，根据项目不一样详细程度也可以不一样。

延展期：为项目2.0升级准备根据使用反馈、迭代之前得组件库与规范，预计未来版本中出现的典型案例，并针对性的设计应用组件。通常很少有公司进行到这一步。

1.3.2 组件库的开发流程

1.3.3 B端组件库存在的价值

B端组件库的存在是不是意味着不需要设计师了？其实并不是，组件库可以帮助设计师增进设计效率和沟通效率，和前端沟通告知按照对应的选型组件库规范使用就可以了，同时组件库得一致性、准确性、协同性它的质量有保证。但设计师做完组件库后，继续需要关注的点是：

01、根据业务场景来优化设计组件库：因为组件库是一定会去更新的，如有必要再去更新，那一定会是很复杂得业务场景下去做更新的，这个业务场景是程序员或者以前的组件不能实现的，需要很强的设计技能去做迭代，所以需要设计师继续去做一些结合业务场景的组件来放到组件库里。

02、需要设计师把更多时间精力投入更多设计体验中，而非搬砖：组件库的建立同时解放了设计师的精力，设计师可以把时间投入到设计体验中去，而不是做一些搬砖得工作，比如按钮怎么画，用圆角还是用什么颜色，这些没有技术含量的工作，这样一来，可以投入更多时间来赋能业务更好体验设计工作。

1.3.4 B端主流组件库有哪些

2.1 B端产品的设计过程

2.1.1 用户体验五要素

战略层（属于产品愿景，满足用户的需求，产品的愿景和目标）

由于用户有不同的需求进而产生了不同的产品，战略层决定了用户用干什么样的产品，比如，用户需有很多销售客户的线索需要进行管理，用户需要管理客户，那就做一个CRM系统。比如，用户想写日报，想要一个打卡的OA系统，那么产品目标就是要做一个OA系统。比如，电商里面很多商品，牵扯到很多进销存，那就做一个ERP系统。这部分跟设计师相关度没有那么高。

范围层（指功能规划，功能的规格、包括内容的需求）

功能规划：比如要做一个OA系统，其中就包含了打卡、日报、项目管理、报销、人事流转等等都是跟办公相关联的，需要把规格和功能画出来，画成简单的表格并且将它们分类，这里所有的功能都不是详细的，就是简单的分类，将功能简单描述一下，同时做一个简单的用户画像。这部分设计师只需要阅读产品经理给到得PRD需求文档即可，整体看还是偏愿景，没有形成具体的产出。比如OA系统中就总结出重点做一个审批得功能，并不知道什么样的界面，只知道一个大概的范围。

结构层（指原型设计）

这部分，设计师通常就需要参与进来，如果设计师只按产品给的设计好的原型来设计，就显得很被动，这样只能叫做视觉美化，被称之为美工，设计师应该从没有形成原型的时候，可能只是一个简单的PRD需求文档或者草图，设计师就应该参与进去。

设计师对原型进行优化设计，优化的不是业务，因为很多业务内容肯定没有产品经理了解得深刻入，这时，设计师需要优化的其实是它的交互逻辑、交互内容，一旦原型里里产生点击，一旦产生多种状态，那就要去了解它，每种状态产生不一样的界面结果，其实对标的就是设计师设计的界面将产生什么样的变化，换句话说，如果有界面的变化，内容得变化，设计师就需要参与到其中。目前来看，很少公司有专门的交互设计师，要么这部分工作由UI设计师来完成，要么由产品经理来完成，很多企业已经把设计进行前置化，由UI设计师来完成交互的工作。

其中交互设计+信息架构设计是设计原型图的关键，这两个是密不可分的，如何制作原型图，如何在原型图里设置一些交互事件，给大家推荐《信息架构设计》这本书里有专门讲到。再了解原型设计之前，不得不提到一个通用知识点，交互设计的七大定律。（后文有介绍）

框架层（指界面设计、组件设计）

框架层这部分有一些争议，有的设计师认为就直接做界面设计了，其实框架层还不能把它理解成是界面设计，它仅仅是做了一些业务的模块儿的框架而已，更多的其实是将它组件化: 将原型组件化、模块儿化，类似我们直接从Antdesign组件库复制来内容简单改改之类得操作，完成的是组件和界面的设计，这些界面并不是最终完整的交付样式。

表现层（可视化呈现，UI视觉呈现）

这部分和设计师关联度最大的一部分，就是界面中的配色、配色、图标、样式、结构、布局、排版等设计，但是我们设计师需要从范围层了解业务熟悉最初PRD产品需求文档去一点点做起，其中设计师在战略层参与度可能只有2%左右，范围层参与度5%左右，从结构层开始逐步往上参与度越来越高，至少结构层，框架层和表现层的参与度是很深得。

2.1.2 B端产品的设计过程是什么

所以，通过梳理用户体验五要素，不难看出B端UI设计师的工作流程就是，01. 接到项目后，设计师主要阅读产品经理给到的PRD需求文档，同时去参与原型设计，根据最初版PRD输出一份低保真原型图，和其他部门进行初次评审；02. 经过初次评审讨论过后，完善后的功能和页面文案，产品经理补全和输出完善后的产品PRD需求文档，由设计师根据完善后得PRD需求文档经过规范设计输出高保真原型图 ，与其他部门带着初次评审讨论后的问题，进行二次评审。03. 最终再由设计师经过组件化形成视觉图。04. 同时设计师提供切图，与前端紧密沟通，上线前制作设计走查表，进行设计走查。05、最后上线后根据数据、用户反馈等提出交互和视觉可优化得方案建议，进行版本迭代。

2.2 交互设计七大定律

01. 菲茨定律：当设计师需要让用户重点去看到页面中某一个突出点，点击到一个区域时，设计师就需要做到适合的大小，适合的区域，适合的位置，适合的形状，适合的颜色。也就是你想让用户点击的时候就突出重点想显示的，不想让用户点击退出的，就把它设计的的足够小。比如按钮得退出和付款，实心付款按钮为主要按钮，虚线置灰退出按钮为次要按钮，比如常说的海报中字要大，logo要大，这些都属于菲茨定律。

02. 席克定律：用户面对的刺激（或选择）越多，他们做出决定的时间就越长，由于用户的时间很宝贵 ，用户没有义务花更多留在我们的网站上，所以我们需要有选择的地方对选择进行分类。

03. 7土2法则（米勒定律）：比如圆周率3.1415926，一般都能记住，而如果再往后加几个数字，大家往往很难记住，原因就是经过大量测试，人脑容易记忆7位数字前后得数字，比如设计银行输入密码的时候就用到了7土2 法则，设置密码过多人脑不易记忆。

04. 接近法则：格式塔接近定律指出“彼此靠近的物体或形状似乎形成了组”。

05. 防错原则：当用户在使用产品中，预判用户本身或产品一定会出错时候，可以告诉用户怎么可以不犯错，或者将风险降低。比如电脑的关闭电源键，就允许电脑司机时允许系统犯错，让用户使用关闭电脑电源键进行重启。比如银行取出钱后，银行卡有忘拔现象，银行完全可以做到像光大银行那样去再取钱流程中改成先拔卡再出钞得交互流程，就可以避免忘记拔卡，但其他银行都没有这么改进，仍然是先出钞后拔卡得原因是允许用户犯错。

06. 奥卡姆剃刀原理：化繁为简，如无必要，勿增实体。比如小米电视遥控器的设计，由原来传统的很多遥控器按键只优化成了保留上下左右为数不多的几个重要按键，原来的遥控器数字按钮如果真正要输入数字的时候通过功能性，调出数字来，这样在遥控器得设计中基本只保留20%主要功能按键。这就是交互上的优化。比如在UI界面中，也会用到这个问题，简化文字，把文字用图标替换，还有各种流程得优化等等。

07. 雅克布定律：以用户习惯的使用模式去设计产品，降低用户学习成本，遵从用户使用习惯。 利用现有的思维模型，用户习惯，我们可以创建出色的用户体验，使用户可以专注于自己的任务而不是学习新的模型习惯。

2.3 B端产品用户画像

2.3.1用户画像概念

用户画像又称用户角色，作为一种勾画目标用户、联系用户诉求与设计方向的有效工具，用户画像在各领域得到了广泛应用。用户画像分为两种，不论C端和B端都会做这样的用户画像。总共可分为两部分，基本信息数据和行为数据。

基本信息数据：当我们去了解用户的基本信息的一些数据时，职业，收入，年龄等等，这些和功能有很多的关联度，比如唯品会用户画像关键词是：女性、折扣、白领 ，唯品会产品定位聚焦女性，这些基础信息数据，就能给产品带来很好的结果，当我们要做一个女性的购物平台的时候，可以先把男性用户抛除掉去考虑设计方向，再比如收入就知道了，大概产品面向的收入群体将是什么收入群体的人，那么我卖货的价格区间、包括设计的风格就是一个什么样群体的设计风格。那些卖奢侈品的不是黑色就是灰色，要不就是棕色，但未必是适合唯品会产品的风格，需要找出这些基本信息去和产品进行关联度，把基本信息放到设计结果中去考虑。

行为数据：指用户的爱好，这部分群体有哪些爱好，是喜欢购物，还是喜欢运动，他/她的消费情况是什么，喜欢旅游还是美食，他/她经常用哪些APP，他常用的设备，是苹果手机呢还是安卓，小米还是华为，等等得到这些数据，也能得到一些用户喜欢什么样的竞品，这些数据就能侧面的在我们的产品中得到反馈，得到功能和设计上的指导和其他产品的区别。这些行为数据，不管我们做C端还是B端，都要获取到，但C端和B端获取到这些行为数据的结论是不一样的。因为C端用户研究方法不一定适用在B端用户研究方法。C端最终抽象成一个人，给他带来的很多属性，这些等等都会成为他的用户画像。

进而找到这个人，将他的社会属性，从抽象的角度慢慢变得具象，C端是他/她的社会属性，把他做成一个普通的人，这个人有他的社会属性，有他的社会价值，有他的社会行为。比如一个女性，一定喜欢美食，一定会买化妆品。

2.3.2 B端用户画像本质

比如做一个和电影相关的管理系统，电影行业包括很多人员管理，设备管理等，这里不能把用户画像抽象成一个男性或者女性了，而应该把它抽象成一个职业，比如抽象成一个导演，导演需要去管理什么东西，它需要哪些资源去整合。导演就又叫做行业属性坐标。B端不以社会属性去做用户画像，一定以行业坐标去做用户画像，我们在整理作品集的时候需注意不要与C端画像整理混淆。

我们要做一个行业可以不用管他/她是谁，也可以不用管他/她有什么样的社会属性，比如做CRM最重要的在里面起到作用的是，客户关系管理和销售等; 比如做OA系统，就是一般的员工，等级，职能等等，可以看出行业属性(职业属性)决定了他的用户画像的精准度，一定把这个人拉到行业里去研究，研究社会属性没有价值。这是C端和B端做用户研究最大的区别。

2.4 B端产品用户调研

2.4.1用户调研的作用/目的/重要性

01. 了解产品业务需求定位：可以帮助了解目标用户的信息，从用户的角度：未来使用你产品的用户，他理不理解你的产品想要表达什么，你的产品讲了哪些功能。因为很多好的产品我们打开它第一眼就知道要干什么，是给我们做什么的。同时站在设计者的角度：怎么可以把这个产品设计清楚，比如做一个CRM客户关系管理系统，具体管理什么我们是不清晰的，想要清晰就需要通过用户调研这个过程给它展开。

02.解决功能信息架构问题：可以帮助设计师更明确需求功能得合理性和优先级，比如页面标题的使用、标题的层级、需要在信息层级清晰得情况下体现出来，而明确信息层级同样需要通过用户研究体现出来。

03.让可用性测试更加准确：可以帮助锁定合适的测试用户，来测试我们的产品使用程度，使用体验是不是好，这时需要要找目标用户去测试，比如小米有品针对群体是米粉，唯品会针对的群体是职场女性，而不像C端找所有的人去测试。

04.解决团队协作沟通问题：确定用研目标可以有理有据的把设计目标和产品经理的意见达成共识，因为未来一定会多次和产品进行PK，像诸如设计师组件化没用好这些理由也不会是pk点，确定用研护镖可以更好的深度去理解原型图，可以把团队协作沟通的问题解决好。

2.4.2 用户调研的方法

01. 确定研究对象：首先拿到一个产品，拿到一个需求的时候，这个需求通常很模糊，比如只告诉做一款CRM客户关系管理系统，但汽车行业，服装电商行业，保险行业，银行金融等等，都有CRM客户管理系统，不同行业的CRM肯定是不一样的，这时候，比如要做金融的CRM，那研究方向就已经确定了，金融CRM就可以确定去研究金融行业的业务链，业务流程，具体找哪些用户群体，可以根据以往的惊经验和产品的目标去确认。

02. 找研究方法 : 研究方法分主动和被动，我们通常用的方法是被动方法，比如自我报告法：当这个产品产生了一些数据，我们从后台可以拉取这些数据的时候，通过这些数据去分析，这是被动的方法，这个被动的方法所有项目都可以用。而主动的方法，就是观察和采访，主动去找用户去找关联度。

03. 获取到数据 : B端和C端区别之一是提高效率，它要产生的结果只有一个结果，就是减少成本，任何B端的系统都是为了实现这个目标，提高效率和减少成本。所以获取数据，研究数据的方向不能偏离搞错，用户研究的方向不要搞错。比如我们以用户为中心来设计，就会认为用户的操作体验感是第一位的，其实不对，放在第一位去考虑的应该是以系统的最优化，提升效率为第一位，而用户也可以为这件事情做一些改变而找到平衡点，数据导向得提高效率，减少成本有时会大于用户的操作体验。

04. 用研行为: 刚才前面提到的这些注意事项，到底应该找什么方法去得到这些数据呢？第一我们可以通过后台数据比如通过百度统计等系统来获得；第二通过问卷法发出一些问卷，用户可能散落在全国不同位置；第三可以通过用户定性访谈来获得；第四可以通过用户旅程图来决定用研行为。

05. 分析调研结果: 研究结果不是为了放到我们的B端作品集里的，而研究结果一定是为了去定性、定量、让数据回归到产品功能本身。同时经常问自己这些问题，去根据研究结果和问题进行匹配思考，比如研究了那么多，用到了用户画像得出的结论了么，用到了哪里？在项目中能举个例子吗？采用什么样的视觉去实现了用户体验要素？

2.4.3 B端用户访谈模板

2.4.3.1 用户访谈概念：

01.确定访谈目标：了解目标用户群体，通过访谈信息来进一步构建所需要的用户画像，从而确定设计方案与功能优先级。02. 定性/定量访谈目标：将这些目标定量、定性，选择不同的访问对象，构建不同的角色画像。比如问销售的用户画像，要找不同的访问对象，销售总监，普通实习生等等，三到四个角色，样本越多，用户画像越准确。03. 访谈过程：提前把问题写出来，拿着问题去聊，用录音设备，记录表格，一个提问，一个记录，分开后记录比较准确。04.访谈结束：要做信息汇总，要做分析建模。分析建模就是将信息最终变得有意义。

B端用户访谈模板有30个问题，这30个问题决定了我们的用户画像的精准度和产品的用户画像的价值。用户访谈会问些什么问题呢？当我们调研的时候把问题写出来的时候，就已经解决了一半的问题了。

2.4.3.2 B端用户访谈30问

01、基础特征

岗位：你是从事什么岗位的？是总监还是普通职员？目的是为了知道不同的权限的使用者，进而就可以在系统中设置这些权限。

职责：需要获取到用户不同的需求，因为每一个岗位有不同的职责，他们的需求点也是不一样的。根据这些不同的需求，我们在界面中得动态仪表盘部分，就可以根据不同职责来显示不同的内容。

姓名：可以让访谈记录得到更加真实的体现，目的是可以获得产品的一些真实的基础字段。

年龄：是用户认知和经验度的体现，用户的年龄可以代表他们对行业的认知，和整个企业流程的认知程度，一般性理解，用户的年龄越大，那么他的经验越丰富。

教育：指用户是什么学历，目的是为了了解用户的经历与熟练程度，通常认为，用户的教育越高的人，他们往往使用软件操作的熟练度会越好。

位置：指用户在什么地方来使用，目的是知道了场景与优先级，用户是在写字楼里还是精英场所来使用我们的产品。因此得出基础特征是要得出这些结论，得出这些结论进而反馈到产品中去。

02、行为接触点

使用频次：不同的岗位用户使用功能的优先级是不一样的，用户使用频次越高的功能，这个功能的优先级就越高。了解之后，那在下次迭代的时候就需要把重要级别的功能放在易操作的区域去体现。比如这个重要功能就是一个icon，那么把它放一个快捷入口。

使用时长：也能代表功能的优先级，用户使用时间最长的功能，代表可这个功能优先级很高。

时间段：用户在什么时间段使用的是最多的，我们就知道了这个功能的活跃度，这个数据指标，主要和技术有关，我们可以从后台数据去获得。

使用设备：用户使用设备兼容的优先级，平时用户用什么设备，再访谈过程中，需要问具体使用电脑的分辨率，屏幕的尺寸，屏幕的比例，都可以去实际的调研一下。在我们做B端界面选择屏幕尺寸的时候，可以采用结合实际情况用户使用的屏幕分辨率尺寸来设计界面。

相关软件：用户平时的操作习惯和流程是什么，还会使用其他软件吗？比如他们还用什么其他的竞品，可以继续问用户其他的竞品哪里比较好，哪里是亮点，那最终得到的目标就是用户的操作习惯和流程，这些也可都可以反馈在我们产品中。

03. 使用环境

碎片化时间：主要解决用户场景的问题，比如汽车4S店销售，当你去买车时，销售人员会问，你会买什么样的车，会记录你的年龄，用车习惯，用车时间，姓名，预算，都会记录，销售通常会用一些碎片化的时间去记录。此时就可以得出两个结论：1.我们在设计的时候是否可以考虑让销售充分利用碎片化来进行这些信息的录入，而且方便他的录入，比如他本来只有电脑端，电脑端是一个完整版的功能，我们能不能给他设计出一个移动端来，让销售不用回到电脑屏幕中就可以去记录这些内容。2. 记录时也有两种记录方式，是客户讲话的时候销售去记录还是这些事情做完之后销售再去记录。通过这样的行为会得到这样不同的设计结果，比如有人问你们公司为什么要做B端的移动端设计？以上就可以有理有据去解决销售的场景问题。

用户的操作环境是什么：主要解决视觉体验问题，用户是白天操作还是晚上操作，是在强光环境操作还是弱光环境操作。这些都应该是考的点。比如B端使用的ATM机，应该设计成白色还是深色模式，我们知道一般都是深色模式，是因为通常是室内，它和光线有关系，如果是室外的取款机，四周又没有遮挡，如果还设计成深色，肯定是看不清楚的。比如HMI车载系统，白天模式开了深色，一定会看不清楚。所以要提前判断使用深色模式还是浅色模式，也需要考虑在设计的时候使用什么样的色彩和色调，在室外使用还是室内使用，如果对色彩不怎么挑，那也可以使用VI色，这样一来视觉的保障色就确定了。还可以确定在使用周期时间，要多长时间完成一个操作，应该使用什么样的方法可以尽快完成一个操作。通过用户的操作环境可以得到以上信息。

是否有平行事件：用户在做这件事情的同时，他是不是需要做其他的事情，要得出至少两种平行事件，得到的结论是，我们的界面是不是需要把某些功能整合在一起，因为用户经常是需要同时做这两种事情，同时去打开这两个功能，通过这样的反馈可以把同时使用的这两个功能结合到一起，通过访谈可以得到这样的依据，来进行功能的整合。

04. 主动询问用户观点

用户的驱动力: 去了解激励因素，就知道了什么功能应该做完善，什么功能并没有那么重要。比如汽车销售为什么要录入信息，因为可以增加汽车的销量，录入越准确的用户信息，他的销售量越高。也就是用户做这件事情，他的原因是什么。

用户遇到最难事件: 在工作中或者用户使用过程中遇见了什么样难的事情，这件难的事情，就是产品的痛点，就明白了当前产品迫切需要什么样的功能去帮我们设计师来解决当前产品痛点的问题。

用户遇到最飒事件:他在使用过程中最满意的是什么事情，就是爽点是什么事情，那些产品中解决了用户很好的问题的部分，去把产品更好的放大，让用户继续使用。也就是通过访谈我们知道了产品的爽点是什么。

用户担心事件:在他们使用过程中担心的是什么，我们也要要了解这些隐藏的问题.

用户期望事件: 用户希望得到什么样的改善，最终的目标是想解决什么样的问题，到这一步其实所有问题目前都没有答案，我们可以继续访问，先做记录，不做最终的答案.

问用户目前状态: 我们可以了解待解决的问题，通过产品想解决什么问题，进行收集需求；用户对于产品升级有什么小期待，进行收集需求；通过用户的反馈目前产品的哪些问题，收集到目前反馈的问题；以往问题是否有效解决；进行收集反馈。觉得不错的同类型产品有哪些，通过了解竞品情报，我们可以竞量多问一些 觉得不错的竞品有哪些；目前产品有哪些地方很好，很好的地方要保持，有的产品升级后，以前特别好的功能突然消失了，改了没必要，好的功能保持就可以；前产品有哪些地方不好，我们去优化不好的地方；以往问题是否有效解决，当有问题需要解决的时候，用户的问题是否是通畅的。通过看用户如何反馈，我们可以了解功能倾向，了解整个流程是否通畅

05. 聊生活

发觉人性闪光点，提升产品差异竞争力，1、问目前的生活状态，婚姻状态，有没有孩子，接送孩子的时间，平时有什么爱好？什么爱好不错？发觉人人性的闪光点，好的不好的产品都有共性，B端产品中视觉的倾向是什么？比如有插画，温馨的语言提示，通过什么样的情感设计可以照顾到每个人的生活。

2.4.4 B端用户访谈得出结论

如何判断功能在用户那里好还是不好？前面所有的都只是在记录，现在才是在做判断，判断的第一件事，是做定量的整理，所有的问题都收集到了，也记录到了，至少需要有两个样本，去做定量整理。

2.4.4.1定量整理：行为

第一步是行为的总结，量级的总结，把记录的问题点、功能点和关键词放到表格里面，经常出现，迫切需要解决的是什么问题，较少的问题是什么，偶尔的行为问题是什么，因此偶尔的优先级就不高了，主要关注经常遇到的问题点、功能点和关键词。

2.4.4.2 定量整理：特征

把每个角色按照以下表格里的的特征进行定量的描述，这时候仍然不能找出它的共性点，但已经把用户的特征进行分类整理了，定量之后再去定性。

2.4.4.3 定量整理：特征/角色/流程

这个角色名称是一个具体的名字，比如王某某。以下这张表：可以看到在我们的系统中有哪些的权限，有哪些的角色，他们的需求是怎么样的，这是一个完整的用户画像。用户画像是一个结果，是通过用户访谈的形式完成了用户画像，并不是被动的接受数据信息得出的，所以通过用户访谈的形式进行定量定性分析得到的结果是最准确的。

3.1 建立情绪版

3.1.1 情绪版的概念及作用

本质是将情绪视觉化，情绪版并不是玄学的东西，它确实可以通过图片找到对应的图形元素，因为图形（照片）是可以表达情绪的，比如看到一张照片会感受什么什么情绪：热、冷、饿、干渴、安静、压抑、神秘、恐怖、失落、沮丧、速度、力量这些都是情绪相关的关键词。

情绪版是一个特别快速能和产品，我们的团队包括设计团队进行沟通的一种方式，比如要设计一个界面，需要几天才能设计出来，但我想提前知道一下未来界面设计成什么样子，那就先做一个情绪版，让大家知道，找的方向是什么，这样适合与大家及时的沟通，大家也会明白产品将会做成什么样子，达成产品的最终设计定调。

3.1.2 怎么建立情绪版

01. 提炼关键词：获取本次产品设计中所要实现的产品3-5个必要的关键字词组，其中包括交互或视觉目标，通常由一些比较抽象的形容词组成。比如：在做的产品是医疗行业，那么医疗相关关键字词组是：生命/健康/安全等。

02.关键词发散：通过获取到的关键词的基础上，发散出来一些新的词语，这种发散词汇，不是简单头脑风暴产生的，而是要有目的性的进行提取，要更加的具体。比如刚才举例医疗行业，生命可以继续发散出血液、器官等衍生关键词。

03. 搜索图形: 对之前总结出的几个关键词在图库中进行查找，也可以在直接在behance里找别人收藏好的情绪版图片直接用，效率可能更高一点。

04. 制作情绪版: 搜索大量图片后，挑出我们需要的进行整理，采用一种拼贴方式进行设计排版，拼贴出来需要得到需要得到的色彩，构图，质感和字体。

05. 得出结论: 在图形、色彩、字体、质感、构图，以上五点，得到合适的设计方案，快速与团队进行沟通，直观表达产品清徐，达成产品的设计定调。产品调性（企业调性）其实就是用企业的方式把故事讲述出来，是一种通过情绪版方法来讲故事的方式。

3.2 品牌三元法

3.2.1 品牌三元法为什么逐渐替代情绪版

品牌三元法是通过品牌三板斧模型得出的一个确定设计主风格的一种新得方法，品牌三板斧模型可以总概为用户调研关键的三个维度，一目标用户是谁？二产品服务是什么？三对于目标用户来说，你的产品服务有什么核心价值。当在回答完这三个问题以后，我们其实就已经清楚我们的品牌定位是什么了，因为它的核心优势是比较明显的，这样我们就知道我们将来会面对什么样的人群，去怎样去宣传它的卖点，同时做出产品的差异化。

通过这几年得工作案例设计实践，在确定设计主风格时，情绪版方法逐渐有被品牌三元法替代得趋势，因为情绪版这种把抽象的词不太好表现的词，翻译成图片的方式，比如刚才提到医疗行业的关键词是生命，健康，安全的，设计师找到很多这种相关的图片，挑出来后从这些图片里面找到一个共同的规律，最后去设计。这里面就有两个问题，一个原因是关键词非常的平，生面，安全，健康，很难更准确的表达衍生关键词。另外一个问题是它非常局限设计师的创意，因为它是从一些现有的图片里面然后去挑，所以很多设计师就反馈现有的方法不是很好用，比如当我们想到安全这个词，可能所有人想到都是特别绿的感觉，或者干净这个词，就会统一联想到白色这个画面，大家从一开始想法就差不多，所以它很难体现出创意。所以由于情绪版严重限制了自己的想象力，没办法把产品核心的气质表现出来，虽然情绪版正确但是是一个平庸的结果，大家没办法记住的结果。

3.2.2 如何应用品牌三元法

01. 理性层面（业务层面），传递产品理念：获取本次产品设计中体现业务层面，可以传达产品理念得5-10个关键词，对应的放在左边。

02. 感性层面（人文层面），营造产品氛围：主要体现这个产品给用户带来什么好处，宣传的角度是什么。获取本次产品设计中体现人文层面，可以传达产品氛围的5-10个关键词，对应的放在右边。

03. 个性层面（气质灵魂），创造独特风格：结合理性的业务层面和感性的人文层面，来创作出什么样的画面，和独特风格的感觉。同样总结出5个左右的关键词，放在下边。

04. 结合以上三个维度，提炼主视觉画面：当出现这三部分词的时候，经过思考或者大家一起头脑风暴，可能一开始想到的比较浅，但最终一定能想到一个最终关键词或者特别符合我们这个产品气质的画面，因为以上三部分得出关键词也都是经过品牌三板斧模型推演出有关联的关键词，想到一个符合产品气质的画面并不难，再得出这个主视觉画面后，这就是最终产品调性的主视觉，既符合产品定位，又具有独特的差异性。

05. 传达产品，用视觉语言讲故事：接下来，当这个主题、主视觉确定了以后，在看怎么样用具体的视觉设计技能，去传达我们的产品，也就是用视觉语言来讲故事，具体注意三个方面，一是表像，元素要符合这个视觉主题，二是关联，元素之间要具有关联。三是隐喻，用视觉的手段含蓄的表达产品的一些特性。比如云计算的一些产品，做得比较复杂每一个图标上都有一些曲线切割的画面，这样做的原因其实不是为了炫技，它是为了表达云计算弹性可扩展的特性，好比拍电影，中国人讲究隐晦。

4.1 色彩规范

4.1.1 选色

在系统色彩中，以Antdedign为例，系统色彩里包含了很多不同的色调，但不可能用到这么多颜色，这时要应用选择几个颜色，选几个我们应用的颜色。第一步要做的就是选色，选出应用色彩，这个应用色彩也就是我们建立得视觉规范中的基础色板，在选色时候需注意，要有有明确的心理预期，比如医疗行业中常用蓝色和绿色，就是符合预期的颜色。在基础色板里选择调色，应选择两个相同级别的蓝色和绿色；基础色板里选不同颜色时不要超过三个级别的跳跃；当选择一个确定的颜色时，可以选择草绿或者青绿色来作为辅助色；在基础色板里，最顶部的颜色最适合做背景色，中间的颜色适合做按钮色，底部的颜色适合做状态色，或者小面积文字的填充色，其余就是搭配过度的作用。再比如零售、比如金融行业的产品，会选择不同的颜色，那这些颜色代表了什么，是不是会和企业的VI色是有相符之处，这些都是我们去要考虑的。

4.1.2 注意色彩的两个特性

01. 注意品牌性：体现特性和传播理念、价值观：比如宜家，我们立刻会想到的是黄色和蓝色。比如京东，我们会想到红色。如果是饿了么，我们会想到蓝色。这些都是标识性的色彩，体现和传递的就是品牌理念和价值观。这些颜色一定不是随便选的，比如，宜家的黄色和蓝色，其实是瑞典的国旗的颜色，代表着宜家的来源地来源于瑞典，因为瑞典是一个很强调简约设计的国家，贯穿始终是在强调它的的价值观。一些关键行动点：比如选中的状态，按钮的颜色，在很重要的地方用主色表达，这就是在体现B端的产品的色彩价值观和企业价值观的地方

02. 注意色彩的功能性：色彩需要体现功能有明确的信息以及状态含义，色彩代表它独特的含义，比如成功色，通常会选择绿色，再系统色板里，青绿草绿都可以选。比如出错/删除/失败用红色，表示警告警示。比如链接要用蓝色。

4.2 图标规范

画图标要注意图标的识别性、统一性和独特性。图标首先要一眼看出来表达的含义，其次是图标设计图标的大小，线宽粗细，圆角大小，图标风格等这些都需要统一，最后最好可以体现出图标的独特性，独特性就是差异化，这也是品牌三远法得核心，塑造产品的差异化，具体分析方法也可应用在图表设计当中，比如根据品牌基因进行延展，也可根据主风格主视觉设计定调，设计出独特风格且符合产品定位得图标应用在产品当中。

4.3 文字规范

4.3.1 字体家族

在B端页面中字体的显示顺序，有固定的一套代码模式，可以理解为，比如有的用户电脑没有平方字体，所以会显示出冬青黑体，来替代平方字体的设计稿，如果没有冬青黑体，就用微软雅黑替代显示，字体家族中，从左到右代表了字体显示的有限顺序，平方、冬青黑体、微软雅黑、黑体、宋体，中英文都是。

4.3.2 主字体

在系统中有中文常用PingFangSC、微软雅黑、思源黑体；英文常用San FranciscoUI（SF字体）、Helvetica Neue、Arial

4.3.3 大小与行高

方法一：在Antdesign中规定的，比如字体大小是14px，行高就是22px。规范里最小字体是14px，但可能有注释字体，字号最小是12px。表格里的内容是按照表格里的行高来约定的，与字体行高无关，这个前提是，不在表格里内。当没有出现文本字体，表格里的字体的时候就需要去设置字体的行高，Figma里默认行高是140%，比如14px字体，行高就设置成22。这是Antdesign里的规范，但不是唯一的规范。需要注意的是，如果使用一个标准就全部使用一个标准，这个需要把选中文字段落进行调整行高。

方法二：是当按倍率去算的行高规范，方法步骤是先调整好行高，去改变字体大小，比如无行高时，1/100%/1倍行高，注意加上%号；紧凑行高，1.3行高/130%；常规行高1.5行高/150%；宽松行高，1.7行高/170%。

4.3.4 文字的层级关系

辅助文字12px、正文（小）13px、正文（常规）14px、小标题（16px，小标题是相对于14号字出现的）、标题18px、主标题20px

4.3.5 字重

比如常用的苹方有6个字重，但在平时的设计中根本用不上。中文环境6个字重在实际显示并没那么好，常用两个字体，萍方常规体400（常规），苹方中黑体500（粗体）。而英文可以用粗体600。

4.3.6 字体颜色

在深色背景下、和浅色背景下不同内容的色彩透明度不同，具体透明度用百分比显示。在彩色背景下或者在不同颜色之下，字体应该使用白色还是黑色，应该按着规范严格使用，难点在颜色相近的时候选择白色还是黑色，也需按照规范执行。

4.3.7 文字对齐关系

文案类对齐：页面的字段、段落较短标题、需正文左对齐

表单类对齐：保证整齐适合阅读，冒号对齐法找到中间的冒号，（左右对齐），如果全部使用左对齐或者右对齐会更乱。左边一般最长字段六个字。前提是中文环境，不是国际化。冒号左右要留多少像素：8px的倍数相关值，4（窄点）、8（正常）、12、16（宽一点）都可以。

数字类对齐：日期，居中对齐；年龄，居中对齐/左对齐；非固定的数字：价格，采用右对齐，因为右对齐很容易看到价格的多少，哪个超出的更多，就越贵的，更容易区分数字的多少。

4.4 层级规范

层级规范得核心是对信息的间隔和区分，信息的区分间隔要用偶数8的倍数。具体可分为同层级的区分，用色块（比如气泡）、边框（栏目之间抖索狂等）、线段来进行区分。错层区分，用弹窗（背景变暗）、边框阴影（阴影的出现是拟物化的出现，当物体离它的光源越近，比如高度越高，它的阴影就越大越宽。离它的底部越近，阴影就越小，比如下拉框、搜索框、日历控件、弹出窗口来区分）。

这里需注意，关于投影，再前端角度考虑尽量不要用太多的特效滤镜来设计，因为在B端网页中，浏览器的兼容性不好，比如用ie浏览器就根本看不到这样的效果，如果用谷歌浏览器能看到，用safri浏览器能看到，但在火狐下等又会看不到，想要都看到就需要兼容很多代码，需要前端加很多代码实现兼容性的效果，很增加前端的工作量，所以在B端很少用非标准型的滤镜代码使用，虽然可以实现，但一般不太用，一般就是变灰、变深、变透明度最简单的方法实现。不同于移动端，因为IOS用的是原生的开发，所以不存在这个问题。

文章来源：站酷   作者：morning_c
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

相比于传统金融而言，科技为金融提供了巨大的动能。探讨科技主导下的金融科技的发展之道，对于当下的行业发展具有至关重要的作用。本篇文章对此进行了详细的阐述，推荐对金融科技感兴趣的朋友们阅读。

如果一定要为现在的金融科技玩家寻找一个注脚的话，或许「科技」在恰当不过了。

没错，几乎所有的金融科技玩家都在用「科技」标榜自己，逐渐变成了当初他们宣扬自己的样子。

事实上，当初的金融科技玩家并不想要成为科技玩家，他们口中所谓的「科技」仅仅只是一个名头而已，他们真正从事的依然是金融的买卖。

事实证明，仅仅只是将「科技」当成幌子，并不能够带来长久发展，而只有真正投身「科技」的怀抱，告别对于「金融」的幻想，金融科技的发展才能行稳致远。

正是因为如此，当以蚂蚁金服、京东数科为代表的一众金融科技公司的发展被监管，越来越多的金融科技玩家才彻底打消了对金融的幻想，真正投身到了科技的赛道上。

很显然，「科技」并没有「金融」那样立竿见影的效果，对于玩家们来讲，投身到「科技」的赛道上预示着他们需要付出比以往更多的努力，才能获得发展。

另外，投身到「科技」的赛道上，是没有样板可以借鉴的，他们需要自己摸着石头过河，才能找到一条真正符合自己的发展道路。

因此，探讨「科技」主导下的金融科技的发展之道，对于当下的行业发展具有至关重要的作用。它直接关系着金融科技的未来，甚至直接关系着金融科技玩家们的前途命运。

一、回归金融主体，科技化整为零

无论是在互联网金融时代，还是在金融科技时代，我们之所以会遭遇如此多的困境与难题，其中一个很重要的原因在于，科技取代金融成为了主体，最终让金融行业的发展和进化出现了失焦。

因此，当「科技」成为金融科技的避风港，我们首先要做的就是要让其回归金融主体，科技化整为零。

所谓的金融回归主体，其实就是要用金融的逻辑和规律来行事，而不能脱离金融本身，放任科技的发展。

我们看到的金融科技和互联网金融之所以会出现如此多的乱象，其中一个很重要的原因就在于，他们从本质上是做科技的，而不是做金融的。

一旦脱离了金融的规律，所谓的金融变种，必然走入到死循环。

所谓的科技化整为零，其实就是要让科技成为金融行业的一份子，成为金融行业的「基础设施」，而「科技」的外在表现是金融的，而不是科技的。

只有这样，科技与金融才能真正实现深度而又全面的融合，否则的话，金融与科技仅仅只是简单相加，并不能够带来本质性的改变。

当「科技」成为主流，我们需要做的就是要寻找到回归金融主体的正确方式和方法，不能脱离「金融」而讲「科技」，一旦脱离了「金融」而讲「科技」，那么，纵然是躲过了监管，「科技」同样将会因为没有实体行业的滋养而枯萎。

只有真正做到了回归金融主体，实现了科技的化整为零，金融科技的发展才能有营养，有动能，最后，才能有发展。

二、流量并非目标，行业才是关键

无论是在互联网金融时代，还是在金融科技时代，我们借助科技来改造金融的目的其实是很明确的，基本上都是为了流量而来。

在流量充沛的大背景下，这种发展模式尚且存在一定的发展空间，一旦流量红利不再，盲目地以流量为终极目标，不仅无法带来流量的增长，甚至还会有害于金融行业的良性发展。

当「科技」成为玩家们新的避风港，我们需要做的就是要抛弃流量观，真正将关注的焦点更多地聚焦在行业上。

通过科技对于金融行业的深度改造，为金融行业的发展找到新客户，找到新方向，开辟新机会。

总结起来，一句话，就是要将改造行业，而不是获取用不看成是下一个阶段的金融进化的关键。

在这个过程当中，我们可以：

• 优化金融的运行逻辑
• 创新金融的产品
• 提升金融的运行效率

只要金融本身有了本质的改变，不仅可以继续挖掘存量时代的新机会，而且可以让金融行业的发展获得更多新的发展机会。

因此，当「科技」成为金融科技新阶段的主导，我们需要抛弃对于流量的迷恋，通过将更多时间和精力放置于金融行业本身，从而找到存量时代的金融行业新机会。

三、割裂无出路，融合正当时

无论是在互联网金融时代，还是在金融科技时代，「科技」与「金融」两种元素之间的关系都仅仅只是一种简单相加的关系。

换句话说，在互联网金融时代和金融科技时代，「科技」和「金融」之间依然是独立的，割裂的关系，并未真正实现真正意义上的融合。

尽管这种简单相加带来了一定的发展，但是，这样的发展基本上是在收割红利，等到红利不再，「金融」与「科技」的这样一种割裂的关系，必然会面临困境。

当「科技」成为金融科技未来发展的主导，特别是当越来越多的科技玩家开始投身到「科技」的洪流里的时候，我们更加需要对「金融」与「科技」的本质有一个正确的认识。

什么是科技？什么是金融？

说到底，无论是金融，还是科技，其实都是相当基础的，相当底层的存在，它们存在的巨大的意义就是要建构起新型的实体经济的大厦。

说白了，无论是金融，还是科技，只有与实体经济实现了深度融合，才能让两者的功能和作用发挥到最大。

那么，在互联网金融时代和金融科技时代，「金融」与「科技」两种元素是不是真正发挥了它们应有的功能和作用呢？

很显然，没有。

它们仅仅只是发挥了最末端的功能和作用——收割流量的功能和作用，而没有真正找到与实体经济结合的方式和方法。这是我们看到互联网金融和金融科技之所以会陷入到死胡同的根本原因。

当「科技」成为金融科技的主导，给了我们一个非常明显的信号，即我们不能再像以往那样收割流量了，不能再像以往那样只做末端的买卖了。我们需要回归本质，找到「融合之道」。

需要明确的是，这里的「融合」，其实有两个层面的意思：

1. 我们需要找到「金融」与「科技」两种元素的融合之道，让这样两个原本并不想干的存在，有统一的表达方式，实现真正意义上的融通；
2. 我们需要找到「金融」、「科技」和实体经济之间融合的正确方式。

试想一下，当「金融」与「科技」实现了深度而又全面的融合；当「金融」、「科技」与实体经济实现了深度而又全面的融合，那么，它们的发展无疑可以跳出以往仅仅只是基于流量为主导的发展模式，真正进入到一个全新的发展周期。

当以「金融」为主导的金融科技的发展模式被叫停，我们看到的是越来越多的玩家开始将关注的焦点聚焦在了「科技」上。

于是，「科技」成为了下一个发展阶段的主导。

很显然，这种全新的发展模式，不仅可以带来金融的新进化，同样可以带来科技的新进化。

文章来源：人人都是产品经理   作者：孟永辉
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

概念

“用户体验”一词最早出现在 1990 年代， 认知心理学家唐·诺曼 (Don Norman) 随着技术使用的扩大和发展。 虽然这个词在最近几年才越来越被广泛的认识，但用户体验的原则实际上可以追溯到几千年前，中国古代风水实践起始的时候。

先来认识一下用户体验的概念吧，用户体验是一个人或者用户与产品的互动感觉与体验。产品是一种商品、服务或功能。 它可能是一个实体产品，也可以是虚拟产品，比如我们所熟知的手机程序、网页等。

评价一个产品是否拥有良好的体验的标准是公平、愉快、可用、有用。在设计时考虑原先被排除在外的用户群体是体现公平的关键，比如残章人士，或与自己有截然不同生活经历的人。用户体验设计中五个最常用的框架: 以用户为中心的设计过程、 五要素框架、设计思维框架、精益设计（MVP）、双钻模型。 选择其中某一个方法来满足你的设计需求，这也取决于公司、团队或项目，我们也许不会每次都使用相同的框架。

1.用户为中心的设计过程

这是一种设计方法流程，它在每一个阶段都关注用户及其需求。这是一个迭代过程，意味着设计师将一次又一次的回到某些阶段，通过这样的方式来优化我们的设计并为我们的目标用户创造最好的产品。

以用户为中心的设计过程的核心是同理心，对我们目标用户深刻的同情。这不仅仅是关于产品为用户做了什么，而是关于如何让用户感知我们的交互设计。

以下是以用户为中心的设计过程中的关键步骤：

• 了解用户如何体验产品。我们想知道用户是如何参与我们的设计，以及他们将在其中体验产品的环境，理解这一点需要大量的研究，比如观察用户的行动和进行采访，这些方法将在后面进行探讨。

• 指定用户的需求。根据我们在上一步的研究，找出最需要解决的用户问题。

• 设计解决方案。为需要解决的需求提出多种可能解决方案，然后开始实际设计这些想法！

• 验证解决方案。问问自己，我创建的设计是否解决了用户的问题？要回答这个问题，这里我们应该与真人一起测试自己设计的产品并收集反馈。

示意图中的箭头说明了以用户为中心的设计过程的迭代质量。设计师回到流程的早期阶段来完善和修正他们的设计。通过以用户为中心的设计流程，始终致力于改善用户体验并解决用户面临的问题！

以用户为中心的设计过程的指导原则：

为用户及其需求而设计（可用性原则）

按照我们自己的想法来设计是新手设计师常常容易陷入的误区，因为它看起来很酷或解决了您自己的问题之一。但请务必记住，你不是用户。你正在设计以帮助具有特定需求的不同人群。

使您的文案具有对话性（环境贴近原则）

产品设计中的文字应该具有友好、简单且易于理解的语气。避免使用用户可能不理解的行话或过于复杂的术语。

清楚地呈现所有信息（易取原则）

用户应该能够轻松浏览您的产品设计，而无需其他人的帮助。使关键信息（如结帐按钮）易于查找和识别。

确认用户操作（状态可见原则）

您的产品应该让用户知道他们何时正确执行了任务。这可能像按下图标时弹出一个新窗口一样简单，也可能像用动画扔的五彩纸屑来证明用户已完成任务一样复杂。 

提供支持（人性化帮助原则）

作为 UX 设计师，我们的目标是让每个用户都可以访问和理解设计，但有时我们会做得不够。为用户提供安全网，例如支持中心或常见问题列表。确保沮丧的用户不必在整个产品上滑动和点击来寻求帮助。

2.五要素设计框架

用户体验五要素已经是老生常谈的一个概念了，它是Jesse James Garrett在《用户体验要素-以用户为中心的产品设计》（The elements of user experience - user-centered design for the web and beyond）中提到的概念。作者Jesse James Garrett还有一个名头，那就是“Ajax之父”。

用户体验设计的五个要素是用户体验设计师将想法转化为工作产品的步骤框架。这五个要素从下到上是：战略、范围、结构、骨架和表面。将这些视为一组五层，其中每一层都依赖于它下面的一层。

• 战略：底层是战略，在此为设计目标奠定基础。这些目标基于用户需求和产品的业务目标。

• 范围：下一层是范围，你可以在其中确定正在构建的产品类型。这一层将考虑要包含在产品中的功能和内容类型。

• 结构：中间层是结构，也就是整个产品的信息结构。在这里，你将了解如何组织您的设计以及你希望用户如何与产品进行交互。

• 框架：框架是产品的布局。就像我们骨骼的布局塑造我们的皮肤一样，框架层详细说明了你的设计是如何工作的。

• 表现：顶层，即表面，代表产品对用户的外观。表现代表用户查看和交互的界面。将表现想象成外部世界可见的衣服或化妆品。

  
  

3.设计思维过程

设计思维是一种创建解决方案的方式来解决用户的问题。设计思维有五个可操作的步骤：

 移情、定义、构思、原型和测试。

第一步：移情

这是关于发现用户真正关心的是什么，设计师需要并学习如何像他们一样思考和感受。 你可能会进行调查、访谈或观察会议，清楚地描绘出你的最终用户是谁以及他们面临的挑战。

第二步：定义

通过创建清晰的问题陈述来定义问题。 问题陈述是对用户的清晰描述需要解决的问题。 问题陈述应基于用户研究和，它让团队专注于一个明确的目标。后面我们会讲到该如何创建问题陈述。

第三步：构思

 一旦我们定义了问题，我们就可以开始构思或集思广益解决方案。 你的目标应该是想出尽可能多的想法。 通过关注想法的数量，而不是质量， 你更有可能想出创新的解决方案。 最终，我们需要缩小到一些可以原型化的想法。 

第四步：原型

原型是显示重要功能的产品的缩小版本。 你应该为你的原型制定一个明确的目标。

最后：测试

我们与用户一起测试原型。 测试将用户放在首位，因为它为用户提供了机会 在产品构建之前提供反馈。根据用户反馈，你可以进行更改和改进，或者提出一个全新的想法。

4.精益用户体验  Lean UX（MVP）

精益思想（Lean Thinking）源于20世纪80年代日本丰田发明的，精益生产方式造成日本汽车的质量与成本优势，曾经压得美国汽车抬不起头。精益思想的核心就是消除浪费，以越来越少的投入——较少的人力、较少的设备、较短的时间和较小的场地创造出尽可能多的价值；同时也越来越接近用户，提供他们确实要的东西。

精益用户体验过程侧重于减少浪费的时间和资源，并尽快生产出可行的产品。这个过程是迭代的，这意味着团队在收集用户研究和利益相关者的反馈时会继续更新和修改产品。

精益用户体验过程分为三个步骤： 

思考

探索用户遇到的问题，并考虑如何通过设计解决这些问题。这一步是关于收集研究，因此你可以清楚地了解产品的用途以及它将如何帮助你的用户。 

制作

通过创建草图、线框和原型开始设计产品。您还将创建一个最小可行产品，简称 MVP，它是你可以与用户一起测试的简单设计原型。准备好在收集反馈时返回并更新您的原型！

查看

了解用户如何响应您的设计并收集项目利益相关者的反馈。相应地调整您的设计，并在必要时再次重复这三个步骤。

这些步骤应该根据需要重复多次，直到你的团队达到所需的最终产品。精益用户体验流程鼓励生产力和协作。精益用户体验团队通常是跨职能的，这意味着您将与工程师和用户体验研究人员等团队成员一起工作。

在使用精益用户体验流程时，你应该牢记六个原则：

1. 前进。仅关注将设计过程推向特定目标的设计元素和功能。不要被“好东西”分心。 

2. 保持好奇。Leaning UX 是关于使用来自用户和利益相关者的反馈来修改和改进你的设计。不断寻求反馈以了解为什么特定的设计有效或无效。

3. 在现实世界中测试想法。精益用户体验鼓励设计师在会议室之外与潜在用户一起测试他们的想法——例如使用原型。

4. 外化你的想法。不要在内部辩论和分析一个想法是否可行，而是将你的想法转化为实际的、可见的和可测试的，同时它们在您的脑海中仍然新鲜。这样，你将在早期阶段获得有关设计的反馈，不同的观点和反馈最有帮助。 

5. 将可交付成果重新定义为结果。专注于创造用户真正想要和需要的可用的、令人愉快的产品。请始终牢记，你首先要为用户设计，而不是为项目利益相关者设计。

6. 拥抱彻底的透明度。对团队中的每个人坦诚相待（并期望得到同样的回报），因为你们将依赖于彼此的见解。这样，每个人都可以就如何前进做出明智的决定，避免浪费时间和精力。 

   
   

5.双钻 Double Diamond

双钻模型描绘了在设计流程中发散和收缩的过程，由英国设计协会提出，是一种设计师所使用的思考模式。该设计模型的核心是：发现正确的问题和发现正确的解决方案。一般应用在产品开发过程中的需求定义和交互设计阶段。

它将用户体验设计分解为两个主要阶段（或“钻石”）：研究和设计。每个阶段有两个步骤。结合起来，这些是四个步骤：

1. 发现问题。收集有关用户面临的潜在问题的信息。 

2. 定义问题。筛选数据，并专注于您的产品旨在解决的主要问题。

3. 解决方案。作为正在进行的工作开始设计您的产品。这就是线框和原型发挥作用的地方。

4. 交付产品。审查和测试您的产品，为发布做好准备。

为了更方便理解，我从网上找了中文理解示意图：

原文链接：https://www.sohu.com/a/412691806_769195

与我们讨论过的许多设计方法一样，Double Diamond 是迭代的，而不是线性的。每个冲刺都会带领团队获得用于改进产品设计的新见解。然后，该过程以新的迭代重新开始。把它想象成学生在将最终草稿交给老师评分之前写的研究论文的各种草稿。

Double Diamond 还鼓励整个组织的团队合作，因此设计团队不仅仅专注于设计。要取得成功，整个团队必须知道如何结合设计原则、设计方法、用户参与策略和领导原则。准备好根据需要承担多种角色和职责。

双钻石流程有四个原则： 

1. 以用户为中心：与 UX 设计的情况一样，用户是重中之重。

2. 交流：通过补充文本的图像和设计选择进行视觉交流。你还应该确保你的设计交流是公开和可访问的。

3. 合作：双钻流程的独特之处之一是它鼓励与您的团队成员进行创造性合作和共同创造。 

4. 迭代：接受设计正在进行中并且不会立即完成的事实。神奇在于修订。每一次迭代，你都会给用户带来新的体验。

总结：

在前面我们讨论了5种常见的设计研究方法，可以发现究其根本，就是在开始设计前，设计师首先应该定位问题所在，是用户最关心的问题，而非我们想象中的问题。在这个基础上再去拆解我们的设计目标，提供足够多的可能性的解决方案将问题逐个击破。设计后期我们需要验证，和用户一起进行可用性测试。然后不断的往复循环。这些方法并非独立的，都是交叉相通的，所以在使用中我们可以灵活运用。

事实上在工作中我们可能已经尝试过其中某一个环节，但是却未必系统的了解它的原理。我认为理论知识可以帮助我们更宏观的看待问题，指引我们使用方法找到更多的解决方案。我也一直秉持这样的信念在学习设计理论，希望我的整理笔记对需要的人能有所帮助。

文章来源：站酷   作者：将晚秋

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务