GUI + LUI Product Roadmap

把 UI PaaS 从页面搭建平台,升级为企业体验生产平台

GUI 仍然是企业软件承载复杂任务的主界面;LUI 不替代 GUI,而是嵌入页面、组件、字段、动作和工作流,承担意图输入、智能生成、数据解释、动作执行和体验优化。最终产品形态是:GUI 可视化界面 + LUI 自然语言/多模态交互 + Schema 结构化底座 + 语义上下文层 + Agent/Workflow 可调用动作层 + AI 质量治理体系。

统一 组件、页面、样式、交互和预置对象开箱体验统一治理。
智能 新建编辑页智能填单,列表页洞察分析,详情页摘要和下一步建议。
提效 通过自然语言、截图、文档和语义生成组件、页面、视图和配置优化建议。
可控 所有 AI 生成与 Agent 调用都受 schema、权限、审计、评测和人工审核约束。

01 / 总体架构

LUI 融入 GUI 的核心方式,是把语言意图接到页面、组件、字段和动作上

不要把 LUI 做成孤立的聊天助手。真正有价值的 LUI 应该能理解当前页面、当前对象、当前字段、当前用户权限和当前业务任务,并将用户意图转成 GUI 配置、数据洞察、业务动作或流程执行。

体验层
Web、移动端、小程序、工作台、IM 卡片、Agent 卡片。一个业务对象需要能在不同入口中用同一套 schema 渲染。
GUI + LUI 交互层
页面助手、字段助手、列表洞察、详情总结、自然语言搭建、多模态输入。LUI 负责表达意图,GUI 负责呈现、确认和复杂操作。
页面与组件层
组件库、页面模板、对象页面、自定义组件、布局系统、主题系统。AI 生成必须落到可维护组件和页面资产上。
语义与上下文层
对象语义、字段语义、指标语义、关系语义、场景语义、数据质量语义、推荐依赖。AI 质量取决于这一层。
结构化 Schema 层
页面 schema、组件 schema、数据绑定 schema、事件 schema、Action schema、Workflow schema、Visibility schema。
执行与集成层
API、Workflow、Agent Action、权限、审批、审计、连接器。页面动作必须能被 GUI、Agent 和 Workflow 复用。
质量与治理层
AI 评测、回归测试、人工审核、发布审批、版本管理、使用反馈。没有质量保障,AI 生成不能进入生产。

产品原则:LUI 不替代 GUI,而是增强 GUI。复杂任务仍然需要表格、表单、图表、审批、对比和批量操作;LUI 的价值是降低操作成本、理解成本和搭建成本。

02 / 方案一

界面体验统一治理:组件治理与改造

目标不是重做一套组件库,而是建立组件资产台账、体验规范、迁移机制、AI 可理解的设计系统,让新旧页面都能被治理、扫描、优化和演进。

组件资产台账

把所有组件纳入资产治理,明确状态、依赖、使用范围和迁移风险。

具体要做

  • 盘点基础组件、业务组件、图表组件、表单组件、布局组件、旧版组件、自定义组件。
  • 组件打标签:基础、业务、容器、数据展示、输入、操作、AI、废弃。
  • 组件状态管理:推荐使用、兼容保留、限制使用、计划下线、已废弃。
  • 统计组件被哪些页面、对象、租户和端使用。

交付物

  • 组件资产中心
  • 组件使用地图
  • 组件依赖分析
  • 组件废弃与迁移计划

设计 Token 与页面规范

把视觉和交互规范变成机器可读约束,供人配置,也供 AI 生成时遵守。

具体要做

  • 建立颜色、字号、间距、状态、密度 token。
  • 定义新建页、编辑页、列表页、详情页、分析页、设置页规范。
  • 定义列表页字段数量、默认排序、快捷筛选、批量操作、空状态、异常状态。
  • 定义详情页头部摘要、关键字段、关联对象、时间线、洞察卡片和推荐动作。

交付物

  • Design Token 管理后台
  • 主题配置器
  • 页面规范中心
  • 页面健康分与规范检测器

旧组件改造与迁移

通过 adapter、影响分析、灰度迁移和回滚机制降低体验治理风险。

具体要做

  • 建立旧组件到新组件的映射关系。
  • 提供页面影响分析:字段绑定、事件、样式、移动端适配。
  • 支持一键迁移、灰度迁移、迁移回滚。
  • 废弃组件提供替代组件和迁移建议。

交付物

  • 组件迁移工具
  • 旧组件扫描报告
  • 迁移前后差异预览
  • 迁移风险等级

LUI 体验治理助手

让管理员用自然语言理解页面问题,并生成可确认的治理方案。

典型问法

  • “这个页面为什么体验分低?”
  • “帮我把旧组件迁移成新版组件。”
  • “这个页面移动端有什么风险?”
  • “生成一份组件废弃影响报告。”

