第1章 认知——体验设计

1.1设计无界

在项目中我们经常会犯一种错误：在讨论一个问题的时候，很容易对诸如“那种体验更好”的问题进行争辩，这种孰是孰非的讨论往往会随着时间的推进，演变成以个人感受作为用户体验的主管臆想。
相反地，我们对此更应该从事情本身出发，站在用户的角度，而不是站在自己的角度去考虑用户体验，同时应该尊重他人的选择，聆听他人的建议，因为讨论本身并不是为了争个“你输我赢”，而是为了获得一个理想的答案与结果，从而做出更符合用户需求的设计。

在设计前期，设计师需要深刻地理解自身的业务和所处的产品环境，了解系统的工作流程，掌握正确的工作方法，明确产品的定位，提取产品的业务目标，凸显产品的业务价值，明确产品设计的发力的方向；

在设计中期，设计师需要结合自身的专业，用视觉化的语言呈现信息层级，表达用户心智，了解开发模式，同时配合前端工程师提供跨平台整合体验方案，保证多端体验的一致性和舒适性；

在设计后期，设计师要学习运营思路，对产品进行推广营销，并进行数据分析与测试，将设计效果和商业指标对接，从用户体验维度对设计的质量进行效果评估，通过数据指标来衡量和验证设计的效果，让数据“说话”，进而对设计进行持续的优化。

1.2交互漫游指南

1.2.1指导设计的竞品分析

想要借鉴别人的交互体验思路，要先揣摩产品的用户是怎么用的，据此再想想还有没有更好的方式来满足用户需求。分析的时候要先看到功能背后的行为，然后看到行为背后的目标，并检查这个目标和我们的用户的目标是否一致。如果一致，就可以据此目标进行自己的设计。
1、战略层：用户目标
2、操作层：用户任务
3、页面元素：用户体验
只有以人为中心，而不是以产品为中心的竞品分析，才是好的竞品分析。业务功能类似的时候，场景和用户群的差别会直接影响产品的定位方向。

1.2.2敏捷开发下的快速可用性测试

1、任务脚本准备 2、预测试 3、用户招募 4、测试实施 5、评估量表打分 6、报告输出

1.3组件化设计的探索与事件

1.3.1如何理解组件化设计

1、从内容方面来说：
1设计模块化，构建模块化
2打通语言，实现统一
3自由组合，灵活兼容
2、从流程方面来说
1更智能的工作方式
2更高效的人力释放
3更自由的配置

1.3.2组件化设计的必要性

在实际应用中的问题：
1、规范的定义边界模糊 2、整体约束力不足 3、设备兼容性缺失 4、系统维护断层

1.3.3组建设计定义的原则

1、统一性
2、可兼容性
3、可对话性
4、可拓展性

1.3.4如何构建组建库

1、梳理场景，提炼组件
2、搭建模板，设定兼容标准
3、协同前端，组件代码化

1.3.5项目推进中的方法

1、保持团队目标一致
2、选择合适的项目负责人
3、重在维护

1.3.6项目协作中的一些沉淀

1、明确目标
2、确定性
3、保持参与

小结：作为连接设计开发和业务的组件化设计理念，确实实现来规范化——智能平台的转变，通过理念和流程的提升帮助业务，赋能业务。
通过对组件的一致性和灵活的兼容，可以让设计师有更多的时间专注于创新能力和跨界能力的提升，赋能业务，促进商业转化。

1.4动效：流动的创意

第2章 赋能——商业生态

2.1行业细分下的品牌服务构建

2.1.1OTA模式下的品牌构建特性

1、用户是品牌设计的内核
品牌设计的最终目标是实现品牌的声量和销量，这也是衡量一个品牌成功与否的标准。
而实现这两者的基础都依赖于用户的传播力与购买力。因此品牌设计应始终做到“以人为本”
2、全场景品牌渗透
3、贯穿始终的服务设计理念

2.1.2如何构建符合业务特性的产品品牌

1、洞察行业现状，深挖用户痛点
2、构建业务设计策略
寻求品牌立足点和差异点，帮助业务梳理品牌目标。
3、品牌形象基调定位

2.1.3品牌视觉呈现策略

一、宏观规划——子品牌的传承与延展
1、相关性 2、差异性 3、延展性

