前言

表格作为组织整理数据的手段，可以有效的向用户展示数据信息，是B端产品中出现最高频的模块之一。

下图为典型的B端表格示例：

1、定义合理的表格行高

a、行高模数设定

在具体设定表格行高时，由于表格中以文字信息为主，我认为可以参考文字排版的常用做法，将整个表格的行高分成文字行高、文字与分割线间距离，即上下间距两部分来考虑。文字行高可以设定为字号的1.2~1.8倍，文字与分割线间距离可以设定为字号的1~1.5倍。分为这样的两部分也比较符合开发同学写代码时的习惯（多行行高同理去设定）。

b、横向『偷取』屏幕外空间、行高模数设定

当压缩列宽也无法在有限空间内展示大量的数据指标列时，我们可以借助横向滚动来『偷取』屏幕外更多空间。横向滚动需用户拖动滚动条进行浏览，有一定操作成本，所以要结合业务实际情况选用是否利用屏幕外横向空间。

随着行和列的增加，用户的瞬时记忆会达到极限，超过“7±2原则”的范围，用户需要依靠辅助信息去阅读表格内的数据，防止遗忘某列数据的意义。因而当表格数据列较多横向滚动时，建议为用户固定重要信息列，如标题列、操作列。同时用户浏览表格时是符合F型扫视原则的，建议固定列显示在表格左侧，方便用户从左至右浏览数据、从上至下对比数据时能够清晰定位当前所浏览数据的主体是什么，同时可根据需要快速发起操作。

同理，用户拖拽纵向滚动条来阅读数据时，可固定表格的表头，帮助用户在阅读过程中清晰知晓单元格数据的意义。

c、用户自定义展示信息

针对需展示大量数据的情景，我们除了【偷取】屏幕外空间外，可以根据B端产品提供的数据表格是覆盖全部用户角色的全量数据的特点，让不同用户角色来自定义想要浏览的信息，从而提升表格的可读性。下图为百度信息流推广平台的自定义列功能，用户可根据需要选择展示的数据列，系统将在用户完成选择后，主动帮用户保存自定义内容，下次登录后，表格依然按照用户定义的数据来展示。

2、去除视觉杂音，强调对比关系

a、正确使用分割线，实现对表格行与列的强调

横向分割线可强调行内信息的连续性。垂直分割线在缩减元素之间的距离后也能区分不同元素，更好的强调纵向数据对比。但只要遵循良好的对齐方式，通常不展示纵向分割线，避免信息干扰。因而表格中通常仅使用横向分割线和底色分割，提升表格阅读效率。

b、斑马线作用有限

斑马线即隔行（列）变色。它能让行（列）间界限更为明显，但由于与分割线的作用类似，起到的作用有限，可针对不同场景酌情考虑是否使用。比如针对不同类型的数据（如总和、平均值）使用不同底色来区分，可以更突出强调该数据。要注意的是，隔行（列）换色的两种颜色不能反差过大，否则看来太“跳跃”。

对同一类数据而言，分割线就已经能够明显区隔，所以可不使用斑马线，但需要给出单行的悬浮状态，强化横向导视，避免出现列数过多引起数据错行的问题。

3、突显重要内容的视觉重量

前面我们提到表格呈现的数据信息除文本外，还有其它一些可视化数据。可视化一方面提升了列表视觉表现力，增加差异化，另一方面让内容更加突出，提升阅读效率。例如：数据列中数据异常时，最好可以醒目的形式突显，让用户一进入页面就能快速注意到异常状况。

对于表格行内的操作我们也应当进行优先级排序，为用户专门设置操作列展示高频核心的操作，其它相对低频的次要操作可隐藏在相关数据单元格中，用户有诉求时hover对应单元格即可快速发起操作。

b、隐藏辅助信息

表格中的有些数据指标是综合纬度的，当用户关注点定位于该指标时，需要通过细分数据来理解、分析。指标的细分纬度信息虽能起到辅助用户更好理解数据指标的作用，但如果全部拿出来在表格列展示，会让表格变得臃肿不易读，此时可以考虑采取一定设计手段去隐藏这些信息，把触发展示的自由度交给用户，也更符合用户逐级查看的场景。例如，百度搜索推广平台中关键词列表中，质量度指标是由多条数据共同决定的，我们采用了将细分指标聚合在气泡卡片中，当用户HOVER质量度得分数据时展示出来。