系统输出

  • 问题解释
  • 影响范围
  • 迁移方案
  • 变更 diff 和回滚点

03 / 方案二

核心页面 AI 开箱体验:重点做好预置对象开箱

先围绕客户、联系人、线索、商机、合同、订单、工单、项目、员工、供应商等高频对象做开箱。每个对象至少提供新建/编辑页、列表页、详情页三类核心页面,且默认带 AI 能力。

新建/编辑页

多模态智能填单

用户可以通过自然语言、语音、图片、文档、聊天记录录入信息。系统自动识别字段、填充表单、标注来源和置信度,并对缺失、重复、冲突字段进行追问。

OCR 语音转文本 字段映射 保存前 AI 校验
列表页

数据分析与洞察

列表页支持自然语言筛选、洞察卡片、异常检测、数据质量提示和推荐动作。用户可以说“找出最近 30 天没有跟进、预计金额大于 10 万的商机”。

NL2Filter 趋势分析 异常检测 推荐动作
详情页

对象级数据洞察

详情页回答“这个对象当前状态是什么、有什么风险、为什么重要、下一步做什么”。默认提供 AI 摘要、关系洞察、时间线洞察和下一步建议。

AI 摘要 关系图谱 时间线洞察 下一步建议
页面类型 具体要做 LUI 如何融入 GUI 核心交付物
新建/编辑页 多模态输入、字段抽取、字段映射、置信度、冲突检测、智能追问、保存前校验。 右侧表单助手、字段旁解释、“帮我把这张名片录成客户”、高风险字段人工确认。 多模态输入组件、字段抽取引擎、字段来源追溯、重复数据检测、保存前 AI 检查。
列表页 自然语言筛选、列表洞察、数据质量分析、异常检测、推荐动作、智能视图生成。 用户用语言生成筛选和视图,系统用 GUI 展示可编辑条件、图表、洞察和批量动作确认。 NL2Filter、洞察卡片、数据质量洞察、推荐动作引擎、AI 视图生成。
详情页 AI 摘要、关系洞察、时间线洞察、风险解释、下一步建议、对象级问答。 对象级 LUI 助手回答“有什么风险、为什么建议跟进、帮我生成拜访摘要、帮我创建任务”。 对象摘要组件、关系图组件、智能时间线、推荐动作卡片、来源引用。

04 / 方案三

界面搭建提效:从拖拽配置升级到意图生成和差异确认

目标是把搭建方式从拖组件、配属性、绑字段、写事件,升级为描述意图、生成方案、预览差异、人工确认、一键应用。

配置页面给优化建议

扫描已有页面,给出体验、性能、组件、字段、移动端和权限问题。

具体要做

  • 扫描组件是否过时、字段是否过多、首屏是否冗余、移动端是否可用。
  • 识别无权限字段、无数据字段、低使用字段、缺少关键动作、性能风险。
  • 生成字段排序、字段隐藏、字段分组、默认筛选、组件替换、洞察卡片建议。
  • 支持建议采纳、忽略、一键应用、应用前后对比和回滚。

自动生成组件

从自然语言、截图、数据模型生成可编辑、可绑定、可发布的组件。

具体要做

  • 从自然语言生成组件结构、属性 schema、数据绑定、事件定义、状态和样式。
  • 从截图识别布局、文本、字段、按钮、图表、列表、卡片并映射为组件。
  • 从数据模型生成风险卡片、趋势图、明细表、筛选器和动作按钮。
  • 生成组件测试用例和组件发布流程。

自动生成页面

从对象、描述或现有页面变体生成完整页面。

具体要做

  • 从对象生成列表页、新建页、编辑页、详情页、分析页和移动端页。
  • 从描述生成页面布局、图表、列表、筛选器、风险卡片、推荐动作和权限配置。
  • 从现有页面生成移动端版本、主管视角、销售视角等页面变体。
  • 输出页面 schema、变更 diff、权限检查和发布审批。

三类 LUI 搭建助手

分别理解页面、组件和业务对象,避免一个泛化助手解决所有问题。

助手类型

  • 页面级 LUI:理解整个页面,给优化建议并生成页面 diff。
  • 组件级 LUI:理解组件属性、事件、状态和绑定,生成或修改组件。
  • 对象级 LUI:理解对象语义和页面模板,生成对象相关页面。

05 / 方案四

补底座:语义层、上下文层与结构化 Schema

没有底座,AI 只能做 demo;有底座,AI 才能进入生产。底座分两部分:语义层让 AI 生成业务正确的页面,结构化 schema 让页面、组件、动作、Agent 和 Workflow 可维护、可调用。

