蝶变(移动用户体验设计之道)
全新正版 极速发货
￥ 51.49 6.5折 ￥ 79 全新
仅1件
广东广州
认证卖家担保交易快速发货售后保障
作者编者:邓俊杰
出版社清华大学
ISBN9787302494065
出版时间2018-04
装帧其他
开本其他
定价79元
货号30135166
上书时间2024-05-27
商品详情
- 品相描述：全新
- 商品描述
-
作者简介
邓俊杰金蝶云之家用户体验部总监，首席用户体验架构师。曾就职于华为技术有限公司，任交互设计师、设计主管、高级产品经理等职位。在用户体验相关领域工作13年，著有设计发明专利文章20余篇。
目录
第 1 章 企业用户研究方法探讨
1.1 发掘用户真实的需求
1.2 如何设计问卷才能收集到高质量的数据
1.3 企业实地访谈启思录
1.4 企业用户访谈案例
1.5 可用性测试：任务评估模型与计量方式
1.6 论用户研究员的自我修养
第 2 章 To B 产品设计研究
2.1 关于用户故事地图的多种用法
2.2 用户画像烹饪课
2.3 产品设计需要考虑完整场景
2.4 基于场景进行的 To B 产品设计
2.5 如何做好 To B 产品需求
第 3 章 交互和视觉设计技巧篇
3.1 格式塔原则在移动办公设计中的运用
3.2 费茨定律在移动办公设计中的运用
3.3 表单设计技巧
3.4 重要的视觉设计原则——对比
3.5 黄金分割在界面设计中的应用
3.6 如何做好视觉设计走查
3.7 如何提高文本易读性
3.8 移动办公产品设计案例
第 4 章 平台建设和生态系统设计
4.1 为什么要构建平台控件库
4.2 设计规范和组件化
4.3 快速建立控件的方法
4.4 YunDesign 产品设计原则
4.5 职场社交在移动办公产品中的探索
第 5 章 设计案例精选
5.1 如何利用签到提高二次传播
5.2 智能审批设计探索
5.3 审批表单设计实践
5.4 To B 直播场景设计
5.5 CRM 产品设计总结
5.6 CRM 连接 ERP 项目
5.7 如何提升报表体验
第 6 章 设计能力提升篇
6.1 交互设计背后的心理学原理
6.2 设计用户的情绪
6.3 如何解决傻瓜式交互动画
6.4 产品设计师常常忽视哪些实际上很重要的事
6.5 如何开展竞品分析
6.6 如何创造体验、创造价值
6.7 设计师应该如何跟程序员合作
内容摘要
《蝶变：移动用户体验设计之道》结合云之家移动办公产品的实际案例，分析了各类不同场景下产品的设计方法，详细介绍了如何打造一款具备优秀用户体验的智能手机App，主要内容包括企业用户研究、ToB产品设计研究、交互和视觉设计技巧、平台建设和生态系统设计技巧和相关的案例及经验总结。书中包含大量实际调研数据，对设计的迭代过程进行了充分展示，侧重实战经验，并非空洞的设计思想和理论。
《蝶变：移动用户体验设计之道》适合用户体验设计领域的从业者、图形界面设计师、交互设计师、用户研究员、产品设计规划人员、企业服务产品设计人员、移动办公产品行业相关人员阅读，也适合交互设计、用户体验相关专业的学生阅读，还可作为相关专业培训机构的参考用书。
精彩内容
第5章设计案例精选5.1 如何利用签到提高二次传播作者：丁珍长久以来，ToB产品一直被标签化地认为只注重商业利益和企业流程，缺乏人文和情感关怀。然而不论是B端产品还是C端产品，其核心都在于人。只要有人，就会有情感，纵使是在体制和规则之下也会有自己想要表达的情感。
云之家早前便已经有了加班签到分享的功能。与用户的日常打卡不同，当用户加班签到时会有弹窗弹出，并配以励志的文案，还可以分享到朋友圈和会话组。整个流程很短，操作也非常简单。但是仔细分析这个流程便会发现其中并不完美。
▲云之家签到界面旧的签到分享大致存在以下几个问题：（1）加班弹窗样式和云之家通用的功能弹窗相同，与加班的场景不符，缺乏情感化的视觉设计；（2）在文案选取上稍显随意和功利，不仅缺乏诗意，而且比较单一，难以引起大范围用户共鸣；（3）用户通过弹窗分享的内容与其在弹窗上看到的内容不符，脱离用户预期，违反了所见即所得的原则；（4）分享的内容是用户的签到时间和地点，较难引起其社交圈的共鸣以达成正向反馈和品牌传播；（5）弹窗文案没有定期更新，导致用户出现疲乏感，缺乏惊喜。
虽然加班弹窗在设计上存在很多问题，但是不得不说这个功能1.0版本的设计者在企业办公软件还在茹毛饮血一般的年代时，能有这种想法是有一定前瞻性的。
如今，在互联网信息大潮的冲击下，每个人都被淹没在信息的汪洋之中，接收到的信息纷杂繁多，但同时人们也变得越来越不会表达。加班弹窗便在数年如一日的按部就班的工作中开了一个切口，让一天工作的情感顺着这个切口流出，帮助用户去抒发和表达，让一天的工作有个落幕和积淀。
所以，加班弹窗是一块“璧”，然而我们却怀璧无为，实为浪费。于是我们决定从零开始重新设计这个加班分享。
首先要明确一点，我们的用户是谁？他们的心理诉求是什么？
对于云之家来说，由于产品自身的复杂性决定产品面对的用户群体是很复杂的，从行业、职位还是角色的维度上都难以做一个清晰的定位和划分。但如果从场景出发，可将复杂的用户群体并作一类人，现在将这类人简单贴标签为“加班者”。
加班者可以大致分为两大类：主动加班者和被迫加班者。
上班考勤是企业体制决定的，老板是创造这种体制的人，主动加班者能够自在游走于体制中，甚至能通过体制来达成某些目的，因此他们分享自己的打卡记录主要是为了作为一种工作记录，或告诉老板自己有多努力，这一类人倾向于表现。被迫加班者则是为体制所压制，想要反抗体制、改变体制，却有壮志不酬之感，因此他们分享打卡记录主要是由感性所驱使，这一类人倾向于抒发。
不论是表现还是抒发，加班者在线分享的根源都在于人作为一种社会性动物有被认可的需求。马斯洛需求层级理论中对人的五个层次的需求早有阐述，在此不表。简单来说就是，用户在其社交圈分享内容（社交需求），希望自己被关注（尊重需求），并获得认可（自我实现需求）。
▲马斯洛需求层级理论如何去设计？
加班签到的核心在于情感的共鸣和表达。整个设计也体现了诺曼博士情感化设计的三个层次。
本能层：注重视觉感受和第一印象，体现在产品上便是以简约的插画给用户视觉上赏心悦目的第一体验；通过对话的方式拉近和用户之间的距离。
行为层：注重效用，体现在产品上便是操作后所见即所得的分享。
反思层：注重情感反思与共鸣，体现在产品上便是根据用户心理选取不同类型的文案引起用户的共鸣或反思，勾起用户分享的欲望。
最后，在社交圈引起二次共鸣，达到正向反馈以及品牌传播。
▲情感化设计的三个层次落地时整个设计的要点便在于两处：插画的绘制和文案的选取。
（1）插画的绘制：根据加班这个场景，抽取关键词，查找对应感觉的图片建立意向图板，并绘制插画。
▲插画Moodboard（2）文案的选取：根据不同用户的心理诉求选取不同方向的文案来引起用户的情感共鸣或反思。以主动／被动加班以及情感上的理性／感性来建立坐标轴去划分加班者的心理，大致可以划分为以下几种方向的文案：主动理性者：加班具有强烈的目的性，这种人通常表现为敬业、有责任心、注重自身成长和自我实现、有目标规划，并且包含少数喜欢秀加班的人群。匹配文案如“人生太短，要干的事太多，我要争分夺秒。”主动感性者：加班就是为了自己，这类人和理性者的区别在于做事不具有强烈的目的性。匹配文案如：“你在世人当中将永远是个野性难驯的外人。”被动理性者：加班是因为工作量过多，也不排除少数跟风加班者。对这类群体给予更多的是激励，如“即使走得慢，也绝不后退。”被动感性者：加班是被迫的，但却无力对抗制度，常常发出像古代怀才不遇诗人一般的感慨，对这类群体，匹配的文案可以帮助他们纾解愤懑，如“我萧峰要走，谁能拦我！”▲加班者心理分析象限图最终效果如下图所示。
▲最终效果1▲最终效果2加班签到弹窗上线后，签到的月分享总量提升至旧版的20倍。其实第一步我们走得还是比较粗糙的，想要通过加班签到分享的设计来增强用户黏性，提升品牌传播，就必须要足够前卫，足够动心。后续也会不断根据用户的属性（行业、职业、角色等）来进行更精准的个性化推荐，云之家也会在情感化设计上进行更多的尝试。
加班签到分享看似简单，也有许多曲折在其中。伐国之道，攻城为下，攻心为上。要领就在于这个“心”字，在于共鸣。而在这一点上，我们还有很长的路要走。
5.2 智能审批设计探索作者：万春红审批是企业移动办公的核心功能之一，也是一个高频刚需应用。就企业的流程审批而言，没有使用移动办公之前审批过程复杂、周期长、效率低，使用移动办公后，企业的流程审批工作可以实现任何时间、任何地点处理任何工作。相比传统纸质审批，移动审批可以利用碎片化时间随时随地处理待审单据，减少员工等待时间，提高工作效率。
审批往往具有一定的时间间隔，容易让用户在等待中产生焦虑感，从而造成不良的用户体验，特别是在创新速度日益加快的今天，企业日常办公中对降低管理运营成本、提高工作效率、实现远程办公等方面提出了更高的需求。
审批的功能特性：表单设计器、流程引擎、流程梳理、智能审批、简单高效。
用户痛点：1）漫长的等待、效率低下（浪费在无谓的等待中）审批发起人：无法预知审批时长，无法判断还要等待多长时间，不清楚审批共有几个节点、现在在哪个节点、还需要几个节点能审批完（固定流审批）；填写完单据后不知道具体的审批流程，不知道需要选择哪些审批人（自由流审批）。
审批应用管理者：审批应用专业性强，流程配置较为复杂，学习成本高。
2）缺乏科学的、正确的审批依据在过去，直觉和经验主导着我们的生活。审批决策者仅仅停留在业务处理层面，没有对数据进行深入挖掘、分析，导致审批人在审批时缺乏有效的关键信息，从而使审批过程流于形式。
总之，用户等待容易造成焦虑，用户迷茫容易造成恐慌，缺乏科学的审批依据会极大影响移动审批体验。因此，为了提升审批效率、优化审批流程，提高审批体验就显得尤为重要。
设计创新目标：解决企业审批中的问题，让审批更简单、更高效、更清晰（透明），打造“以用户为中心”的最佳产品体验。
在参与到云之家审批产品的设计后，我对产品有了更深入的了解，重新梳理了思路，结合自己对审批的理解提出一些交互和体验方面的设计探索，具体如下：（1）基于大数据辅助决策的智能审批设计创新；（2）基于工作流程的智能审批设计探索；（3）基于组件化、模板化的智能审批设计探索；（4）基于模拟仿真的智能审批设计探索。
1.基于大数据辅助决策的智能审批设计创新辅助决策是以互联网搜索技术、信息智能处理技术为基础，构建决策主题研究知识库、分析模型库，建设辅助决策系统，为决策主题提供全方位、多层次的决策支持和知识服务。
在过去，直觉和经验主导着我们的生活。如今，时代变迁，大数据时代的到来，对人类社会的各个层面，尤其是决策造成巨大的影响。以数据驱动的决策，可以为企业的各级决策者提供及时准确的信息，帮助他们做出对企业有利的决策。决策分析最有价值的部分就是数据属性的关联，数据属性关联起来之后能进行更加全面、深入的分析，给决策者提供以数据为依据的科学决策方式。
以数据驱动的决策审批，实际上就是对过往数据收集、分析、结论得出、预警提示等一系列信息的集成，应用大数据算法能为审批决策者提供分析问题、建立模型、模拟决策过程的依据，调用各种信息资源和分析工具，实现数字化、智能化的审批，帮助决策者提高决策水平和整体质量，做出更科学、更客观的判断。
以大数据驱动辅助决策的智能审批不仅可以免去审批者的工作负担，还能让决策过程变得轻松自如，保持审批的流程化、规范化，提高审批效率，降低管理成本。在审批过程中，对实际情况了解得越多、越准确、越及时，那么越有条件在第一时间做出正确的判断和决策。
在审批过程中，自动关联相关的信息，例如曾经请假天数、过往采购市价、当前剩余预算等数据，能够帮助审批人智能决策，减少上下信息不对称带来的沟通成本。在企业中，以大数据驱动辅助决策的智能审批还有过往报销金额、过往故障保修、当前欠款报销、当前借款申请、相同报销对比等。
以企业员工报销为例：财务部李经理收到了一份技术部小张出差的报销单，报销费用是3970元。由于公司出差人员频繁，报销审批单据又非常多，李经理该如何审批呢？
流程：小张发起申请—部门主管A审批—部门总监B审批—财务部李经理审批—审批结束。
▲出差报销审批流程在通常情况下，张经理在对出差报销单据上的报销时间、地点及报销事项核查无误后直接审批，但类似的报销审批仅仅停留在报销数据层面，没有对数据进行深入分析，导致审批人在审批报销单时缺乏相应的关键信息支持，使审批过程流于形式，无法对报销支出进行有效的管理。此外，因为不同时间、不同地区、不同项目的差异很大，仅凭报销单据本身的信息做出判断也是不准确的。
从下图可见，报销审批可自动关联出差报销标准、近一段时间其他同事在同一个地点的出差报销单，这样张经理就能够快速对小张出差报销单据的真实性、合理性、经济性分别进行审批。
▲出差报销审批单据自动关联再举一个例子，当公司采购人对采购单（同一件物品选了A、B、C三家供应商）申请审批时，十万火急地表示这个采购单比较急，或者比较特殊，必须在特定时间之前完成，不然会影响项目实施的正常进展。一时间，审批人（财务人员或领导）似乎很难仅凭采购单据本身的信息做出准确判断。在审批过程中，审批单自动关联到了A、B、C三家供应商以前的采购价格、质量安全资质、售后条款、服务评价等信息，审批决策人就能通过不同维度（价格是否优惠、质量是否有安全认证、售后条款是否有优势、服务响应是否及时等）对比三家供应商的信息，根据综合条件在第一时间快速做出正确的判断和决策。 由此可见，以大数据驱动辅助决策正在审批中发挥着越来越重要的作用，它帮助决策者从各个维度快速获取审批所需要的信息，让决策者有据可依地做出科学决策，从而提高了审核准确性和工作效率，降低企业成本，提升企业竞争力。
2.基于工作流程的智能审批设计探索工作流程是指企业内部发生某项业务审批时，从审批发起到审批结束，经由多个部门、多个岗位、多个角色、多个环节协调工作共同完成的审批过程。
审批流程通过定义节点来为某个具体的业务单据或某个具体单据的一个业务类型进行定义。审批流程因为从企业的业务需求、审批的人员角色、流程逻辑关系出发，故企业的业务、管理流程不同，审批流程也不同。有的太过于简单化，有的太过于复杂化；有的企业审批使用传统的纸质申请，必须要当面送达；有的企业审批流程、周期过长，导致审批效率低，影响到审批进度。
为了提高审批效率、减少协作成本，可以从业务流程角度出发，把从审批创建到各个阶段的审批，再到审批结束当成审批流程中的一个个节点，用工作流程图的形式将审批节点串联或并联起来。
以申请购买机票为例：某同事接到项目组紧急出差通知，出差前向公司申请购买机票，机票申请必须先征得部门主管A、部门总监B的同意，后经总经理D审核后行政部同事E才能执行购买机票任务，直到机票购买成功后审批才结束。
流程：同事发起申请—部门主管A审批—部门总监B审批—总经理D审批—行政部E购买—审批结束。
▲申请购买机票流程图从流程图可以看到整个审批有哪几个节点，分别由哪些人员进行审批，审批的流转过程是怎样的，非常清楚地把我们现实中的工作场景通过流程展示出来。正如我们在网上购买一件物品，购买之后系统会为商品生成一份产品订单，我们可以直接在订单中查看商品的物流情况，及时掌握商品的流通动向。
现实中工作流程的具体应用实例：（1）行政管理类：加班申请、用印申请、办公用品领用申请、物品采购申请、用车申请、会议室申请等。
（2）人事管理类：招聘申请、出差申请、离职申请、请假申请、员工培训、绩效考评等。
（3）财务相关类：出差申请、付款请求、出差报销、出差借款、团建费申请等。
（4）项目管理类：项目申请、项目投标、项目报价、合同审核、项目验收等。
为了简化审批工作流程，提高审批流程的灵活性，以流程中的审批对象与审批角色为中心，重新定义审批角色，基于不同角色进行审批设计。以角色为中心的过程符合人性的管理要求，现代企业强调以人为本的管理理念，工作流程的管理和实施中，也应强调以角色及其交互为中心。
审批发起人可以通过流程图，查看每一个节点，直观地看到审批目前在哪一个节点，审批的意见是什么，从而更有效地了解流程进度。
▲审批发起人界面审批人可随时查询审批状态和其他审批人的结果，对于有疑问的地方可随时反馈或发起讨论组进行讨论、沟通，降低审批成本，提高审批效率。
▲审批人界面3.基于组件化、模板化的智能审批设计探索一些符合某种规范的类型组合在一起，就构成了组件。可以通过组合得到丰富的组件库，提供便捷的审批表单创建体验。
可分职能、类型创建不同的组件库，根据条件判断创建的职能类型自动推送相关组件。根据不同行业、不同角色、不同场景设计一些特有的控件、流程，形成标准化的控件模板库、流程模板库。
▲控件模板库▲流程模板库在创建表单设计时，系统将根据填写的审批类型自动推送符合要求的表单控件模板，例如填写的是“请假”申请，推送的控件都是请假控件，控件模板库里面都是来自不同著名企业的请假模板，根据企业情况找到符合自己企业的审批表单。只需单击一下鼠标即可快速、轻松、有效地完成表单创建。以前，表单创建是专业人士才能完成的，如果申请人是非专业人员，要花费大量时间思考表单怎样设计。现在，能对表单进行快速创建，只需单击一下鼠标就能设计出人家几分钟甚至几十分钟的设计。
▲表单设计界面为了提高表单设计者对表单的创建效率，提出模板化的概念。模板是将一个事物的结构规律予以固定化、标准化，可以分不同的行业、职能相对应地设计一些固定的模板供设计者选用。
模板是可以即看即用的，节省了创建的时间。模板有一部分已经完成，我们只需要补充更改部分就行了，这也在很大程度上减少了人为操作的错误，规范了审批工作流程，大大提高了工作效率，降低了协作成本（特别是对产品运营团队）。
模板可以降低使用门槛，工作中模板应用的实例很多，往往都有现成的模板库，包括各种信函、常用文档等，直接套用即可。不论是刚入门的实习生，还是经验丰富的老员工，都可以直接完成表单的创建。所以使用模板对于完成工作的质量有一定的保障，模板的质量决定了做事的质量。
▲流程设计界面在创建完表单后，进入审批流程设计。系统根据填写的审批类型自动匹配对应的流程，例如“请假”申请，匹配的流程都是跟请假相关的，有2个审批节点、3个审批节点等，还有会签、或签、依次签类型。根据企业情况找到符合自己企业管理流程的模板，只需单击一下鼠标即可完成流程创建。
4.基于虚拟仿真的智能审批设计探索虚拟仿真又称虚拟现实技术或模拟技术，是用一个虚拟的系统模仿另一个真实系统的技术。应用仿真平台强大的物理建模计算功能，通过抽象，简化模拟在不同的环境下的审批场景。
依托企业现有的审批数据和外部企业导入数据，基于大数据分析、机器学习手段和移动审批业务经验，分行业建立表单创建模型库、审批流程模型库、节点设置模型库。同时结合行业特性和用户画像，如通过用户反馈、审批场景等，发掘用户潜在需求。把表单创建模型、审批流程模型、节点设置模型等全部集成，当用户创建申请审批时，快速得到对应的模拟审批流程，根据不同的角色推送不同审批控件模板库、流程模板库。
在创建完表单后，系统根据填写的审批类型自动匹配最佳的审批流程。还是以上文申请购买机票为例。
流程：同事发起申请—部门主管A审批—部门总监B审批—总经理D审批—行政部E购买—审批结束。利用系统自动推荐的最佳审批流程后，首先看流程是否能满足当前审批需求，如果不满足可以在模板上进行简单的删除、添加节点操作，或从流程模板库中重新选择；其次在模板上进行简单配置，选择对应的审批人或选择好审批角色自动匹配审批人。简单几步就能快速、轻松、有效地完成流程创建。
▲模拟审批流程图在过去，企业进行采购类、财务类、人力资源类、行政类等业务流程的审批时，审批管理员需要就各个职能类别的业务流程审批进行表单创建、流程审批、节点设置。但现在，应用大数据、人工智能等先进技术，审批应用管理者可以从多维度进行表单创建、流程审批、节点设置，最终应用管理者只需要根据企业现状进行简单的调整即可。审批通过模拟仿真，对信息进行更深入的发掘，同时，审批流程更标准、更统一，帮助企业大大提高了审批效率，提升了审批体验。
随着时代的发展，科技的进步，人们的工作方式发生了一系列的转变，先是从早期纸质化办公转化为电脑无纸化办公，再到互联网移动办公，审批也是如此。审批首先将公司日常管理、业务审批全部电子化、无纸化，为企业信息化建设提供基础，其次要通过移动审批加快办公速度，进一步提高审批效率。除了提高协作审核的效率外，针对大中型企业中一些专业的财务、人力资源、供应链等复杂审批场景，采用可预测模型，即通过人工智能、大数据来辅助审批，可以让决策变得更高效、更智能。同时，注重以人为本，不断提高员工积极性，发挥其能动作用，更利于打造“以用户为中心”的最佳产品体验。
5.3 审批表单设计实践作者：莫柳毅在工作与生活中，我们每天都会接触到表单，请假要填单，费用报销要填单，网上购物要填单，申请贷款也要填单。在互联网迅速发展的今天，我们已经从线下手写填单转变到了网上填单或者手机上填单。表单主要负责数据采集功能，常常是很多应用赖以生存的关键。优秀的表单设计，能够让用户感觉心情舒畅，迅速而轻松地完成填写；而糟糕的表单设计，会让用户产生挫败感。
审批表单设计思考云之家审批将公司日常行政管理与业务审批流程电子化，通过移动审批进一步提高内部效率。云之家审批表单兼具线下业务审批场景、线上电子化审批、线下存档的特性。
审批用户群体分析（1）企业普通员工：填写单据，提交审批；（2）企业经理人：审核单据，进行决策；（3）审批管理员：管理审批模板、配置审批流程、设置节点等。
企业日常审批存在的问题（1）员工不知道怎么填写审批单；（2）审批管理员配置流程门槛高，上手难。
目标（1）让员工迅速并且轻松地完成填写，提高审批效率；（2）让企业管理员轻松还原线下审批场景，快速配置审批流程。
解决方案好的填单体验来自合理的表单元素和填写流程，将表单与用户进行对话，分析并合理利用表单构成元素，用适当的错误提示、即时校验等交互方式帮助用户理解表单内容、快速填写表单，从而提高审批效率。
表单的元素表单通常由以下元素组成：（1）标签；（2）输入框；（3）动作；（4）帮助文字；（5）错误与提示。
▲表单元素标签标签的语言应该简洁明了，避免产生歧义。下图左侧的“是否单选”就容易引发歧义，如果未做选择，其实就是选择了“多选”，然而却很不直观。单选与多选两个选项是同级且互斥的，把两个选项都展示出来会更直观。
▲标签输入框输入框是表单的核心。审批表单输入域包括单行文本框、多行文本框、单选框、多选框、数字输入框、金额输入框、日期、日期区间、人员选择、部门选择、图片、文件等。我们利用“默认值”和“输入提醒”来帮助用户完成填写，而不是呈现空白的输入框，避免用户出错。
▲输入框此外，对一些复杂的输入框，利用输入框组来表示有意义的关联，例如审批条件规则设置。
▲输入框组动作Web端表单通常包括若干最终动作，分别为主动作和次动作。主动作是完成表单上的最重要的行为，例如提交、保存、继续等。
— 没有更多了 —
以下为对购买帮助不大的评价