什么是「预判设计」？

预判设计（Anticipatory Design）是一种能够引导用户、缩短用户行为路径的有效设计手段。使用预判设计方法设计的交互界面，在交互和视觉上的表现总是比用户更远一步。而且这些交互表现是在用户没有作出行动触发的情况下进行的。

预判设计的本质上是一种基于数据收集所做的用户习惯研究和智能推送的设计模式。UX 设计师 Joelvan Bodegraven 曾说过：“Anticipatory Design 是围绕机器学习、预测和用户预期的综合性设计模式。”

好的预判设计可以做到以下几点：

• 在用户初次体验某种功能时起到引导作用，避免用户产生疑问和不知所措

• 提前判断出用户的下一步行为，利用合理手段和方法，缩短行为路径

• 让用户感受到惊喜和关怀，对产品上瘾，产生好感和依赖感

预判设计的主体是用户行为，从用户的视角出发，建立在整个产品的交互里路程和功能框架上，对用户的行为深刻洞察后进行细节的改进。

如何预判用户的行为？

我们可以从三个维度探索用户行为预判的方法：

一.「人」的维度：

从「人」的维度来看，就是预判用户的需求和行为，方法有以下几种：

1. 预测用户所需

对用户即将做出的动作做出反馈，且适当突出反馈效果，帮助用户更轻易的看到想要的结果。

Apple 的 magic keyboard 在 iPad 上的鼠标效果，当鼠标圆点靠近功能热区时，系统预判用户需要点击按键，于是会产生自动吸附的 hover 效果。

Mac 上的鼠标效果也做的很用心，当用户在一段时间内不断的摇晃鼠标时，系统判断用户可能是需要找到鼠标，因此会放大鼠标箭头的大小，提示用户鼠标的位置。    

                                           

2. 缩短行为路径

通过预测用户下一步的行为，对用户进行直接引导，缩短用户的行为路径，减少操作步骤。

得到 App 预判用户的截图行为的下一步是分享，因此在截图后，可以点击「分享」直接分享到其他平台。

微信会在用户截图之后打开微信对话窗口点击「+」时，显示用户刚刚保存的、可能要发送的图片。

微信朋友圈会在用户再次打开时提示用户直接「跳到还没看的位置」，帮助用户快速定位之前离开的位置。

3. 分析历史数据

通过对用户的历史行为数据进行分析，对产品的功能和内容进行优化，符合用户的个性化需求，创造优质体验。

淘宝等电商平台会跟据用户之前浏览过的商品进行推荐，大众点评也会根据用户的饮食喜好进行美食推荐。

Google 翻译里，用户在第二次点击发音按钮时，读音播放的速度会明显比第一次缓慢，因为系统预判用户可能在第一次播放时没有听清，所以才需要播放第二次。

二.「时间」的维度：

从「时间」的维度来看，是指在特定时间对用户的行为进行预判和推荐，方法有以下几种：

1. 对有固定完结日期的功能/信息的提醒

对快要过期/马上到来/必须被使用的功能、信息做及时的提醒，避免用户忘记/逾期/迟到等。

外卖平台会在中饭晚饭前后给出红包/优惠推送、生鲜电商平台会在优惠劵快要过期时给出提醒，行程类产品会在飞机/火车快出发时给出行程通知。

2. 在特定的时间做功能的临时优化

在特殊的时间给用户适当的提醒（包括隐私提醒、天气提醒等），借助节日、活动等时机部分开放功能的限制，让用户觉得自己时刻被关注、被惦记，拉近与用户之间的关系。

美团外卖针对用户所在区域，提前推送天气变化，提醒用户提前下单，以免天气影响用餐时间。

七夕节到来，微信将原本最高 200 元的红包金额调整到了 520 元，是一个惊喜又有人文关怀的产品细节。

三.「空间」的维度：

从「空间」的维度来看，是指在特定空间或者当地点切换时，对用户的行为进行预判，与用户产生合情合理的交互：

大众点评会在用户切换城市时给用户恰当的提示。

使用支付宝刷地铁站出站的概念页面设计，清晰的展示了出站口的地点信息。

预判用户行为的设计原则：

预判设计（Anticipatory Design）的主体是用户行为，从用户的视角出发，建立在整个产品的交互里路程和功能框架上，对用户的行为深刻洞察后进行细节的改进。其设计原则有：

1. 化繁为简，缩短路径

从用户使用的流程出发，减少用户不必要的成本消耗，优化和缩短交互的路径。

2. 结合场景，分析原因

思考用户行为背后的逻辑和原因，做产品功能上的优化和调整。

3. 行之有度，点到即可

做体验设计改进时不能急功近利或显得过于生硬，要注意力度和用户心智的平衡关系。

4. 个性推荐，千人千面

预判设计应该使用户在界面的操作过程中感觉到自然，所以大部分预判设计是根据用户喜好量身定制的个性化设计。

最后，记住：用户在实际使用中不应该真正“看到”预判设计，但应该能够感觉到它的存在，并为之感到愉悦。

文章来源：站酷 作者：Ant_Design 

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

我们毫无疑问已经处在一个大数据的时代。各行各业都在快速产生和积累数据。 本文结合 UED 团队过去所参与 B 端数据可视化项目分享一些经验及思考。

• 背景
• 什么是数据可视化
• 数据可视化的应用价值
• 如何做好数据可视化设计
• 数据可视化发展趋势
• 结语

背景

“得益于计算机技术和海量数据库的发展，个人在真实世界的活动得到了前所未有的记录……社会科学将脱下‘准科学’的外衣， 在21世纪全面迈进科学的殿堂。”- 雅虎首席科学家Duncan J. Watts

“大数据的影响，就像四个世纪前人类发明的显微镜一样……而大数据，将成为我们下一个观察人类自身社会行为的‘显微镜’。” – 麻省理工教授Erik Brynjolfsson

从数据，到海量数据，再到大数据，对人类的做事和思维方式都有很大的影响。在《大数据时代：生活、工作与思维的大变革》一书中，作者归纳了大数据的三个特点:

• 更多：不是随机样本，而是所有的数据;
• 更杂：不是精确性，而是混杂性;
• 更好：不是因果关系，而是相关关系。 [1]

当前对大数据的研究涉及计算机科学、数学、生物学等多个领域。大数据尤其是对数据存储、数据挖掘等提出了重大挑战。而数据可视化也将在大数据时代扮演一个重要的角色。数据可视化可以将纷繁复杂的大数据集、晦涩难懂的数据报告变得直观易读、易于理解，通过图表将杂乱的数据进行科学有序的呈现，使用户找到数据的变化规律以及潜在价值，帮助用户作出决策。就数据可视化的应用来看，应用范围极其广泛，如政府应用、商业决策、公共服务等等。

什么是数据可视化

顾名思义，数据可视化就是将数据转换成图或表等形式，以一种更直观的方式呈现数据。通过可视化的方式，我们可以将大量复杂的数据通过图形化的手段进行有效地表达，帮助用户发现规律和特征，发掘数据背后的价值。

图 1 @Marco Zemolin Siresia Bagnoli

数据可视化的应用价值

1. 易于理解，有利于发现信息特征

使用可视化的方式来表达复杂的数据，可以确保对关系的理解要比那些混乱的报告或电子表格更快。通过图形化的表现方式，我们可以以清晰和连贯的方式解释大量的数据，从而让我们理解数据，得出结论。

案例：流媒体平台节目数量的变化

以下图为例，当用户希望了解 2011 至 2020 下图四大流媒体平台节目的数量变化情况时，以表格方式呈现效果如下图：

未经可视化设计的表格数据图

如果通过可视化设计处理后效果如下图：

经可视化设计后的数据图

在这个案例中，我们可以看到，通过文字信息表达的方式，所有的数据在文字信息的表达中都只是零散的个体，我们很难在短时间内对列举数据有一个大致的了解，更不用说发现特征得到结论了；而在可视化表达中则不同，所有的元数据通过图表形成一个整体，数字信息被转化为视觉信息，通过可视化图表，通过观察点的位置和颜色即可感知到数据的差异，原本需要通过计算数字大小完成的对比，变成了肉眼可见的点的颜色与间距对比，我们可以迅速了解到近十年四大流媒体平台每年节目数量、每年不同平台节目数量的对比以及各个流媒体平台节目数量的增长趋势等。

2. 将数据转化为更具吸引力的故事

据研究发现：人脑处理图片信息的速度显著快于处理文字信息，例如一篇 300 字的小故事，看一遍需要数十秒，而转化成图片后则只需要一眼即可记在脑海里。

这表明，在信息的类型中，人脑对图片信息的接收和处理效率远高于文字信息。而数据可视化则可以将数据通过可视化的方式转化一个以图片形式展示的故事，帮助用户快速接收、处理信息，激发用户联想并产生情感共鸣。

案例一：新冠病毒如何通过空气传播

随着新冠疫情在全球各个地区的蔓延，如何做好疫情防控已经成为了每个民众的头等大事 。Mariano 和 Javier 用可视化的方式生动形象地传达了新冠病毒是如何通过空气传播的以及可以通过哪些措施来降低传染风险。

图 2 @Mariano & Javier

案例二：在叙利亚，谁和谁战斗？

许多不同的团体之间的关系可能很难理解 – 尤其是当有11个这样的团体存在的时候，这些团体之间有的结盟，有的敌对，这让人难以理解。但是，Joshua Keating 和Chris Kirk通过表格的形式和熟悉的视觉效果和色彩，将这些数据简化为一种简单的、易于理解和可互动的形式，让人们可以轻松了解这些团体之间的关系和故事

图 3 @Joshua Keating and Chris Kirk

3. 帮助人们作出决策，加快决策过程

现实生活中大部分的人是视觉学习者，他们倾向于在与视觉元素相关联的情况下进行学习并与信息互动。[2] 人类大脑识别并理解一张图像最快仅需 13 毫秒。[3] 因此，相比起阅读和理解文本，大部分人更容易通过图表或其他可视化形式来理解数据，合理的数据可视化设计可以提高他们作出决策的速度。

图 4 @Bea Vaquero

如何做好 B 端数据可视化设计

1. 明确客户需求

设计师在设计数据可视化项目的开始阶段应该尽量与客户进行深入沟通，确定他们的业务诉求，也可以理解为确定客户的初衷与目的，从企业客户对数据可视化的需求看来，通常会有两种类型：