再比如，有父子层级关系的数据，可以通过父子折叠表格将子信息默认隐藏，用户根据需要，去展开查看详细的子信息。

2、设定折行与截断规则

B 端业务的数据信息复杂多样，信息内容的长度高度是多样不可控的，很多内容会超出我们限定的最大列宽，最大列高，我们应当给出折行与截断原则去约束内容的展示，而非总是为具体情况而做特殊设计，破坏体验的一致性。

截断折行原则设定时要细分，不能简单粗暴的一刀切，比如一行截断这种，如日期、时间等固定格式内容，拖动列宽后文字应折行而非截断展示，避免影响用户误读。再比如很多业务实体标题字段是格式化的，即标题前面部分可能都是一致的，这时候如果简单的截断，用户就需要逐一Hover才能找到定位到要找的数据。因而折行与截断原则，我们建议是给出三种：单行截断、双行截断以及自适应截断，根据具体业务情景选择。

文章来源：站酷    作者:百度MEUX

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

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

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

有些时候，我们前端从后端拿过来的JSON对象数据，某些字段并不是前端想要的，需要对一些字段名进行重命名。一般修改对象数组的对象属性名，最简便的就是通过遍历对象数组的方法进行修改，但是用这个方法，如果处理的数据量很大，它的执行效率是非常低的。下面介绍一个更高效的方法，即通过正则的方法进行过滤修改。

JSON.parse(JSON.stringify(data).replace(/name/g, 'new_name')) //data为数组，name为修改前，new_name为修改后

解释：1）JSON.stringify()把json对象转成json字符串；

          2）使用正则的replace()方法替换属性名；

          3）JSON.parse()把json字符串又转成json对象。

修改多个属性：当要修改多个属性名时，多次调用replace方法，可以链式调用。如下面说明

JSON.parse(JSON.stringify(data).replace(/name1/g, 'new_name1').replace(/name2/g, 'new_name2').replace(/name3/g, 'new_name3')...)

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

文章来源：博客园

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

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

1、push()、pop()和unshift()、shift()

这两组同为对数组的操作，并且会改变数组的本身的长度及内容。

不同的是 push()、pop() 是从数组的尾部进行增减，unshift()、shift() 是从数组的头部进行增减。

var arr = [1, 2];

2、push()和unshift()

向数组的 尾部/头部 添加若干元素，并返回 数组的 新长度；

arr.push(3,4)；         //返回 arr 的新长度 4

arr ;                        // arr = [1,2,3,4];

arr.unshift(0,0.5);    // 返回 arr 的新长度 6

arr ;                       // arr = [0,0.5,1,2,3,4];

3、pop()和shift()

从数组的 尾部/头部 删除1个元素(删且只删除1个)，并返回 被删除的元素；空数组是继续删除，不报错，但返回undefined；

arr.pop();　　　　　　//返回 4；

arr ;　　　　　　　　  // arr = [0,0.5,1,2,3];

arr.pop();　　　　　　//返回 3；

arr ;　　　　　　　　 // arr = [0,0.5,1,2];

arr.shift()；　　　　  // 返回 0 ；

arr ;　　　　　　　　// arr = [0.5,1,2]

PS: pop()和shift() 不接受传参，即使传了参数也没什么卵用~~；

arr.pop(3) ;           // 返回 2；永远返回最后一个；

arr ; 　　　　　　　// arr = [0.5,1];

arr.shift(1);　　　　// 返回 0.5; 永远返回第一个；

arr ;　　　　　　　　// arr = [1];

arr.pop() ; 　　　　// 返回 1；

arr ;　　　　　　　　// arr = [];

arr.shift()　　　　　// 返回 undefined；

arr ;　　　　　　　　// arr = [];

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

文章来源：博客园

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

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

什么是「预判设计」？

预判设计（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 

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

 <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，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

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

蓝蓝设计( 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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务