设计美观、和可用的UI界面需要花费很长的时间，还需要来回多次的设计修改。
经过不断地调整，最终才能产出令客户、用户和自己真正满意的产品。
在这里，我们总结了一些实用的小技巧，这些技巧可以帮助设计师很轻松地改善设计，并为以后的设计实践提供有用的指导。
当涉及长篇内容时，大面积的深色粗体字会给人一种沉重感，而且很跳跃。
通过选择类似深灰色（#4F4F4F）这样的颜色可以很容易地解决这个问题，使文字更容易被识别。
当字体变小时，增大行高可以获得更好的可读性和易读性。
这里介绍两个容易被混淆的概念——行高和行间距：
设计时不必总是用多种颜色来填充设计。
如果项目允许，只需使用固定的色板，通过选择基础色，然后调整色调和颜色深浅，利用这种简单的方式为设计增加一致性。
通过结合使用字体大小、权重和颜色，可以轻松突出UI中最重要的元素。进行简单的调整即可使用户体验更好。
在设计UI图标时，要保持一致。确保它们具有相同的视觉样式，相同的比重、填充或轮廓。
图标通过视觉手段为用户提供必要的信息，所以保证功能相同的图标元素一致，外观视觉一致。
通过使用颜色对比、尺寸和标签，确保「行为召唤」尽可能突出。
如果可以的话，不要总依赖图标，也可以使用文本标签，以便用户能更好地理解。
行为召唤：透过设计让用户想到要做某种行为，例如提示用户去触发按钮、文本或图片。
填写任何形式的表单时，在用户刚进行的操作旁边及时出现一条错误反馈，是一个简单但有用的额外视觉辅助。
设计要在产品内部使用的菜单时，请确保在屏幕上突出显示最常用的操作(如上传图像、添加文件等)。
文章来源：优设 作者：Clip设计夹
共情图、客户旅程图、体验地图和服务蓝图虽然分别描述了不同的流程，并带有不同的目标，但它们都是一个组织内部建立共识的重要方法。
设计和研发一款产品通常需要组建一支人员复杂的团队，成员有着不同的背景和经验，他们必须在项目目标，用户需求和行为，甚至是开发组件流程上有着共同的认知。这种共识一般是建立在可视化（通常指的是各种地图）基础之上的。 可视化地图（mapping）可以有效地描述与产品相关各方面的特点和流程。
本文概述了4种常见的地图，它们的特征定义以及应用场景：共情图；客户旅程图；体验地图；服务蓝图
此外，本文将介绍简单的「3步决策法」框架，说明创建这些地图前需要做出哪些关键决策。
共情图用来帮助团队成员理解用户的心智。
定义：
共情图是一种用来明确表达我们对某一特定类型用户认知/理解的工具。它将用户知识具像化，以便于建立共识；辅助决策。
特点：
为什么用：
什么时候用：
客户旅程图关注特定客户/顾客与产品/服务的交互。
定义：
客户旅程图是将一个人为了完成与特定业务或产品相关的目标所经历的流程可视化。它用于理解和解决客户需求和痛点。
在客户旅程图最基本的形式中，它首先把一系列的用户目标和用户行为放到以时间轴为主线的框架中去。接下来，以用户的想法和情感来充实框架，从而构建一个完整的叙述。最后，将叙述凝练成可视化的形式，用来在设计过程中交流观点。
特点：
为什么用：
什么时候用：
在设计过程中的任何时候，作为整个产品设计周期中团队的参考点
体验地图涵盖了跨用户类型和产品的客户旅程图。
定义：
体验地图是对「一般人」为了完成一个目标经历的整个端到端的体验可视化呈现。这种体验与特定的业务和产品无关。它用于理解一般人的行为（这与客户旅程图不同，客户旅程图更具体，更加关注与特定业务相关的内容）。
特点：
为什么用：
什么时候用：
与客户旅程图相似，但服务蓝图会以员工为中心。
定义：
特点：
为什么用：
什么时候用：
在绘制地图之前（无论上面哪一种），必须做出如下3个关键决策：
决策1：现状 vs 未来
第1个决策涉及到可视化地图中「行为」和「状态」的描述：它们反映的是当前状态还是理想状态？
现状地图（Current mappings）是基于真实的「当下」状态制作的地图。如果目标是识别和记录现有问题和痛点时，这种方法比较理想。用现状地图有助于分析研究结果，亦或是围绕数据验证问题在团队内达成共识。
未来地图（Future mappings）是基于用户类型、体验、或者未来的服务架构的一种「理想」状态制作的地图。未来地图有助于重塑或构想一个用户或者体验在未来的感受。未来地图可以为你理想中的产品或者服务设定一个基准或者目标。
决策2：假设 vs 研究
该决定取决于将用于构建地图的输入类型。
假设型地图（Hypothesis mappings）是基于团队或组织机构中对现状理解的累积。这种方法很好，可以合并多个已知的团队视角，并建立一个研究计划（基于假设地图中出现的差异），进而成为迈向更具高保真度的和研究型地图的基础。
研究型地图（Research mapping ）是基于数据导向的，这些数据是为构建地图而专门搜集的。如果有充裕的时间和资源用于制定研究计划，那这种方法是最好的。虽然这是建立地图的最佳方式，但是它需要大量时间和的投入。不管从哪里开始，你的地图都应该是可以迭代的，并不断把新的发现更新进去。
决策3：低保真 vs 高保真
这个决策关系到最终可视化地图呈现的质量。
低保真地图（Low-fidelity maps）往往未经打磨，通常以灵活、粗糙的便签制作。低保真地图在流程的初始阶段是最好用的。低保真地图意味着很少的投入或创造工作，并且使人们能够根据需要进行协作、修订和更新。你可以使用便签（直接贴在墙上或者像Mural.co这种数字化的工具）或者协作的excel表格进行制作。
高保真地图（High-fidelity maps）是经过细致打磨的，通过数字化创建并看起来更像是成品。高保真地图最适合创建需要在团队多人之间分享的地图。高保真地图很容易理解，但是因为看起来是「成品版」，所以不够灵活。这种地图一般是数字化的格式，便于传播。
所有的用户体验类地图都有2个好处。首先，创建地图的流程促进了沟通交流，并建立一致的心智模型。其次，由地图产生的共享内容，可以在你的团队、织机构或者合作伙伴之间使用，以传达你对用户或服务的理解。地图也可以随着团队的成长，为决策提供依据。
选择A地图而不用B，并不会导致项目失败或者保证项目成功。理想的状况下，你应该根据需要，在项目的不同阶段使用这4种地图的不同组合，以便深入了解你的用户和组织。
文章来源：优设 作者：UXRen
线是平面构成的三大要素之一，在各类设计中都有着广泛的应用，而其中的斜线更是设计师非常喜欢的元素，相比水平和垂直的线，斜线更特别、更具动感，下面我们来看看斜线有哪些主流且强大的用法。
区隔信息是斜线最常见的用法，通常用来区隔左右、左上和右下两部分的信息，用斜线区隔的内容不需要对齐排列，这样看起来更灵活一点。
在海报设计中就经常用斜线来区隔年月日等日期信息。
很多简单的元素完整呈现出来时会显得很普通，这时依据斜线将其切割可以增加设计感，即切除元素的局部，只保留元素剩余的部分以及斜线，元素被切割后的不完整性会增加元素的独特性和神秘感，所以更容易让人眼前一亮。
PS：切割的时候要注意保留元素的美观性和识别性。
由于斜线具有一定的动感，通过重复排列后又具有节奏感，且线本身占面积比较小，不会对画面造成太大干扰，所以很适合用作装饰元素，斜线主要是从以下几方面来起到装饰作用的。
1. 增加动感
一些以文字为主且文字是水平或垂直排列的设计，可能会因为太过常规或缺少对比而缺乏动感，这时在文字周围增加一些平行的斜线，使其与主体形成方向对比，就可以大大提升该设计的动感。
2. 增加氛围
比如在一些促销设计中，如果画面中缺少装饰元素的点缀，那么促销的氛围也可能会有所欠缺，这种情况下，我们也可以通过增加斜线来改善，这里使用的斜线可以有粗细和颜色的变化。
PS：斜线的方向要统一。
3. 增加细节
比如很多画面的背景太单调，我们就可以把重复排列的斜线放进背景里做底纹，这样的背景感觉更丰富，而且用斜线做底纹不会对主体造成太大干扰。
PS：把斜线排成一个圆，具有不错的装饰效果。
在排版时可能会遇到这样的情况，比如我们想采用某种形式排版，但由于缺少内容或图片轮廓有限制，所以这么排会引起版面的失衡，这时可以用斜线来填充空白，以达到版面平衡的效果。
由于设计的版面通常都是矩形的，以至于斜线天生就显得比较特别，所以在设计中合理的使用斜线可以增加其设计感。
例如下面这张海报作品，如果没有中间的斜线它也会是一件不错的版式作品，但是有点常规，所以设计师用一根斜线穿过整个画面，打破了这种常规，给这件作品带来一种不一样的感觉。
PS：贯穿画面的斜线不能影响文字的识别性，且不能从人物的脸部穿过。
最后总结一下，斜线的主要功能有：区隔信息；分割元素；装饰；平衡；创造形式。光说不练假把式，大家在排版时记得多尝试一下斜线。
文章来源：优设 作者：葱爷
蓝蓝设计的同事们，在积累了一定经验的同时，也在不断的学习和丰富关于网站及数据可视化的表达方式，搜集资料，作为大屏及数据可视化界面设计资料的参考，分享如下：
希望这篇文章可以帮到您！
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
——-- 网站ui设计 --——
（图片均来源于网络）
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
更多精彩文章：
与传统PC桌面不同，手机屏幕的尺寸更加小巧操作，方式也已触控为主，APP界面设计不但要保证APP功能的完整性和合理性，又要保证APP的功能性和实用性，在保证其拥有流畅的操作感受的同时，满足人们的审美需求。
接下来为大家介绍几款手机appui界面设计
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
--手机appUI设计--
（以上图片均来源于网络）
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
更多精彩文章：
随着大数据产业的发展，越来越多的公司开始实现数据资源的管理和应用，尤其是一些在日常生活中经常使用大屏幕的大中型企业。此时，用户界面设计者需要呈现相应的视觉效果。接下来为大家介绍大屏可视化的UI设计。
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
--大屏UI设计--
（图片均来源于网络）
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
更多精彩文章：
在这里，我们将研究设计中最简单、因而常常被低估的活动之一，即线框图的设计。了解什么是线框图，为什么需要设计它们以及如何充分利用线框图。
线框图，也称为页面示意图或屏幕蓝图，是展示网站或产品框架的视觉指南：
线框图的主要目标是向团队和利益相关者展示产品将包含的页面和组件，以及这些元素之间的相互作用。
1. 帮助团队评估和完善工作范围
线框图允许设计师快速创建产品的视觉表现，方便后期修改；
帮助设计师向团队展示应用程序具有的页面元素和控件，以及所有元素如何进行交互。
2. 让团队所有成员参与产品设计
线框图的使用允许设计师和开发人员在早期阶段共同参与讨论设计，在开始进行视觉设计之前就提供反馈和更改建议。
这样有助于使设计过程快速迭代，避免不必要的浪费。
3. 方便快速演示
从客户和利益相关者那里获得快速反馈是设计过程的重要组成部分。
设计过程中，经常会遇到需求的来回变化。有了线框图，可以使这个过程更有效，修改原型比修改线框图需要更多的时间和精力。
4. 进行用户测试
线框图可以帮助设计师从潜在用户那里获得有用价值的反馈。同时浏览线框比读取规范要快得多，还有助于减小与预期效果的差异。
为了获得最好的结果，为下一步的 UI 打下坚实的基础，需要遵循几个简单的规则：
1. 颜色的使用
如果在线框图中使用丰富的配色，可能会分散观者的注意力，并使更新变得更困难。
但在某些情况下，使用颜色突出显示特定组件是合理的。例如，可以将红色用于错误状态，将蓝色用于注释等。
2. 使用简单的组件
线框图并不包含全面设计和详细说明的组件。相反它们应该设计的相对简单，让团队成员更容易识别。
为组件添加细致的阴影、粗细描边将花费大量的时间和精力，却不是很实用。
3. 保持一致性
在所有线框图中，类似的组件必须看起来相同。如果相同的组件看起来不同，开发人员可能会质疑它们的功能是否相同，甚至会因为设计不同而增加估算时间。
在处理线框图时，记住一个简单的规则：保持一致，避免造成混淆。
4. 使用真实内容
我们会常看到UI/UX设计师没有在线框图上添加真正的内容，而是重复使用同一些文本。这是很少有设计师意识到的普遍错误。
内容真实与否会影响接下来的设计。如果使用不真实的内容，UI设计中文本的数量多少和排布方式都要再调整。
真实内容能给线框图增加价值，更好地解释上下文。
5. 使用注释
设计中可能会遇到某些解决方案无法直观地加以说明的情况，例如某些控件背后的逻辑，因此开发人员可能会对它们有疑问。
在这种情况下，可以提供注释来解释其背后的逻辑。这样，你的团队就会理解你的解决方案，你就不需要花时间再讨论它们。
6. 线框图程度
线框图应该选择低保真还是高保真，没有严格的规定，取决于项目的具体要求。
硅谷知名作家埃里克·莱斯认为，如果不能带来价值就不需要做额外的工作，从基础做起，然后根据需要添加细节。
7. 将线框图延伸到交互原型中
在使用不同产品时，有一些简单而通用的交互，也有一些交互相当复杂。
在线框图不足以说明复杂性的情况下，可以将线框图扩展到交互原型中，而不必写冗长的注释并花大量时间进行解释。
将线框图结合到设计过程中，为我们所用：
文章来源：优设 作者：Clip设计夹
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
一张海报优劣与否，见仁见智，每个人都有自己的审美。
所长经常听到设计师们为一张海报唇枪舌战。但无论审美或者风格如何独特，一张优秀海报都有基本的评判标准，可能是画面美，也可能是准确传达电影内容。本期我们来看看国外的设计师是如何评判一张海报的优缺点。根据文章内容，所长也为大家精选了同类型的海报，美图共赏。
(文章来源The Glantz 工作室, 设计师Rebecca/佚名，下文分别简称R和E）
说到奥斯卡，每个人谈论的都是最佳影片，那最佳海报呢？
The Glantz 工作室在最佳影片提名中投票选出最爱的海报，并邀请团队中高级设计师解读电影海报的优势与劣势。这些被选中的海报都有四个重要的组成，分别是引人注目的标题、字体组合、画面、构图。优秀的海报使我们能更贴近银幕上的故事。借第90届奥斯卡奖提名作品我们来谈谈优秀电影海报设计的几大特征。
《华盛顿邮报》设计 BLT Communications
R：这是我最喜欢的海报。
E：我觉得很简约，但是画面丧失了平衡感。
R：我不同意，画面顶端的名字和底部的人物保持了平衡。
E：也许是缺少对称整齐的感觉。
R：我反而喜欢这种不对称。我没有看过这部电影，通过海报我能感受到电影的情绪，因为不对称的画面带来了不和谐的感觉。重复的楼梯和这种压倒性的视角，都告诉主角在面对复制的局面，有很多困难需要跨越。
E：别忘了细节，极简的字体排版和楼梯的纹理形成平衡感。是一张有趣的海报。
△ 《华盛顿邮报》海报
《水形物语》设计 James Jean
E：太美了，聚光的感觉非常吸睛，细节很多。乍看会忽略背景，随着深入观察会感受到画面层次感鲜明。
R：光线很美，看到他们在拥抱就知道是个浪漫的故事。在深海之下的拥抱浪漫到不真实。
△ 《水形物语》《热带雨》海报
《三块广告牌》设计 BOND
R：风暴将至，厄运降临的画面意向和配色，暗示将要发生一些事情。画面通过风暴来体现电影发生的地点，三块广告牌在画面底部，并不明显。电影logo的设计很精彩，我们从未在其他海报上看到过，字体颜色和夕阳的颜色有连贯性。
E：我同意Rebecca。这张海报用场景来表现冲突感，很简单但是装饰性极强的排版。
△ 《灯塔》《流浪地球》海报
《敦刻尔克》设计 Concept Arts
E：海报给人不安的感觉。
R：中心对称很平衡
E：平衡感和逆光，战争发生当下的混乱。
R：当你在看海报上的人物，你也能跟随着他的视角，直面战场，是诺兰导演的风格。
E：海报底端高亮的宣传语「由《黑暗骑士三部曲》《盗梦空间》《星际穿越》导演指导」，以暗示这部电影与诺兰的电影是同级别大片。
△ 《1917》《血战钢锯岭》海报
《请以你的名字呼唤我》设计 N/A
R：有点独立电影的感觉。
E：海报选择的人物状态很打动人，画面中心对称。但是海报上有太多辅助信息和版权印，有点干扰主题和画面层次。手写的标准字和人物可以再向上移动，不会被底部版权信息干扰。
R：这是一部小体量影片，不像《华盛顿邮报》有知名度高的演员可以作为影片买点被设计在海报上。《请以你的名字呼唤我》的海报更专注在人物状态和排版设计。
△ 《请以你的名字呼唤我》《一个明星的诞生》《燃烧女子的肖像》海报
《至暗时刻》设计 Empire Design
E：人物形象和透明度都做的很好。
R：看到海报就确切知道电影将要讲述的故事，角色的状态和海报上的「大师之作」四个字，这就是电影的全部。画面底部淡入的人像让画面更有层次感，人物形象也变得立体了。
△ 《悲梦》《波西米亚狂想曲》《小丑》海报
《逃出绝命镇》设计 LA
E：海报的构图很特别，用碎片化的方式展示了剧情，暗示了故事发展。所有人物都沿着玻璃的痕迹相交然后被打破。唯一的缺点是右下角的字体排版太拥挤。
R：海报信息量很大。
△ 《玻璃先生》《贴身保镖》海报
《伯德小姐》设计 BLT Communications
R：故事发生在天主教学校，电影标准字有宗教的感觉，让观众对电影有基本的了解。人物形象的选择能让人感受到这个女孩的性格。
E：海报顶部的人物名字有不同颜色，像教堂的彩色玻璃窗，很微妙。
△ 《只是丢了手机》《送我上青云》海报
《魅影缝匠》设计 Midnight Marauder (绘画 Tony Stella)
E：水彩效果很美，人物很传神，人物腿部有点混色，使画面底部尤其是双腿变得不清晰。字体和排版很古典。
R：使我想起一些基于插画的经典电影海报。
△ 《魅影缝匠》《小姐》《春潮》海报
最佳海报将会是…
如果奥斯卡邀请我们工作室评选最佳海报，我们的答案是《华盛顿邮报》。这张海报符合优秀海报的四个构成。虽然我们看好《华盛顿邮报》，但还是坐等最佳影片花落谁家。
看了这期内容后，能否在奥斯卡级别的海报上找到一些共性呢？今后所长还会定期搬运新鲜有料的好文分享给大家。
文章来源：优设 作者：影视物料研究所
支付宝通过蚂蚁森林游戏，巧妙地和用户生活场景结合，用体系设计牵引支付场景延伸，形成行为路径闭环，为支付宝储存强大能量，同时促进更多人主动参与，实现了自己的商业价值。
6月5日世界环境日，支付宝公布了“让环保流行起来的”公益项目——蚂蚁森林的”成绩单“：截至5月底，蚂蚁森林参与者已超过5.5亿，累积种植和养护种树超过2亿棵，种植面积超过274万亩，相当于2.5个新加坡累积碳减排1100万吨，强大的传播力和影响力不言而喻。
尽管支付宝作为线上线下综合性的生活工具平台，其最核心的功能依然是支付，尽管切入我们生活的方方面面的生态构建已经越来越完善，但某种程度上，其工具属性就难逃需要则临幸，不需要就躺在手机里的原生命运。而不断累积巨大用户体量和高活跃和留存的蚂蚁森林就是支付宝改变命运的重要抓手之一。
蚂蚁森林就像飞轮一样，通过体系设计牵引支付场景延伸，形成行为路径闭环，为支付宝储存强大能量；加上高频使用，品牌效应，社交粘性等形成惯性闭环推动，给支付宝生态注入源源不断的增长力量。
在AAARR模型【获客——>激活——>留存——>收入——>传播】的流量漏斗中，激活看首次，留存看持续。
激活：引导用户首次产生有价值的行为
支付宝的核心功能是支付，因此激活是指促使用户使用支付宝进行支付的相关行为。
【注册】——>【登录】——>【……】——>【支付】；便完成了一次激活。
蚂蚁森林是支付宝的扩展附加功能，不存在支付相关性，是在核心支付功能支付之外，支付流程路径也不经过蚂蚁森林。相比能对激活环节起作用的，如指纹支付精简支付路径，降低操作成本；花呗有钱有红包激励引导用户选择……蚂蚁森林在激活环节对支付宝产生的价值是非常有限的。
留存：让用户长期活跃，持续产生有价值的行为
对于支付宝而言，留存是让用户更高频地，更长时间地用支付宝进行支付相关的行为。
蚂蚁森林能量尽管定义是由绿色低碳行为产生，实质能量闭环对应的是用户的打开支付宝APP进行的各种行为闭环，每一个环节都涵盖了大量的线上线下支付行为。
长此以往，良性循环的闭环培养了用户的收取和消费能量的习惯，培养用户支付行为选择支付宝的行为，即让用户对“蚂蚁森林”【上瘾】，强粘性留存，用户量和支付额随着行为增长而增长，自然给支付宝带来增长。
Hook上瘾模型由《上瘾》的作者尼尔·埃亚尔、瑞安·胡佛提出的，主要是如何让用户对产品“上瘾”，也就是让用户养成使用习惯的四大产品逻辑，包括四个要素：触发（Trigger）、行动（Action）、奖励（Reward）、投入（Investment）；下文将从产品设计的角度糅合上瘾模型来浅析蚂蚁森林体系设计对支付宝带来留存的持续提升而助力支付宝增长价值。
若缺失了驱动能量，能量飞轮就无法启动。对于蚂蚁森林体系和支付宝核心功能设计最本源的驱动力就是人心向善的公益理想。它对于人来说，不是刚需，也不是痛点，而是“痒点”。
痛可忍，痒难忍。一旦挠起来就停不下来，越挠越想挠，满足愉悦还充满期待。
梁宁老师在产品思维30讲中定义痒点为满足用户虚拟自我，即想象中的理想的自己。
每个人都有一个英雄情结，比如保护环境，改变世界的美好理想。蚂蚁森林从能量累计虚拟种树到实地种树公益行动有国家权威背书，有真实的中国引领推动地球植被面积改变见证。
每个人都做了一点点，每天做一点点，如此世界终将因我们而改变的理想会内化成价值观持续影响人的行为。蚂蚁森林中能量产生是用户日常行为，无需付出多余成本，执行门槛低，路径简短，以此便能做公益参与其中，内驱持续付出，时间见证改变，当中获得强大的价值认同感和荣誉感，原本存在于虚拟自我的理想得到实现。
有了核心内在驱动，行为也并非自然而然，毕竟这个丰富的世界，有太多的选择太多的诱惑，因此必须标的明确地驱动用户选择并完成产品所期望的行为，同时也满足用户的预期。
用户行为激励公式：行为=动机*能力*触发
蚂蚁森林行为A：收能量=想种树 * 点一下 * 能量球10g
支付宝行为B：支付行为=想获得种树能量选择支付宝 * 已经开通了支付宝指纹支付 * 线下有支付宝付款码
习惯=行为*频率
只要赋予行为一定的频次，让用户重复完成并获得反馈，就有机会让用户把这个行为固定为习惯。
蚂蚁森林的能量机制等同于其他产品积分机制，积分激励=能量激励。
如前述，蚂蚁森林的能量闭环，其中收取能量和消耗能量对应行为蚂蚁森林内完成，而能量产生依赖于用于通过支付宝平台进行的各种场景下的行为。
通过能量产生和消损机制的设计，将能量作为媒介，将蚂蚁森林与支付宝打通，蚂蚁森林的能量闭环对应着支付宝用户核心该行为路径闭环。
（1）种树攻略引导
用户可以通过阅读种树攻略了解通过碳减排，碳汇量科学算法得出的能量生成消损机制。攻略自带引导性质，引导用户行走捐，线上线下支付，车票电影票，生活缴费，无纸化办公等等”支付宝行为“，覆盖了用户的工作娱乐生活；链接用户各种使用场景，服务于用户。
对用户没有任何参与门槛，正常的生活行为无多余付出，获得能量便是获得额外的奖励一样被激励。
种类繁多的能量获取方式，打通线上线下，链接多种场景，为支付宝，为阿里系的拓展新功能和产品实现无缝打通的引流。
（2）延时惊喜设计
考虑工具用完即走的场景特点，产品设计行为后经过一定时间周期后方可收取能量的延时满足设计。即不影响用户支付行为，又同时留给用户”能量生成过程”等待，当收获时收获惊喜，获得满足感更高。
结合这种延时设计，避免用户遗忘，消息推送机制的设计也恰到好处。后台推送能量生成消息提示收取，或者能量被偷提醒等，也供用户主动设置能量收取提醒。
于是就有了”每天叫醒我的不是梦想，而是收能量“，助力养成用户收能量习惯，也就养成了打开支付宝的习惯，助力支付宝与用户生活习惯强相关。
（3）游戏化收取能量
为更好的吸引用户，增加能量收取消损的趣味性，蚂蚁森林打造了类牧场宠物养成类游戏——虚拟种树。
用户深谙养成游戏之道，点击能量球便可享有收入囊中的财富满足感。能量来源和数字设计清晰量化低碳行为产生的能量获得，浇灌能量树木长大。用户游戏过程不断被强化能量与支付的关系：支付能带来能量——为了获得更多能量——用户会增加支付宝支付的频次。
而最具吸引力的，与大多数养成类产品不一样的是，蚂蚁森林的虚拟种树达到一定的能量级别时可以种真树，还能种不同的树。这种虚拟与现实的趣味与跨越，持续刺激用户的拥有和参与感，沉浸于蚂蚁森林的能量循环，也就给支付宝带来持续的用户活跃和高留存。
上瘾是对行为或行为反馈对应的确定性满足感的依赖，依赖又自然带动心甘情愿的持续付出。
而蚂蚁森林每个重要用户行为节点的设置都在用户内心建立起强大的确定性，无论是安全感，占有欲，价值认同感，荣誉感得到的满足都内化驱动行动，并能带来持续投入进而依赖成瘾。
（1）行为即能量确信
蚂蚁森林种树攻略中明文定义了能量机制体系里面各种低碳行为能获取的能量值，明确定义的规范让用户为了获得能量而执行的低碳行为更加笃定，在规则下付出一定有相应收获的确信，安全感得到满足。
（2）获取能量延时满足
低碳行为后经过一定的时间周期便可以看见并收取产生的能量。用户能收取自己行为产生的能量，还能不受约束的偷取别人的能量，又能通过各种方式获得能量罩防止他人偷取；自我财富占有并牢牢掌控得到满足，还收获“意外”的财富的窃喜感；
（3）丰厚多样奖励
蚂蚁森林不仅让用户获得的是虚拟财富占有的满足感，同时以其高逼格的碳账户内核，通过实景相册展示树木的成长和绿植面积的变化等等。
通过绿色能量连接，虚拟与真实挂钩，虚拟变成现实的设计，让用户确信真的能参与到环保公益中，获得崇高价值认同感，促进用户持续地对追求美好追求公益理想，便是持续驱动支付行为，驱动支付宝增长。
激活用户的社交属性，通过加好友，合种树等实现能量在人与人之间的流动和张力，形成用户行为的外在激发和持续驱动。
（1）线上互动闭环
1）邀请好友可获得能量罩奖励，保卫能量 ——> 老带新，一起玩 ——> 用户裂变，拉新促活
2）加好友可偷能量实现快速增长能量，加速种树 ——> 命中占便宜人性小心理，切中偷者用户爽点，同时激起被偷者情绪变化，影响用户决策 ——> 愉悦爽感和愤怒叫屈都会增加用户与能量的情绪链接，从而更加沉浸与蚂蚁森林种树游戏。
3）好友圈能量排行榜 ——> 利用用户的竞争心理，刺激胜负欲。为了排行榜更前促使用户更频繁产能量，收能量，偷能量，于是打开支付宝的频次更高。
（2）培养合种忠诚
晓之以理，动之以情。合种树设计，让蚂蚁森林有了温度，我们一起种的，是树，更是爱。有爱，便有责任，便有忠诚。
蚂蚁森林的设立爱情树，亲情树，友情树，提供机会让用户与爱的人一起种树，赋予一棵树更多的意义。还有明星公益林，大IP公益林运营结合，给用户提供集体归属入口。配合精准运营，让用户产生情感共鸣。轻社交自带自传播属性，邀请好友参与达到拉新。
合种促使真实人际关系牵引形成隐形绑定，用户互相鼓励监督一起为种树努力。人与人关系黏合促成人与产品的黏合，人对关系的忠诚转化成人对产品的忠诚。相互督促，相互影响，都希望早点种下树，自然促使使用频率增加，增强产品粘性，留存自然得到提高。
当用户对蚂蚁森林投入了时间，精力，甚至情感，无形中，离开蚂蚁森林的代价就越大，即对蚂蚁森林，对支付宝来说，用户流失的门槛就提高，流失小，留存就大，促进与支付宝持续的使用。
综上，最后以蚂蚁森林体系与支付宝链接的增长闭环图总结；
罗里吧嗦几千字，不如直接上一个图：
文章来源：人人都是产品经理 作者：JoDy
在当前的行业背景当中，设计师了解交互视觉就足够了么？NO！JDCD今天带来服务设计思维，分享好的设计将具备哪些技能点～
随着整个行业的融合和发展，设计师职责的边界越来越模糊，线上线下的融合，设计的链路也越来越长。一个优秀的设计师，不仅要懂得视觉、交互，还要懂产品、运营、用户研究等。
因此设计师输出的产物不再是单一的设计稿，也许是一个优化的建议，一个方向的描述，或者思路的呈现等等。好的设计师应该是在全链路的各个环节，都能够有的放矢的输出对业务有价值的产物，并最终推动业务达成目标。
今天我们来聊聊服务设计思维～
服务设计作为一个融合性的学科，通过对人、物、行为以及环境和社会之间系统关系的梳理，以用户为中心，围绕用户重新规划组织资源，促进组织运作，提高员工效率，最终提升用户的体验。
概念读起来有些生硬，我们简单来说：
首先举个经典的栗子～
如果您想喝咖啡，有两家咖啡店挨着，咖啡味道一样，价格一样，你会选择哪家咖啡店消费呢？理由又是什么？同样的两个咖啡店，要做一款店面销售APP，我们来看看两家咖啡店是如何做的～
咖啡店A的做法：
召集设计师埋头苦干了几个月，然后交付给顾客，结果顾客在这个APP里并没有得到想要的。
咖啡店B的做法：
与顾客交谈，做研究和调研。观察顾客们在喝咖啡前、喝咖啡时、喝完咖啡后都做些什么，并据此画出用户体验地图，找到他们在体验地图中的高潮和低谷点，以此找到服务的机会点，再开始寻求解决方案。
同时，团队找到利益相关者，比如店员，听听他们平时遇到的问题，听听创始人对咖啡店最初的愿景，还有市场团队、供应商等人…这些利益相关者们在一起开一个工作坊，他们确立明确的商业目标，开始设计出一些概念，并且向已有的顾客做测试分析。他们做了技术分析，并绘制了服务蓝图，确保中后台系统能支持概念的落地，他们设计出了顾客喜爱的APP。
以上两家咖啡店的案例呈现中，用户接触到的服务产品最终使用效果则大相径庭。对于咖啡店的客户来说，咖啡店B就是做到了服务设计。
为了加深大家理解，再举个例子～
假设你家灯泡坏了，你要换灯泡，需要个梯子。
此时产品设计的工作就是设计这个梯子，怎么样才能轻便好用，美观大方。但是服务设计要做的是思考需要个梯子换灯泡这个需求，或者是灯泡坏了需要修这个需求，基于这个需求／问题，服务设计给出的解决方案可以是：
你需要一个梯子，但不需要在家里备一个
你不需要一个梯子，你只想修好你的灯泡
以上这些方案如何选择，如何完善，谁来买单？谁来运作？具体实现方式、传达方式，包括产出方案，都是属于服务设计的内容。
为了更好的应用服务设计，设计师们需要了解服务设计思维的基本原则，并在打造服务时，聚焦服务设计思维的原则。辅助一些工具、方法去支持和实现原则基础上的服务设计。
以用户为中心，服务需要从用户的眼睛来看世界。无论是服务还是产品，其本质最终都是为了解决用户的问题，因此我们必须始终贯彻以用户为中心的思想，这是我们所有工作的基础。
工具1：用户画像
在产品开发或创建服务的早期阶段，需要首先明确：用户是谁？他们的需求是什么？为什么会选择我们的产品？理解用户的第一步是创建用户画像。
用户画像基于群体的真实信息，由多维度数据组成，整合所有用户群体信息的集群。除了人的自然属性，用户画像也会含有如生活习惯、行为特征等人的社会属性。汲取真实的，具有共同点的用户信息，作为多维度数据。
这类数据最终可以代表一类用户群体。用户属性在一定情况下可能发生改变。
例如，因工作原因更换居住地，饮食习惯的改变，网购习惯从化妆品变为母婴用品等。用户画像是动态变化的过程，需要不断迭代管理用户画像。
工具2：典型用户
典型用户又被称为「真实虚拟人」（real fake man），因为尽管人物是虚构的，但它背后的动机和需求是真实的。
典型用户越具体、特征越详细，我们想要获取的那个「终极用户形象」就会越清晰真实！明确典型用户和使用场景的关联，避免孤立使用典型用户，脱离用户场景。
我们通常将典型用户档案打印成板或海报，方便整个团队分享。复杂产品或服务的典型用户会有多个，代表多种不同类型的用户。
比如，网购平台的典型用户从职业和年龄的维度，可能会有商务精英、职场小白、在校学生、空巢老人、全职太太等。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具3：同理心地图
同理心地图通过多维度（所想、所感、所听、所看、所说）描绘更加生动的用户形象，便于跨领域团队建立对目标用户的同理心，从中得到意想不到的洞察。
同理心地图可针对特定用户群来描述：用户的想法和感觉（think&feel）。
使用这个工具的关键在于要有同理心，框架只是辅助思考。同理心不是与生俱来的，但可以训练得到。培养同理心的最好方式是带入真实情境中，用身体与大脑去参与、模仿和感受。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》——同理心地图以妈妈使用冰箱为例
工具4：影子计划
影子计划即像「影子」一样伴随用户进行观察，是对用户体验产品/服务的结构化观察，主要用于新产品/服务的消费者研究领域，通过观察用户使用某些产品或服务时的情绪、肢体语言、节奏、行为模式和时间等信息来全面了解用户。
工具5：AEIOU观察框架
AEIOU是整理观察记录的框架工具，通常会在观察时使用表单直接记录，可以和影子计划结合使用。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
服务设计所解决的是一项复杂的问题，它没有正确的答案，只有最优解。如何找到最适合路径？让服务提供者和使用者以及不同的利益相关方，共同参与设计和创造的过程。借助不同背景、不同职能的人不同维度的思考，共同探索最优解。
共创，无疑是服务设计最佳的工作方式。
工具1：疯狂发想法
人与动物或最好的人工智能之所以不同，是我们人类具备将「是什么」（what is）引导至「如果什么，将会怎样」（what if）的能力。疯狂发想法就是给挑战一个不同的前提，在这种背景下思考更多的解决方案。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具2：头脑风暴图
如果您的思路还没有被充分打开，还有另外一种常用的方法可以帮你拓展思考，那就是头脑风暴图。
头脑风暴图有九种角度的思考方案：替代法、借鉴法、逆向法、组合法、改进法、拓展法、消除法、转换法、重组法。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具3：世界咖啡
世界咖啡的主要精神就是跨界。不同专业背景、不同职务、不同部门的一群人，意见互相碰撞，激发出意想不到的创新点子。人们很容易被自己的专业和经验所限制，公司也很容易被既定文化或价值观所限制，同构性越强，越不容易产生新的点子。
世界咖啡让参与者从个人固有风格、学习方式和情感智商等维度中解放出来，用新的视角看世界。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具4：DVF筛选法
共创最后一个步骤也是最重要的一个部分是筛选，在众多的概念中发现真正的沧海遗珠是一个巨大的挑战。
我们可以从用户、商业和技术三个维度来筛选概念，即DVF筛选法。
Desirable用户合意性，Feasible运营/技术可行性，Viable商业可行性。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
用户体验就像一场有计划、有组织的精心设计的演出：它有高潮，也有低谷，它环环相扣地在讲述一个故事，而用户就身在其中。把握用户的情绪和服务的节奏尤为重要，更重要的是由点及面地全局思考，保证这个故事的整体性。
工具1：用户体验地图
用户体验地图梳理了典型用户从初次了解服务到形成契约关系的完整过程，站在用户的视角再现用户场景和服务流程的体验感受。
此工具很实用，下图是以一次部门内部设计分享演讲为例，站在听众的角度设计演讲的节奏、内容、互动等，关注听众的感受，才能让这次分享演讲达到想要的效果。
工具2：场景卡
场景卡用于描述不断重复发生的问题，其作用在于从场景中获得洞察，以及未来服务的机会。它和用户体验地图的区别是它专注于单一的场景，可以更细微地了解用户处境。场景卡经常和用户体验地图搭配使用，用来展开思考重要触点，甚至有时会融入用户体验地图中变成一部分。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具3：服务供给地图
服务供给地图（offering map）是用来分析可提供给用户的服务。可视化的方式可以更好地阐述想要提供的服务。由于用户需求（needs）和服务端的供给（offering）有着直接对应的关系，在表达服务概念时，可以同时呈现用户需求和服务供给。此时服务供给地图通常需要展现逻辑和层次，因此多用信息架构图表现。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
服务需要有逻辑、有节奏地视觉化展示出来。服务是在一段时间内的动态过程，时间线对用户非常重要。服务的节奏也很重要，会影响用户的情绪。
工具1：故事版
故事版是以用户为主要角色，以爽点、痛点或者产品、服务与用户的互动为剧本发展的「场景分镜头」，是讲故事时的重要道具。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具2：桌面演练
如果说故事版是平面示意图，那么桌面演练（desktop walkthrough）就是个三维故事版，能够随时补充新的想法，更快速的移动和判断。它可以看成是帮助设计者模拟端到端用户体验的互动式的迷你剧场。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
工具3：戏剧原型
戏剧原型是用表演的形式，辅助一些简单的道具来模拟搭建服务场景，展示服务内容，把服务体验概念带入日常生活场景的检验方式。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》
无形的服务需要被适时展现出来。服务很多时候是在后台默默进行的，用户无法感知。
工具1：服务蓝图
服务蓝图能帮助设计者视觉化呈现服务时如何被执行与运作的。用户体验地图关注用户在每个服务互动触点所经历的事情与感受，服务蓝图更注重服务中的各个要素有没有被正确地设计和整合在一起，来描述整体的体验流程。
△ 图片摘自：《服务设计驱动的革命：引发用户追随的秘密》-共享汽车服务蓝图
工具2：服务缺口
服务缺口是用户对服务的期待或需求和实际接收到的服务之间的落差。服务缺口是一个分析模型，可以用来探讨服务发生的原因。
工具3：利益相关者地图
利益相关者地图是以图画来视觉呈现和理清所有利息相关者之间的方法。与服务有关的各个群体因为共同的利益聚在一起，服务提供方在解决问题时就能够善用资源。对利益相关者来说，综合全面的概述是改善服务或创新尝试所必须的。
△ 图片摘自：利益相关者地图 Stakeholders Mapping
体验设计关注触点和人，而服务设计则是由表及里，将触点、用户体验和组织中后台支持都规划在内，体验设计是服务设计的起点。
△ 图片摘自：服务设计又来了！服务设计强调的是「幸福感」
另一个区别就是服务设计的收益者是双方（提供者和接收者），而用户体验则聚焦于用户。
说到这里，可能部分同学还是没有记清楚服务设计的和用户体验设计，其实服务设计包含了用户体验设计，也包含人性化设计或者情感化设计等等。如果一个设计只有接收者单独受益，那不能称之为服务设计，只能说是针对用户的用户体验设计。
世界变化如此之快，你还站在原地吗？我们时刻走在学习的路上，不断地武装自己。遇到新的概念或者方法论，要先深入了解并进行独立思考。实践才能出真知，多应用到自己的项目中，结合项目进行实践和反思，让我们在设计的路上走得更远！
敲黑板划重点，服务设计思维，我们讲了这么多～分享出去跟小伙伴一起学习吧，你也要记得来复习哦～
蓝蓝设计的小编 http://www.lanlanwork.com