二、微观感知——全链路体验设计
1、提升品牌好感度，增强用户粘性。
2、深化购买路径，提升内容触达效果
从广度上来说，
从强度上来说
在设计中，我们需要在这个场景中了解用户需求和环境，洞见用户动机，为用户提供合适的品牌传达方案，帮助用户进行信息获取，进而达成购买决策，满足不同场景下的用户诉求。

2.1.4品牌服务的统合

2.2S级促销活动的项目设计与管理

2.2.1营销设计的大趋势

1、用户与商业的互利
2、提高品牌知名度
3、扩大品牌影响力

2.2.2解析途牛的大促设计项目管理“套路”

1、需求阶段：对营销需求进行提炼和分析，明确业务目标。
2、设计阶段
（1）优先级排序
（2）内容布局
（3）快速模板：“3要素”：1如何让执行团队快速并有质量地完成设计，2如何保证执行团队的终稿视觉共通性，3如何让视觉在具有共通性的前提下，呈现出一定的差异化。
3、执行阶段
4、复盘阶段

2.2.3了解运营，打动用户

2.3旅游全链路销售订单的升级与思考

2.3.1设计前期寻找突破口

1、竞品分析
2、拆解设计目标：订单模块组件化、缩短体验路径

2.3.2确定方向后的执行

2.3.3新版下单页组件设计

1、架构层：利用栅格化来限定各字段的竖列对齐方式。
2、细节层：容器规范、段落规范

2.3.4体验推敲的那些事

吸底模块的浏览器友好性
原因：一是代码控制不了浏览器，二是不能在最后一步增加用户的学习成本。
给页面增加一个foot，简单高效的解决来这一难题。
好的设计就应该是润物于无形的，让用户在使用的过程中能够顺畅的完成操作，不被干扰，也不用思考，一气呵成即可。

2.3.5App的改版

2.4个性化推荐在“我牛”

2.4.1什么是个性化推进

尝试了解用户，贴近用户，根据用户的行为习惯去展示产品和内容，是我们做个性化推荐的初衷。好的用户体验，自然能带来好的结果，我们只关注我们能做到的。
**

2.4.2个性化推荐的好处

1、“友好”的页面，提升对客体验
2、空间的有效利用
3、更高效的转化
4、大道至简，去繁琐设计

2.4.3个性化推荐的设计理念与实践

2.4.4个性化推荐的模型要点

1、业务应用场景：需求模糊-需求明确-决策犹豫-行动下单-线下体验-反馈感受
2、推荐算法：基于产品的协同过滤、基于内容、基于标签、基于关联算法
3、学习反馈

2.5从0到1的旅游类直播项目

2.5.1充分的行业调研

上下分屏：（重内容）影视、演讲和授课等题材的产品，对获取知识的价值要求较高，而对用户互动的要求较低。

优点：内容区块有足够的展示空间，横屏画面对于大场景和多人画面的表现力较好，用户可以通过二次操作展开成全屏模式观看。
缺点：于用户的互动性不够，画面冲击力较弱。

全屏：（重画面）开放给个人用户的产品则更注重趣味性和互动性
优点：舍弃了内容的展示，更注重画面质量和氛围感，视觉冲击力强，主播与用户的互动更直接，且竖版画面更适合个人用户镜头，使用成本较低。
缺点：对推送产品的展示不够直接，可阅读性不强。

2.5.2任务拆分和人效提升

1、拥抱变化
2、分工协作

2.5.3搭建基础框架，完善交互方案

2.5.4提取直播特性

1、增加观感，降低干扰性：采用“线性图标”文字背景采用“半透明”样式
2、营造热闹氛围，诱导人气互动：运用动效，彩色字设计
3、“导购”的色彩处理：与购物相关的模块都采用橙色
4、沉浸式观看体验：视频窗口的缩小、悬浮

2.5.5项目管理中的一些经验分享

1、组件复用
2、规范制订：临时层、结构层、背景层
3、迭代优化

小结：在项目管理中，采用敏捷的开发模式，循序渐进地进行有计划的产品开发和迭代，可以帮助我们实现“小步快跑”用最快的时间提升用户体验，实现最终目标。

2.6赋能新旅游零售平台建设

2.6.1了解零售通项目

