内容简介
当下,B端产品面临着前所未有的全场景化、智能化、数字化和互联化的挑战,提升B端产品的体验势在必行。本书创新性地从企业级视角提出了进行B端产品体验设计的系统化方法,帮助企业从0到1地搭建起一套实用、灵活的企业级B端体验设计体系,理论和实践并重。本书从B端体验设计的基础概念、10个典型问题出发,总结出企业级B端体验设计冰山模型,重点阐述了构建企业级B端体验设计体系生态的过程和方法,以达到全方位赋能业务的目的。本书不仅阐明了如何组建企业级B端体验设计团队,而且从个人成长的角度,阐述了构建企业级B端体验设计能力的九大思维。
本书适合所有B端产品从业人员,包括初入职场或有一定工作经验的产品经理、设计人员、运营人员、研发人员及管理人员阅读,也适合大中专院校相关专业的师生阅读。
经常书评
高颖
浙江工商大学艺术设计学院院长
这是一本值得深入学习、反复阅读的图书。现在就开启你的B端体验设计之旅吧!期待你读完本书,与我一样,拥有美好的体验。
张良友
杭州灵动数上创始人兼CEO
真心推荐B 端体验设计师、B 端 UED 团队的管理者、B 端产品经理、B 端创业者阅读本书,从更高维的视角来看待B端体验设计,指导自己的产品获得更好的用户体验。
吴昊
《SaaS创业路线图》作者、SaaS创业顾问
本书作者结合多家大厂的套路和自己的亲身实践,构建了自己的产品体验设计框架,值得CEO和产品团队学习。
王钰
“钰见SaaS”主理人,物畅网联合创始人
知果在书中提到的企业级B端的设计体系、设计团队、设计模型等,都可以拿来就用。
赵岩
实战营销咨询创始人
终于有人深入研习B端的用户体验了,我一直认为提升B端用户体验是B端企业制胜的法宝。
周宁昌
广东省工业设计产业技术创新联盟秘书长
知果在本书中倾情分享了个人从事企业级B端体验设计的经历和体会及其所总结的宝贵经验、方法和理论。
Kevin(张晋壹)
PMTalk产品经理社区发起人
本书基于作者的亲身实践和深度思考,详细总结了B端产品通过哪些方法可以改善用户体验。
程远
优设网内容总监
阅读完此书样稿,我也感到了B端体验设计的重要性,为B端产品构建好的用户体验,是企业未来制胜的有力武器。
老曹
人人都是产品经理、起点课堂创始人
本书沉淀了知果这些年在B端产品体验设计领域的实践与思考,逻辑清晰地梳理了做好B端体验设计需要具备的流程、要素、方法、思维,并加入了很多她自己的实践,非常实用。
carol炒炒
《一个App的诞生》系列图书作者
本书站在企业级视角回答了B端体验设计应该如何去做、如何可以做好,不仅提供了思维,还提供了具体的模型与方法。
林汉城
ETU创始合伙人兼创意总监
本书让拥有零散经验的B端体验设计师能收获更系统的认知,是一部值得反复阅读的著作!
Nick(刘醒骅)
ETU首席设计官
通过这些方法,我们可以更好地规划和管理B端产品的用户体验设计工作。这是一本值得推荐给所有B端体验设计师阅读的专业图书。
目录
第1章B端体验设计是什么 1
1.1他们眼中的B端体验设计 2
1.1.1B端产品是否需要体验设计 2
1.1.2对B端体验设计的多角度理解 3
1.1.3B端体验设计能力的成熟度现状 5
1.1.4对B端体验设计未来的期盼 7
1.2我眼中的B端体验设计 8
1.2.1用户体验旅程与触点地图 8
1.2.2使用产品前:接触、悉知、比较、沟通合作 10
1.2.3使用产品中:感受、交互、信任、依赖 13
1.2.4使用产品后:回忆、增购/续费、推荐、期待 17
1.2.5实际场景中用户体验的复杂性 18
1.3多样化的B端体验设计现状 19
1.3.1效率为王、功能优先 20
1.3.2重视体验、精细打磨 21
1.3.3混合模式、目标导向 22
1.4企业级B端体验设计之旅从这里开始 23
1.4.1绘制一幅动态发展的能力地图 24
1.4.2旅程从哪里开始 26
第2章企业级B端体验设计冰山模型 28
2.1重新思考为组织与用户构建模型 29
2.1.1为组织提供具有共识性的体验策略 29
2.1.2为用户提供优质舒适的体验 30
2.2框架模型――厘清底层逻辑 31
2.2.1产品战略,一切的基础 32
2.2.2业务需求,设计的源头 37
2.2.3用户需求,好用的根本 41
2.2.4知己知彼,突破与超越 52
2.3原型模型――绘制可视化界面 55
2.3.1信息架构,帮助用户快速定位 55
2.3.2任务流程,引导用户行为动线 60
2.3.3布局结构,给予用户清晰信息 66
2.3.4交互设计,定义人机互动模式 73
2.4视觉模型――制定产品设计风格 77
2.4.1品牌个性,定义产品DNA 77
2.4.2风格定义,成就特色品牌 79
2.4.3品牌符号,融入用户内心 83
2.4.4设计规范,定义资产风格 91
2.5支撑模型构建与迭代的五大要素 93
2.5.1以指导为思想 93
2.5.2以用户为中心 94
2.5.3以可用为基石 95
2.5.4以度量为常态 95
2.5.5沉淀标准库 96
第3章构建企业级B端设计体系 97
3.1企业级B端设计体系概述 98
3.1.1设计体系的使命与愿景 98
3.1.2绘制可执行的设计体系能力蓝图 99
3.2精神思想,让设计体系具有生命力 100
3.2.1设计哲学 100
3.2.2设计价值观 102
3.2.3设计语言 102
3.2.4设计原则 103
3.2.5设计规范 105
3.3基础资产,为数字界面打基础 105
3.3.1全局视觉 106
3.3.2图标库 113
3.3.3基础组件 117
3.3.4通用区块 122
3.3.5典型界面 125
3.4高阶资产,让数字界面更专业 130
3.4.1插图资产 130
3.4.2内容策略 135
3.4.3图表资产 139
3.4.4导航框架 143
3.4.5登录页 145
3.5设计细节,让团队协作更顺畅 147
3.5.1资产命名 147
3.5.2设计拓展 148
3.5.3知识文档 149
3.5.4白皮书 151
3.6构建设计体系需要关注的四大要素 151
3.6.1从why开始画圈 152
3.6.2依托业务与客群 153
3.6.3让资产开花结果 153
3.6.4拥有开放式心态 154
第4章构建体系生态,全方位赋能业务 156
4.1设计模式,沉淀可复用的最佳实践 157
4.1.1设计模式的意义 157
4.1.2如何形成模式库 159
4.1.3设计模式的类型 160
4.1.4案例一:表格设置 164
4.1.5案例二:主次按钮 165
4.1.6案例三:搜索模式 167
4.1.7案例四:内容区分 169
4.2交互范例,给用户一致的操作体验 171
4.2.1我的交互范例思考之路 171
4.2.2案例一:数据导出 173
4.2.3案例二:查阅详情 174
4.3体验度量,从感性到理性的跃迁 176
4.3.1打基础:制定度量模式 176
4.3.2用方法:三角形度量策略 178
4.3.3抓时机:上下同时驱动 180
4.4工具构建,提质升效的有力武器 181
4.4.1规划工具地图 181
4.4.2以刚需为依托 183
4.4.3以流程为抓手 184
4.4.4以MVP为突破口 184
4.5知识布道,协同共建可持续发展的设计体系 185
4.5.1分享会 185
4.5.2官方网站 186
4.5.3社区和官方群 188
4.5.4多渠道布道 189
第5章组建企业级B端体验设计团队 191
5.1为什么要组建企业级B端体验设计团队 192
5.1.1企业级B端体验设计团队的发展历程 192
5.1.2组建企业级B端体验设计团队的4个原因 197
5.2组建企业级B端体验设计团队的前期思考 200
5.2.1何时开始组建团队 200
5.2.2团队的组织架构 201
5.2.3团队的核心职能 204
5.2.4组建团队的基础要素 208
5.3建立团队内外的高效协作模式 210
5.3.1团队内部的协作 210
5.3
前言/序言
自序
B端体验设计日趋繁荣之势
如今,产业数字化的发展浪潮推动着SaaS阔步前进,而SaaS的本质是续费。SaaS厂商想要在激烈的竞争中脱颖而出,持续获得收益,就不得不去考虑提升产品的用户体验。对传统软件厂商来说,想在此种环境中生存下去,只考虑大而全的产品功能已不可取,提升产品的用户体验就成了一项紧迫的战略任务。
为了把B端体验设计做好,很多大厂早已站在企业级视角对其进行规划与落地。最经典的莫过于SAP Fiori、Material Design、Lightning、Ant Design。
2013年,SAP基于复杂的业务场景,提炼出跨业务线、跨设备的SAP Fiori 1.0企业级设计语言(Fiori在意大利语中是“花”之意),之后持续迭代SAP Fiori。SAP Fiori被广泛应用在SAP的各种产品解决方案中,如SAP Success Factors Employee Central解决方案、SAP Cloud for Customer解决方案,其经受了多年的严苛打磨,已经非常成熟。
在2014年Google I/O大会上,Google发布了Material Design,以解决Google内部产品线各自独立设计而导致的产品风格不统一问题。Material Design贯穿Google各个平台的始终,包括手机、平板电脑、桌面等,让用户在不同平台上拥有连贯的体验。Google设计副总裁杜瓦迪说:“不应该为不同的屏幕规格创建不同的产品,而应使用一种统一的设计方法开发一款可以跨多种屏幕的产品。”
2015年,CRM软件服务提供商Salesforce发布了企业级设计语言Lightning,在历经两年的市场打磨后,其视觉与交互规范逐渐趋于稳定。
以上是国外的情况,接下来是国内的情况。2016年5月,蚂蚁集团体验技术部基于企业内外部环境,在大量实践的基础上,发布了服务于企业级产品的设计体系——Ant Design 1.0。Ant Design 1.0包含了中后台基础组件库及配套设计语言,一面世就在国内体验设计圈引起了极大的反响。B端从业者,特别是B端体验设计师,好像一夜之间豁然开
朗,思路一下子被打开了,原来B端体验设计还可以是这个样子的。
随后,Ant Design不断迭代与创新,陆续发布Ant Design 2.0、Ant Design 3.0、Ant Design 4.0,在2022年更新到了Ant Design 5.0。除了蚂蚁集团,还有一些大厂商也在构建企业级B端体验设计能力,如阿里巴巴有Fusion Design、阿里云有Xconsole、字节跳动有Arco Design与Semi Design、腾讯有TDesign等。
国内外巨头在企业级B端体验设计能力上的规划与布局,足以证明体验设计对B端企业、产品与用户的价值非常大,且越来越受到企业的认可。
我进行B端体验设计的苦与甜
一次偶然的机会,我从品牌/插画设计师转型到B端领域,逐渐从负责单个产品的体验设计工作转型为带领团队进行企业级B端体验设计能力的构建与推广,以及相应工具的探索与落地。我在本书中翔实地记录了自己从一名单纯的B端体验设计师到拥有“B端体验设计师+团队管理者+体验设计产品经理”多重身份的UED团队负责人的整个成长过程,以及在这个过程中的所思所得。
作为一名B端体验设计师,我只需要向内看,与产品团队配合好,并且高效、优质地完成产品经理指派的界面设计任务即可。
在成为UED团队负责人后,我不仅要对“内”高质量地做好自己的工作,还要对“外”将团队的发展、企业级B端体验设计能力的规划、跨部门的协作等都安排好。
这一路走来,咖啡的苦与糖果的甜兼有,但更多的还是甜。
咖啡的苦
在我自己团队的成员中,以及在我的公众号读者中,很多人都觉得自己很迷茫,做B端产品不如做C端产品更有成就感,找不到自己的价值在哪里。比如,很多在C端可以使用的设计方法论、设计策略,在B端却找不到适用的场景和机会;视觉设计稿的落地效果终究会因项目时间紧急、技术实现困难等而打折,即便是通过设计评审的视觉设计稿,也“难逃此劫”;设计走查时常常发现视觉设计稿还原度不够,或者体验设计师直接用自己设计的界面,而与研发工程师闹不愉快。
团队成员、公众号读者对我说的这些,我又何尝没有感受到呢?特别是在我接触B端产品一年左右的时候,这种感受尤为强烈。当然,现在回头去看,还是有其他解决办法的。
记得有一次,产品团队负责人问我为什么要对界面做如此大的交互调整,我懵了。我告诉他原有界面的问题和调整后的优点,可是这些解释通通都没有用,他就告诉我一句话:“用户已经习惯了原有的界面交互,我们稍微完善下就行,不要进行大幅度的调整。”我回到工位上,陷入了沉思:难道就因为用户习惯(用户习惯了现在的操作模式),我们就什么都不用做了吗?
糖果的甜
虽然在浸润B端产品设计的这些年里,我感受到了一些无助,但糖果般的甜也深深地融入我心中。
2021年年初,刚签约的一个客户期望我们能为其讲解界面设计规范,他们想通过此次沟通来了解我们的界面设计规范能否满足其需求。在会议中,我介绍了界面设计规范产生的背景、包含的内容范