浅谈节点编辑器工具与智能UI-智能化产品页面（一）

前言
智能化方面，在营销交互的工作中，活动页面模块化，模块组件化，组建智能化，会有效的提高，设计对用户的体验的感知、运营对数据的判断、产品对用户群体的了解并且可以减少程序反复遭车轮的尴尬。不仅如此，高度智能化的组建可以大大缩短活动的上线周期，使反复出现在活动中的产品不需要多次编辑，只需要添加功能（规则）不断完善智能化。
节点编辑器方面，智能建立在简单、高效、快速的基础上我们称为智能，对于一味的堆砌表格实现的学习成本极高的智能化方案来说是一个失败的智能化方案，智能要大家看得懂，看的明白，傻瓜式配置方法，全员可参与、可查看、可编辑；
节点编辑器由“类树状图”演变而来，视觉上能快速的通过树状图的脉络追寻到每个节点（环节）的联系，这样高效的可视化方案也被广泛的应用在多领域，例如：游戏引擎-虚幻引擎的蓝图，三维表现工具-blenler节点编辑器，特效工具-Houdini粒子编辑器等等都在使用。

启点
电商App的智能化表现
自2009年起“双十一”映入眼帘，往后的十几年里，淘宝、天猫、京东等各大电商平台对购物节时货品的展示做了许多细节上的迭代优化，更细化且精准的智能推荐算法，更人性化的交互体验、更懂得用户的展示方式。
活动中产品信息的透出混乱
从2021年4月至今为止（22年11月）每次除S级活动对产品卡有一些设计以外，日常的财富活动中我们往往会认为产品卡是固定样式，对产品信息的透出关注较少，始终复用以往的形式，虽有做过少量的数据验证，验证产品卡合理结构合理性，但使用上非常困难。
营销活动中的不良体验
人性化设计即更好服务于人（用户）的设计，让用户看到想看到的产品信息这对于用户体验来说十分重要，体验过程中经常会被莫名其妙的体检产品，让人摸不到头脑，我时常会产生厌烦的情绪：“这跟我有什么关系？”“我为什么要买？”“买它又能怎么样？”“为什么现在要买？”等等问题，所以一个不断完善的智能化方案，应该在迭代中/实时去解决这些问题。

愿景
以简单、高效、协作等为核心框架，探索一个相对完善的智能化解决方式；
为团队优化工作流程，缩短工作周期，降低沟通成本，给团队成员预留充足的思考空间，给企业降本增效；
希望给体验设计的同人们带来更多的可思考方向；
记录自己的思考过程，接受更多人的推敲使设计不断完善。

《三维表现工具Blender》节点编辑器（着色编辑器）长什么样？
一、Blender背景
Blender是一款跨平台的应用工具，可以在Linux、macOS以及Windows系统下运行。与其他3D建模工具相比，Blender对内存和驱动的需求更低。其界面使用OpenGL，在所有支持的硬件与平台都能提供一致的用户体验。

二、节点编辑器简述
Blender拥有着许多不同功能的节点，不同节点有不同功能，不同节点所达成的目的也不相同，多个阶段的串联可以组成千万种功能，这样可视化的节点编辑器的好处就在于，他对于非程序人员非常友好，学习成本低新用户上手极快，在连接后清晰的运行脉络，更容易进行编辑，也可以任意的断开节点检查错误。

三、新建列表
Caps Lock ⇪ + A 可以调出新建的菜单，菜单按照输入、输出、着色器、纹理、颜色、矢量、转换器、脚本、群组、布局排列，这种排列方式与运行流程一致，

四、颜色区分功能
体验设计师将各个功能用颜色进行了划分，输出（无色）、输入（红色）、着色器（绿色）、纹理（桔红色）颜色（黄色）、矢量（紫色）、转换器（蓝色）、脚本（深绿）、群组（草绿）、布局（独特的形状不需要颜色），不仅如此，不同功能上需要连接的节点颜色也与其功能一致，不同功能不同颜色，在复杂的渲染编辑中使用体验极佳，可以在杂乱的输出流中快速找到想要修改的环节，即使放的很小也可以被轻松找到。

五、悬停说明
当用户将鼠标悬停在某个环节的某个参数上时，会出现参数的解释，在使用中充分缓解用户的迷茫感。

六、规范化的模块设计
模块内的阐述调节器，都做了一致化处理，统一的下拉样式，相似调节方式一致的输入框，连接后不可再输入的显示方式等
《天猫双11智能UI方案》电商的智能化做了什么？
一、GDM模型
GDM是General Design Modle的简称，旨在构建一套移动端电商场景下的界面描述模型。
GDM的目的是为了服务这智能UI设计。智能UI设计在业务上表现是所谓的千人千UI，但本质上对于设计师来说，是一种设计模式的变化。设计师面对的一个动态的，成百上千的设计结果。因此除了传统的基于版面的衡量手段，我们还需要新的衡量手段——那就是追溯并衡量每个设计要素的成效。
而这种强大的数据溯源方式的前提是设计数字化，也是GDM在工程端的实际落地。简单来说，设计数字话需求设计、前端、算法、开发都follow统一的标准，这个标准在这里我们称它为GDM。

二、2020年天猫双十一的智能UI方案(*****不能看)

小结
智能化方案的思考其实已经有一年左右的时间了吧，真正的看到整理写下来的过程也花了有3个月去了解，访问了天猫智能化方案的其中一个程序员，拿到了一些以前怎么找也找不到的文档，有许多苦思冥想的卡点迎刃而解，在这个高速迭代的互联网时代中，智能化的方案一定是企业提效的重要工具，与每次人工复盘相比，每秒上万次的判断与展现效率不知提高了多少，千人千面的智能UI已经在不知不觉中扎进了我们的生活，人们不知道为什么越来越想买了，可我们要知道是什么改变了他们，又是什么可以让他们沉浸其中。
我会在后面具体的推进我的设计思路，以及进行设计方案的展示请大家给予一定的反馈与支持。

参考文献/思路来源
https://docs.blender.org/manual/zh-hans/latest/index.html
https://zhuanlan.zhihu.com/p/387971740
此处为语雀内容卡片，点击链接查看：https://yuque.antfin.com/yunfengdie/gs72bo
此处为语雀内容卡片，点击链接查看：https://yuque.antfin.com/xiaoci.wj/dme