去年参与了公司设计体系（设计原则、视觉规范、组件库、全局规则）的整体优化，通过这次优化也领悟到了一些之前一直疑惑的点。尽管经历了大半年的打磨，但到现在还是...

去年参与了公司设计体系（ 设计原则 、 视觉规范 、 组件库 、全局规则）的整体优化，通过这次优化也领悟到了一些之前一直疑惑的点。尽管经历了大半年的打磨，但到现在还是有很多问题，不过这没关系，任何一个公司的设计体系都需要不断地进行迭代与改进，只要团队善于发现、分析、解决问题就行。

“仰望星空，脚踏实地” ，做设计需要想象空间，也要有反思和总结的能力。

设计体系打造：

京东出品！如何搭建高效的设计体系：利其器 目前设计行业中小到每个团队，大到每个公司都在致力于建设服务于自己的设计体系，毫无疑问在行业背景下，一套有效的设计体系能够帮助团队或公司快速实现设计的产出。

阅读文章 >

什么是设计体系？ 设计体系是为了实现数字产品的目的而组织起来的一套相互关联的模式和共享实践。

让我们来看两个毫无关联的产品的界面。

BI 产品

团队协作产品

这两个案例展现了如何选用不同的模式以实现不同的目的。

对于 BI 产品来说，目的是让数据分析更彻底，提高数据分析效率；更好的整合数据，为企业提供报表，做为企业决策的依据；更好的帮助企业管理者管理企业，提高企业实力。

对于 teambition 来说，目的是轻松记录要做的事，并与伙伴实时同步进展。让彼此清楚地了解项目整体情况及事项优先级，从而完成目标。

基于产品目的我们可以看出 BI 产品重效率；teambition 更看重清晰以及使用是否轻松愉悦。而产品的目的决定了它所采用的设计模式也会不同，下面我们再对照界面看下基于目的在界面设计上有什么不同。

BI 产品

团队协作产品

BI 数据分析类产品的布局多是小部件组成，这样做会方便用户进行多任务处理。界面设计也会相对比较密集，整个界面承载了很多信息。它使用了紧密的间距、紧凑的控件、灵活的布局和排版方式。

1. 设计模式

设计模式的概念最早是建筑师克里斯托弗 • 亚历山大（Christopher Alexander）在他的开创性著作《建筑的永恒之道》和《建筑模式语言》中提出的。

《建筑模式语言》里面包含了 253 个建筑设计模式，大的如城市和道路系统的布局，小的如家庭住宅中的照明和家具。

类似地，我们在创建界面时，也在使用设计模式（组件）来解决常见的问题：使用标签页将内容分成几个部分，并表明哪一个选项对应于当前的页面；使用下拉菜单展示可供用户选择相关选项。

标签页

下拉组件

设计模式分为 2 类：

第一类：功能性模式（组件库）表现为界面上的具体模块，如按钮、标题、表单元素、菜单等。

第二类：感知性模式（视觉规范）则是描述性的样式，以可视化方式表达和呈现产品的个性，如配色、排版、图标、形状、动画等。

功能性模式有点像名词和动词，它们是界面中那些具体的、可操作的部分；而感知性模式则类似于形容词，它们是描述性的。

例如，按钮是具有明确功能的模块，它让用户能够提交某项操作。但按钮上的文字的样式，以及按钮本身的形状、背景色、填充、交互状态和过渡动画不是模块，而是样式，这些样式描述了按钮是什么样的。

2. 共享语言

唐·诺曼在《设计心理学》一书中说过：系统映像（界面）和用户模型（用户通过与界面交互而形成的感知）之间存在着一道鸿沟。

在设计团队内部也是如此，比如“范围输入框”组件，你能想象它是一个什么样的组件吗？相信不同的人肯定有不同的心智模型，因为这个组件不是常用组件，在 ant design、arco.design 组件库中也找不到这个名称组件，因为它是 TDesign 的产物。

大厂出品！腾讯开源企业级设计体系 TDesign TDesign 是来自腾讯内部近 300 名设计师与开发者共同打造，经由 500+ 项目使用、验证和锤炼过的企业级设计体系， 秉承包容、多元、进化、连接的价值观，TDesign 期望与用户、行业及合作伙伴等一起打造具有竞争力的产品体验。

阅读文章 >

而每个公司都会根据自己的产品特性创造一些非常规类组件名称，这个时候就需要在所有参与产品创建的人之间共享。只有产品内部设计语言一致，才能去培养用户的心智模型，这样才能去除系统映像与用户模型之间的这道鸿沟。

例如上面这个组件，每个人都需要知道这个组件叫“范围输入框”，而不是“输入框”或者“数字输入框”。

3. 如何衡量设计体系的有效性

例如，teambition 的目的是“轻松记录要做的事，并与伙伴实时同步进展”。

于是，我们可以去看产品，设计体系在实现这一目标的过程中发挥了多大作用，以及这些设计实践的效果如何。如果视觉、交互混乱，导致无法实现上述目标，那么可以认为这套设计体系是无效的。

上面介绍了设计体系包含的内容，下面我们针对这些内容进行具体的介绍：

设计原则 1. 有效设计原则特征

做 B 端的小伙伴应该都知道 ant design，但不知道有多少小伙伴有认真的看过 ant design 的设计原则。 可能有小伙伴会问这个设计原则有什么用，我最开始也觉得没什么用，后来在参与设计体系优化过程中发现这个原则就是金字塔尖。

Ant Design：

从设计师视角，聊聊 Ant Design 设计体系的建设 Ant Design 设计体系 本文的主题叫做 Invisible Design System，隐形的设计体系，主要是想和大家分享，我们对可见的设计体系背后隐形的设计规则的思考，以及如何通过设计工程化的方式，让这些复杂的规则可用而不可见。

阅读文章 >

例如：用户没有填写完表单，那么表单的提交按钮能不能点？是置灰好，还是按了以后再给弹窗提示。

例如：可编辑表格，是放一个笔状 icon 来提示可编辑，还是采用鼠标触发时出现输入框以及指针变为文本状态。

日常工作中总会在这些细节问题上争论很久，美其名曰“打磨设计”，其实很多时候就是设计原则在团队内部没有达成共识。为了避免出现上述问题，我们要建立一套基本的价值观和原则。在一些公司里，尤其是在处于初创期的公司里，尝试建立一套共同的准则是很难的。设计原则是无法量化的，因此定义这些原则可能需要多次迭代。

对于原则到底是什么，可能存在一些争议。有些公司的设计原则偏重于品牌，有的偏重于团队文化，有的则偏重于设计流程。

例如，Pinterest 的设计原则便偏重于品牌。

Atlassian 公司没有分团队或者产品单独制定原则。

他们的目标是在客户可触及的每一点上都体现一些核心的价值观。比如“大胆”“乐观”“实用但不乏味”作为价值观的体现。不过，尽管各处的价值观是相同的，但体现程度并不一样。

例如，官网就会较多的体现“大胆”，但产品里面就不会，正如 Atlassian 公司的设计经理 Kevin Coffey 所说的“没有人想要一个‘大胆的’服务支持页面”。

Atlassian 官网截图 https://www.atlassian.com/zh

Atlassian 设计体系 https://atlassian.design/

设计原则是真实而贴切的

我们以 TED 为例。TED 的一条设计原则是“追求永恒，而不是追求潮流”。永恒这个词不光体现在 TED 的界面上，还体现在 TED 的整个品牌和设计方法上。

这意味着他们不会为了追逐潮流而采用一项新的技术或引入一个新的设计元素。

设计原则是实用的、可操作的

例如：定义了原则为“简化”（让产品尽可能简单，简单到几乎感觉不到它的存在），这种原则就是不实用也不可操作的。

怎么能让团队所有人都能理解？

消除无用的部分。每一个设计元素无论大小，都必须有一个目的，并遵循它所属元素的目的。如果你无法解释一个元素为什么要在那里，那么它便很可能不应该在那，这样的定义就清晰很多。

再例如：定义了设计原则为“有用”，什么是“有用”？

从需求开始。如果你不知道用户需要什么， 就无法做出正确的事情。去做调研、去分析数据、去与用户交流而不是做假设。

设计原则能帮我们确定优先级

好的设计原则也能帮我们确定优先级和平衡点。

Salesforce 公司的 Lightning 设计体系的原则是“清晰、高效、一致、美观”。

这些原则的优先级必须遵从以上顺序。“美观”不应该高于“高效”和“一致”，而“清晰”应该始终放在第一位。按照这种方式对原则进行排序，可以让团队在做设计决策时明确哪些东西应该优先考虑。

设计原则是能产生共鸣、容易让人记住

Atlassian 和 Airbnb 的团队成员被问及他们的设计原则时，他们都能脱口而出，没有片刻犹豫，没有人表现出迟疑，没有人想要去翻看品牌手册里的原则内容。他们为什么能把原则记得这么牢固呢？因为他们的原则足够简单、实用、易于让人产生共鸣。

Airbnb 公司的四条设计原则（“统一”、“通用”、“风格化的”、“对话式的”）便深深地扎根于其设计过程之中。

每当设计一个新的组件时，我们都会确保它完全满足四条原则。如果我们没有这一套原则，便很难就各种问题达成一致意见。—-Airbnb 首席交互设计师

2. 怎么定义设计原则

每个团队建立其设计原则的方法都不尽相同：有的会召开几轮研讨会，有的可能会征求 CEO 或创意总监的意见。不过，无论采取哪种方式，都离不开下面几点：

从目的开始

TED 网站的主要目的可以用一句话来表述：“尽可能广泛地传播演讲。”因此，TED 网站的精神和价值观便是触及尽可能多的人群，降低使用门槛，让产品具有很高的兼容性和可访问性。这意味着优化性能和提升可访问性比添加华而不实的功能更重要，清晰的文案比大胆的设计更重要。

寻找共识

如果你仍处在定义设计原则的阶段，那么一个有效的方法便是让团队的一些人或所有人（取决于团队规模）各自回答关于设计原则的问题。例如，在他们眼里，什么样的设计对你们产品来说是好的设计？他们将如何用既实用又易于理解的五句话向团队的新成员解释设计原则？

面向正确的受众

如果搞不清楚设计原则是为谁写的，就一定会写出含糊不清的原则。有的小伙伴说我们领导就喜欢“美观”，那我们是不是把“美观”放在第一位？一定要搞清楚为谁而写。

3. 原则到模式

作为一个设计师，定义设计原则可能对你来说也许并不难， 但怎么把原则、品牌价值、组件相结合，怎么体现在设计模型中，这个我觉得是个挑战。

对于 TED 来说，信息的清晰比美观更重要。试图将每个演讲都提炼成一个短句可能很难，所以有时候标题可能很长。对标题进行截断是很容易的，但对他们来说，演讲信息的优先级是最高的。

因此，他们没有选择相对容易的标题截断方案，而是确保他们的设计模式可以容纳长的标题。

功能性模式（组件） 功能性模式是界面中有形的构件（表单）。它们的目的是让用户能够完成某种行为（填写表单），或者激励用户完成某种行为。

功能性模式可以很简单（标签⽂字、输⼊框、按钮 ），也可以组合成更复杂的模式（搜索组件）。

标签⽂字、输⼊框、和按钮

搜索组件由标签⽂字、输⼊框和按钮组成

1. 模式在变，行为不变

随着产品的发展，模式也在不断发展。包括风格，甚至功能和交互方式，都有变化。然而，它们的目的基本保持不变。

我们用顶部导航举例：