2.6.2了解定位，转换视角

体验设计可以赋能商业，将商业目的最大化。
改版的需求和目的是针对零售平台商户、用户不同的特性，保持界面的统一性和高效性，达到简化下单流程、提高效率和提升用户转化率的目的。

2.6.3统一战线，确立目标

1、竞品分析
横向、纵向
根据前期竞品分析和市场调研分析结果，设定改版方向：一是详情页优化，简化层级关系，突出产品详情特色，提高用户的兴趣点，转化为下一步操作；二是缩短、简化下单流程，提高转化率；三是视觉上保持简洁性、统一性、流畅性和舒适性。
2、原型梳理
3、详情层级体现
用户的认知到决策的过程为“注意-兴趣-欲望-行动-记忆”从感性到理性，再到感性的过程。
（1）流程优化：一是简化订单填写的复杂度，二是在一个页面快速完成套餐路线的选择，提高用户的下单效率。
（2）情感化的融入

小结：零售平台升级，整体框架的设计遵循高通用，可复用的原则，以便后期的功能扩展能够快捷有效地进行。针对新页面制作，可以最小的成本和工作量来实现，并高度保持体验的一致性。
设计在业务改版过程中的能动性不仅仅表现在单纯的视觉效果上，无论是在前期的探索中，还是对设计方向的确立，设计都能对用户的操作起到引导的作用、提高业务能动性。在整个改版过程中，要配合分析询单率、停留时间、转化率和访问深度等问题进行不断优化。

第3章 融合——设计策略

3.1探秘旅游互动娱乐营销思路

3.3.1互动营销的浪潮

3.3.2糊了消费的时代

3.3.3搭上娱乐节目的“顺风车”

3.3.4探秘途牛娱乐互动营销思路：《奔跑吧兄弟》案例分析

1、swot分析：优势、弱势、机遇、风险
2、目标受众分析
3、开发受众的互动需求
(1)参与互动营销的便携性
(2)互动营销对受众所产生的价值
(3)降低受众参与的成本，提升用户体验

4、推出互动跑酷游戏
1娱乐性2互动性3激励性

3.2艺术的表达

3.2.1艺术在互联网中的表达和运用

3.2.2符合旅游特性的动态场景

3.3途有好货·衍生优品

3.3.1萌物养成记

3.3.2TUNIU DOLL品牌升级

3.3.3你身边的出行伴侣——自营百货

小结：品牌与品牌衍生品之间相互联系、相互影响。品牌的影响力作用可以对衍生品进行有效的推广，而体现品牌文化理念的衍生品对品牌也起到一个比较好的宣传效果，可以吸引更多的潜在用户，反哺品牌，实现无形资产的积累，从而推动企业持续、快速的发展。

3.4跳出同质化窠臼

3.4.1明确场景定位

3.4.2聚焦差异化

3.4.3打破边界，组合重构

产品始终是围绕着核心场景来迭代的。然而，随着核心场景的不断深入与强化，用户对它的认知在不断地加强，且好多产品也容易给用户留下比较刻板的印象，导致认知的停滞不前，从而产生产品的边界。
要学会打破固有的边界认识，结合场景，对设计元素进行组合重构。

3.4.4效果衡量与追踪

3.5高效工作有“高招”

3.5.1初识GTD

getting things done
两个指导方针：“清空大脑”和“把任务转化为行动”

3.5.2高效行动的5各步骤

1、收集阶段
2、理清阶段
3、整理阶段
4、回顾阶段
5、行动阶段

3.5.3助你高效行动的GTD工具

第4章 向上——拥抱用户

4.1治愈内心的小情感

在很多时候，引导我们去对某些事物做出选择的不是理性的认知，而是一些说不清、道不明的感觉。人们常常喜欢把这种感觉放到理性认知的对立面，认为理性才是文明时代的人们的行为标准，这其实完全是无稽之谈。感觉是认知的不可缺少的一部分，感觉有时也可看作是一种最深层次的理解和认知。

4.1.1情感设计的探索

4.1.2无处不在的“小惊喜”

4.2社交时代下的旅游内容创新

有效整合现有用户资源，扩大内容分享渠道，达到商业价值上的转化。

4.2.1业务模式创新：双向输出，互利共赢