• 侧重于汇报展示，主要用途是为了对外宣传、对内展示等，对于这类需求，设计时可强化视觉效果的呈现，对数据进行场景化设计，尝试让数据以一种新的载体，有趣的互动等形式结合展现。
• 侧重于数据分析和协助决策，对于这类需求，一定要清晰了解需求方的业务内容和重点指标，重点关注数据的维度、种类、数量等信息，视效设计上应该优先满足业务诉求。

明确客户诉求，通过设计手段帮助客户达成目标，这才是 B 端数据可视化设计的关键所在。只有当我们了解客户的需要，我们才能快速推导产品结构、关键数据、视效风格等信息。

图 5 @Daria

2. 确定关键指标与优先级

关键指标是对一组或者一系列数据的统称。一般情况下，一个指标在屏幕上独占一块区域，所以通过关键指标定义，我们就知道数据大屏上大概会显示哪些内容以及数据大屏会被分为几块。

那么关键指标的选取依据是什么呢？我个人认为主要还是依据客户诉求，数据可视化的最终目的就是帮助客户达成业务目标。需要思考的是，哪些数据通过何种呈现方式能够帮助客户解决问题、达到目的、满足他们的期望，选择出一系列关键指标。

对于这些选取出来的关键指标，我们需要对其进行优先级的排列，一般来说，主要指标能够呈现业务的主要逻辑，一般放在显眼位置，用重点元素标识；次要指标围绕主要信息进一步阐述；辅助指标是对主要信息的补充，一般放在非核心区域，或者二级结构中。

通过合理优化关键指标并进行优先级排列，能够保证数据可视化的核心设计的重点，避免数据空洞散乱。

3. 合理使用数据图表

在选择图表展示相关数据指标时我们要思考各个指标的主要呈现，更进一步的讲，是我们想通过可视化表达怎样的信息。下面这张图就清晰告知了我们如何从数据的展示目的出发，选择合适的可视化方式来呈现数据。

图 6 翻译自@Stephen Few

4. 合理进行页面布局

数据可视化页面布局的设计是相对灵活的，为了保证数据呈现最佳效果需要结合实际需求来合理规划。关注核心数据的比例和位置，横向布局最为常见（人眼的水平运动比垂直运动快，会先注意水平方向的事物），核心数据场景划分在中心位置，占较大面积；其余的指标按优先级遵循人们的浏览习惯在核心指标周围依次展开。将类型相近的指标放一起，这样能减少观者认知上的负担并提高信息传递的效率。

@布局设计案例

5. 制定设计方向

在定义设计风格的阶段，从项目背景出发，综合行业类型、产品定位、品牌传播等因素，提取关键信息，构建设计框架。

数据可视化的设计风格主要根据客户要求、行业特性、数据指标等因素决定。通常我们很容易看到的可视化设计以深色为主，是因为相比于浅色基调，深色背景设计能够有效缓解视觉疲劳，其次深色设计能够更好地营造对比差异以及数据层级，再者深色设计更容易呈现丰富的动态效果，营造出强烈的空间感等。配色的设计使用应该充分考虑项目背景以及项目属性，例如党政机关类项目会慎重考虑用色，应当确保设计严肃，庄重。

数据可视化的设计除了对数据进行合理设计，还需要注重场景感的塑造，例如，我们通过场景化设计可以让某大数据平台成为大型“图书馆”，查看数据的过程就跟图书馆看书一致，场景化设计的优势是能够让用户能够以一种具象的互动方式来理解十分抽象的业务数据，当然合理的构建动态数据效果能够让数据具备“生命力”。

图 7 @Gan Gryc

6. 设计对比

除了尺寸和位置，我们还可以通过配色来突出数据。

无论是通过颜色或形状对比设计，容易产生强烈的视觉冲击力。

图 8 @Bureau Oberhaeuser

利用明度的对比，我们可以用深色烘托鲜明的色彩，或者用鲜明的色彩衬托某一块暗沉的色彩，亮色靠附近的暗色衬托显得更加鲜明，其色彩特征表现得更加充分；

图 9 @Zoey Shen

正确的对数据进行配色，让数据传递出的信息更清楚、更明白，例如国内 A 股，红色代表涨，绿色代表跌（美股绿涨红跌）如果给国内的股票、金融等相关客户做数据可视化设计时，需要避免不同地区文化所产生的差异。

图 10 @Dima Groshev

7. 选择 2D or 3D?

随着数字孪生概念的火热，越来越多的企业热衷于打造自己的 3D 数据可视化产品，那么 3D 可视化就一定比 2D 强吗？

数据可视化设计本身就是为了高效传达数据信息而服务的，相比平面呈现，3D 最大的优势在于多了空间维度，适合那些需要跟空间结合的数据呈现，例如地理信息、建筑楼宇、工业生产等场景。那么 3D 数据可视化相比 2D 就一定能够展示更多的信息吗，显然不是绝对的；需要根据实际业务需求出发。

通常我们所说的数据 3D 可视化，就是把大量复杂抽象的数据信息，通过 3D 模型以视觉方式呈现出来，帮助人们理解和分析数据。相比于数据 2d 可视化，数据 3d 可视化具有以下的优势：

• 展示空间相关的数据，因为空间数据具有三个维度，如果想要将其以视觉方式直观呈现出来，就必须要借助 3d 模型。例如显示一栋大楼不同楼层的人员分布情况，此时只有 3D 数据可视化能够帮助我们达到目标；
• 视觉冲击力更强，相比于 3D 可视化从视觉上表现力更强；
• 场景/对象仿真，在一些需要高度仿真的项目，例如与军事、地理勘测相关的项目中，数据 3D 可视化就不可或缺了，无论宏观态势还是细微结构的精密运行，数据 3d 可视化都可以将相关信息清晰呈现给使用者，将真实的环境、对象搬到屏幕上，降低使用者的认知成本。

在一个实际的数据可视化产品项目中，有必要应用 3D 数据可视化的情形；

• 需要展示多维空间数据
• 需要通过对场景/对象进行仿真，减少使用者的认知成本和学习成本
• 需要依靠 3D 效果来提升视觉冲击力

相比 2D，3D 的设计与开发成本相对较高；其次 3D 场景会容易产生视角遮挡以及操作成本等问题，那么从实际项目出发合理选择才是最重要的。

亚信数字楼宇@PRD MO UED

8. 设计还原

设计稿完成了并不代表设计师在这个项目中的工作就结束了，在后续的开发工作中，设计师还要与开发人员合作，减少上线产品与设计稿的差异。

这个阶段的工作也并非听上去那么容易，尤其是 3D 可视化设计，我们会使用相关 3D 工具制作设计效果，但 3D 设计工具与最终开发引擎存在着色、渲染等差异；在这个时候我们需要灵活运用开发引擎特性，提供对应的美术资源。作为设计师同样需要了解相关引擎着色器知识，帮助设计效果实现同时也提升对接效率。

亚信数字楼宇@PRD MO UED

9. 调优与测试

测试客户终端上线是否正常，有无适配所造成的兼容性问题；排查有无视效及体验问题，同时也要考虑极端场景下所产生的问题及应对方案。

对于大型 3D 可视化场景会存在性能卡顿，加载缓慢等问题，在保证视效基础上尽可能压缩相关美术资源，减少不必要的效果计算和内存占用量，根据实时效果需要不断优化性能提升产品体验度。

数据可视化发展趋势

趋势一：数据可视化 ╳ AI人工智能

随着企业发展数据量日益庞大，通过人脑分析复杂数据变得越来越困难，我们需要借助 AI 人工智能的帮助。AI 人工智能可以通过强大的算法快速识别分析数据，为企业节省了宝贵的时间和资源，目前人工智能已经被广泛应用于医疗保健服务、销售、供应链、客户分析和欺诈预防的数据可视化项目中。

IBM 数据可视化专家 Mauro Martino 创建的仪表板，允许用户可视化新闻中出现的主题

趋势二：数据可视化 ╳ XR

AR 和 VR 技术的应用可以增强数据在空间上的感知，从而帮助人们更好地使用数据。通过结合 VR、AR 技术，用户能够更好，更快地理解、分析数据。最近进行的许多研究表明，VR 和 AR 具有较强的感官体验，可以促进更快的学习和理解。帮助用户对业务问题进行多维度的分析，并更快速地找到解决方案。

图 11 LM9000@5puj47980xk

趋势三：数据可视化 ╳ 实时数据

在数字时代，事物变化很快，企业需要对数据告诉他们的信息做出快速反应——正因为如此，实时可视化数据比以往任何时候都更重要。

在 COVID-19 大流行期间，企业能够迅速作出反应更加重要。各国政府和卫生当局已经使用实时数据可视化来跟踪感染情况并据此进行调整。越来越多的公司正在将实时数据集成到他们的产品中。

实时数据可视化可以采取一些简单的形式，如实时更新的折线图或使用新信息(如销售)快速更新的交互式地图。

图 13 @Esri & The Science of Where Podcast

趋势四：数据可视化 ╳ 全面体验设计

以用户体验为核心的数据可视化设计是一种重要趋势，将用户放在第一位，然后是数据。无论处在哪个行业，设计师都应该遵循类似的思考过程，从思考用户需求及其痛点开始, 用户正在尝试解决哪些问题，以及他们面临哪些可能的困难？他们需要什么信息和功能来解决这些问题？我们如何以最佳方式为他们打造数据可视化？

最新的趋势之一是将用户的工作流与可行的见解、建议、预测以及针对当前任务或决策的最佳后续操作合并，帮助用户进一步钻研数据并发现模式、趋势和相关性。

结语

数据可视化是一门同时结合了科学和艺术的复杂学科，其核心意义在于清晰的叙述和艺术化的呈现，这些需要依靠数据工程师和设计师的精心策划而不是仅仅考虑如何实现炫酷的效果 ，只有最终达到帮助用户理解数据和做出决策的目标，才能发挥它巨大的价值和无限的潜力。

文章来源：优设 作者：AsiaInfo Design

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

本来这样的形式已经司空见惯，足以应付。但写这个文章的契机，是因为去年接了一个令人头秃的项目，这是一个平台项目，在这个平台上有 30 多个APP，核心干系人包括运营/APP产品经理/平台开团队/PO/APP的开发团队 ，位置不同，利益点也不一样，并且这里每个团队核心干系人都不是一个人，而是 2-3 个人，对接人有层层回汇报关系。抛开项目本身业务是专业领域的内容学习成本高不说，就干系人管理这一项就颇为棘手。