顶部导航是由 logo、搜索定位框、文字下拉框、图标功能按钮、通知按钮构成。导航条里的每一个模块都有自身的目的：搜索定位框告诉我们怎么快速找到想要的东西；导航带领我们浏览全局，指引我们到想去的地方；后面的的图标按钮让我们快速触达。

总的来看，这些模块都有一个共同的目的：引导用户快速浏览使用。随着产品的发展，模式也在不断发展。

例如，随着产品功能越来越多，可能会在导航上面新增设置功能，让用户自己去排布常用功能。又如，我们可能会对导航进行重新布局，把导航按模块分类，采用标签按页展示。把模块下面更多功能放到子页面左侧。虽然我们不断的对模式进行迭代，希望它更好的实现各自的目的或者说更有效地激励用户使用。

在设计开始阶段就阐明模式的目的，能避免在产品发展过程中做重复性的工作。

目的决定了其他的一切：模式的结构、内容及呈现。了解模式的目的，可以帮助我们设计和构建更加稳健的模块。如果说功能性模式是界面中的组件，那么感知性模式则更像是样式——描述组件是什么类型的，给人的感受是什么样的。下面，我们将探讨感知性模式。

感知性模式（视觉规范） 设想我们每个人各有一套房子，且每套房子都有以下这些家具：一张桌子、几把椅子、一张床和一个衣柜。不过，虽然都有这些家具，但每套房子给人的感觉截然不同：可能是因为家具的样式、材料、颜色、纹理不同，或者是床罩的布料、装饰品的样式、房间的布局和灯光，甚至是房间里播放的音乐不同。

上述这些属性便称作感知性模式，正是因为它们，可能你的房子就像是一个地中海风格的小窝，而我的房子就像是一个仓库。

而数字产品感知性模式的例子包括语气、排版、配色、布局、插图与图标样式、形状与纹理、间距、意象、交互或动画，以及这些要素在界面中的组合和使用的具体方式。

有时，人们将这样的特性视为产品的样式，或称作皮肤，也就是最外面的一层。但要想取得成效，它们必须不仅存在于表面，还必须存在于品牌的核心，并随着产品的发展而发展。只有这样，感知性模式才会成为让产品脱颖而出的强大力量。

1. 感知性模式的作用

同一领域的产品，哪怕具有相似的模块，它们给人的感觉也是不一样的。感知性模式通过界面传递品牌，并让品牌被人记住。

看下面的图片，你能认出它们是什么产品吗？

这两张图里面并没有太多的信息，你只能看到排版的样式、一些图形和颜色以及一些图标。然而这些视觉上的线索极具辨识度，所以你仍然很有可能看出它们分别属于什么产品（即钉钉和飞书）。

这些视觉元素通过有意识地反复使用，便形成了模式，这就是为什么我们可以在没有上下文的情况下认出它们。

2. 感知性模式让系统更为连贯

在模块化的系统中，想要做到视觉上的连贯统一可能是一件很棘手的事情。模块是由不同的人根据不同的目的创建的。而由于感知性模式是渗透到系统中各个部分的，因此它们可以将系统的不同部分连接起来。如果这种连接是有效的，那么用户就会感受到模块之间的统一性。

例如：飞书和腾讯的相同功能的组件感知模式是不一样的，所以两个公司设计体系不能混用。

3. 探索感知性模式

如果说功能性模块反映的是用户需要且想要的内容，那么感知性模式关注的则是他们直观的感受或行为。

在《网站情感化设计》一书中，作者提出了一个简单的方法，通过创建“设计角色”捕捉产品关键的个性品质。以下是一些有助于探索感知性模式的一些技巧。

情绪板

情绪板是探索不同视觉主题的绝佳工具。可以使用数字化的方式创建情绪版（Pinterest 或花瓣都是一种用于创建数字化情绪板的常用工具）。

如果你目前做的产品是需要体现：科技、质感、智能，那上图应该可以满足这些条件，你可以通过这张图与领导进行沟通达成一致，然后从中提炼出一些颜色、元素、材质，这样大方向就不会有太大问题，只需在细节上进行打磨。

拓展阅读：

情绪板经常被吐槽？简单4步帮你做出用得上的情绪板！ 几乎大部分 UI 设计师在作品集里都会放入“情绪板”这个模块，但是这个模块的利弊其实都很明显，大家都想通过展示情绪板来告诉面试官我是如何定义色彩和产品的视觉风格调性的，但是大部分设计其实在做界面之前都没有做过情绪板，而是反套的。

阅读文章 >

样式叠片

定义好了大致的方向之后，便可以使用样式叠片来更加细致地探究多种可能性。样式叠片的概念由 Samantha Warren 提出，他将其定义为“由字体、颜色等界面元素组成的能传递 Web 视觉品牌精髓的设计交付物。”

和情绪板一样，样式叠片可以为用户和产品团队提供有价值的讨论点，并呈现他们对特定设计方向的初始反应。

arco.design 首页这张图可以理解为就是样式叠片，把不同的组件样式叠片放在一起比较，有助于准确地找到设计方向。

4. 迭代与改进

当功能模式和感知模式建立完成后，我们将它们集成到产品的过程，它们还将进行演变。因为在真实的界面中，模块、交互、样式之间相互影响下会产生新的问题，这都是很正常的，是典型的迭代过程，这个过程会一直持续，直到设计语言最终形成。像 ant design、arco.design 应该都经历过这个过程，只是我们不知道而已，要不然也不需要花费几年的时间打磨后才发布出来。

平衡品牌性与一致性：

过分关注一致性也会扼杀品牌性。矛盾在于，让设计达到完美的一致性无法确保它依然具有很强的品牌性。有时，这样做反而会削弱品牌性——在一致性和统一性之间存在着细微的差别。

《英国公开大学》的创意总监曾说过：“当你专注于产品一致性的时候，打造产品质感的一些重要的细微之处就有可能会丢失。

发展感知性模式需要为设计师赋予打破常规的权力，鼓励设计师积极地探索更多的可能性。好的设计体系能在品牌的一致性和创造性表达之间取得平衡。

小规模试验：

后期如果发现样式无法满足，我们如何将新的样式引入设计体系呢？

可以先进行一些小规模的试验是一种相当有效的做法。如果某些元素的效果很好，我们就逐渐将它们集成到其他界面中去。例如，在学习者完成一个步骤时，纯功能性的切换按钮缺乏庆祝和成就的感觉。于是，我们用带有圆形样式、弹跳 动画以及勾号图标的按钮取代了先前的按钮。

虽然新的按钮样式受到了学习者们的好评，但它与设计体系的其他元素格格不入。后来，我们开始在网站的其他地方应用圆形图案、弹跳动画和勾号图标。如果不这样做，那么整个设计体系给人的感觉就是割裂的。

共享设计语言 数字产品都是由团队打造的。团队里的每个人都有各自的具体目标，都有各自的截止日期。这就意味着难免会出现草率加入的模式、重复或错误的模块。

我们能确保一个产品即便有多人协作，却仍能连贯、统一吗？ 只要我们团队对自己的设计体系及其运转方式有共同的理解，我们就能做到这一点。

这意味着我们遵循相同的指导原则，我们对品牌愿景的理解是一致的，我们在设计和前端架构方面有共享的方法，我们知道什么样的模式是最有效的，也知道它们的工作原理。换句话说，创建统一的设计体系需要共享设计语言。

许多伟大的建筑物（如圣家族大教堂、沙特尔大教堂、阿尔罕布拉宫）并不是由一位主建筑师在绘图板上费力地创造出来的，而是由一群人构建出来的，这群人对能将这些建筑物变为现实的设计模式有着深刻的共识。

“几组人可以通过遵循一个共同的模式语言，当场构思出他 们的大型公共建筑，就好像他们共有一个心灵。”

——克里斯托弗 • 亚历山大，《建筑的永恒之道》

我们可以用类似的想法构建数字产品。设计语言可以让人们创建出具有整体感的产品，哪怕不同的人负责不同的部分也是如此。

1. 为模式命名

如果一个界面上的元素没有恰当的名称、团队里人尽皆知的名。那么该元素就没有在你的设计体系中成为有效的单元。一旦你给一个物件命了名，你就塑造了它的未来。

例如，如果你给的是一个表现型的名称，那么它将来就会受到样式的限制：“蓝色按钮”只能是蓝色。

例如，如果你给的是一个状态属性的名称：“幽灵按钮”，它的特点是：按钮形状的透明按钮，但有细实线的边框，常用在有色背景上。

2. 将团队融入设计语言

仅仅完成命名还不足以建立共享的设计语言。整个团队都应该 沉浸到设计语言中去，让它无所不在。

让设计模式变得可见：

如果有条件，可以在墙上开辟一块专门展示设计体系的空间，将它称作“模式墙”

让你的设计体系更加开放，人们会感觉你欢迎他们的加入，欢迎他们提出问题甚至做出贡献。

引用事物的名称：

所有语言的共同特点是，只有不停地使用才能让它保持活力。

它需要成为日常对话的一部分：

这就是为什么需要有意识地使用约定好的名称去引用这些模式很重要——无论这个名称听起来有多奇怪。将设计体系作为入职培训的一部分将设计体系的内容作为入职培训的一部分，新员工了解设计体系就会更加容易。当新员工入职时，他们将了解到设计指南是如何创建出来的，这样他们就可以理解为什么以及如何做出决策。在 《英国公开大学》 内部，他们创建了一个入门性质的线上课程，其中有一章专门对模式库进行了介绍，并包含了 一些小测验和小课程，这样可以帮助新员工更好的理解设计体系。

定期组织设计体系会议：

每个人都讨厌开会。但是，如果你希望每个人都跟得上设计体系的发展，那么组织召开设计体系的会议就是必要的。这是所有设计师和开发人员共同专注于设计体系的时间。一开始，可以每周举行一次，当团队找到节奏之后，可以每两周举行一 次。团队可以利用例会时间就产品的总体模式（如图标、排版）得出一致意见。同时，这也是分享新模块并讨论其目的、 用途及可能遇到的问题的好机会。

设计体系不是一夜之间构建出来的，而是通过日常的实践逐渐形成的。

谢谢观看！

互联网企业“出海”浪潮背景下，作为设计师，面对新鲜未知的市场，如何找到适合海外产品的设计方向？ 针对本土化课题，本文将提供一些实用的设计心得。 本地...

互联网企业“出海”浪潮背景下，作为设计师，面对新鲜未知的市场，如何找到适合海外产品的设计方向？ 针对本土化课题，本文将提供一些实用的设计心得。

本地化设计 案例分析：

企业出海！设计师如何做好产品本地化设计：印尼篇 可以预见的是，企业出海会是未来两年的趋势之一，特别是东南亚国家，这两年经济增速很快，成为了国内诸多公司的出海首选。

阅读文章 >

7000字干货！东南亚本地化产品设计差异：泰国篇 泰国是东南亚的第二大经济体，仅次于印尼。

阅读文章 >

近几年，国内的电商市场增速减缓，而近两年，因为疫情的影响，全世界大部分地区的购物习惯不得不由线下转为线上，巨大的空白电商市场吸引巨头出海发展，海外市场逐渐成为了新的蓝海。

据埃森哲 2021 年中国“独角兽”研究显示，45%的独角兽企业认为海外拓展至关重要，其中 82%的企业计划 24 个月内进军海外市场，从游戏、开发者服务和 SaaS（软件即服务），到硬件设备、电商等行业，越来越多的初创企业从萌芽期就瞄准了全球化；网经社电子商务研究中心发布的《2021 年度中国跨境电商市场数据报告》指出，2021 年全年中国跨境电商市场规模达 14.2 万亿元，相比 2020 年增长了 13.6%，其中出口占比达 77.46%。除此之外，IT 桔子《2022 年中国资本海外投资并购报告》统计，2021 年由中国资本参与的海外投资事件数达 454 起，创下自 2004 年以来的新高，而 2022 年仅前 2 个月，中国资本对海外已有 40 多起、约 50 亿元规模的投资。中国贸促会研究院今年 3 月的报告显示，中国对外直接投资流量和存量连续四年稳居全球前三，近八成中国企业将维持和扩大对外投资意向，看好对外投资前景。