底座能力 具体要做 关键交付物 用于支撑
对象语义 定义对象类型、业务角色、生命周期、常见页面、关键动作。 对象语义字典、生命周期配置、页面模板映射、对象动作库。 对象页面开箱、AI 页面生成、详情摘要、推荐动作。
字段语义 给字段打标识、状态、金额、时间、负责人、风险、联系方式、敏感等级等标签。 字段语义字典、字段优先级模型、字段敏感等级、字段推荐理由。 智能填单、列表字段推荐、详情摘要、权限过滤。
指标语义 定义指标口径、维度、适用页面、权限和解释。 指标语义中心、指标口径管理、指标权限控制、指标解释组件。 列表洞察、详情洞察、工作台、数据看板。
关系语义 定义对象关系、业务关系和关系在页面中的展示方式。 对象关系图谱、关系展示组件、关系洞察引擎、关系风险提示。 详情页关系洞察、关联列表、关系图、下一步建议。
场景语义 定义角色、任务、页面场景和不同场景下的字段、布局、筛选、动作策略。 场景语义模型、角色视图模板、任务模板、场景化页面生成。 角色化开箱、页面变体生成、自然语言搭建。
数据质量语义 定义缺失、重复、冲突、过期、异常、格式错误、可信度低等规则。 数据质量引擎、质量标签、修复建议、批量修复流程。 智能填单、列表洞察、详情风险、数据治理。
推荐依赖 记录推荐依赖字段、指标、关系、历史行为、数据质量、角色场景。 推荐依据模型、推荐解释组件、推荐反馈闭环、推荐效果评估。 AI 推荐可解释、用户信任、反馈优化。
Schema 类型 需要结构化的内容 具体交付物
Page Schema 页面类型、标题、对象、布局、区域、组件树、数据源、权限、动作、路由、适配端。 Page Schema、Validator、Versioning、Diff、Migration。
Component Schema 组件类型、属性、插槽、状态、事件、数据绑定、权限、样式 token、可访问性、扩展点。 Component Registry、Component Runtime、Component Preview、Component Test Harness。
Data Binding Schema 绑定对象、字段、查询条件、排序、分组、分页、聚合、权限、缓存、错误处理。 Query Builder、Binding Validator、Permission Checker。
Event Schema 事件来源、事件类型、触发条件、入参、出参、后续动作、错误处理、审计记录。 Event Flow Editor、Event Debugger、Event Audit。
Action Schema action name、description、input、output、permission、risk level、confirmation、rollback、audit、callable by GUI/Agent/Workflow。 Action Registry、Agent Tool Adapter、Workflow Adapter、Action Audit。
Visibility Schema 字段、组件、动作、角色、条件可见性;AI 是否可读取;Agent 是否可调用。 Visibility Rules、Permission Runtime、AI Context Filter、Agent Permission Filter。

06 / 方案五

AI 评测与质量保障:让 AI 能力可进入生产

AI 能力上线后,最怕 demo 好看、线上不稳定、模型升级后退化、用户不信任、企业不敢放权。所以 AI 质量保障必须作为产品模块建设。

生成质量评分

对页面、组件、洞察分别评分,低分结果拦截,高风险结果进入审核。

评分维度

  • 页面:对象语义、字段优先级、设计规范、权限、移动端、必要动作、性能。
  • 组件:属性、绑定、事件、状态、token、可访问性、测试用例。
  • 洞察:数据准确性、指标口径、来源、可解释性、行动建议、越权风险。

AI 回归测试

模型、prompt、schema、组件库升级后,必须知道 AI 能力有没有变差。

具体要做

  • 建立典型对象、字段、页面、行业模板、复杂权限、异常数据测试集。
  • 做 prompt 回归、视觉回归、权限回归。
  • 评估新模型是否优于旧模型,同样 prompt 是否稳定。
  • 输出模型升级评估报告。

用户反馈闭环

把用户对 AI 建议的采纳、忽略、修改、拒绝沉淀为优化信号。

具体要做

  • 每条 AI 建议支持采纳、忽略、修改后采纳、不准确、不适用、有风险。
  • 记录对象、页面、字段、角色、行业和 prompt。
  • 反馈用于优化字段推荐、页面模板、组件生成、洞察规则和 prompt。

人工审核与行业模板库

高风险 AI 结果进入人工审核,行业模板降低从零生成的不确定性。

必须审核的场景

  • 发布生产页面、修改核心对象页面、生成敏感字段页面。
  • 生成批量动作、Agent 可调用 Action、权限规则、审批流程。
  • 发布行业模板或外部可访问页面。

行业模板库

  • CRM、制造、零售、教育、医疗、金融、项目管理、客服。
  • 包含对象模型、字段语义、页面模板、指标口径、洞察模板、推荐动作、权限模板、流程模板。

07 / 产品模块

建议形成 10 个正式产品模块