在这个项目中我遇到了哪些问题：

1. 干系人繁多，有三股神秘力量

2. 业务复杂，专业性极强，访谈过程全是专业术语

3. PO 不是核心决策人

4. 项目中后期，出现新的干系人

5. 团队成员能力需要培养

6. 时间紧张。客户预算有限，就我们自己预估的时间直接砍半

综上，这个项目着实做掉了不少头发，这样的项目要怎么做呢？希望大家在遇到这样的项目的时候也少走一些弯路。聊到这里，就要聊一下项目管理是什么了，我们从头来梳理以下，查漏补缺。也是对自己的一次复盘

项目管理是什么？

·项目管理是有效资源整合，高效实现目标的一整套管理理念

·在复杂多变的环境中，如何做好一件事情

按照时间轴罗列，项目管理分为：启动 规划 执行 监控 收尾

那我套用到设计的项目管理，大致会分为以下几个阶段：

      项目开始，在正式进入客户场地以前，就是项目启动阶段，该阶段需要了解：

项目启动

项目：

• 项目的整体背景

• 挑战

• 目标

• 项目范围

• 时间周期

• 客户关注方向

  
  

干系人：

• 客户组织框架

• 核心关系人数量，汇报关系

• 是否有第三方人员对接

• 是否有合作的同类型角色

  
  

现状：

• 该项目是否存在上下游系统，是否有依赖

• 现有系统状态（是否有现存系统，没有是如何完成工作过的）

  
  

里程碑规划：

• 基于以上所了解到的信息，对项目全局时间计划有整体性安排，明确项目被划分为哪些阶段

• 阶段性产出和汇报时间节点梳理

  （需要拉入客户进来讨论的时间节点需要提前规划，需要邀请用户研究的时间段需要提前规划）

• 规划里程碑时，一定要考虑部分风险和可变化因素 ，比如需求变更，干系人多，沟通成本增多，汇报层级链路长 ，需要等待领导决策，或者部分业务内容可能涉及第三方的一些依赖，合理增加里程碑的总体规划时间 ，后期可以优化和调整规划内容，在一定规划时间内，部分阶段可以适当延长，其他的相应缩短，给项目一些buffer，减少项目延期的风险。

成员安排：

• 对安排上来的小伙伴需要有一定的了解，了解人员的能力方向。安排能匹配或是跳一跳能摸得着的难度系数任务

• 如果上项目的小伙伴经验比较少，需要建立团队培养机制

• 保证项目成员安排的连续性，最好不要出现中间停一段时间，后面在续上，或者每天只安排0.2天

• 在安排时间计划上，需要注意哪些工作是无法通过加人来完成的

资源规划：

资源包括：人/物/场地

人：外部专家支持/其他部门支持（除内部项目人员外）

物：workshop要用到的所有工具，包括白纸，笔，便利贴，蓝胶，马克笔，故事卡等等

场地：日常办公场地/会议场地

风险识别：

• 根据现有状况，预测部分可能风险

• 将想到的可能风险一一列举出来，并给出相关应对措施，这个如果无法独立完成，可以和甲方一起协商完成。

      当风险点都已经列举完成，为了避免风险，大家需要提前达成一致的东西，提起和大家同步信息，如定义项目上的规则，保证会议不延期，要提前一周安排会议时间，保证信息同步，每天or每周制定同步会议。当需求变更，或者需求膨胀的情况下，可以参考的优先级排序，根据某项原则，完成优先级排序，将非必须的需求先划分出去，保证需求在一定合理的范围内。

枚举风险有两个好处：

1. 预判一些可能的风险，提前做好准备工作

2. 拉着客户与团队一起定义规则，不要随意破坏

可以用这样的表格管理风险，也可以直接在后面加上这个对应项的相关责任人，有什么问题，我们可以方便 跟踪

举例子：

风险点：比如会议干系人核心无法到场，造成会议延期，那么遇到这种情况怎么办呢？

应对措施：提前和核心干系人确定时间，双方协商会议时间，提前一周规划时间安排，合理调整时间

风险点：疫情期间，出差隔离时间不可控

应对措施：Plan A 出差前提前了解当地相关政策，提前到达办公地区。Plan B：部署远程工作环境，建立信息共享机制，建立定期会议时间，同步信息，如果不能按时到达现场，可以启用的Plan B

粗颗粒度任务拆分：

还是基于里程碑规划的图示举例，在途中表示出来每一个阶段的阶段性活动是什么，产出物是什么，对齐产出物的颗粒度以及内容

项目规划

愿景对齐：

• 让所有的核心干系人参与该活动，避免大家后面信息没有对齐，目标没有对齐，产出结果无法达成一致。

  高能预警：此处有深坑：注意避坑。

  我参与的这个项目，如开头所说有三股神秘的力量（在开始阶段PO 都没有介绍是三股力量，而是2边，他们的关系有点复杂），但是由于地域影响，和各个力量之间存难以琢磨的关系，他们并没有同时出现在愿景对齐工作坊中，来参加工作坊的只有一波人。愿景工作坊顺利完成，项目目标，干系人关系，在这里才得以澄清。

  虽然后面抄送了全员，并单独去找了另外一边的老大沟通目标，才发现他的目标和其他人的都不一样，甚至应该不属于这个项目范畴。

此事件复盘：

1. 核心决策人必须参加

2. 如果核心决策人没有发表意见，请主动请他来表达观点

3. 如果实在无法到场，和他1Vs1的邮件会议纪要也要抄送全员。

4. 如果发现多方意见无法统一，请不要继续项目，把他们拉在一起，对齐愿景再出发

      以下附上愿景对齐的工具——电梯演讲

在项目开始阶段，我们都会进行愿景工作坊，拉上所有的核心干系人一起，通过贴便利贴的方式，将大家的理解收集起来，并对所有的便利贴进行分类，最终收敛出最为核心的电梯演讲

电梯演讲海报的相关原则：

1. 精炼，简介——这个愿景海报将伴随整个项目，越简单越容易被人回忆起来

2. 对于用户需求这一项，大家一定会写很多很多，但是在项目初期，大家写出来的需求很多是作为客户方，理解用户想要的东西，是不是真实需求，还需要进一步被细化，所以这里对整体需求做较大颗粒度的归纳即可，不要深入细节

3. 电梯演讲可以出几张？部分小伙伴可能会问我的目标用户差异很大，出两张，三张可以吗，可以！可以将上半部分分开，比如目标用户 For 哪几类人群，他们的需求差异也可以规组，但是下半部分，产品名称，产品形态，帮助企业获得的价值，以及竞品和卖点，可以是一致的，都可以在一张海报上所呈现

干系人识别：

• 我们大致梳理了公司的管理层级。现在要把他们匹配到相当的关注层级之中

• 识别哪些干系人是重点关注的，那些是一般关注即可

     高能预警：此处有深坑：注意避坑。一般来说项目的干系人优先级都比较稳定，不会发生改变，但是在去年的那个项目里面完全不同了，在项目的第一阶段干系人A非常的重视，干系人B基本没有太多的意见，但是到了项目的第二个阶段，画风发生了反转，干系人A参与的越来越少，相反干系人B有更多的见解和想法。对于不同的干系人，他们想要的成功是不一样的。需要明确不同阶段核心干系人的差异，汇报给不同人有不同侧重点。

所以在干系人梳理这块，还需要注意的点是：

1. 如果workshop 这种形式的大会很难让干系人透露心声，可以通过通过 1vs1 的沟通了解他们的真实需求，问他们的KPI是什么，是非常直接询问他们最关系问题的方式。这对于复杂干系人的项目尤为重要。

2. 也可以在workshop上新增期望对齐的环节，在下一个part会讲到。

以下附上愿景对齐的工具——干系人/团体地图

      下面两种干系人/团队地图的差异不大，可以根据需要任选其一即可，图一更多可以梳理出干系人，或者团体之间的关系，除了判定干系人的权重，还可以在途中不中干系人之间汇报的关系，以及他们之间使用的不同系统的关系

     下图也是对干系人的权重和优先级的排序，与上图不同的地方在于它更清楚的展示了我们如何去区分这些干系人的维度，维度可以根据项目需求哦进行变化。

期望对齐：

• 从各个维度对齐干系人对项目的期待

• 帮助干系人对各个维度有一些认知

      这个有两种做法，如果是干系人相对简单的项目，可以在电梯演讲的海报哪里，加上一类表示这个项目期望达到的目标，可以是定型的，如果团队中有很好的数据监控埋点，这个指标也可以是定量的。如果干系人繁多，大家对想要达成的期望不是非常明确的时候，可以加上这个环节，这样也能方便我们了解我们在项目过程中应该如何侧重，因为现场的时间非常有限，我们不对所有的期望一一判断是否合理。会在会后对一些超出范围的期望和项目负责人达成一致。事先，可以列举以下几个维度，帮助大家思考：功能，项目本身，技术，体验和成效，维度可以随项目目标的不同自由变更，如果大家还有新的维度，也可以在现场添加

以下附上对齐期望的工具——期望看板

权重识别：

       这个是千万不要省略的一个对齐项目，后面有诸多事宜，我们需要跟俊权重的识别来判断。比如在需求膨胀的时候，我们用什么方式判断那个需求的优先级更高，应该把哪些需求摘出去。或者在做一些决策的时候，用来判断，那些事我们应该优先处理，而另一些我们可能需要有一些妥协。后面在说到项目执行过程各种突入起来的变故的时候，这个参考项是必不可少的。在文章后面会更为详细的列举。

• 辅助决策

• 判断优先级

以下附上权重识别的工具——权衡滑块

详细日程排期：

• 细化工作安排

• 提前约定相关干系人时间

• 提前预约用户验证时间

• 注意那些是客户需要参与的时间点，无比准确

以下附上详细日程排模版，这个相对来说没有特定的方式，可以做到 Excel 表格中管理。也可以放到 日历 中管理，当然如果你们有设计排期的服务软件，都可以使用，我这里只呈其示意样式

下一步我们就是正式开始进入项目拉

项目执行

任务优化调整：

      进一步的细化工作安排，如果发现团队的小伙伴是新手，无法上手，就需要对任务进行拆分，拆分到什么颗粒度呢，拆分到团队的小伙伴可以上手的颗粒度，当然拉，千万不要全部包办代替的把它做完。在项目允许的范围内，让风险发生！这是团队人才梯队建立的关键时刻，说到这里，如何培养团队设计能力，又是一篇长篇大论了，我们回归正题。如过小伙伴就有很多经验，那就更可以安心的把整快大的蛋糕分给他，把他划分为责任人，下面的工作内容如何拆解，应该分几步来做，请放手。只用在关键节点和把控质量就好。