中国经营报 2022.5

不难看出，即使是在疫情肆虐全球的今天，“出海”仍是中国企业发展的重要方向，包括 京东 在内，越来越多的中国企业开始重视海外市场，在跨境电商、游戏及其他独立应用开发、投资等方面全面开花，从出海扎营，逐渐成长为全球化企业。

中国出海领先品牌 50 强

中国 企业出海 成功与否，离不开一个关键点——本土化设计。作为设计师，面对新鲜未知的市场，如何找到适合海外产品的设计方向？ 在服务京东东南亚业务的这几年中，我们也逐步累积了一些本土化设计的方法，这里就给大家分享几个小心得。

京东的国际化布局也已历时多年，2015 年开始正式进军海外电商市场，上线了多个国家馆，并同时开始在海外成立独立站点。2015 年底，京东成立了印尼站 JD.ID，后又于 2018 年成立了泰国站 JD CENTRAL，两大站点立足东南亚市场，逐步形成了全球化的布局，也继续扩张到荷兰等欧美国家。国际化已经成为了京东一个重要的战场。

当一个产品需要进入一个新的国家市场，在初创和快速发展的时期，作为设计师，首先要对这个国家有一些基本认知和了解。

规避风险，确定方向 一千个读者眼中就会有一千个哈姆雷特，人和人的差异尚且如此，国家之间的差异就更大了。由于文化背景、历史渊源、自然条件等多方面的影响，来自不同国家的人会对同一个事物产生不同的感受和反应。面对一个陌生的国家，我们需要打破固有印象，抛弃对用户的先天认知，尽量用客观的眼光去看待他们。

我们可以通过一些通用性的行研，来认识市场，从而规避风险，并得到体验设计的大方向。这里可以引用一些经典的分析模型，来协助我们做全方位的行研分析。

PEST 是一个非常常用的分析模型，一个行业或者公司能够发展得如何，靠的不仅仅是自身实力，外部环境也很重要，PEST 是一个有效判断行业或者公司发展前景的方法。我们可以通过搜集公开资料，来明确目标市场的政治、经济、技术和社会环境。但是这些对设计来说还不够，另一个模型 NESC 则在这个基础上增加了自然环境和人文环境的研究内容，其中包含了对于东南亚国家很重要的宗教习俗等基础信息。

这两个模型里其实包含了一个以国家为单位的群体大部分的特征，可以极大限度的勾勒出一个国家的基本情况，通过这两个维度的分析，我们可以初步推导出一些本土化基本原则。

举个例子，京东的吉祥物 JOY 原本是一只小狗，但在伊斯兰教中不允许狗与人有密切接触，为了规避宗教习俗的禁忌，所以印尼站使用了小马的形象作为吉祥物。在很多重视宗教的国家，充分表达对当地文化的尊重，是非常重要的。

这里介绍一个人文研究的理论工具，霍夫斯泰德（Hofstede）文化维度理论，这套理论问世距今已经有 40 多年历史了，它把文化特征分为 6 个维度，在研究跨文化差异时被广为引用。

荷兰学者 Hofstede（1997）的研究认为，文化对于人就如同计算机程序对于计算机一样；程序限制了我们的思维方式，我们的感知，我们的行动等等，他试图利用主要来自跨国公司 IBM 的数据来建立各种民族文化的特征类型，这些数据来自对 50 多个国家的 10 万人所进行的调查。后续，这套理论被后来者不断完善改进，并逐渐扩张为在全球各个国家定期做大规模调研和信息收集，汇总成国家维度的数值，为文化分析提供了理论支撑。理论中的六个文化维度如下图：

有了这些数据，我们可以更直观的看到各个国家的文化特征和差异点，也可以推导出很多有价值的结论。下图是中国文化和印尼、泰国文化在各个维度的对比：

了解用户，挖掘合作 第二个部分就是用户研究。

用户研究方法：

万字干货！大厂最爱的用户研究方法全方位科普 导读：这篇长文主要讲述了用户画像与用户体验地图在实际应用中的作用、差异、流程、实用技巧和关联。

阅读文章 >

腾讯有一门经典的课程《像蘑菇一样思考》，其中描述了一个小故事：

有一个精神病人，他每天什么事都不做，打着一把伞躲在角落里，所有医生都觉得这个病人没救了。有一天，一个心理专家站在他的身边，什么都不说，拿着一把伞跟他一样蹲在那里。就这样坚持了一个星期后，他终于向专家身边凑了凑，说了句：“难道你也是蘑菇？”

这个故事告诉我们，用用户的方式去思考，才能发现问题的根源所在。需求来源于对用户的了解——对用户的了解，需要感同身受，变成用户，“我，就是用户”。洞察人性，以己推人，并不是一件容易的事。我们需要了解用户，了解市场，从而寻找机会点，那就需要和用户“对话”。

用研是一个很大的课题，去了解用户，光靠空想是不行的，得真刀真枪的去接近他们，深度访谈、问卷调研、意见反馈、走进场景、观察用户行为等。我们和海外用户的距离很远，但也要了解用户的想法，明白他们的关注点、购物倾向、诉求等，当我们需要做一个用户问卷调研，或者访谈座谈会，最佳方案就是和海外的本土团队协作来完成。

印尼用户问卷调研题干 初稿

上图是我们在做印尼站的用户调研时，和印尼本土的 CX 团队共同合作完成的一个调研题干。我们把对用户的疑问和好奇，落实在问卷中，通过 cx 团队的发放、收集和分析，反馈回来，从而获得用户的真实想法。

用户调研：

企业出海产品如何做用户调研？试试这个小成本方法！ 前言 产品出海、特别是教育产品出海，在国内对向教育产品政策收紧这个大趋势下，已经成为部分教育公司必须考虑的命题。

阅读文章 >

除了定向调研，周期性的用户反馈跟踪也很重要。

常用的两个指标就是客户满意度和净推荐值，客户满意度更重视用户的主管感受和态度，净推荐值则倾向于忠诚度和推荐意愿，两个指标通常会用在不同的场景中，我们定期追踪的指标是以 NPS 为主，随时跟踪用户的反馈和数据变化，并定期汇总落实在优化中。

此外，调研一定是颗粒度可细化的，当我们对于一些关键流程节点，已经有了非常明确的调研目的，可以在系统流程中设定一些触发条件，去触发用户对当前操作的反馈，真实的环境场景可以帮助调研者更贴近用户，理解各种用户群的使用场景和需求。

比如搜索列表的点击低于预期，较多用户长时间浏览搜索列表，翻了几屏的商品，却迟迟没有进入商详页，这时就可以触发对应的问卷提示，询问客户，是否遇到了问题，从而去更精准的找到用户痛点。

明确优势，探索创新 搜索列表页浏览到一定深度时，触发的反馈问卷。

新业务、新产品的开拓，离不开宏观层面的竞品分析，简单来说就是：知己知彼，百战不殆。

当我们进入一个海外市场的时候，当地往往已经有了一些成熟的本土同行业产品，或其他国际化公司的本土产品，它们很可能已经给本土用户培养了一定的认知基础和使用习惯。我们对当地市场的理解或许还不那么深入，这时我们如果借助类似的竞品，通过横向对比这些竞品以及它们的上下游，可以触类旁通，可以从更宏观的层面来理解这个市场。通过竞品分析，我们可以更好的了解市场和用户，明确我们与竞品的差异点、优劣势，从而达到知己知彼，并可以进一步寻找创新机会。

举个例子，我们在做泰国站的 O2O 项目时，通过对直接和间接竞品的比较分析，可以明确我们自身产品的能力优势和市场定位。也了解了用户对于这种商业模式的基础认知。

我们提取用户已经形成良性认知的元素和色彩，适度与竞品做差异化，进一步推导得出了 instant joy 的品牌 logo、品牌色和吉祥物。

虽然我们的 O2O 业务在泰国市场还是一个新模式，但是对打车、便利店、外卖等间接竞品的分析，我们还是可以获得很多有价值的信息，也可以勾勒出用户对于不同业务模式、设计风格、元素的接受程度。

所以，做分析不要拘泥于本行业的直接竞品，从其他行业中选择和我们的产品有类似、相通点的产品，更能带来突破性的启发。我们或许都曾遇到过这样的困境，我们在思考一个新业务如何去突破，或者思考某一个功能如何设计的时候，想遍了各种思路、翻遍了已知的竞品，却仍然想不到突破的方式，也就是遇到了瓶颈。这时候就应该去看一些不同行业的竞品，获取更多的思路。

定位问题，推到策略 在做产品的过程中，当我们有明确的目标时，比如需要对一个关键模块做分析推导，就可以通过数据分析去推导策略。

成熟的设计师往往会把自己的设计经验逐渐内化为一种设计直觉，用直觉去做设计，有利有弊，这里不多评判，但是对于一个未知的海外市场来说，直觉就不一定可靠了。

我们来看一组数据：

这是泰国站单日 UV 的来源占比，其实和我们直觉的认知是很不一样的，国内的 APP 流量是绝对王者，PC 和 M 端可能非常少，但在泰国，M 端的流量是最高的。很多人会疑惑，为什么？我们接着看数据：

进一步提取各端的数据来源，可以看到 APP 端的 UV 来源最多的是高清屏手机，也就是苹果的 PLUS 和安卓的 1080 屏幕（进一步看数据就会发现，大部分是安卓手机）。

为什么小屏手机占比这么少？看一下 M 端流量占比，我们的疑惑就解开了。访问 M 端的流量占比最高的是小屏和超小屏手机，这部分手机，可能是比较老的机型，或者中国已经淘汰的型号，他们的系统可能不支持安装 APP，所以只能访问 M 端页面。

我们再进一步看 PC 端，很意外的是，小型平板和超小屏设备占比达到了 35%。我们把 pc 和 M 做一个纵向对比，可以看到，有一部分小屏设备的分辨率是重合的，其实很多山寨平板电脑，因为设备识别的问题，只能浏览 PC 版页面，体验是很差的。

不同分析方法是有相互呼应的，我们再去看之前行研的分析就会更有体会。泰国用户的手机占有率极高，移动互联网接受率很强，但他们平均收入并不高，很多人使用的就是小牌低价手机，甚至中国出口的二手手机。

这部分占比极高的用户，他们使用互联网的诉求很强烈，但碍于设备的限制，只能享受缩水版、阉割版的产品。了解了这一客观情况，产品和设计的迭代策略也需要做相应的调整，比如说对于泰国站，我们需要进一步优化小屏的体验，推进响应式页面的落地，以及优化技术层面对端的识别等。

数据从用户中来，通过一系列的数据沉淀、处理和分析找出机会点做决策再回到用户中去，提升用户体验，带动业务增长，驱动业务。

这里分享几个数据分析的常用概念和方法：

这五个概念，串联起了一个数据分析思维的基础框架，也为业务和产品搭建了一个全面的分析体系。

数据分析能力的核心不在方法理论和工具模型，更多的是建立一种数据意识，要能够敏锐的发现应该去关注的数据、并且能够从这些数据中找出潜在的规律，推理出数据背后的导致原因。

降本增效，优化表现 最后一部分更偏向于表现层的沉淀，通过设计资产和经验的积累和汇总，优化统一产品前台的设计表现。

