Problems
- 节点画布理解成本高
- 节点状态混在一起，操作不清楚
- 创作流程难以复用
通过节点画布的方式将生成能力串联的工作流
查看网站项目介绍
工作流不是一个单点工具，而是一张把文字、图片、视频、音频等生成能力串起来的节点画布。 用户可以从空白开始，也可以直接复用模板。
创作者搭建好的流程可以沉淀成模板，被更多用户直接使用，让复杂创作从一次性操作变成可复用的生产路径。
Solution
- 统一节点结构和状态规则
- 拆分不同状态的操作反馈
- 把创作者流程沉淀成可发布的模板
Results
- 从一次性创作变成可复用内容
- 专业创作者的创作被大众用户复用
- 移动端承接消费和二创
Preparation
刚拿到需求文档
竞品调研
需求文档
用户调研
把背景信息输入给AI
把市场现状、竞品缺口、用户痛点整理起来，让 Claude 快速输出产品框架
用 Claude Design 输出原型图
基于框架，用 Claude Design 快速生成主要功能的原型图，得出产品切入点和设计方向
Design Goals
根据业务诉求和用户需求，推理出设计目标。
把复杂的节点编排拆成清楚的设计目标：先统一操作，再降低理解门槛，最后把完整创作流程沉淀成可复用内容。
Structure Definition
观察页面结构
拆解页面中的核心区域、入口关系和信息层级，确认用户从进入页面到开始创作的理解路径。让用户第一眼明白要干什么
进入工作流后，首先看到的会是页面中间的问候语和下面的模版卡片，在这里就提供了两个起点。
针对工作流的整体操作
把项目生成记录、全局运行和发布入口放在同一个操作区域，帮助创作者理解对项目整体的操作。
侧边栏满足用户高频需求
用顺序引导用户，新建节点最高频放最上面，帮助最低频放最下面。
1.该怎么开始？
一开始看到的会是+，可以添加节点
2.不知道能做些什么？
有现成的工作流可以复用
3.有一些问题需要反馈
扫码进进群
Node Vision
节点视觉
体验竞品，在设计前分析他们的好坏
探索节点的结构
根据对比竞品后的结论和产品的观点，确认了节点的结构。
Proposal
开始出完整项目的方案
但颜色+图片有点花里胡哨，用户在意的是生成的结果，所以在后面的方案中慢慢的弱化颜色的存在感。
在边框和名称上做颜色区分
在内测的时候，整体体验下来这样在页面会更简洁干净
页面+节点变得更加简约
默认沉浸式写prompt和看结果，只在hover和选中的时候有颜色。在区分节点的同时，也让操作节点的每个状态变得更清晰
Interaction Rules
节点交互
节点热区的定义
由于节点有两个层级，并且整个节点的操作包含拖拽，移动；但节点内的操作有输入框，所以需要详细定义不同状态的操作。
未选中状态
推荐功能给用户提供起点
hover状态
节点全屏显示结果，输入框收起
选中状态
输入框出现，在同一个节点完成编辑
统一节点结果展示的内容
在确定了整个节点的热区规则之后，开始定义生成之后，节点展示的内容。拿图片的举例：
空状态
推荐功能给用户提供起点
结果状态
节点全屏显示结果，输入框收起
hover状态
输入框出现，在同一个节点完成编辑
进一步的定义连线规则
选中节点时，关联连线同步高亮
让用户一眼看清这个节点的上下游关系
拖拽连线时，不可连节点实时变灰
知道哪些节点可以连、哪些不行
Template Publish
从创作到消费，工作流完成内容闭环
工作流不只是一个创作工具，它的终点是把专业创作者的创作逻辑变成可以被大众复用的模板。
填写信息并发布
用户可以通过工作流的流程创建一个模版且发布，通过替换工作流的图片内容。
移动端复用模版
模板会出现在千问AI创作板块，大众用户基于模板进行二创，实现内容的持续扩散。
Design Thinking
设计思考
发布让工作流的价值放大，专业创作者的创作逻辑通过模板被复用和扩散，这也是产品设计当时路径的核心逻辑——让少数人的创作能力服务更多人的创作需求。
Problem Tracking
根据用户反馈迭代设计
测试阶段白名单创作者在实际使用中暴露了三个之前没有预判到的问题，每一个都推动了具体规则的制定。
视频背景让文字看不清
在原有黑色渐变蒙层之上，编辑 prompt 时额外叠加一层模糊渐变，提升对比度。
竖屏视频节点里 prompt 显示太少
针对不同比例做节点尺寸规则，横向视频固定高度、宽度随比例延伸；竖向视频固定宽度、高度随比例延伸。
Project Summary
项目复盘
测试中暴露的问题不只停留在单点修复，而是被整理成节点状态、尺寸比例和内容可读性的规则，帮助后续功能迭代保持一致。
节点结构天然适应 AI 模型的快速迭代
以前每接一个新模型，都要改一次生成面板。HappyHorse 就因为接口一直变，面板改了好几轮。后来换成工作流，接口变了就改节点、加节点，不用每次重做整个页面。
低估了节点的复杂度
设计时更关注节点本身，对拖拽、框选、多选这些画布交互考虑得不够，前期也缺少调研和规范。
工作流 × Agent，从手动搭建到对话驱动
千问创作接下来的重心是长视频生成。更大的方向是——用户不再只是操作工具做内容，而是像制片人一样发起一个项目。