OGC：品牌生产内容，即以职业为前提通过生产内容获得酬劳
UGC：用户生产内容，通过互联网分享展示给其他用户
PGC：专业生产内容，即有专业知识背景的用户无偿生产内容
通过细分用户消费场景中分享线路这一链路，用更细的粒度参与内容平台的生产过程，实现普通用户向“用户+营销”双角色的转变，让用户与产品双向互动，从而提升碎片化流量的变现，共同营造内容生态持续发展的环境。

4.2.2激励体系创新：利益激励和情感激励

4.2.3表现形式创新：内容心智设计

品牌心智：
用户心智主要有以下七大规律：容量有限、厌恶混乱、分类处理、抗拒改变、寻求安全、关注差异、倚重反馈。
“安全感”是最基本的一条，通过强化品牌背书的方式来给予新用户足够的安全感，从而促成外部流量回流。
（1）体验场景定义
设计师需要思考不同场景下用户色诉求，并提出优化解决方案。定义好每个场景中的方法思考和设计侧重点，更加有利于我们实现业务整体的体验闭环。
（2）心智框架定义
根据信息的层级性对页面元素进行划分，聚焦内容-次级内容-产品内容
（3）内容心智定义
在内容呈现的形式和方向上需要符合产品业务定位，保持用户体验场景中心智的一致性。

4.2.4运用载体创新：引爆全域营销

4.3不止于视觉：品牌会员日解析

4.3.1用户的狂欢节，设计师的“大考”

4.3.2设计从打开软件前开始

4.3.3严格把控时间节点

4.3.4促销活动的常见设计手法

1、气氛营造
2、色调选择
3、变现形式

4.3.5“完成”并不是“结束”

1、分析整体活动营收
2、对环比数据进行对比分析
3、间接判断

小结：全链路工作思维：
1、要了解公司的产品、营销策略和近期的市场热点
2、从策划阶段开始介入，了解活动主题、玩法和时间节点安排，并提出合理的建议或者创意想法。
3、根据活动的时间节点拆分和安排任务，排列工作优先级。
4、团队成员将划分好的工作任务执行下去，并随时沟通和反馈自己的工作进度。
5、做好页面上线后的自查和修改bug工作。

4.4讲情感“化作”设计

4.4.1历史的洪流功能与情感的轮回

4.4.2我们的情感化实践

情感的来源途径或许有两个：一是企业文化、品牌形象与团队群体意识的产物，二是产品和品牌背后的商业逻辑

4.4.3情感化止于人工智能

即便“鹿班”如此强大，却依旧难以替代在情感和创意方面的人类工作。因为没有意识的AI不会拥有设计师所拥有的哲学思考，也不能理解设计行业搭建的完整哲学体系，而这些才是我们设计真正的价值所在。

4.5用心筑桥：旅游出行服务行业探索

4.5.1适合更多人的设计

微软用户画像频谱：永久障碍-盲人，暂时障碍-视觉障碍，情景障碍-注意力分散
思考在不同用户情境下如何以新的方式解决痛点，并帮助扩展到更多的用户。
1、合理的视觉规则
提高文字的对比度，WCAG（web content accessibility guidelines）
2、高效信息传达
“KISS原则”产品设计的越简单越好，任何没有必要的复杂性都是需要避免的。
3、简单直观的流程场景
业务主流程一致化，对信息内容进行有效组织，搭建一致的页面场景让用户在潜移默化中形成对业务流程的使用感知，降低对不同业务流程的认知难度，帮助人们快速、精准地与产品进行认知匹配，提高继续深入使用产品的效率。

4.5.2设计的价值

1、情绪的代入感
图片作为一种直观且具有决定性的情绪感染方式。
文案与字形所带有的特殊情绪也是可以与目的地进行强关联的，它们可以调动用户情绪，让用户与之产生共鸣。
2、驱动业务商业价值
把握用户价值与商业价值之间的平衡。商业价值与用户体验是矛盾的，因为真正符合用户价值的东西一定会带来商业价值。
过度关注商业，以自己的能力作为基准，以个人身边的事物和场景出发，构建整个产品体验体系的方法看似有所依据，却会在不经意间丧失对用户的同理心和用户关键诉求的表达，更容易陷入思维上的困境，并最终错失掉服务更多用户的机会。