设计原则就像英语中的语法，只要遵循语法的框架，随意的搭配都可以组成准确的语言。统一的设计语言能够保证平台的一致性，减少沟通的成本，效率也会得到提升，能够使设计师将更多的时间专注于项目上。

京东的东南亚站点从 2015 年开始布局，目前有印尼和泰国两个站点，接下来可能还会拓展更多国家，国家之间的差异也会越来越复杂。举个例子，不同国家的文字文本长度差异是很大的，中文排版中比较容易的左右对齐，对于西文就不太适合，所以西文排版更适合上下排列，需要更灵活，并且预留更多的文本空间。

文字本身的结构，也会导致行高的差异，也会一定程度影响排版。

对于图标的设计，国内产品（例如京东主站）使用的图标，相对比较精简，对于国内用户来说可以理解，但对于海外用户，这种设计语义是不够明确的，考虑到多国家理解的通用性，我们还是需要采用更明确语义的设计。

结合各国设计的差异性和统一性，求同存异，我们也在逐步沉淀东南亚站的设计资产库，帮助视觉设计师建立清晰的设计理念认知，在整体的产品设计风格上保持产品线的一致性。资产库不仅用于优化现有站点的体验，也可以助力未来的新站点快速搭建。

因为篇幅的关系，本文重点介绍了本土化设计的五个方向，其实每个方向每个章节都是可以进一步去研究和分析的。

本文中的工具和方法不单适用于海外市场的本土化设计，对于其他业务模式也是很有价值的。很多内容都来自日常的工作总结，也许会有谬误，欢迎大家指正和补充，希望后续继续和大家一起交流学习。谢谢大家～

欢迎关注「JellyDesign」的小程序：

