Ant Design 4.0来了！第三届SEE Conf都讲了什么？

2020年1月4日，由蚂蚁金服体验科技主办的第三届 SEE Conf 蚂蚁金服体验科技大会在杭州如期举行。大会上，蚂蚁金服公开了 Ant Design 4.0预览版本、幻鹦数字驾驶舱，以及可视化智能研发流程 AVA 等。用可视化、智能化等手段，让体验科技从好看到好用，让前端和设计可以更快乐的一块儿工做。

从好看到好用的体验科技

在开场演讲中，蚂蚁金服体验技术部负责人玉伯，分享了他对体验科技与好的产品的思考。

在过去几年，体验技术部致力于中后台以及企业级SaaS产品的研发，但在他看来，SaaS 产品让咱们的生活更简单，但还远远不够美好。

玉伯认为，SaaS 产品的体验须要更新迭代，SaaS 产品体验的演进分为两个阶段，第一个阶段是从有到美，也就是从功能知足需求以后，开始追求页面美化、UI 从新设计，这也是Ant Design 的初衷和对业界最重要的贡献；第二个阶段是从美到好，也就是从好看到好用，须要从新思考整个产品，下降研发和使用成本。

那么，什么是好的产品呢？张小龙提出的十条原则，俞军提出了使用价值理论，给出了各自的阐述。

玉伯和他的小伙伴们也有本身的想法，那就是，在体验科技的视角下，好用等于“效用”加上“爱用”。

所谓效用，就是理性的好用，爱用就是感性的好用，好用的产品是理性和感性层面好用的结合。

以体验科技为例，它的发展就经历了从无到有、从有到美，以及如今正在从美到好的这样一个过程。

设计师如何直接创造社会价值？

来自湖南大学的设计艺术学院院长何人可教授，分享了基于地域文化的设计创新，也就是他所带领完成的新通道设计与社会创新项目。在这个项目里，何教授带领设计师团队不只挽救了少数民族的非物质文化遗产，还推进了精准扶贫让当地民众摆脱贫困生活，能够说设计师直接创造了社会和商业价值。

在湖南省通道侗族自治县，有少数民族的大量非物质文化遗产，好比侗族建筑风雨桥、鼓楼等很是有名。可是，随着时代发展，这些非遗面临着消失的危机。何教授带领团队对当地的文化遗产资源从设计的角度进行分析，提炼出了非遗的设计元素并进行数字化、当代化、全球化、商品化，从而让非物质文化遗产在社会、文化、环境、经济等各个层面可持续发展。

几年多来，新通道项目让侗族传统文化和全球进行文化交流，并创建合做关系，例如和奔驰合做推出侗族风格的汽车内饰产品，让侗族文化能继续延续生命力，进入更普遍的天地。

新通道项目是一个绝佳的例子，让咱们看到设计以及设计师对社会直接创造的价值。

Ant Design 4.0想让每一个人快乐工做

Ant Design 通过多年的发展，成为 GitHub 上最受欢迎的UI组件库，在打造4.0版本的时候，开发团队从新思考了 Ant Design 的原点。

如今，Ant Design有一个基本假定：每一个人都追求快乐工做。工做是不可避免的，咱们一半以上时间都在工做。快乐工做，对于每一个人意义重大。

从数据来看，工做并不让人开心，不少人宁愿发呆也不肯工做。其中的重要缘由包括，工做设计的不合理，挑战和技能不匹配，挑战太高，工做太艰难让人望而却步，另外一方面，长期缺少挑战的工做也让人如坐针毡。

Ant Design 如何解决这个问题呢？团队认为，让挑战持续匹配技能，就能创造连续的快乐工做。

在这个假定之上，他们衍生 Ant Design 的价值观体系，针对产品的设计者和用户，提供快感和乐趣两类感觉，其中包括肯定性、意义感、生长性，以及天然。

所谓天然式的交互，就是让功能找到用户，节省用户脑力体力。Ant Design 4.0 在设计上也遵循这个原则。

在基本假定以及这套设计价值观之上，加上三类设计资产和两种设计策略，以及为开发者提供的配套工具，就构成了 Ant Design 4.0 的全景图。

