当理性的可视化遇上互动屏会碰撞出怎样的火花？
云栖大会议题太丰富，
如何挑选适合自己的那一趴？
点击「阅读原文」，
或扫描下方二维码，
为你自动匹配合适的云栖大会议题，
生成一朵属于你的“数字植物”。
?
全文共 1971 字，阅读需要7 分钟
①
一朵基于选择生成数字植物
2021年云栖大会，4天96小时，云栖小镇变身「云栖数字谷」 ，4大数智主题馆轮番上阵。互动屏「数字植物 Digital Plants」变身数字谷里的一朵，旨在发挥数据可视化的传播价值，为线下及线上的参会者生成独一无二的“数据植物”，并在100+场论坛中为每位参与者提供个性化的议程安排。
作为2C传播项目，与强调分析的数据可视分析不同，「数字植物 Digital Plants」的核心思路在于吸引参与者驻留在屏幕前，通过互动生成属于自己的数据作品，让参与者感觉到“与我有关”。如何通过隐喻与参与者构建心理联结，让参与者感知数据？如何在多端媒介中吸引用户参与互动？将成为新媒介时代下数据可视化的研究重点。
②
数据：
专属(Diverse)与可控(Order)
在花瓣和植物的背后，数据是怎样串联的呢？为了让参与者感到“与我有关”，每个人的数据都应该是独一无二的，而从可视化效果考虑，数据又应在一定范围内可控。
为了保证“数据专属性”，我们把筛选数据的权利赋予参与者，动动手指，选择屏幕中感兴趣的关键词，选中的“花瓣”和关键词将被存储，与之相关的云栖大会议题将以“数据植物”的形态生长出来。因此，每个人的选择不同，得到的数据也不同。
为了保证“数据可控性”，每个被选中的“花瓣”都关联着一串与之相关的云栖议题数据，包括主论坛、子议题、开始及结束时间、分享嘉宾等信息。这些活动及嘉宾信息本身都是静态且可控的。
③
映射：
形式(Form)与功能(Function)
Form follows the function.
—— Louis Sullivan
The complex is not complicated.
—— Andy Polaine
可视化应当具有一定的复杂性，但不等同于晦涩难懂；互动型可视化追求趣味的形式，但也需要平衡功能性的需要。
「数字植物 Digital Plants」的主视觉页面会基于用户选择的“花瓣”关键词生成专属于自己的数字植物。「数字植物」中蕴含了各种数据映射方式以及交互形态。
每一株植物的每一朵花都拥有各自的时间特征，花朵的位置信息分别映射了云栖大会4天的8个时段，如10月21日的上午、10月22日的上午等。
花朵的不同颜色，代表了这一时段所有发生的议程中占比最大的场馆专属颜色。
我们利用了自然界花朵常见的环形外观，结合同样形态的「时钟」对于时间的环形数据表达，映射了议题开始时间的时序数据。每一朵花中的每颗花药（小圆圈）映射了议程中的每个议题，花丝的生长方向代表了每个议题的开始时间。如果议题在同一根花丝上，代表它们是同时开始的，用户可以根据这一可视化设计合理安排观展行程，在这专属于自己的数字植物上总结出自己的“云栖大会行程攻略”。
同时，这里也提供了不同的交互方式。用户可以点击花朵的花药（小圆圈），突出展示的闪烁光点和连线表达了这一「花药」所属的完整议程和分享议题的顺序，同时有关该议程相关信息也会同步更新。用户也可以点击某一朵花，查看这朵花所属时间段的相关信息介绍。
为了模拟真实的花朵生长效果，从根部缓缓长出的藤蔓、随风摆动的花瓣，花朵的动效经过
多次的迭代和调试。
最初的动效仅包含花朵的摆动效果，经过迭代调试后，增加了植物的生长动画，并在摆动动效中增加藤蔓的动画，更贴近真实，提升「数字植物」的趣味性。
④
隐喻：
为虚拟数据赋予「实体」
作为数据的视觉化再现方式，数据可视化通过视觉语义来有效传递数据信息。“自然的隐喻”，利用象征语义的特性，借用自然界的生物及规律法则来设定或描绘虚拟化场景，创造出直观、形象的自然视觉实物，以优化用户认知潜能的方式，渗透并映射到数据可视化的设计中。
「数字植物 Digital Plants」利用植物的生长形态比喻用户每一时段的云栖议题日程，以更优美和生动的植物树型形态对主论坛、子议题等的层级数据结构作出新的可视化诠释。
同时，每一株花的环形可视化设计表达出了不同议题的开始时间这一数序数据，兼顾了用户对于时间的环形展示的日常习惯。“自然的隐喻”把一系列符号、图像与人们日常世界相连接，在形式传达与意义转换中带来更新奇、更具美感的感受和体验。
⑤
传播：
亲近参与者的传播媒介
数字媒介时代，数据可视化也需要在新媒介中有更多的尝试，展陈、网页和移动端同步上线已成为趋势。如何降低可视化理解的门槛、贴合用户阅读习惯，并使用更亲近大众的方式，也成为了项目的研究重点。每位参与者可以在「数字植物 Digital Plants」中下载到专属的植物海报，海报上有参与者的昵称及其在“云”领域的兴趣分布结果，来云栖大会现场互动还可以免费领取周边贴纸。
——「数字植物 Digital Plants」已在云栖大会礼品店及线上同步上线，无法来到现场的同学欢迎点击「阅读原文」体验移动端版本～
——「数字植物 Digital Plants」云栖大会线下体验店
About us
不设限，不追随，不为设计为未来
我们是阿里云设计中心
Presented by
Follow us
本篇文章来源于微信公众号:阿里云设计中心