• 明确产出目标

• 明确产出内容

• 明确产出目的 

• 明确产出物依赖

拆分责任人：

      这块和上诉的任务优化调整是联系在一起的，当我们合理拆分任务后，当然要他这个任务匹配到相关的责任人，如任务优化调整所诉，可以是比较大的一大块任务，比如信息架构这一个大块，用户调研这个大块，制定相关人作为Owner ，至于他如何来拆解自任务，还需要请到那些人进行协作，由Owner 来全权负责，Owner 是需要对结果负责的人 。如果是新人，拆分成一个大块是无法下手的，并不知道我每一步应改怎么做，那就把大蛋糕切细，切到他可以尝试下咽的颗粒度即可。

      在项目活动中，对于2个设计师以上的团队，我们就可以利用设计看板。长期做敏捷交付的小伙伴对这个工具一定不会陌生。

• 对于有经验的人，按照大块拆分

• 对于新人，在按大块拆分以后，需要对分支任务或是阶段任务在进行下一步拆解

以下附上日常设计工作管理工具——设计看板

还是那句话，有设计进度跟踪的工具的小伙伴请绕道哦，这个是非常简单的且直白的一种设计管理模型，这样就可以每日跟踪大家的手上的工作进度了，也可以跟中哪些任务已经完成拉。上面的标题栏“待设计”“设计中”“已完成”也可以根据项目的不同阶段，放置不同的标题，当我们设计完成后，就可以领取新的设计任务拉。

每天这样移动卡片会不会乱呢，怎么和大家同步信息呢？那我们就要说到设计工作中一个关键活动了？

站会/业务对齐会

组内同步：

每日站会对项目来说是比不可少的，一般会定在每日早上，项目全体小伙伴都要参加，上班的第一件事就是开站会拉，多么有仪式感的一天，站会通常会占用10-15mins，站会可以用来：

• 同步信息包括，昨天，今天的工作内容

• 提出风险，有困难就喊出来，找大家一起需求帮助

  这样大家就非常明确每个人都在做什么，我的工作有什么依赖，我应该找谁解决获取上下文，另外就是及时暴露风险。及时寻求帮助

另一项活动是我特别喜欢在团队中使用的：业务对齐会

当项目比较大，每个设计师或者业务分析师分为了多个条线跟踪业设计和业务。那业务对齐会也是比不可少的，当然业务对齐会不仅仅可以对齐业务输入，当需要开发判定方案是否可行，或者需要其他的角色一起讨论问题时，我们都会放到放到每日或者隔天的或者隔周的业务对齐会上一起讨论，会议频次根据项目实际情况自行安排，邀请成员通常是设计师和业务分析师一起，又是也会邀请其他角色，视会议需要讨论问题而定

• 方便参与不同业务条线的同学对业务全景保持一致

• 不对角色的思维方式存在差异，可以转换视角看待问题

• 可以相互评审设计稿，业务分析流程等活动，查漏补缺

  
  

  它的优势是：

1. 保证出方案时间的完整。不会随意打断大家输入和思考的时间，固定时间同步信息

2. 高效同步信息。不会一次同步太多信息，信息量太大，趋于饱和，会少量多次，最长不要超过1h，如果超过就要增加会议频次来减少时长。

干系人沟通：

终于写到干系人沟通了，这真正是一个大坑

干系人沟通有几个关键点：

• 建立信任 — 一切良好沟通的基础

• 频繁沟通 — 减少风险

• 及时提出自己的见解 — 体现你的价值

建立信任—特别是在项目开始的时候，这一点是致命的，如果开始时能建立良好的信任关系，那么在后期很多小问题的决策上，还有客户对你方案的认可上都会容易的多。

如何在项目开始的时候建立信任呢？

• 对客户现有产品业务能快速的理解——C端的可绕过（相对比较简单，容易理解）。这里特指B端产品，部分B端产品的业务有时专业性极强，特别是之前我们做的这个项目，做用户访谈时，每一句话都能用多个专业术语，你还没有弄清楚这是怎么回事，就要跟上下一个话题了。对于我们这种非本专业的设计师来说，要想做好设计，提升用户体验，开始就要建立对产品业务的了解。

  
  

      -自主学习，通过各种渠道找学习课件，提前对该领域专业术语作出梳理；对相关的背景知识有所了解，对领域现状有所认知，包括现存的竞品也可以找来看看，借鉴学习。

      -找领域专家寻求帮助，对于是在无法获取经验的领域，也找不到相关的一些信息渠道，可以涉及到一些行业机密，可以酌情寻找第三方领域专家，和领域专家进行访谈，从他们哪里可以拿到很多一手资料。当我们对项目有一些假设时，也可以找领域专家验证假设的可行性

     -向访谈对象学习，可以判断访谈对象的性格特质，如果很明显的流露出善于表达，喜欢和你倾诉更多的信息，那么可以把握好机会，适当的询问一些领域问题

     -向客户学习，PO也许不负责具体的业务条线，也可能多年不再碰具体的业务操作，但是他们对于理论的掌握还是有一定的借鉴作用的。

       

       当然了，现在收集到了这么多信息，还需要整理和消化，并且验证信息的可靠心是否是正确。

       多渠道信息交叉验证

       信息之间能否相互关联，相互串联，形成闭环

• 专业技能维度——专业能力维度是设计师的立足之本了，毋庸多说，但这里需要强调几点

  
  

  -设计逻辑清晰，设计结果很重要，但设计思路同样重要，很多设计师在展示自己的方案的时候，只呈现做了什么，结果如何，很好，很精良，但是一定要有逻辑连贯的思考过程，才能体现你的思维逻辑，我们的方案不是凭空捏造的，不是一拍脑袋想出来的，我们的设计是经经过了哪些步骤，这个步骤的作用是什么，设计结论是如何推倒的，这样的设计包含了哪些设计原理 ，好处是什么。牺牲了什么，如何权衡它的牺牲的。

     

  设计从战略层倒表现层，越是取近于表现层，其评判标准就越主观，众口难调，特别是面向非设计领域的专业人员来说，这个评判标准在我们手上，我们要给出来我们这样做的理由是什么，好处是什么，才能得到客户的信任。

频繁沟通 不要闷头设计哦，在项目的每个阶段都要定义定期展示案例的时间点，除了这些时间点外，还可以约

这里从问题的角度来会切入吧

• 需求变更，反复无常

• 半路杀出程咬金 — 干系人变更

• 增加项目范围

• 老大不满意

• 干系人意见冲突

• 干系人不认之前做的决策

》需求变更，反复无常

一般情况下，按照正常的项目流程来走，我们我们通过痛点发散出来的机会点一步步的收敛出需要继续设计的方案后 ，用户侧的需求优先级是已经被考虑进去的，所以突然变更的需求大多可能是来自也无方，或者超级VVVIP 用户

判断是什么类型的需求？

合理需求：可以对需求进行规划，判断项目需求的优先级，如果合理且紧急，可以和相关干系人对齐，给予初步方案计划，对部分现有需求做出置换（如果干系人经常变更需求，可以对设计方案作出估点，按照人/天置换需求），如果合理不紧急，拿出我们的权衡滑块， 明确需要 foucs 在当前项目优先级下，不要过于发散，可以定制相关产品演进路线通过迭代演进方式逐步实施

不合理需求：可以委婉拒绝，如果实在无法拒绝，可以花费一些小effort，告知他为什么不合理

》半路杀出程咬金—干系人变更

1. 可以在识别核心干系人的时候，询问清楚在项目进行过程中是否有核心干系人的变更，提前识别

2. 有时干系人的变更是突然的，无法提前识别，不要慌，继续往下做。一般干系人变更可能会带来以下问题：

• 要推翻之前的方向——相当于要从新立项，如果方向都被否定了，就不要继续往下做，及时止损，重新规划项目方向。

• 要新增项目范围——新增的范围非常大，大到可以重新规划一个新的项目，就在规划新的项目；如果新的范围可控，还是根据本项目的权衡滑块来判断,哪些是优先级高的范围，先做，不高的置换出来。

》老大不满意

   1.减少老大不满意的风险，就是多建立沟通，最好可以亲自向上层级汇报。

   2.保证方案的逻辑性，所有的设计思路都是有据可依。

   3.保证方案给用户给企业带来的价值。对于比较成熟的项目，最好价值是可以被量化，可衡量的，如果无法用数据横向衡量，可以用定性的方式来判断价值，比如在用户验证的时候，检测新的方案是否能满足客户的需求，用户对新的方案是如何评价的，在无数“证据”下，老大也不会无缘无故的不满意

》干系人意见冲突

1. 不要做干系人之间的传话筒

2. 拉着意见不一致的干系人一起讨论问题

   
   

》干系人不认之前做的决策

这件事情在某些客户干系人身上还挺常见的，对于超级难管的干系人，每次大会都要发邮件，不是不敏捷，是为了介绍缺少文字证据，而出现更多的坑

1. 重要结论，会议纪要+邮件跟踪

注意：一定要结论先行，大部分的人没有耐心看完所有的内容，但是加粗字体的会议结论是能简明扼要的概括，本次会议通过了什么决策。有什么遗留事件，具体的责任人是谁，需要完成的截止事件都要标明

以下附上邮件纪要的格式介绍

项目监控

这个过程和项目执行的过程应该是穿插进行的，时间是非常有限的，不要面面俱到的跟踪，抓大放小，只在关节节点验收，比如前面项目执行中提到的如何拆分任务，同理，在验收的过程中，也可在组内的对齐会上验收设计输出内容是否符合标准，是否有易用性问题，如果这是非常细小的圆角，交互的方式，布局的方式，可以交给团队成员自己把控，如果一个设计师从用户体验要素的5层出发，每一层都面面俱到，无微不至，在这样的大项目里面是很难管理的，把更多的空间留给设计师自己。

把有效的时间集中放在有较大提升价值的事情上：

• 保障产品价值交付

• 用户体验是否有所提升

• 现有的资源下，如何平衡，实现价值

拆分对内验收节点：

把大的任务蛋糕拆分给每一个小伙伴后，他具体怎么吃，可以让他自行安排，告知完成的时间阶段，在特定时间端内验收质量问题。