对于这张图，后面会有文章详细解读，这里值得一提是图形化资产HiTu，经过 Sketch 插件 Kitchen 进行可视化的拖拽，就能够快速生产原型图、页面配置，甚至代码，极大的解放了前端开发者的生产力。

目前 Ant Design 4.0 已经在官网对外开放：https://next.ant.design

幻鹦数字驾驶舱让科幻照进现实

来自蚂蚁金服体验技术部图形与艺术实验室的分享显得有些科幻，他们将西部世界和饥饿游戏里的 Control Room 变成了现实。

幻鹦数字驾驶舱是一套沉浸式的、模拟场景的人机交互系统。具体来讲就是做为业务信息的数据中枢、决策思惟的可视化载体、成果对外展现的窗口。这三个方面也是团队在和合做伙伴沟通中最多见的需求。

对于一个可视化的决策和交互系统，人们但愿能作到内容直观，办事高效。幻鹦的作法就是在客户和从物理世界采集的数据之间构建体验科技。这个中间层是一个用户友好型的感知和读取数据的环境。它的存在是为了让数据深刻浅出。

团队将数字驾驶舱分为多个图层，如空间 UI、3D Data Viz、模拟场景等。而后基于图层构建了幻鹦设计体系以及设计方法论，并沉淀为三位一体的解决方案 Cocka Studio 1.0.

目前幻鹦数字驾驶舱仅对阿里和蚂蚁集团的合做伙伴开放，后面会有文章进行详细解读，敬请关注。

AVA用一行代码解决图表问题

最后值得一提的就是 AntV 的最新力做 AVA，经过智能技术实现自动化图表，在实际使用中能够经过一行代码，通过几分钟便可生成图表，而且能够应对不一样场景。

AVA后两个字母表示 Visual Analysis，而前面的“A”是个包含多个含义的向量。具体含义包括阿里巴巴、AI、自动化以及加强，分别表明不一样方面的特征。

上面提到的一行代码长这样：

里面的参数，container 表示图表所在的容器，data 即数据，后面的参数是图表的配置。

而更方便的是，这里的配置不用手动填写，在开发模式下能够经过实时调整图表并自动生成配置代码。若是连数据也不知道，也能够不填，在页面中初始化后进行编辑。

更神奇的是，autoChart 能够根据提供的数据自动推荐图表。事实上每种图表都有它适用的场景，好比常见的饼图，适合分类有限、占比突出、差别明显的数据。

经过知识库、推荐规则和推荐器，autoChart 作到根据数据推荐适合的图表。若是不放心， 它还在页面上提供了三种不一样的图表，能够随时切换。

AntV 团队还分享了他们对于智能可视化将来的见解，智能可视化将经历从研发态到阅读态再到分析态的演进过程。

其中 autoChart 表明的就是研发态，它将原来的100+行原始代码，浓缩到一行代码解决。阅读态指的是交互分析组件的智能加强，让用户更方便的从图表获取信息。分析态则是指的运行时的可视分析智能辅助，好比自动识别出趋势、回归、奇异点等统计特征。

总结

体验科技究竟是什么，并无定论，每年的蚂蚁金服体验科技大会上，演讲者都会给出本身的思考。SEE 是 Seeking Experience and Engineering 的缩写，同时 SEE 也表明着“看见”，但愿技术能看见设计的价值，也但愿设计能看见技术的力量，在彼此看见中互相融合成长，一块儿让世界更美好。从体验出发，为用户提供更好的产品，同时提高开发者和设计师的效率，这也正是 SEE Conf 的独特之处。

除了上午场以外，下午还分红了技术和设计两个分会场，包括如何用 React 更方便的开发小程序、Serverless、JCD 思惟等等，会后 PPT 和视频在准备完成后会第一时间放出，后续咱们也会将分享整理为图文发布，欢迎关注。

另外，若是你在现场参加了本届 SEE Conf 或者观看了在线直播，欢迎在知乎分享你的收获和吐槽，主办方会认真听取你们的反馈，让咱们一块儿将 SEE Conf 办的更好~