大家好，我是和你们聊设计的花生~ 今天继续为大家带来 Ai 排版技巧第三期，快来看看这期里有没有让你惊喜的新知识吧~ 上期回顾： [link htt...

大家好，我是和你们聊设计的花生~

今天继续为大家带来 Ai 排版技巧第三期，快来看看这期里有没有让你惊喜的新知识吧~

上期回顾：

掌握这5个Ai小技巧，帮你快速提升文字排版效率（二） 大家好我是和你们聊设计的花生。

阅读文章 >

文本快速拆分为可编辑单字 上一期有小伙伴在评论区问有没有将文本快速拆分为单个文字的方法，我查了一下还真有，具体的操作方法如下：

选中文字后，在字符面板的「 字符旋转 」一栏将数值设置为 0.01°，然后选择「对象-拼合透明度」，在弹出的窗口中将「 栅格/矢量平衡 」调为 100，「 线稿图和文本分辨率 」以及「 渐变网格分辨率 」分别设置为 300 ppi 和 150 ppi，其余不变。确定后会看到文本中文字左下角出现一个小点，即表示拼合成功。单击右键取消编组，文字就是可编辑的单字状态了。

快速插入特殊符号 在 Ai 插入特殊的符号、单位或者字符，有 2 种方式可供选择。一种是 Ai 自带的特殊符号，在「 文字- 插入特殊字符」中可以找到，包含版权符号、注册商标、分节符等，但是内容很有限。

另一种方法就是用输入法自带的符号库，以搜狗输入法为例，其符号大全内包含各种符号标点、序号、单位、注音、英日韩俄语字符，非常方便，在输入法的状态栏显示在桌面的情况下，按快捷键 Ctrl+shift+Z（默认是这个设置）就能调出符号大全面板。

快速出效果！8 个简单易上手的 PS 字效教程 Hello 朋友们，我又来教大家一些非常实用的小技巧啦~ 上期文章： [link https://www.uisdc.com/ps-skill] 上一期我分享了些稀奇古怪（但有用）的小技巧，这次我来分享 8 个字效小技巧，简单易学，每个技巧都能帮你快速做一张字效海报出来，快学起

阅读文章 >

快速输入垂直方向文字 输入垂直方向的文字除了在文字工具里选择直排文字外，还有一种更简单的办法就是在输入前按住 shift 键，光标会由垂直变为水平状态，这时候填充的文字就会是垂直竖排的了。

引号出格悬挂 一段多行段落文本如果被引号括起来，会出现引号占位而文字不对齐的情况，不是很美观。这时候我们打开段落文本，选择隐藏选项里面的「 罗马式悬挂标点」，引号就会悬挂在文本外侧。需要注意这个功能只对段落文本起作用。

我拆解了 Behance 首推作品集，总结出 7 个让作品集更高级的技巧 Hi，我是彩云。

阅读文章 >

OpenType 的分数字功能 OpenType 的分数字功能可以将水平排版的“月/日”排版变成斜角错位的形式，做日期排版非常方便，此外也可以用作分数形式的排版。需要注意的是此功能需要使用具有 OpenType 的字体。

以上就是今天推荐的 5 个文字排版小技巧，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友。如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答~ 也欢迎大家加入优设官方设计交流群，和优设主编、设计总监及其他热爱设计的小伙伴一起探讨学习（入群二维码见文末 Banner）~

作为 B 端产品的交互设计师，我们常常会感到困惑，面对复杂的业务逻辑让我们感到“无从下手”，犹如在一团乱麻找不到“线头”所在。 [link https:...

作为 B 端产品的交互设计师，我们常常会感到困惑，面对复杂的业务逻辑让我们感到“无从下手”，犹如在一团乱麻找不到“线头”所在。

万字总结！B端产品设计基础思维与方法 本文作者从 2015 年开始进入 B 类产品的打造，前后几年时间进行了行业内容的探索，从概念产品的提出，到产品营收千万以上，从产品 1.0 的两三个功能到后续迭代二三十个功能的平台产品，沉淀了一些个人观点与经验，在此分享出来与大家讨论交流，希望能与大家有更多讨论。

阅读文章 >

那要如何快速捋清 B 端产品的设计思路呢？可以试试看这样的两步走！

先明确用户角色 再根据不同的用户角色去探索他们各自的业务体验路径。 这样一来，完整的用户路径在梳理的过程中就一步步输出，最终简化出了清晰可见的整体设计方案。

下面我们一步步来看：

第一步：业务场景定义用户角色 “用户角色（User Role）是一种抽象的概念模型，是对一类用户及其问题之间关系的定义，包括需求、兴趣、期望和行为模式。”

美国计算机领域先驱同时也是人机界面交互专家的 Larry Constantine 是这样定义“ 用户角色 ”的。

从他的解释中，我们可以抽出 2 个关键词：「抽象」和「问题之间的关系」。

用户角色和用户是完全不同的概念和意义。角色就是连接问题或者业务系统的和用户之间的一个关系，起到桥梁的作用。

用户是系统的使用者，而用户角色是指拥有同一类职能的人构成的抽象组织。

一个角色可以拥有多个用户，一个用户也可以分属于多个不同的角色。

在 产品设计 的初期，用户角色的概念是比较抽象的，而产品发展过程中可以通过一些辅助手段例如调研问卷，访谈，建立典型用户场景等不断完善用户角色和用户模型。

在 B 端方案设计中，拿最常用的 2 种用户角色为例：管理员和普通用户。管理员更加侧重管理和创建，而普通用户更多聚焦在产品体验。

我们在初期的用户角色定义后还需要在具体的业务场景中不断丰富用户角色。首先在分析逻辑，处理用户体验问题的时候第一要明确用户场景。在不同的场景下，用户体验目标和路径都会有很大的差异。

从上面这个底层框架我们可以看出来，角色在 B 端产品中有更加明确的一个定义。而从设计师的角度来看，遵循最经典的 7P 框架 Person（primary 基本性，empathy 同理性，realistic 真实性，singular 独特性，objectives 目标性，number 数量性，applicable 应用性）可以让设计师对用户进行不断的细分，从而做好用户的精细化分层。

这里举一个例子：一提到电商场景，我们想到的就是淘宝、天猫、京东，这就是垂直领域用户场景的重要性。如果从用户角度出发，可以探寻到产品最底层的需求，但是如果从目标出发反推到产品，就可以看到用户的痛点及需求。

第二步：用户角色决定使用流程 再说回 B 端，我们所说的“管理员”&“普通用户”两种用户角色是源于 B 端行业的自身属性，在不同的角色之前体现出差异性，这就存在了较为明显的业务边界。

当我们能够清楚的划分这些边界的时候，就可以梳理出某一个角色在某一个场合下的既定操作流程，下面是“管理员”和“普通用户”在相同场景下的不同使用路径。

通过上述的体验路径，我们可以看到管理员和普通用户在体验层面是完全不同的。管理员的使用路径更加侧重在制作和管理上，而普通用户的使用路径则更加侧重在使用和学习上。只有梳理好不同用户角色和不同的使用流程，才能在复杂的 B 端业务中删繁就简，提高设计效率。

需要注意的一点是，用户角色不等同于前期的用户画像，用户角色更加的具象和现实。我们仍然需要站在用户角色的基础上，进一步去开发人物模型，更多维度的去表现用户的目标场景和复杂的行为模式。所以在 B 端项目中去分析了用户角色之后，仍然有必要去结合具体的场景和行为来讨论。

“我们看用户角色的时候，并不会觉得这就是一个具体的人，一个真实的用户，所以这个是不能划等号的”。

通过以上的分析我们可以看出，只要定义好用户角色和用户场景，在 B 端业务的初期就能快速形成较为完整的用户路径，并且能够在复杂的 B 端业务中简化出较为清晰可见的设计方法。

最后，用一句话来概括中心思想「当某个角色的用户，他在使用某产品功能的时候，他们是想为了完成某个特定的任务或者达到某种目标」。

当设计师能够真正的理解这句话并且能够围绕用户场景深入分析的时候，产出的设计方案才能够更有效的解决体验问题，提高业务效率。

欢迎关注作者微信公众号：「联想上研」

作为 B 端产品的交互设计师，我们常常会感到困惑，面对复杂的业务逻辑让我们感到“无从下手”，犹如在一团乱麻找不到“线头”所在。 [link https:...

作为 B 端产品的交互设计师，我们常常会感到困惑，面对复杂的业务逻辑让我们感到“无从下手”，犹如在一团乱麻找不到“线头”所在。

万字总结！B端产品设计基础思维与方法 本文作者从 2015 年开始进入 B 类产品的打造，前后几年时间进行了行业内容的探索，从概念产品的提出，到产品营收千万以上，从产品 1.0 的两三个功能到后续迭代二三十个功能的平台产品，沉淀了一些个人观点与经验，在此分享出来与大家讨论交流，希望能与大家有更多讨论。

阅读文章 >

那要如何快速捋清 B 端产品的设计思路呢？可以试试看这样的两步走！

先明确用户角色 再根据不同的用户角色去探索他们各自的业务体验路径。 这样一来，完整的用户路径在梳理的过程中就一步步输出，最终简化出了清晰可见的整体设计方案。

下面我们一步步来看：

第一步：业务场景定义用户角色 “用户角色（User Role）是一种抽象的概念模型，是对一类用户及其问题之间关系的定义，包括需求、兴趣、期望和行为模式。”

美国计算机领域先驱同时也是人机界面交互专家的 Larry Constantine 是这样定义“ 用户角色 ”的。

从他的解释中，我们可以抽出 2 个关键词：「抽象」和「问题之间的关系」。

用户角色和用户是完全不同的概念和意义。角色就是连接问题或者业务系统的和用户之间的一个关系，起到桥梁的作用。

用户是系统的使用者，而用户角色是指拥有同一类职能的人构成的抽象组织。

一个角色可以拥有多个用户，一个用户也可以分属于多个不同的角色。

在 产品设计 的初期，用户角色的概念是比较抽象的，而产品发展过程中可以通过一些辅助手段例如调研问卷，访谈，建立典型用户场景等不断完善用户角色和用户模型。

在 B 端方案设计中，拿最常用的 2 种用户角色为例：管理员和普通用户。管理员更加侧重管理和创建，而普通用户更多聚焦在产品体验。

我们在初期的用户角色定义后还需要在具体的业务场景中不断丰富用户角色。首先在分析逻辑，处理用户体验问题的时候第一要明确用户场景。在不同的场景下，用户体验目标和路径都会有很大的差异。

从上面这个底层框架我们可以看出来，角色在 B 端产品中有更加明确的一个定义。而从设计师的角度来看，遵循最经典的 7P 框架 Person（primary 基本性，empathy 同理性，realistic 真实性，singular 独特性，objectives 目标性，number 数量性，applicable 应用性）可以让设计师对用户进行不断的细分，从而做好用户的精细化分层。

这里举一个例子：一提到电商场景，我们想到的就是淘宝、天猫、京东，这就是垂直领域用户场景的重要性。如果从用户角度出发，可以探寻到产品最底层的需求，但是如果从目标出发反推到产品，就可以看到用户的痛点及需求。

第二步：用户角色决定使用流程 再说回 B 端，我们所说的“管理员”&“普通用户”两种用户角色是源于 B 端行业的自身属性，在不同的角色之前体现出差异性，这就存在了较为明显的业务边界。

当我们能够清楚的划分这些边界的时候，就可以梳理出某一个角色在某一个场合下的既定操作流程，下面是“管理员”和“普通用户”在相同场景下的不同使用路径。

通过上述的体验路径，我们可以看到管理员和普通用户在体验层面是完全不同的。管理员的使用路径更加侧重在制作和管理上，而普通用户的使用路径则更加侧重在使用和学习上。只有梳理好不同用户角色和不同的使用流程，才能在复杂的 B 端业务中删繁就简，提高设计效率。

需要注意的一点是，用户角色不等同于前期的用户画像，用户角色更加的具象和现实。我们仍然需要站在用户角色的基础上，进一步去开发人物模型，更多维度的去表现用户的目标场景和复杂的行为模式。所以在 B 端项目中去分析了用户角色之后，仍然有必要去结合具体的场景和行为来讨论。

“我们看用户角色的时候，并不会觉得这就是一个具体的人，一个真实的用户，所以这个是不能划等号的”。

通过以上的分析我们可以看出，只要定义好用户角色和用户场景，在 B 端业务的初期就能快速形成较为完整的用户路径，并且能够在复杂的 B 端业务中简化出较为清晰可见的设计方法。

最后，用一句话来概括中心思想「当某个角色的用户，他在使用某产品功能的时候，他们是想为了完成某个特定的任务或者达到某种目标」。

当设计师能够真正的理解这句话并且能够围绕用户场景深入分析的时候，产出的设计方案才能够更有效的解决体验问题，提高业务效率。

欢迎关注作者微信公众号：「联想上研」

#本文为人人都是产品经理《原创激励计划》出品。 进入夏季后，天气开始变得“喜怒无常”，一会狂风暴雨一会晴空万里。出门前看看手里的天气软件，发现同样的手机型号，同样的天气软件，同样的时间地点，居然有不同的天气预测结果。这是为什么呢？本文作者对此进行了分析，一起来

#本文为人人都是产品经理《原创激励计划》出品。

进入夏季后，天气开始变得“喜怒无常”，一会狂风暴雨一会晴空万里。出门前看看手里的天气软件，发现同样的手机型号，同样的天气软件，同样的时间地点，居然有不同的天气预测结果。这是为什么呢？本文作者对此进行了分析，一起来看看吧。

一、同样的屋檐，不同的天气 夏天到了，阴雨多发。

上班前闲着没事，一群无聊的人看着窗外天色，用几点下雨打赌，来决定午饭由谁买单。

一边下注，一边已经有人拿起手机，开始查攻略。

其实，这也算不上作弊。谁都知道，天气预报软件，报不准天气，有时候甚至还没猜的准。

而且，同事们拿着不同的手机，用着不一样的天气预报软件。念出的天气预测结果，果然也天差地别。

但当同事小艾，念出她手机的预测结果时，有些出乎我的意料——小艾和我用着同一款手机，天气软件都是系统自带的天气软件，但天气预报居然和我手机上显示的不同。

我拿来她的手机，再次确认：我们身处同一个位置，都开着系统定位，且都赋予了天气软件读取定位的权限，我们也在同一个WIFI环境下。

我们使用着同样的手机、同一个款天气软件，也更新到了同一版本。

我们为了避免时间误差，都多次刷新了天气预报页面。

但天气预报结果，依然是不同的。

这两份天气预报中，至少有一份是错的。又或者两份都是错的。

难道天气预报的数据推送，也会根据不同人的喜爱，给出不同的结果？

二、同样的行迹，不同的位置 最近几年，很多同事选择了自行车上下班。

因为健康，因为环保……也有可能是因为穷。

公司附近有几处重要的办事机构，管理较为严格，共享单车不能随地停放，必须放在指定的区域。

而在具体的操作中，必须现在手机上操作，确认已抵达规定还车地点，才能进行关锁。

然后，那些钟爱睡懒觉的同事，就体会到了什么叫噩梦。

离上班时间还有2分钟，骑自行车来到公司楼下，驻足在停车区域内，点击手机上的“我要还车”，然后看到提示：您不在还车区域。

之后，自然是一番折腾，向前动动，向后挪挪，但无论如何进出，手机页面上总显示者：距离指定还车区域3米。

更过分的是，旁边一样过来停车的人，纷纷抵达位置，其中有不少直接关锁走人，没有在定位环节遇到麻烦。

看着上班时间已过，成年人的崩溃，往往就在那么一瞬间：咱的定位数据，为什么永远都差3米？

不过，他也很快释然了：既然停不了车，干脆骑车出去吃个早饭吧。迟到要扣钱，违规停车也要扣钱，反正总要扣一个。

三、同样的搜索，不同的结果 还是闲来无事的办公室生活。

到了下午5点，人们都忙完了手头的任务，开始刷着手机，静待下班。

小艾新买了个头饰，杨妹子看着不错，问她要链接。

微信转发淘宝链接比较麻烦，小艾是个懒人，就跟杨妹子说：你就搜索#$%%@@%，第一个就是。

杨妹子听话照做，在淘宝搜索栏里输入了#$%%@@%，但别说第一个，连着刷了十页，也没有看到小艾买到的那件头饰。

其实，不同人在淘宝搜索同一个词，会出现不同的结果，也不算是什么新鲜事情。

系统会根据每个人的搜索、购买习惯，给他们推荐，系统认为他们最有可能感兴趣、最有可能购买的商品。

不过这些推荐，显然还没有完全猜透用户心意。

搜索结果，都是杨妹子不感兴趣的。

而她现在、立刻、马上就想要购买的商品，系统却没有推送给她。

大数据的判断，是不是很不准确？

四、数据缺陷，显而易见 大数据有问题吗？

它距离完美还差的很远。

而在生活中这些琐碎的事情上，我们也能看到，大数据一些显而易见的缺陷。

1. 因为边缘数据，忽略了主要问题 现如今的大数据，基于庞大的数据量进行推算。

不过，数据与数据间，也具有权重差异：一些数据对计算结果有重要影响，一些数据却只作为参考。

但当边缘数据足够多的时候，也会对结果带来质的影响。让一些本应该起到决定性作用的数据，被边缘化。

就如刚才天气预报结果的区别，可能也是数据推算带来的差异。

不只以气象局的预测为依据，也结合了每个人的行动轨迹、遇雨频率等个体差异，进行单独分析。

但分析结果怎么样？

同一时间，同一地点，却给出了截然不同的天气预报。

难道是否下雨，会根据每个人的行动轨迹而变化吗？

我们没有生活在楚门的世界，我们也不叫萧敬腾。

处在同一屋檐下，应该面对同样的天气，这个常识，却在计算中，被大量的数据挤到了一边。

而在网络世界中，事实被大量数据击垮，其实极为常见：

点赞多的视频，未必真的有趣。

如果能找来足够多的人刷点击、刷关注、刷赞、刷评论，一些低质量的视频，也可以成为热门，推送给很多人。

评分低的饭店，未必就很难吃。

只要找足够多的人去恶意差评，可以轻松把一家饭店的评分搞下去。而很多饭店在开业之初，也会找大量的人刷好评，让自己屹立在推荐头部。

当非真实的评价足够多时，真实就会被掩盖。至于饭菜味道究竟怎么样，数据又尝不出来。

2. 用复杂的方式，做了简单的问题 因为大数据的存在，让很多原本非常简单的问题，变得很复杂。

一些显而易见的答案，却被藏了起来。

当你搜索1+1时，首屏上80%的搜索结果，不是1+1=2，而是哥德巴赫猜想、电影、歌曲之类与1+1相关的东西，甚至关于1+1=1的推论。

明明是个很简单的问题，却因为大量相关资料的存在，而被演化的非常复杂。

就像小艾给杨妹子推荐的商品，她俩长期使用着同样的WIFI地址，也在不止一个软件上相互关注、加着好友。其中一人前几天购买了某商品，另一人几天后用同样的搜索词，搜索同一商品，想必也是数据能够监测到的。

如果只考虑这些显而易见的信息，推荐同样的商品，立刻就能促成购买。

但大数据偏偏考虑了太多过去的搜索、购买结果，认为她俩不是同样的消费群体，认为她俩具备不一样的喜好，所以推送的搜索结果也完全不同。

很简单的一道题，做的太过复杂。

3. 数据偏见，偏见螺旋 大数据的推送，更存在严重的偏见。

数据认识用户，很多时候就像盲人摸象一样。

只摸到了大象的腿，就认为大象是个圆柱体。

数据只看到了用户的某一面，认为用户就是那个样子的。

最初，数据通过盲猜的方式，向杨妹子推荐了某些商品、某些视频，她随意观看了其中的几个。

数据会对她的观看行为进行记录，并再次推送类似的商品、视频，进行验证。

果然，杨妹子确实对这些内容感兴趣，多次观看。

时间长了，数据就会记住：杨妹子是个喜欢火锅、喜欢年轻小鲜肉、喜欢朋克风穿搭的年轻女孩。并且会给她推送更多相关内容。

这样的推送虽然没错，却只是一种偏见。

其实，杨妹子也喜欢中国风绘画，喜欢绿色的头饰，喜欢吃东北菜，但数据却并不知道。

数据并非全知全能，对于自己没有收集到的信息，也无从得知。

尤其在针对性的推送中，更会形成一种偏见螺旋。

系统不断给杨妹子推送火锅、朋克、小鲜肉，杨妹子也确实喜欢看这些，持续观看、点赞、评论、购买。

数据记录在案，就更会不断加大相关推荐。

最终形成一个循环：

但对一个人来说，再喜欢的东西，看的太久了，偶尔也会有腻的时候。可系统仍然乐此不疲的推送这几种内容。

因为足够的数据证实，她感兴趣。即使偶然一两次没有观看，在整体数据中，这一两次不观看的行为，也依然无法抵抗之前频繁观看的偏好。

除非她真的歇斯底里，一连点了几十次“不要再推荐类似内容”。但一般人也不会如此做，毕竟推荐的东西，也都是自己平日里感兴趣的，还担心以后会看不到。

而在这种偏见循环中，已经确定偏好的内容推送越多，其他内容能跟用户见面的机会就越少。所以数据补全自己偏见的机会也就变得更少。

在向杨妹子推送火锅、朋克、小鲜肉的同时，偶然有一条热门视频也推送到了她眼前，是关于中国风彩绘的。

但这条视频的主角，说话娘娘腔，恰好是杨妹子无法接受的类型，直接划了过去。数据就恰好失去了一次，得知她喜好中国风彩绘的机会。

下次再有这样的机会，不知道又是几月后、几年后了。

五、大数据，还不够大 所有这些问题，归根结底，是大数据还不够大。

受限于技术、成本、隐私原因，获取数据的方式还不够多，不够精确。

如果数据捕获量够大，不只限于一个平台，甚至不只限于虚拟世界，能够看到更多细节。数据就有更高的机会，真正认识一个用户，而不是产生偏见螺旋。

如果数据获取手段足够细致，所有数据获取设备都足够精确，也就不会出现无法还车的问题。

如果大数据的探测手段足够高级，那不可预知的天气，也总有一天能够判断到一丝不差。

但受限于技术，大数据暂时还无法一眼看到事物的全貌。只能通过管中窥豹的方式，用几亿个角度观测出的视野碎片，拼凑出一只豹子的画像。

受限于成本，大数据无法获得充足的数据。或许几亿个视野碎片能拼出一只豹子的画像，但成本只允许获取几万个碎片，拼出的豹子自然也似是而非。

受限于隐私，大数据无法获得一些关键性数据。那几万个碎片中，还缺乏豹子某些关键部位的碎片。

最终结果就是，大数据所拼凑出来的豹子画像，虽然有了豹子的雏形，但离真实的豹子还差很远。

六、矛盾的隐私 技术、成本的局限，随着时代发展，总有解决的一天。

就像天圆地方的传统观念，终有一天会在天文卫星的见证下被颠覆。

但大数据未来的发展之路，必然还会和我们的隐私需求，出现更激烈的碰撞。

尤其是我们的真实需求，甚至连自己都很难说清——多数人对大数据的态度，欲拒还迎。

在需要大数据预测的时候，我们要求大数据保持精准。

在不需要大数据预测的时候，我们又担心对隐私泄露。

打车去某个偏僻的角落，甚至我们自己都不知道该怎么搜索目标位置，大数据就直接预判出了我们的目标地点。这节约了我们的时间，也让我们的出行变得简单、轻松。但在坐上车之后，我们又开始担忧，自己的出行信息，是不是会被有心人利用？ 我们想购买的商品，被电商平台直接推送到眼前，节省了我们搜索、浏览、对比的时间和精力。但在享受这种便捷的同时，有的人又产生担忧，自己对某些商品的喜好，会不会被别人所知晓。 我们都很矛盾，既想占有大数据的好，又想摒弃它的一切不好。

但大数据的好与坏，本就是对立统一的。

没有足够多的数据埋点，就无法做出更准确的预测。

没有一次次的行为监控，就无法在你需要的时候，把你所需的信息送至面前。

更简单点说：手机中的导航软件，若没有精确的定位，没人知道你在哪、你去哪，又怎么给你准确的导航？

就像一些人所说：“其实我们不是没有选择权，即使是现代，也完全可以扔掉手机，一个人去山里生活，保护自己完整的隐私。”

这话虽然有些风凉话的意味，但也能反映出一个问题：当我们，把非智能手机换成智能手机时，当我们享受远程购物的便捷时，当我们随时随地通过搜索解答自己的疑惑时，我们也应该知道，自己将要拿出一部分隐私，去交换这种便捷。

隐私交换便捷，这是必然的结果。

而在大数据发展、完善的过程中，我们需要去争取的、社会需要去规范的，是付出多少隐私，能换到多少便捷；大众对隐私的付出，有没有自主选择的空间；付出隐私的边界在哪里；隐私除了交换便捷外，还会不会被其他人看到、利用。

现在还没有答案，但迟早会有答案。

总有一天，大数据能算准天气。

也总有一天，我们能找到便捷和隐私间的平衡。

#专栏作家# 墨饕，人人都是产品经理专栏作家，网络营销人，心理咨询师。擅长消费者行为学、文字传播学、市场营销学等领域。

本文原创发布于人人都是产品经理，未经许可，禁止转载。

本文为人人都是产品经理《原创激励计划》出品。

题图来自Unsplash，基于 CC0 协议

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏

看完这篇文章你将学到，提升交互能力的方法；在体验流程中设计师该注意什么；大厂产品的设计案例，以及学习思路。 往期案例： [link https://w...

看完这篇文章你将学到，提升交互能力的方法；在体验流程中 设计师 该注意什么；大厂产品的设计案例，以及学习思路。

往期案例：

10个产品细节剖析，看看大厂是如何做设计的！ 前言 满足用户需求、提升用户的产品使用体验，是产品在设计过程中必然要考虑的事情。

阅读文章 >

如何提升交互能力？ 很多刚入门的小朋友不知道怎么提升设计能力，其实有一个很简单的方法，那就是“收集”！之前我做了很多次的收集任务。

比如刚开始不知道怎么做 UI 界面，所以收集了很多界面。通过不同页面类型来区分参考素材，比如主页/首页，订单页/个人中心/列表页。

那么所有的页面都可以分为这么十几类，当你不会做的时候就可以看看别人是怎么做的。这样起码就不用担心没有灵感了，根据不同的参考起码可以产出至少 2-3 个方案，然后只需要判断哪种方案更适合你的场景就好了～

由于有了这个界面库，每当部门里有同学有不会排版/布局的问题都会来向我请教。当然工作中的遇到的页面问题也都被我轻松解决。

随着界面设计能力的不软提升，后来我的痛点转移到了思维能力上，为什么别人思考那么有深度？如何形成有体系的思维能力？于是我开始大量的阅读文章，看看别人对于同样的一个产品/设计问题是怎么思考的。并将我阅读后，认为有价值的内容分类整理在语雀的知识库里，方便后期检索。

也有很多同学想知道我的文章分类方法，那这里简单说一下，我会根据设计的工作流程主要分为：用研类/产品类/设计类/数据类/品牌类/自我提升类等等。

比如后面我开始做 B 端设计，于是需要研究对于 B 端产品相关问题，新开了一个“B 端知识库”。也按照相同的逻辑去组织分类。

那么今年想要突击一下交互能力，于是开了这个板块收集一下好的产品交互怎么做的，同时也希望和大家一起分享一下。

体验设计师需要注意什么？ 每个用户在使用我们产品的时候就像在闯关一样，在他闯关的流程中体验设计师有时候是一个给他加魔法加防御补血条的辅助，有时候又化身为描述剧情，引导用户完成下一步任务的 NPC。

好的用户体验，无非是基于整个用户完成任务的过程（使用路径）进行优化。

这里我将流程分为三个阶段：用户行为开始前；用户行为开始后；用户行为结束后。

1. 用户行为开始前

在开始前，我们需要确保用户能找到任务的入口，且要快速方便的找到。

2. 用户行为开始后

在开始任务开始后，作为设计师我们的责任是帮助用户完成任务。包括预估用户的操作路线，避免用户发生失误，以及在用户犯错时实时的提供帮助。如果能在过程中，减少 1 点点用户的操作难度，那就更好啦～

3. 用户行为结束后

当用户完成任务了，对于一些复杂或是重要的信息，我们可以提醒用户进行检查，通过二次确认的方式减少用户犯错的概率，同时给予用户安全感。

小思考：如果现在需要给用户布置“进入一个房子”的任务，在整个流程中我们可以做什么呢～

主要就是分为下面几步啦：

现在大家应该都对体验流程的基本逻辑有了了解，接下来基于这个框架，我们一起看看优秀的产品是怎么做的吧。???！！！

本期产品亮点（目录）

1. 「IOS 系统」放大你正在操作的

使用场景

在 Imessage 中选择表情，滑动时，表情栏会放大。方便你看的更清楚，更好选择。

设计思考

在 IOS 系统中，这样的交互很常见，如输入时，移动光标。也会出现放大镜方便你把光标放到正确的字旁边。可复用场景，当手指阻挡用户视线，放大被交互的组件；当操作十分细微，难以控制时，可以放大被交互的组件。

2. 「淘宝」收藏后引导商品对比

使用场景

基于批量收藏的场景，当用户来到收藏夹。弹出比价引导，考虑到用户购买时存在需要对比的场景，这样的做法应该是想引导用户对比商品后进行下单行为。

设计思考

虽然这个对于用户场景的思考是成立的，但是由于大部分人在淘宝中购买的以日常用品为主。可能不像电子类产品有那么清楚的可以用来比价的维度，比如，用户像买一条裙子，一条碎花裙/吊带裙/牛仔裙，版型/花色/价格/质感都不一样，其实是很难拿到一起做对比的。

吸附到右侧的或者是下拉的二楼，都已经成为了一种比较常见的收纳更多信息的组件。设计师可以将此应用到更多的场景中去。

3. 「微信」步骤拆解，收集用户反馈

使用场景

在朋友圈上线广告，对于如此大体量的产品，很有可能伤害用户的情感。不同于在资讯产品中分发广告，在朋友圈投广告，就好比在你家里刷牛皮癣。所以微信一方面严格控制投放的品牌，另一方面也留下反馈入口，收集用户的声音。

设计思考

当我们要上一个比较敏感的功能时，不妨留一个入口去收集用户反馈的，如何做到收集建议，而不打扰用户。

同时两个气泡弹窗之间的跳转方式，可以让用户阶段性的展示信息，降低用户的心理负担，用户的参与度就更高了。

4. 「微信读书」超写实动效提升用户粘性

使用场景

在读书过程中，用户可以根据喜好设置翻页的模式。这里展示的仿真翻页，能给枯燥的阅读过程带来一丝趣味性。

设计思考

“超写实”一直设计中常用的设计手法，一个成熟的产品，可以抓住一些关键细节进行打磨，从而提升产品的品质，提升用户粘性（同理之前网易云的胶片/豆瓣 FM 的扇形切换）。

5. 「知乎」情感化文字鼓励用户点赞

使用场景

点赞时，除了爱心的微动效，同时会弹出一个 toast，表达感谢。通过文字+动效两种方式来传达情感，鼓励用户点赞。

设计思考

用户的行为需要被肯定和尊重，有时候一点点小的变化，就能给用户带来情绪价值。当一些需要提升数据，但是并不能直接给与用户带来直接“物质”好处的场景，就可以考虑情绪价值。

6. 「淘宝」通过动效加深用户理解

使用场景

在天猫中通过结合一个简单的手势来介绍产品的优势。如体验超清的放大/了解产品的内部构件/直观的看到产品的新功能如何加热食材。

相比普通的静态图文介绍，3D 的手势互动，除了让用户更清楚的了解到产品的详情外，也多了一份参与感。

设计思考

作为设计师，我们都知道图片比文字的阅读性更高，动态比静态的理解成本更低（举例我们会感觉看翻拍电影，比读小说会更轻松一些）。在一些复杂功能中，可以适当的融入动效便于用户理解。

7. 「京东」跳转评论引导下单

使用场景

在用户浏览完商详首图后，出现评论模块，点击/继续滑动自动跳转到评论模块。

设计思考

如果是做过电商的同学们都应该知道，评论对于用户的转化是有很大的影响力。很显著的证据就是，有无评论的商品的销量差异是很大的，那么如何利用有评论商品的优势呢。对应我们前面提到的，重要的功能可以做多入口，多路径。

8. 「饿了么」根据不同的场景，在首页展示不同的模块

使用场景

早上推荐早餐，晚上推荐宵夜。下单展示订单状态，不同的时间点，根据不同的用户行为，触发不同的展示模块。

设计思考

该设计方案符合，外露高优功能的设计思路。

根据不同时间点，展示不同的卡片文案和店铺推荐。这种类似千人千面的展示方案，能最大化的提高用户转化效率。点击口快速跳转到相应的品类，帮助用户快速决策。

在用户下单后的场景中外露订单状态。此时用户最关心订单状态，此功能优先级最高。不需要他再进入个人中心去查找订单入口，降低了用户的操作成本。

9. 「OFO」报修操作的可视化

使用场景

在故障上报时，可以通过勾选单车部件的图片，使用户能更加清晰的完成报修行为。

设计思考

OFO 第一版的报修页面，上部分展示单车图示，用过线条标注出单车不同部件的名称，下部分展示部件名称。由于单车组件之间存在遮挡和重叠关系，等你找到想报修的名称后，还需要在下方找到对应名称的按钮。

第二版的页面就简单很多，不需要你知道单车部件叫什么，你就点击和损坏部件相同的图片即可。这就是把复杂留给自己，把简单留给用户。

10. 「拼多多」及时反馈刺激用户提现

使用场景

点击图标区的“每日摇红包”，摇出的小金额会实时打到微信里，并且从微信弹出商家转账通知。大金额会存到钱包，需要购物提现。

设计思考

都知道拼多多是用户心理拿捏的高手，这次又学到了。首先这种实时打款的真实感，点了就能拿钱，真的让人很快乐（刺激用户）。第二是利用了微信的背书，让很多已经对红包/抽奖产生不信任的用户，发现真的可以拿到钱，产生想要参与的兴趣（转化用户）。

摇完 5 次后，你的钱包里应该已经有了 20-40 块钱，只需要购物就可以提现，谁看了不心动呢（行动点）。

参考文章

情感化设计： https://www.yuque.com/836488572/lzinxo/lxfoty#Q2oHA

看完这篇文章你将学到，提升交互能力的方法；在体验流程中设计师该注意什么；大厂产品的设计案例，以及学习思路。 往期案例： [link https://w...

看完这篇文章你将学到，提升交互能力的方法；在体验流程中 设计师 该注意什么；大厂产品的设计案例，以及学习思路。

往期案例：

10个产品细节剖析，看看大厂是如何做设计的！ 前言 满足用户需求、提升用户的产品使用体验，是产品在设计过程中必然要考虑的事情。

阅读文章 >

如何提升交互能力？ 很多刚入门的小朋友不知道怎么提升设计能力，其实有一个很简单的方法，那就是“收集”！之前我做了很多次的收集任务。

比如刚开始不知道怎么做 UI 界面，所以收集了很多界面。通过不同页面类型来区分参考素材，比如主页/首页，订单页/个人中心/列表页。

那么所有的页面都可以分为这么十几类，当你不会做的时候就可以看看别人是怎么做的。这样起码就不用担心没有灵感了，根据不同的参考起码可以产出至少 2-3 个方案，然后只需要判断哪种方案更适合你的场景就好了～

由于有了这个界面库，每当部门里有同学有不会排版/布局的问题都会来向我请教。当然工作中的遇到的页面问题也都被我轻松解决。

随着界面设计能力的不软提升，后来我的痛点转移到了思维能力上，为什么别人思考那么有深度？如何形成有体系的思维能力？于是我开始大量的阅读文章，看看别人对于同样的一个产品/设计问题是怎么思考的。并将我阅读后，认为有价值的内容分类整理在语雀的知识库里，方便后期检索。

也有很多同学想知道我的文章分类方法，那这里简单说一下，我会根据设计的工作流程主要分为：用研类/产品类/设计类/数据类/品牌类/自我提升类等等。

比如后面我开始做 B 端设计，于是需要研究对于 B 端产品相关问题，新开了一个“B 端知识库”。也按照相同的逻辑去组织分类。

那么今年想要突击一下交互能力，于是开了这个板块收集一下好的产品交互怎么做的，同时也希望和大家一起分享一下。

体验设计师需要注意什么？ 每个用户在使用我们产品的时候就像在闯关一样，在他闯关的流程中体验设计师有时候是一个给他加魔法加防御补血条的辅助，有时候又化身为描述剧情，引导用户完成下一步任务的 NPC。

好的用户体验，无非是基于整个用户完成任务的过程（使用路径）进行优化。

这里我将流程分为三个阶段：用户行为开始前；用户行为开始后；用户行为结束后。

1. 用户行为开始前

在开始前，我们需要确保用户能找到任务的入口，且要快速方便的找到。

2. 用户行为开始后

在开始任务开始后，作为设计师我们的责任是帮助用户完成任务。包括预估用户的操作路线，避免用户发生失误，以及在用户犯错时实时的提供帮助。如果能在过程中，减少 1 点点用户的操作难度，那就更好啦～

3. 用户行为结束后

当用户完成任务了，对于一些复杂或是重要的信息，我们可以提醒用户进行检查，通过二次确认的方式减少用户犯错的概率，同时给予用户安全感。

小思考：如果现在需要给用户布置“进入一个房子”的任务，在整个流程中我们可以做什么呢～

主要就是分为下面几步啦：

现在大家应该都对体验流程的基本逻辑有了了解，接下来基于这个框架，我们一起看看优秀的产品是怎么做的吧。???！！！

本期产品亮点（目录）

1. 「IOS 系统」放大你正在操作的

使用场景

在 Imessage 中选择表情，滑动时，表情栏会放大。方便你看的更清楚，更好选择。

设计思考

在 IOS 系统中，这样的交互很常见，如输入时，移动光标。也会出现放大镜方便你把光标放到正确的字旁边。可复用场景，当手指阻挡用户视线，放大被交互的组件；当操作十分细微，难以控制时，可以放大被交互的组件。

2. 「淘宝」收藏后引导商品对比

使用场景

基于批量收藏的场景，当用户来到收藏夹。弹出比价引导，考虑到用户购买时存在需要对比的场景，这样的做法应该是想引导用户对比商品后进行下单行为。

设计思考

虽然这个对于用户场景的思考是成立的，但是由于大部分人在淘宝中购买的以日常用品为主。可能不像电子类产品有那么清楚的可以用来比价的维度，比如，用户像买一条裙子，一条碎花裙/吊带裙/牛仔裙，版型/花色/价格/质感都不一样，其实是很难拿到一起做对比的。

吸附到右侧的或者是下拉的二楼，都已经成为了一种比较常见的收纳更多信息的组件。设计师可以将此应用到更多的场景中去。

3. 「微信」步骤拆解，收集用户反馈

使用场景

在朋友圈上线广告，对于如此大体量的产品，很有可能伤害用户的情感。不同于在资讯产品中分发广告，在朋友圈投广告，就好比在你家里刷牛皮癣。所以微信一方面严格控制投放的品牌，另一方面也留下反馈入口，收集用户的声音。

设计思考

当我们要上一个比较敏感的功能时，不妨留一个入口去收集用户反馈的，如何做到收集建议，而不打扰用户。

同时两个气泡弹窗之间的跳转方式，可以让用户阶段性的展示信息，降低用户的心理负担，用户的参与度就更高了。

4. 「微信读书」超写实动效提升用户粘性

使用场景

在读书过程中，用户可以根据喜好设置翻页的模式。这里展示的仿真翻页，能给枯燥的阅读过程带来一丝趣味性。

设计思考

“超写实”一直设计中常用的设计手法，一个成熟的产品，可以抓住一些关键细节进行打磨，从而提升产品的品质，提升用户粘性（同理之前网易云的胶片/豆瓣 FM 的扇形切换）。

5. 「知乎」情感化文字鼓励用户点赞

使用场景

点赞时，除了爱心的微动效，同时会弹出一个 toast，表达感谢。通过文字+动效两种方式来传达情感，鼓励用户点赞。

设计思考

用户的行为需要被肯定和尊重，有时候一点点小的变化，就能给用户带来情绪价值。当一些需要提升数据，但是并不能直接给与用户带来直接“物质”好处的场景，就可以考虑情绪价值。

6. 「淘宝」通过动效加深用户理解

使用场景

在天猫中通过结合一个简单的手势来介绍产品的优势。如体验超清的放大/了解产品的内部构件/直观的看到产品的新功能如何加热食材。

相比普通的静态图文介绍，3D 的手势互动，除了让用户更清楚的了解到产品的详情外，也多了一份参与感。

设计思考

作为设计师，我们都知道图片比文字的阅读性更高，动态比静态的理解成本更低（举例我们会感觉看翻拍电影，比读小说会更轻松一些）。在一些复杂功能中，可以适当的融入动效便于用户理解。

7. 「京东」跳转评论引导下单

使用场景

在用户浏览完商详首图后，出现评论模块，点击/继续滑动自动跳转到评论模块。

设计思考

如果是做过电商的同学们都应该知道，评论对于用户的转化是有很大的影响力。很显著的证据就是，有无评论的商品的销量差异是很大的，那么如何利用有评论商品的优势呢。对应我们前面提到的，重要的功能可以做多入口，多路径。

8. 「饿了么」根据不同的场景，在首页展示不同的模块

使用场景

早上推荐早餐，晚上推荐宵夜。下单展示订单状态，不同的时间点，根据不同的用户行为，触发不同的展示模块。

设计思考

该设计方案符合，外露高优功能的设计思路。

根据不同时间点，展示不同的卡片文案和店铺推荐。这种类似千人千面的展示方案，能最大化的提高用户转化效率。点击口快速跳转到相应的品类，帮助用户快速决策。

在用户下单后的场景中外露订单状态。此时用户最关心订单状态，此功能优先级最高。不需要他再进入个人中心去查找订单入口，降低了用户的操作成本。

9. 「OFO」报修操作的可视化

使用场景

在故障上报时，可以通过勾选单车部件的图片，使用户能更加清晰的完成报修行为。

设计思考

OFO 第一版的报修页面，上部分展示单车图示，用过线条标注出单车不同部件的名称，下部分展示部件名称。由于单车组件之间存在遮挡和重叠关系，等你找到想报修的名称后，还需要在下方找到对应名称的按钮。

第二版的页面就简单很多，不需要你知道单车部件叫什么，你就点击和损坏部件相同的图片即可。这就是把复杂留给自己，把简单留给用户。

10. 「拼多多」及时反馈刺激用户提现

使用场景

点击图标区的“每日摇红包”，摇出的小金额会实时打到微信里，并且从微信弹出商家转账通知。大金额会存到钱包，需要购物提现。

设计思考

都知道拼多多是用户心理拿捏的高手，这次又学到了。首先这种实时打款的真实感，点了就能拿钱，真的让人很快乐（刺激用户）。第二是利用了微信的背书，让很多已经对红包/抽奖产生不信任的用户，发现真的可以拿到钱，产生想要参与的兴趣（转化用户）。

摇完 5 次后，你的钱包里应该已经有了 20-40 块钱，只需要购物就可以提现，谁看了不心动呢（行动点）。

参考文章

情感化设计： https://www.yuque.com/836488572/lzinxo/lxfoty#Q2oHA

编辑导语：在互联网时代，各种信息的传播速度都十分快速，版权刺客的出现持续地攻击着内容创作者。本文作者分享了有关版权刺客的相关内容，讲述了当下维权的现状和存在的问题等，感兴趣的一起来看。 版权刺客时代，互联网还有不侵权的东西吗 ？ 1710年，英国皇室同意签署《

编辑导语：在互联网时代，各种信息的传播速度都十分快速，版权刺客的出现持续地攻击着内容创作者。本文作者分享了有关版权刺客的相关内容，讲述了当下维权的现状和存在的问题等，感兴趣的一起来看。

版权刺客时代，互联网还有不侵权的东西吗 ？

1710年，英国皇室同意签署《安妮女王法令》，第一部现代意义的版权法诞生。

在此之前，内容市场没有版权概念，有的是为保护出版商出版权利的管制制度和印刷特权许可。

同如今的互联网平台类似，当时的出版商靠着并非自己创作的内容挣得盆满钵满。直到《安妮女王法令》诞生，这部约2500个词汇组成的法规，确定了一件对现代版权制度意义深远的事：作品产生的收益与创作者直接挂钩，而非只是出版商获利的工具。

用现在的眼光来看，第一部版权保护法是粗糙而理想的，它假定创作主体明确可追溯、作品能够平衡公益和私益、维权的目的是保护作品传播。

三百多年后，这些模糊地带恰巧组成了谭乔如今的现状：作为主创成员的他是否拥有《谭谈交通》的版权？基于公益的传播作品是否构成侵权？仅诉讼赔偿而非运营作品的维权行为该不该得到支持？

实际上，把谭乔如今的遭遇放大到整个内容市场上，互联网内容创作者大概率都面临着无处不在的“版权追杀令”。

未标注来源的图片、第三方软件提供的付费音乐、某些习以为常的字体或图案等，在数字时代，这些版权主体不清晰、使用标准不明确的元素成了时刻悬在创作者头上的“达摩克里斯之剑”，并随时承受着来自“版权流氓”的攻击。

一、你的创作侵权了吗 “版权流氓”是“知识产权流氓”的一个分支，典型特征包括非版权实施主体、针对他人提起版权侵权诉讼、诉以获利是其唯一目的<[1]。

贾冰是一家财经网站的主理人，六月最后一周，他收到了来自三家不同机构的三份侵权告知书。最多的一份附加了258条侵权信息，最早能追溯到2015年，最少的一个侵权书，也有两张图片被告知侵权，而这两张图发布于2016年。

“赔偿金额是每张图片给一万，这三家机构跟商量好一样。”为了将损失降到最低，最终贾冰听从律师建议关停了运营三年的网站。

事实上，根据知识产权诉讼费标准，不超过一万元的诉讼标的，每个标的缴纳50元诉讼费。也就是说，这三家主张侵权的公司，无一例外地用最低起诉费要求了顶格赔偿。这也是批量维权公司常见的诉讼手段。

根据贾冰提供的信息，其中一家起诉公司登记信息里声称主营摄影服务，企查查显示其两年间共有223个涉诉案件，案由全是“侵害作品信息网络传播权纠纷”。而对《谭谈交通》发起投诉的成都游术文化有限公司（下文简称成都游术），同样以此为由将包括华为、爱奇艺、B站、快手、字节跳动等十几家互联网大厂告上了法庭。

在中国裁判文书网上，以“侵害作品信息网络传播权纠纷”为案由，共检索到333700篇文书，图片侵权案件数量最多。最新判罚涉及的汉华易美（天津）有限公司、北京华视聚合有限公司都有上千个侵权诉讼案件。

面对体系健全、业务熟练的专业维权团队，被诉企业几乎无力招架，只能赔钱了事。而比起视频、图片等“显性”素材，一些“隐形”的“版权刺客”更加防不胜防。

刘宇连夜清理了一批视频后，仍然心有余悸。“不夸张地说，吓出一身冷汗”。

她运营一家企业账号已经有三年之久，自认为是互联网“老油条”，发布的视频脚本镜头到图片配乐无一不小心，连字体都只选用思源黑体、阿里普惠体之类的免费开源字体。

直到某天接到领导通知，要求检查运营推广物料，出于更谨慎地考虑，她查询了某剪辑软件的使用标准，才发现其中的“默认黑体”不可以商业使用。

“公开发布，后果自负。真是被告了，只能认赔。应付不了诉讼是一方面，商业账号肯定牵扯很多合作推广，万一被客户知道了这种失误，很难再达成合作了，人家会认为搞内容的这么不专业”。

刘宇的担心并不是没有道理。2019年，卢松松博客就收到了来自汉仪字库方面的“字体侵权商洽函”，被告知因使用了汉仪菱心体简、汉仪雪峰体简两款字体而成为诉讼的对象，而这些字体是团队成员在“免费字体网站”批量下载后混合使用的。

办公软件中的仿宋、黑体、楷体、微软雅黑等常见字体，一旦涉及商用就有可能涉嫌侵权。而往往字库网站对“免费下载”的解释含糊不清，使用者一不小心就办成了侵权者。

避开“隐形”元素并不意味着高枕无忧，平台方拥有的不同版权范围也可能使作品有侵权的可能。

“用抖音软件剪辑的视频，上传到小红书后被投诉下架了”。一位艺术培训机构的负责人向「新熵」讲述了近期遇到的事。“投诉理由是用到了一段只能在抖音上使用的背景音乐，后来有人说，不止音乐，剪映提供的一些字体、图案也只能在抖音生态内使用，问题是使用的时候没有任何提示，只能靠大家口口相传不断摸索”。

二、沉睡的版权，活跃的维权 很长一段时间内，中文互联网盗版横行，为如今无处不在的“版权刺客”提供了发展的温床。

打着“免费”、“开源”、“共享”等旗号的诸多素材库，没说出的潜台词是：仅限个人使用。这就意味着，在平台上公开发表（无论是否出于商业目的），摁下enter键的那一刻，创作者就走进了一场十面埋伏之阵。

“背刺”之后，很多企业和个人才明白互联网童叟无欺的生存法则：免费的才是最贵的。

更多时候，侵权纠纷还会被认为是国人版权意识薄弱造成的，而不足与过剩其实是版权保护的一体两面。

早在2018年，经纬中国创始管理合伙人张颖就发微博，批评国内某公司的商业模式：开发了一个系统，有组织的大规模搜索未授权疏忽使用他们图片的各种企业，然后漫天开价不接受删除，直接索取天价赔偿。

张颖在文末愤慨表示，“等着吧，总有一天……”但四年过去，这种商业模式更加“成熟”，并且遍地开花。

据凤凰网报道，成都游术“10000多台机器每日运营在SOC自体系统”，“做到日监测近百万分钟的大数据”，可将原本不短于一年的版权侵权索赔流程缩短到8个月以内。

大规模的维权需要还催生了上游分门别类的全网检测生意，一些小型科技公司开发出了针对音乐、图像、视频、文本、软件代码等检测系统，并申请了专利。

这意味着，在批量维权的商业模式仍然可行的未来，“版权刺客”们的野心不会仅局限于对企业主体发起诉讼，在严密的检测网络中，互联网上的一举一动都将面临更大的侵权风险。

据钱江视频报道，2020年字体侵权相关案件同比2019年增长了29.4%，同比2011年则增长了10057.89%，相当于近10年来，国内字体侵权相关案件数量翻了100倍。

案件数量指数级增长的背后，很难说没有“版权刺客”们的推波助澜。因为这明显是存在“规模效应”的生意。

对于在诉讼中充当原告的“版权刺客”来说，他们通常会把一家规模较小的企业拿来“小试牛刀”，一旦取得胜利，在大陆法系国家里，就能积累到越来越丰富的诉讼辩护经验，英美的海洋法系也会支持先例判决。

一回生二回熟，依靠相似的证据链条和辩护策略，“版权刺客”们就能把数以千计的小微企业送上被告席，大大增加了盈利机会。

参照美国版权法的发展历程，这几乎是在重蹈美国滥诉现象的覆辙。2013年，美国法院的统计数据显示，在其审理的案件中，“版权流氓”为主体发起的针对普通用户的诉讼，在全部版权侵权案例中的占比达到43%，2014年第一季度，这个数字又上升到了46%[2]。

时至今日，即使欧美国家引入了“避风港原则”、“三振出局”制度等打击恶意诉讼的行为，但还是不可避免地养出了诸如高智发明、Vringo等版权巨兽。

三、“版权困局”依旧无解 通过了《安妮女王法令》的议会成员不会想到，现代版权制度织起了保护著作者的大网，裹挟住的不只有盗版印刷商。陷阱重重的创作环境中，人人都是“惊弓之鸟”。

一方面，以诉讼盈利的公司赚的盆满钵满，另一方面，小众个人原创作品得不到有效保护，维权成本高企。

与专业维权不同，对于个人或小群体而言，无论是保留原始作品完成版权登记，还是收集侵权证据提交非法盈利，都面临较高的成本和较长的周期。

严密复杂的版权体制不经意间将维权门槛提高，又给专业维权留下了组织空间，像是既相互融合又包含对立的衔尾蛇，建构与破坏同时存在。

这显然与保护著作权的初衷背道而驰。《著作权法》开篇明义指出，立法目的是为了保护合法权益，鼓励创作传播。但现在这前半句深入人心，后半句却让创作者五味杂陈。

《谭谈交通》事件带来的广泛思考还在于，互联网的创作边界到底在哪？无数案件在厘清边界的同时带来更大的讨论。

影视解说UP主谷阿莫，因为“X分钟带你看电影”的形式，被包括迪士尼在内的五家公司告上法庭，我们争议二创对作品带来的是热度还是伤害？

游戏主播PDD因为在直播间演唱《向天再借五百年》，被版权公司索赔10万元，我们争议侵权赔偿的标准区间该如何界定？

《谭谈交通》涉诉首案宣判，从结果来看，成都游术胜诉，厦门一家公司的公众号因为转载了一条混剪视频，并被判罚1500元。有媒体透露，被判罚的这家公司不服判决准备上诉。这一次，维权公司的资质和手段成为争议焦点。

值得注意的是，法院考虑了成都游术公司委托律师批量提起诉讼的情况，采取了“酌情赔偿”的方案。或许，法院也认为这种维权行为欠妥。

其中的考虑并不是谭sir强调的“公益作品应该对全民开放创作”，而是作品进入传播环境后，如何平衡版权所有者的利益和公共利益。因为对于私人利益太过关注而对于公共利益关注度不够的情况，也被视为是知识产权的滥用。

吊诡的是，版权权利滥用并不属于可诉侵权的范畴，也就是说，对于明显的“版权刺客”行为，法理上无咎可追。对侵权案件的广泛讨论带来了版权意识的提高，却并没有解开创作者的困局。

关停网站后，贾冰对所有图片网站都失去了信心，降低发文频率的同时组建了自己的图库，“我宁愿在科技文章上配一张自己拍的烩面照片，也不想再和这些公司有一点瓜葛”。

刘宇计划辞去运营的工作，准备带着摸爬滚打的经验自己开账号。“实在不行还能教一些运营小白如何避坑，这方面吃的亏多了就是专家。其实所有人都在侵权，区别只在于有没有被盯上”。

版权体制建立的初衷并不复杂，立法者希望人类文明能够在前人的基础上得到更好地发展。理想状态下，若干年后，知识变成文明，进入到人类公共领域，自然变成免费的事物。

这个过程中，作品在流通，创作在进行，复杂的博弈永不落幕。

（文中贾冰、刘宇均为化名）

参考资料：

《网络版权滥用行为法律规制研究》孙彤，华南理工大学 《安妮女王版权法令的诞生:从特权到版权》宋慧献，中国版权保护中心 《德国版权法的过度扩张–兼论信息法的一些零碎思想》托马斯·霍伦、韩彤，德国明斯特大学法学院、中国社会科学院大学法学院 《二次创作下网络信息平台的责任分析与规制》韩瑞聪，上海政法学院新闻传播学 Matthew Sag, Copyright Rolling, An Empirical Study,100 Iowa L.REV.1105(2015) 作者：李哩哩；编辑：月见

来源公众号：新熵，洞察商业变量，探寻商业本质。

本文由人人都是产品经理合作媒体 @新熵 授权发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自 unsplash，基于 CC0协议。

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