定期复盘：

通常我们通过 Retro 的方式进行复盘，时间周期视项目的时长来定，较短的项目可以安排为每两周一次的 Retro，Retro 的步骤。1.宣誓（可以跳过）/2安全性检查/3分别梳理 好的部分，不好的部分，和建议。好的部分鼓励团队继续保持，不好的部分通过投票，选取前 Top 问题进行 讨论整改建议。在下一次的 Retro 的时候进行复盘，看看这些问题是否都有改进。

当然还有很多做复盘的方式，方法本身不是最重要的，复盘的核心就是为了改进上一阶段做的不好的地方，并且在下一阶段有所改进措施。让项目运行变得越来越好。

进度跟踪：

通常会用项目周报的方式，想客户展示项目的进度，现在进行到项目的什么阶段，有哪些产出物，项目是否存在风险，项目计划及人员投入比例

项目收尾

整体&归档：整理交付物，包括设计资产，使用说明和相关目录，方便其他人员可以持续迭代

设计归档包含的重要组成部分包括且不限于：

1. 设计源文件

2. 用户研究报告

3. 用户验证录屏材料

4. 用户访谈大纲

5. 遗留问题跟踪

6. Showcase材料

7. 知识传递录屏

8. ...

  

 如果文件夹过于分散，则需要写一张目录，目录上附上文件夹的链接，方便呢其他的小伙伴能快速的找到

知识传递：注意保留录屏文档，当项目人员变更，可以及时传递上下文

1. 在做知识传递之前，要和大家确认现有的产出，保障产出物不会在作修改，保障所有人都达成一致后，在开始后做知识传递。

2. 做知识传递的时候，一定要记得录制屏幕，以防有的小伙伴没有参加，或是之后还要分享给其他的小伙伴使用，这样就可以避免一边一边的重复人工讲解啦，还有预留给大家提问题的时间，看看大家还有没有不清楚的地方，尽量在会上一一解答。

PS：还想再分享一个，当项目中所要处理的事情过多时，如何排列优先级的问题

一般情况下，先看一下这些事情的依赖关系/事件难度，当紧急成度都很高的情况下

有依赖的关系的一般需要提前去收集信息，跟催进度，但花费是假相对较多，可能还有相互依赖，外力因素不可控

或者需要提前与人沟通事件，判断沟通时间是否合适，但花费是假相对较少，但需要提前预约，外力因素不可控

事件越难的越需要留更多的时间处理，内在因素不可控，事件简单的则可以安心放在后面进行，内在因素可控

可以按照风险等级排序方案：信息收集类> 约人沟通类>困难事件类>简单事件类


文章来源：站酷 作者：青沐CHIMO 

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

很多同学工作后一定要明白，企业不是学校，职场也不是学校，公司招你过去是希望你给公司带来价值，对设计师定位一定不是学生，好的企业可能会有很多内部培训，学习的机会，但是一定是靠你去主动学习。这也是职场的潜规则。关于职场、关于工作方法的问题。今天分享一篇和工作无关的内容，更多是关于设计心态的问题，希望给此刻迷茫的你一点方向。

 

1.企业不是学校 

很多同学工作后一定要明白，企业不是学校，职场也不是学校，公司招你过去是希望你给公司带来价值，对设计师定位一定不是学生，好的企业可能会有很多内部培训，学习的机会，但是一定是靠你去主动学习。

这也是职场的潜规则，工作越久越会发现，很难有人会毫无保留的教你，如果我们一直处于学生思维，只会在职场中失去好的机会。职场上的学习，一定是主动的。

学生时候我们学习是被动接受，老师教什么，我们学什么，但是职场不一样，一定要从“被动”改为“主动”，公司会有很多内部培训，学习资料，但是学习一定要记得是自己的事情。

好的公司会有体系化培训，相当多的公司是不愿意付出培养成本的。比如之前在阿里，内部很多设计培训、课程，但是大家都主动去报名学习，没有人逼着你一定要学，大家时间都是一样的。所以从“被动学习”到“主动学习”是新人设计师职场进阶的第一步，现在互联网上学习资源那么多，无论我的星球，还是各种教程，只要你想一定能学到，关键在于你自己意愿是否足够强烈。

a

 2.掌握正确的学习方法 

互联网很难做，也有很大一部分原因是，现在信息爆炸，每天充斥着各种需要我们学习的知识，仿佛不学习就会落伍，C4D、AE、插画等等，如果没有独立思考和判断的能力，我们很容易随波逐流，什么都学，最后越学越迷茫。

上图就是我们大多数学习状态，每周学下AE，学下C4D，然后三天打渔两天晒网，最后会发现，都学的很一般，没有一个学的很精通。

聚焦学习，单点突破

正确的学习方法是什么，是单点击破，横向拉通，我们要聚焦学习，一段时间只学习一个知识点，比如你最近学AE，就花精力把这个技能彻底掌握，再去学下一个，我把这个叫100小时刻意练习，我在星球里，也是带着大家这样去学习知识点。当你学习一件事情持续100小时，每天3小时，坚持3个月，你会比90%人都要学习的好。

别看只是一个小点，但是当我们掌握的点多了，自然而然就形成了线。

 

考虑投入产出比

学习的目的最终是要学以致用，现在大家每天工作本来就很忙，如果毫无目的地学就没有意义了。一定要考虑投入产出比，要根据自己的规划去学。

比如你未来是走体验设计师的方向，那么你就应该学技能树里面相关的内容，比如数据研究、交互知识、产品思维、商业思维这些维度，这些方向是未来帮你迈入新的台阶需要具备的能力。

如果你去学习C4D，或者学品牌设计，哪怕你学会了，也学得很精通，你去面试支付宝设计师，你说你最强的技能是画LOGO，那肯定是不合理的，因为说不定支付宝LOGO几年都不会换一次，你这个技能在团队，根本用不了几次，更别说成为优势。

w

3.性格上一定要有「要性」

阿里有一个词叫「要性」，什么意思呢，简单的说就是对一件事物的渴求程度。作为设计师也是如此，无论我们学习，做项目，还是工作上，都需要有这种精神。

 

要性决定判断

我们今天接到一个项目，判断这个项目好好做一定会有很大的市场反响，比如我做双11这个项目一定会被上亿人关注，那么我判断这个事情价值后，我会很拼，会拼尽全力做好，因为我知道这个事做好后带来的价值，假如我没有那么强渴望这个事情，或许我就当一个普通项目，也不会去判断它的价值，说不定就错过了提升和磨练的机会。

 

判断决定行动

要性能决定我们的判断，假如我判断这个事情一定要做好，做好后可以发到behance，或者放作品集里面。那我的行为也会跟着变成正向。

工作多年后，其实对于加班不加班，其实很好衡量，这个事情加班做好对你晋升、对你成长有没有好处，如果有自发都会去加班，如果这个事情就是一个投入产出比不高的，我可能就会去另外更有价值的事情。要性决定我们的行为。

同样个人学习也是一样，如果你渴望掌握它的欲望足够强烈，那么根本不需要人督促你，你都会自发去学习。这就是信念的力量。

 

行动决定结果

没有好的过程一定没有好的结果，特别在这个商业互联网大背景下做设计，如果没有好的流程和过程，最后很难拿到好的结果。所以作为设计师，必须在职场生涯都具备这种「要性」，渴望成功的心态去做每一件事情。

 

4.当你没优势的时候，唯有勤奋 

每个人都想去大公司，去做优秀的产品，但是光有想是不够的，最重要是去做。能在夏天做的事情就在夏天完成吧，不然到了秋天，它就黄了，到了冬天，它就凉了……

w

想不等于做

光想是没有用的，大公司的设计产出，你目前能做到一样设计质量么，或者差不多水平，如果不可以，凭什么觉得大公司要你，前面我也说了，企业不是学校，不是你想去就能去，何况大公司就那么些职场，说万里挑一毫不夸张，你没有过硬的本事，你没有做过大的项目，凭什么相信你可以做好几亿的用户的设计。

w

充分利用工作外的8小时

所以在我们起跑线比较低的时候，没有学历，没有知名项目，没有大厂背景，唯有勤奋，上班时间8小时，大家都是被项目缠住，重复利用下班和周末时间，不断去提升专业技能，唯有勤奋你才能有弯道超车的机会，我们这一行和其他行业不一样，没有任何捷径，如果有，很多人都去尝试了。

o

学会曲线救国

大公司招人都是有标准的，有些岗位就是有鄙视链的，比如喜欢招知名公司背景，海外的，年轻有潜力，做过知名APP的，如果简历上没有这些很难进去的。但是就因此放弃么，当然不是。

学会曲线救国，我没有知名项目，那我是不是提升我专业项目，争取去一个规模小点公司，积攒知名项目案例，比如每年TOP100的应用榜单，里面其实很多小而美的公司，先去这些公司锻炼好了，再去二线公司，再去一线公司，循序渐进往上走。

不要一根筋的，在毫无背景、毫无资历情况下去碰壁，试想你是大公司人，你是不是也想招一个被市场验证过，有过同样公司背景和项目的设计师。

 

5.设计师推动力是带着方案 

很多时候，我们很想为产品做点什么，也发现很多产品不好用的地方，然后在没有任何准备下，去吐槽产品，吐槽设计，这是一个大的忌讳。因为你不了解当时背景，是排期不够，还是人手不够，导致线下效果。盲目吐槽毫无意义。

正确的做法是，今天你对某个页面不满，或者设计不满，应该带着你觉得满意合理的方案，去和主管向上沟通，有设计依据和推理过程。

q

左手艺术，右手科学

你推动的方案，切忌只是从设计师视角出发，一定要从更全局去出发，所以除了设计上方案要比之前好，你的设计过程一定有理有据，艺术一面是视觉交互维度。

那么科学一面，一定是有数据支撑，比如提案前你充分梳理了现有数据，从数据中发现的问题，都可以作为设计线索。同时可以加入一些设计声音，比如苹果商店评论，或者微博评论，客服或者用研那边建议。通过这些来支撑你的设计提案。

t

让决策者做选择题，而不是判断题

提案也有很多技巧，后续再和大家分享，但是很重要一点就是提案时候，不要给领导太多的方案选择，很多设计师很容易犯的错误就是，提案时会放一堆方案给领导看，让领导做决策，这样最终结果还是继续改下去。