这 10 个模块分别对应体验统一、对象开箱、LUI 融入、智能搭建、语义底座、Schema 底座和质量治理。

模块 主要能力 具体交付
组件治理中心组件盘点、分级、迁移、废弃。组件资产台账、组件使用地图、迁移工具。
设计系统中心token、主题、页面规范。Design Token、主题配置、规范检测。
对象开箱中心预置对象页面开箱。新建页、列表页、详情页、分析页。
LUI 页面助手页面级自然语言交互。页面问答、优化建议、智能修改。
智能填单中心多模态表单输入。OCR、语音、文档解析、字段映射。
数据洞察中心列表和详情洞察。摘要、异常、趋势、推荐动作。
AI 搭建中心生成组件、页面、视图。Prompt to Component、Prompt to Page。
语义中心对象、字段、指标、关系、场景语义。语义字典、关系图谱、指标口径。
Schema 中心页面、组件、绑定、事件、Action schema。Schema Registry、Validator、Diff。
AI 质量中心评测、回归、反馈、审核。质量评分、回归测试、Review Queue。

08 / 路线图

按“先底座样板,再规模复制,后 Agent Ready 和生态化”推进

短期不能盲目铺全对象和全 AI 能力。建议先用 2 个对象打穿样板,再扩展对象和搭建能力,最后把动作 schema 化并开放给 Agent 和 Workflow。

基础和样板

  • 组件资产盘点。
  • 基础 Design Token。
  • Page/Component/Data Binding Schema 初版。
  • 选择客户、商机两个对象试点。
  • 客户新建页智能填单 MVP。
  • 客户列表页洞察 MVP。
  • 客户详情页 AI 摘要 MVP。
  • 页面健康分 MVP。
  • AI 人工审核流程。

扩展对象和搭建提效

  • 扩展到 5-8 个预置对象。
  • 表单支持图片、文档、语音输入。
  • 列表页支持自然语言筛选。
  • 详情页支持关系洞察和下一步建议。
  • 上线 Prompt to Component。
  • 上线 Prompt to Page。
  • 建立字段语义中心。
  • 建立对象关系图谱。
  • 建立 AI 质量评分。

Agent Ready 和治理增强

  • 建立 Action Schema。
  • 建立 Action Registry。
  • 页面按钮、批量操作、审批操作结构化。
  • Agent 调用部分低风险 Action。
  • 高风险 Action 人工确认。
  • Agent 调用审计。
  • Dev/Test/Prod 发布流程。
  • AI 回归测试体系。
  • 行业模板库初版。

生态化和商业化

  • 上线组件市场。
  • 上线页面模板市场。
  • 上线行业模板市场。
  • 支持伙伴模板提交和审核。
  • 支持企业私有模板。
  • 支持自定义组件 SDK。
  • 支持 Git / CLI / IDE 插件。
  • 支持多端运行时。
  • 支持 IM 卡片、Agent 卡片和 MCP / Workflow 调用。

09 / 指标体系

用 5 类指标判断规划是否真正产生价值

UI PaaS 的 AI 能力不能只看生成次数。更重要的是体验是否统一、搭建是否提效、底座是否成熟、AI 是否可靠、业务用户是否采纳。

体验统一

组件与页面治理指标

新版组件使用率、废弃组件占比、页面健康分、移动端适配通过率、设计 token 覆盖率。

AI 开箱

对象页面智能化指标

预置对象开箱覆盖率、智能填单准确率、字段自动填充采纳率、列表洞察采纳率、详情摘要满意度。

搭建效率

配置提效指标

页面搭建耗时下降比例、组件生成可用率、页面生成可发布率、AI 优化建议采纳率、配置错误减少比例。

底座成熟

语义和 Schema 指标

字段语义覆盖率、对象语义覆盖率、Action Schema 覆盖率、页面 Schema 覆盖率、权限校验覆盖率。

AI 质量

可靠性指标

生成质量评分、回归测试通过率、人工审核通过率、用户负反馈率、高风险拦截成功率。

业务价值

采纳和结果指标

对象页面活跃率、AI 动作执行成功率、任务完成耗时下降、数据质量修复率、业务流程转化率。

10 / 产品原则

五条原则决定这套规划能否长期成立

LUI 增强 GUI

复杂企业任务不能只靠聊天,LUI 负责意图表达和智能协助,GUI 负责结构化呈现、确认和操作。

AI 不绕过权限

用户看不到的字段,AI 也不能看到;用户不能执行的动作,Agent 也不能执行。

生成必须结构化

不要生成不可维护页面代码,必须生成 Page、Component、Action 等结构化 schema。

建议必须可解释

数据洞察、字段推荐、风险判断、下一步动作,都要告诉用户依据和来源。

先对象开箱

通用生成容易停留在 demo,预置对象开箱更容易产生真实业务价值和用户感知。