其实提案，领导关注你的设计逻辑和推导过程，如果整个过程比较顺利，结果一定是符合预期，有正确的设计过程结果也不会差到哪里去，一般设计提案重点推导一个方案，让领导说「YES」或「NO」,如果领导说不可以时候，再把其他方案抛出来。

 

6.你的一招鲜就是你的竞争力 

什么是竞争力？人无我有，人有我全，如果你在一个几十人团队，怎么能被领导记住，一定是你具备其他人不具备的技能，或者你这个技能在你们团队是最好的。任何时候，设计师具备一招鲜的能力，都会很吃香，你可以想下你的团队，那些备受领导喜欢的设计师是不是都具备这个特征。

每个人都想成为主角，团队核心，怎么做到，就是某个专业能力上，设计总监或者主管有事情第一个想到就是找你来完成，那么就成功了。

比如插画第一个想到你做，UI第一个想到你来改版，品牌第一个想到你来完成。如果做到这样，平时加薪升职一定少不了你，任何时候一招鲜的设计师都可以在职场上有一席之地。

q

7.打造自己的标签 

职场是个人情社会，有人的地方就有江湖，每个人在其它人心中都有个「标签」，虽然我很讨厌职场贴标签这种潜规则，但是无法避免。所以与其你被人贴上一个标签，不如你自己把标签人设立好。职场人都需要2个标签。

w

第一个：专业标签

专业标签，毋庸置疑也是最难的，大家对你专业上评价怎么样的，哪方面是你特长，在主管心中是很一般，还是说UI上是你优势，数据是你优势，你需要自己给自己定位好，假设你想让别人觉得数据分析是你专业标签。

确定好了后，然后需要项目不断去反复验证这一个标签，在大家心中的印象，无论项目沟通，还是团队分享，都应该去打磨这个标签，打磨好了，优势是很大的，正如我前面所说，大家后续领域想到你，你就是第一人。

o

第二个：性格标签

性格标签很好理解，你在大家心中是个什么性格的人，活泼的，有才华的，有魅力的，吃货还是内向的，职场上人和人之间关系很微妙，虽然不提倡站队，但是这种事情哪里都少不了。

那些性格活泼开朗，比较玩的开的，往往容易受欢迎，所以你要问自己，你希望在大家心中是个什么样性格，是内向的老黄牛，还是吃货一枚，还是美食专家。你需要建立一个性格标签，去和身边的人情感上维系。否则很容易职场上吃亏，和主管没有共同语言，没有尿到一个壶里，那你后面晋升，涨薪股票，或许也没你什么份。

w

第三个：没有无缘无故的爱

和同事之间多去培养一些共同的爱好，在互联网公司做事情，很多事情其实难的不是事情本身，而是人的关系处理上，在大公司的同学应该很能体会。

要不，很多同学一起去抽烟，一起去逛街，一起去喝酒，很多时候先成为了朋友，做事情会更加顺畅，同时这个过程你获得的信息也足够多，信息的不对称往往会让你做事情云里雾里，所以没事，多和研发的兄弟，产品运营的同学，吃吃饭，培养一下革命友情，对你只有帮助，没有坏处。

 w

最后 

这是我所总结出来的一部分职场心得，或许和设计无关，但是在我们工作中却尤其重要，希望今天的分享你会喜欢。

原文地址：我们的设计日记（公众号）

作者：sky

转载请注明：学UI网》职场太内向，怎么破？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：csdn

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

 <script type="text/javascript">
        $("#search").click(function(event){  
              var key = $("#key").val();
            
             //alert(key);
            
              $.post("search.do?method=s", {keyword : key}, function(data){  
                  document.write(data);//将一个是 ajax返回的html页面直接打印（解释并显示成）页面
                  //alert(jQuery('div', data).html());    
                  //alert(data.output);
            });
        });
    </script>

document.write(data)！！！！

一句话搞定！！！

转自：csdn

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：csdn

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

页面局部刷新

1.使用ajax实现小部分的内容局部刷新
$.ajax({
url:“http://localhost:8080/intoHomepage.do”,
type:“post”,
data:{name:“mydata”}，
success:function (result) {
if(result){ //对后端返回的数据result进行处理
$(".testchange").html(“将对应的class=testchange的标签内容进行修改。还可以通过一些父类和子类选择函数进行操作更新数据如：find（）、chidren（）、parent（）等”);
}
},
error:function () {
alert(“出现错误！”);
}
}
);

2. 如果要对大部分内容进行刷新建议使用iframe标签进行整体刷新。
3. 对于点击不同的按钮（或其他的标签）局部刷新可以使用" 隐藏方式"，比如事先准备好几种不同的内容，
   < button id=“b1”>按钮1< /button>
   < button id=“b2”>按钮2< /button>
   < button id=“b3”>按钮3< /button>
   < div >
   < di v class=“test01”>
   < p> this is test01 < /p>
   < /div>
   < di v class=“test02” style="display：none ">
   < p> this is test02 < /p>
   < /div>
   < di v class=“test03” style="display：none ">
   < p> this is test03 < /p>
   < /div>
   < /div>

点击按钮触发事件（onclick()或其他事件）对需要刷新的部分内容进行css属性display：none(/block)设置只显示一个div的内容

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：csdn

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

 

01 音视频娱乐新形态

挖掘更好玩的娱乐社交场景，能带给用户更愉悦的体验。疫情期间，线下聚会因此受限，线上娱乐应运而生，在此契机之下，期望借助音视频实时互动、声影重现的特性，开启了新的娱乐形态——QQ一起派对。

观察竞品普遍存在不足之处，即缺乏真实聚会游戏的氛围与互动。因此，解决社交游戏产品缺少真实情境的问题，成为QQ一起派对的创新机会点，有利于在竞品中突围，塑造差异化优势。

 

02 打造真实聚会游戏体验

2.1 回归本质，突围创新

QQ一起派对是基于音视频展开的线上聚会游戏，结合了实时互动与娱乐化内容。为了让游戏过程更贴近真实聚会场景，我们从游戏氛围和自然交互两方面切入，寻找创新突破口。

游戏氛围

构建适用于游戏类型的界面框架，让线上聚会更贴近真实世界，并运用视觉感染力，营造环境氛围，包括场景具象化、增强代入感等方法，实时感知好友的情感变化，从而获得社交临场感，在心理上感到彼此的存在。

自然交互

有别于竞品需通过点击按钮作答，QQ一起派对利用实时语音识别，让用户通过更自然的人机交互方式，在游戏过程中进行语音抢答，彷佛置身于真实世界中与好友互动，成为QQ一起派对的独特卖点（Unique Selling Proposition）。

 

综上所述，QQ一起派对的设计要素包括：、

1. 社交临场感（Social Presence）：场景具象化、高度同步实时响应、感知他人情感变化

2. 沉浸感（Immersion）：营造氛围、增强代入感、突出内容与主角

3. 可玩性（Playability）：游戏界面、游戏机制、游戏互动

4. 凝聚力（Cohesion）：将好友聚在一起、吸引更多用户来玩

 

2.2 游戏界面设计

舞台场景化布局

QQ一起派对能让用户创建房间，邀请好友参加线上聚会，促使游戏氛围具象化。游戏类型聚焦于〝你演我猜〞、〝明星问答〞等猜题游戏，为了增强代入感，让用户融入情境之中，我们采用舞台表演的界面隐喻（Interface Metaphor），借由深色背景突出内容与表演者。界面框架选择一个大画面与多个小画面的组合，更贴近轮流上台表演的游戏类型。通过舞台场景化布局，模拟线下互动的真实感。

 

 

多层次感官体验

我们真实还原了线下抢答的互动体验，通过倒计时动效、实时分数标签，以及抢答成功反馈，增添游戏的紧张感与刺激感。

在游戏过程中，除了通过视频画面感知好友的情感变化，用户的语音状态也会实时反馈在头像上，响应抢答题目、好友交谈，以及各种表达情绪的声音，借着声音视觉化的效果，搭配视频与人声的重现，交织出多层次的感官体验。

 

 

邀请消息实况化

发送邀请是召集好友的重要途径，而作为〝邀请函〞的消息，需要传达明确的信息，让用户一眼就能感知房间内的状态，包括准备开始、游戏中、游戏结束等，避免用户点击加入游戏时，却因游戏已开始或结束而无法加入。为此，我们将邀请消息实况化，持续更新当前状态、参与成员等，让用户能实时感知派对房间的变化。

 

 

03 拯救孤独，陌生人玩法登场

3.1 让你随时找到伙伴

排解寂寞心理诉求

QQ一起派对初期聚焦于好友一起玩，但仍不免发生创建了房间，当下找不到好友，或因等待过久而退出房间的状况，使得创建房间到实际参与的转化率受到影响。从用户访谈结果来看，用户存在排解寂寞的心理诉求，但对象不一定得是熟人好友，因此渴望找到游戏伙伴、快速开始游戏，成为QQ一起派对扩展至陌生人玩法的契机。

引入陌生人匹配

针对找不到好友的问题，我们新增了匹配陌生人的能力，用户可从游戏大厅进行随机匹配，倘若创建房间后找不到好友，也能在房间内匹配玩家，降低游戏参与门槛。

此外，进一步优化房间内的界面布局，将游戏卡片缩小平铺排列，让用户一眼就能看到多款游戏，提升对游戏数量的感知与转化率。在游戏类型上，新增了猜歌与知识问答两款游戏，并提升现有题库质量，避免游戏趣味性不足，影响用户留存率。

 

3.2 游戏大厅情感化设计

搭建游戏世界观

为了增强游戏氛围，我们通过情感化设计带领用户进入情景中，让用户更好地理解每个玩法，并从游戏玩法与情感诉求提炼出场景元素，以此搭建游戏世界观，并将故事情节加以推演，增强趣味性与独特性，还能进一步提升记忆度。

 

利用光效聚焦视线

光效有利于吸引和聚焦视线，并以不同的表现形式来影响情绪。我们从光的色彩、动效、光感和造型等层面，创造出五种增强感官体验的光效设计，将其应用在游戏大厅入口，借由不同的光效类型与动画形态，强化用户的世界观感知。

 

会讲故事的界面

带有情感的故事会在记忆中发酵，引领用户进入场景。我们将游戏入口的功能属性，转化为富有故事性的场景设计，当用户被故事所吸引，多感官区域被激活，将会激发用户情绪，有利于记忆与理解游戏入口，对游戏产生共情，进而超出产品的功能价值，与用户建立情感链接。

 

例如匹配陌生人入口，使用QQ的IP形象驾驶UFO，准备召集用户前往神秘的太空之旅，意味着通过陌生人匹配，你将摆脱寂寞，以光速般的速度找到游戏伙伴、快速开始游戏。通过故事剧情激发情感共鸣，并适当结合IP渗透品牌价值，吸引用户参与游戏。

 

 

破格设计能够加强张力、突出游戏主题，我们运用破格效果的3D图标造型，彰显游戏的独特调性，树立鲜明的品牌印象。

 

组件化卡片设计

组件化除了提高设计效率，还能从整体一致性考量差异化。我们将游戏卡片、题库卡片、提示卡片和入口卡片等功能界面，构建一套组件系统，让框架布局贯通全流程，打造体验一致的可玩性，利于后续的扩充与延展。

 

3.3 生存战增添挑战性

激发持续参与动力

根据游戏可玩性研究，提供挑战与磨练技巧的机会，对持续参与游戏的动机有正面影响。有鉴于此，除了提供随机匹配、召集同好共乐，我们还设计了极限生存战玩法，希望借着1v1淘汰赛制增添乐趣与挑战性，激发用户持续参与的动力，特别是年轻人酷爱这种竞技感，击败的对手越多，获得的奖励就越高，有利于勾起用户的胜负欲。

 

 

匹配动效强化氛围

为了营造同场竞技的临场感，我们利用匹配动效强化氛围。随着已加入玩家的数字不断增加，底部会实时展示用户头像，具象化呈现玩家数量，烘托热闹气氛，消除等待时的焦虑感，让用户处于蓄势待发的状态，而红蓝对战布局则进一步强化PK宣战的氛围。过程中若有玩家遭到淘汰，用户也能通过底部头像感知剩馀玩家数量，以此增强游戏临场感与成就感。

 

增强荣誉感与仪式感

每轮击败对手时，答题区域将变为全屏的庆祝画面，搭配撒花特效、头像聚光灯，营造欢愉的胜利氛围。而在游戏结果页，我们同样利用色彩和动效的差异对比，塑造胜败双方的情绪氛围，以此增强荣誉感与仪式感。在生存战登顶挑战成功的用户，将会站上颁奖台授予最高荣誉，在舞台聚光灯的照耀下，迎接光荣胜利。排行榜有助于强化击败众多好手的感知，激发胜利者的分享欲。

 

04 结语

QQ一起派对推出后深受用户喜爱、获得广泛好评，调研结果显示，用户整体评价相当高，也乐于将QQ一起派对推荐给好友。

综而观之，音视频除了广泛应用在通讯场景，正逐渐赋能更多创新场景，而娱乐场景更成为兵家必争之地。QQ一起派对开启了新的娱乐形态，充分发挥音视频声影重现的独特优势，消弭了空间距离，尝试解决社交游戏产品缺少真实情境的问题，让游戏过程更具临场感，就像面对面进行游戏一般。未来将从玩法丰富性、游戏挑战性、题库可玩性三方面持续优化，打造更好玩的音视频体验。

 

立即打开QQ，邀请好友畅玩聚会游戏！

原文地址：ISUX

作者：腾讯ISUX

 

转载请注明：学UI网》声临其境 | QQ音视频娱乐社交设计

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：csdn

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

随着造车新势力，车联网的赛道发展越来越快。到2021年为止全国汽车保有量超过100万辆的城市共有72个，与去年同期相比增加5个。，国家要求未来汽车要实现50%的智能车联，现在头部的蔚来、小鹏、理想，还有国产品牌的吉利、比亚迪、长城、东风。我们国内造车甚至可以超越合资车。我对未来车联网还是很看好的。今天就跟大家聊聊现有的车载屏幕演变过程，以及现在市面上车载屏幕，和车载系统的特点。

首先先普及下HMI的概念

HMI：- Human Machine Interface : 人机界面，现在多指车载交互系统体验设计。

既然说到人机界面，我们先来设计的载体是如何演变的。

一、车载中控仪表盘演变过程

1886 年，由卡尔·本茨发明的第一辆汽车。当时根本就没有所谓的仪表盘概念，所以载体还得从1908年T型车（Ford Model T）说起，到2012年划时代的特斯拉Model S，汽车仪表盘目前经历四代。

1、第一代:以按键为主

机械式仪表盘: 第一个时代仪表盘为机械芯仪表，一般包含了车速里程表、转速表、机油压力表、水温表、燃油表、充电表等，之后汽车仪表还需要装稳压器来稳定仪表电源的电压，抑制波动幅度，保证汽车仪表的准确性。初代的汽车仪表盘主要以传统的热式和动磁式，显示的信息极为有限，更多的是车辆物理信息“通信员”的角色。

在机械时期中控台哪有什么屏幕可言，那时候的中控台就是收音机和空调的调节器，而且都是实体按键的，只能满足驾驶的基本需求，没有屏幕，都是照搬飞机中控布局，以实体按键为主，功能简陋单一。堆砌功能按钮仪表，没有交互可言。

2、第二代：电气式仪表盘+小中控屏

第二个时代的电气式仪表盘终于诞生，从真空荧光显示屏（VFD），发展到采用液晶显示屏（LED）及小尺寸薄膜晶体管显示器（TFT），显示屏显示的信息越来越清晰、快捷。目前电气式仪表在市场的保有量最大，且一般采用机械仪表结合数字仪表的方式，例如车速、转速信息采用指针，指示灯信息采用LED等点亮，其它信息则采用TFT屏。

虽然相较于第一代机械机芯仪表增加了不少功能，汽车信息反馈也更全面更及时，但是其发展速度却明显与汽车行业不相匹配，对于更深层次的驾驶需求，电气式仪表仍无法满足。

3、第三代：全数字化仪表

汽车仪表盘领域在不断追求更新，于是划时代的全数字液晶仪表盘孕育而生，也是就我们常说的虚拟仪表盘。全数字汽车仪表盘使用了一整块液晶屏取代了传统的指针和刻度表，所有信息都通过这块屏幕显示出来。

单从外观上来看就能给人以一种比较高大上的感觉，这类仪表盘上往往没有指针等部件，所有信息都通过屏幕传递出来。功能更强大、信息显示更具逻辑性，驾驶者接受信息更快，提升行车安全。也可以根据个人喜好调整相应参数，比如比亚迪的仪表盘就可以改变背景颜色。在高级点的，像宝马的全数字仪表就可以切换N多种模式。

2007年iPhone问世后，大屏、轻薄机身、高清显示屏、可安装应用等功能引领了整个行业的革命。电动汽车行业飞速发展,智能AI和人际互联等人车交互概念也跟着兴起,对于中控台的需求和功能复杂度也跟着越发精细起来,结果就是屏幕越来越大。

2013年上市的特斯拉Model S,座舱里最惊艳的就是那块17寸的大屏。超高的分辨率和流畅的操作,和漂亮的UI设计,最初让很多美国民众疯狂。就像苹果手机颠覆了传统手机业,特斯拉也颠覆了传统汽车行业。

2014年换代的奔驰S级将两块12.3寸屏幕连在一起,合成了一块23寸大屏,比特斯拉的大屏还多出6英寸。

拜腾M-Byte,48寸巨屏,横向贯穿仪表台,再一次颠覆汽车的内饰设计。

比亚迪系列汽车的旋转大屏,玩出新花样,可以旋转控制,就像手机横屏和竖屏的场景。

纵观下来,其实不难看出,虽然汽车的中控屏幕也是往着越来越大的方向发展,但因为空间以及功能需求的不同,相比起手机来说,中控屏幕的变化更具备多样性。

4、第四代：HUD显示屏

从上世纪80年代，抬头显示技术在汽车领域已经开始被使用，直到现在才开始逐渐展露头脚。

HUD抬头显示器(Head Up Display)，又叫平视显示系统。它可以把重要的信息，映射在风窗玻璃上的全息半镜上，使驾驶员不必低头，就能看清重要的信息。

战斗机是率先应用HUD抬头显示器的。飞行员在空战中，需要交替观察舱外目标和舱内仪表，易产生瞬间视觉中断，因此会导致反应迟缓、操作失误，并有可能贻误战机，采用HUD抬头显示可克服这一缺点。

第一架使用HUD抬头显示的飞机是美国海军的A-5舰载机。民用航空最早使用HUD抬头显示是法国达索飞机公司的mercure飞机。

在复杂多变的道路上开车，驾驶员双眼离开车辆前方，是个非常危险的事情，尤其是在高速公路上更是明显。于是很多车型，就给车辆配备了一个不需要挪开视线，就能知道车辆基本信息的配置，这就是HUD抬头显示。

HUD作为一款新技术，优势显而易见。当驾驶员需要查看仪表盘或中控台上的信息，视线至少需要转移0.3秒，而HUD投影的信息就在驾驶员平视的正前方，驾驶员可以将更多的注意力放在路面上。将驾驶体验及驾驶员对于路况信息的认知能力进行革新式升级。

二、六大车载系统的特点

现在各家系统百家争鸣，各家车载系统设计有哪些不同？

1. 阿里 斑马智行

简介：

1、阿里车载小程序是一种无需下载安装即可使用的“应用”，旨在为用户打造“随时可用”、“用完即走”的使用体验。

2、AliOS作为互联网汽车操作系统，原生地支持阿里小程序，引入阿里生态服务的同时也面向开发者开放，围绕车场景为用户提供从出行到生活的各类智慧服务。

特点：

1、设计特点：

独立的大卡片式的内容界面模块方便车主在行车过程中单手操作，其配色鲜艳，风格扁平，符合使用场景和国人的使用习惯。

2、功能特点：自带场景智能感知的基因。

得到车主授权后，车载小程序可以围绕行车场景，实现上车前、行车中、下车后自然串联的智能化场景服务。

用户可以在车上通过触控、语音、手势等多模态交互方式，咨询附近的推荐餐厅，小程序会基于用户的喜好作出推荐，还可以预约排号；到达餐厅附近，系统会自动唤醒小程序，为用户找到停车场；下车后，车载小程序会无缝连接到手机小程序端，用户可以在手机上查看餐厅的预约信息等。

△ 斑马智行2.0系统设计

斑马智行，采用智能手机界面和应用商城下载 APP 的使用方式，实现车载和手机的双重控制。

强大的云端特性在语音识别和线上互联方面提供了良好的使用体验，车主可以连接手机蓝牙后，读取其手机通讯录，实现利用车载系统拨打和接听电话的功能。支持 USB 接口，通过 U 盘实现播放音频、视频文件等。在娱乐生活方面，内置虾米音乐，蜻蜓FM，喜马拉雅等，支持在线搜索，在线播放以及在线广播等服务。

同时，斑马智行依靠阿里强大的技术和资源支持，打通停车场，加油站，高速公路支付等，使用户驾车时产生的费用均能通过支付宝支付。

2. 百度 Car Life和Apollo

简介：

1、打造智能车载服务生态，满足用户出行、娱乐、生活等多元化需求，构建人-车-家一体化互联闭环成为时代趋势。

2、智能小程序，是百度提供的一种技术解决方案。开发者基于此开发出来的服务，在各类宿主环境（手机 App、车载系统、IOT 设备等）中，可做到用户无感知安装，即点即用。

特点:

1、设计特点

车载端主界面分别采用蓝、绿、红、灰四个色块对应四个功能模块，「发现」集成音乐、娱乐、听书、电台等特色音视频服务，采用红色在界面中最为突出，其设计风格整体扁平，面性 icon 利于识别与点击。

2、功能特点

智能小程序包括“车后服务”、“资讯”、“休闲游戏”、“视频”、“购物”、“亲子”、“旅游”、“工具”等8个类别，一共80多款。车企可以根据车型定位和自身需求自行定义和组合可供使用的车载小程序。

百度的车载小程序大部分场景下还是只能依靠用户用语音唤醒，但在生态的开放性上，百度车载小程序则做得更为彻底，可以在百度App、百度地图、百度贴吧、百度网盘百度系App上运行。

3. 腾讯 Ai in Car

简介：

1、“腾讯小场景”是专为出行场景打造的车载轻应用生态，部署在云端，不需要下载，即用即走，并支持语音交互。

2、分为3类，出行服务小型车、生活服务小程序和视听服务小程序。

特点：

1、设计特点：

运用的FutureLink3.0系统，FutureLink3.0 基于安卓平台开发，在 12 英寸的中控屏幕上并没有将大量的图标堆砌在首页，反而以地图为背景，将六大功能模块以大板块的形式布局在地图下方，整个界面设计简洁。

2、功能特点：

最大特色：基于位置和场景会被自动唤醒。比如用户经过加油站、停车场、旅游景点的时候，有些购买和支付的服务就会主动弹在车机上，用户再通过语音完成操作。

手机小程序是“人找服务”，那么腾讯车载小程序则进化成“服务找人”。

△ 腾讯在车载场景下的生态布局

Ai in Car，顾名思义，基于 AI 的连接能力和生态，融合腾讯内容生态的优质资源，包括资讯、视频、IP、文学等板块，为车主提供更丰富的内容消费。风行搭载的 FutureLink3.0 车联网系统，就是和腾讯深度合作而诞生的优质案例。

△ FutureLink3.0系统界面

只在设置页中，才会出现二级子菜单列表，而且提供的设置项目也不多，界面层级简单，不累赘，也给司机带来轻松愉悦的操作体验。同时，基于行车安全考虑，在类似天气、股票等查询功能上，比较依赖语音控制。在娱乐生活方面，打通手机和车机账号，用户无需切换账号就可以与车载导航、电台、QQ音乐、微信等功能无缝衔接，支持车主组建聊天组，在行车途中与好友进行实时沟通。

从整体来看 FutureLink3.0 的设计，它更像是一个把需求页面展现在车主面前的「轻应用」，没有传统概念上的主界面、多层交互菜单以及相应的「系统特质」的设计，它更希望把海量资源建立在云端，终端只给车主呈现其所需要的服务即可。

4. 谷歌 Android auto

简介：

Android Auto 系统的工作原理是将手机连接到兼容的汽车，让驾驶员可以使用汽车屏幕和语音操作与手机的应用程序进行交互。它提供了一种导航、收听媒体和消息等的简单方法。

特点：

1、设计特点：

在 UI 框架设计方面，主屏幕以卡片的形式显示通知、活动、导航和消息，右下角有启动语音命令的麦克风图标和底部的活动栏，这些特性属于全局 UI。在它下方，应用程序内容区域显示应用程序启动器或当前使用的主应用程序的内容。

△ Android auto手持设备与车载设计系统

Android auto 将 Android 平台扩展到汽车上，它有两种使用方法：在手机上或在兼容的车载屏幕上。

它有一个简单的界面，标准化的用户交互模型和强大的声音动作，其目的是帮助司机尽量减少分心。需要注意的是，为汽车设计交互式应用程序与手持式设备的设计有根本上的不同，其应用程序的交互界面应该简化，以确保司机的眼睛和手集中在开车上，减少司机分心。

△ Android auto车载系统UI框架

卡片上提供如消息字符串、图标、图形和操作等内容，会根据用户最近的使用情况和优先级来确定卡片的大小。主屏幕会限制卡片的数量，以保持列表的简短和相关。因此，当新的、更相关的内容出现时，应用程序的通知可能会从屏幕上消失。同时，抽屉式的交互方式，提供了简单的操作和导航。每个抽屉项目必须提供一个单一的触摸目标，避免在抽屉里放长的列表，或者在相同内容的视图之间切换。这里官方给出的最佳 UI 做法是简化内容，关注上下文，显示新鲜的、有用的和大多数不滚动的项目，使用单行，对决策至关重要的较长字符串使用两行。

5. 苹果 CarPlay

简介：

CarPlay 车载系统旨在令用户通过汽车制造商之原生车载系统来使用、操控iOS设备并发挥其功能。该产品的首个版本计划于2014年发布，最早出现在一些制造商的汽车展览上。

特点：

1、设计特点：

基于手机映射，所以界面除了横向布局外，icon都和手机端统一。以简洁的布局提供有用的、重点突出的信息，便于从驾驶员座椅上进行扫描。不要用不必要的细节和不必要的装饰来弄乱屏幕。

在整个应用程序中保持整体一致的外观。一般来说，具有相似功能的元素应该看起来相似。

2、功能特点：

作为车内辅助、操作、娱乐的中心，Carplay 可以直接连接到汽车中控的触摸屏上，提供基于 iOS 的相关的服务和应用。Carplay 的整体设计围绕着车内驾驶这一使用场景，而它的设计原则也围绕着这一场景来规划：

• 成熟。基于最熟悉的 iOS 应用，来设计界面元素，并提供熟悉、直观的体验。

• 简短。采用尽可能简短的交互，不过度引人瞩目

• 相关。屏幕显示信息高度相关，提供尽可能少选项，不需要复杂决策

• 语音。基于Siri，以语音交互为核心，司机无需视线离开前方，手也不用离开方向盘即可完成交互。

  
  

全新的电子车钥匙，加上 Apple CarPlay 车载流畅的使用体验，让 iPhone 能在旅途上发挥更多作用。地图、电话、信息、音乐、日历、一言、一触、一旋随你驾驭。

6、华为车机应用

简介：

HMS for Car是华为终端云服务打造的智慧车载云服务解决方案，基于HMS（Huawei Mobile Services），通过AI场景引擎结合华为生态资源，为用户提供精准丰富的出行场景内容和服务，助力汽车从交通工具向具有交互和服务的能力的智能终端进化。

华为快应用是一种基于行业标准开发的新型免安装应用，其标准由主流手机厂商组成的快应用联盟联合制定。开发者开发一次即可将应用分发到所有支持行业标准的手机运行。

HMS Core提供端、云开放能力，帮助开发者实现应用高效开发、快速增长、商业变现，使能开发者创新，为全球用户提供精品内容、服务及体验。

1、全球化分发。已上线超过170+国家和地区。

2、全终端接入。全面支持从小屏幕到大屏幕各种智能终端。

3、全场景支持。快应用直达链接和卡片嵌入全终端场景。

特点：

1、设计特点：

在交互界面上，Carplay和Carlife由于使用的投屏方式，主界面依然是一个个的APP图标，需要点击启动进入后才能使用。笔者认为采用这样移动端过于笨重的交互方式并不适用于车载场景；HUAWEI HiCar的设计理念是"安全便捷、自然舒适、智能贴心", 对车载端的人机交互要素重新布局规划设计，采用桌面卡片的设计方式，以满足复杂驾驶状态下的使用需求。

桌面卡片是应用内容和功能特性的重要载体，用户通过对卡片的快捷操作直达应用的核心功能，提升交互的便捷性。应用可通过接入 HUAWEI HiCar 桌面卡片的方式呈现最核心的功能和服务，并根据自身的需求特性，自行组合卡片元素以满足不同场景下的用户诉求。

• 背板：背板样式可以为色彩填充或设置背景图。

  背景色支持黑、白、彩色三套。

  应用需提供三套背板以适配卡片主题切换。

• 品宣区：品宣样式为图标+文字，应用可根据在此区域显示品牌图标和名称。

• 内容区：展示与应用场景相关的信息，其内容可以是图片、文本或图文样式。

• 操作区：操作区为文字或图片按键，最多 3 个控件或 1 个控件组。

2、功能特点：

华为智慧助手，可结合用户使用场景，以卡片形式推送提醒、服务和行程，实现智慧化服务找人。例如，送孩子上学时，车机端华为智慧助手将自动推送"有声续播"卡片，用户点击卡片，即可一键续播孩子在华为手机上没听完的有声儿童内容；用户在开车下班回家路上，进入离家500米范围内时，车机系统可自动启动"回家模式"，提前打开家中的窗帘、空调等设备，方便用户享受惬意生活。

My Car功能面向车企开放华为手机等智能硬件系统级入口能力，能够实现远程控车、查车、汽车服务/告警关键信息等反向推送能力。远程控车功能，可以满足用户高频控车诉求，例如，远程开关空调、寻车、查看门窗状态等。另外，当车辆胎压不足、门窗未关闭时，用户也能通过手机、车机及时收到提醒。

三、系统的开源地址

1、阿里Alios开放平台

https://miniapp.alios.cn/index#/document

2、百度车载生态开放平台

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3、腾讯-车载小场景（私我领取PDF）

4、谷歌驾驶

https://developers.google.com/cars/design/design-foundations

5、苹果apple car play

iOS - CarPlay 车载

6、华为车机三方应用交互设计规范

https://developer.huawei.com/consumer/cn/doc/50902#h2-1587181522014

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：站酷 作者：郝小七

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务