Enterprise AI Product Ecosystem
白泽大模型应用产品体系
涵盖智能体构建、工作流搭建、企业 AI 搜索、智能写作、材料审评与知识库管理的一体化 AI 产品体系。
aGENTlABS-白泽产品演示门户
WAHT I DID
我参与的工作
参与了竞品分析、场景调研,探索并定义企业AI场景中的主要问题和目标,以指导产品的设计决策。
进行了关键功能的使用流程梳理和体验优化,并在内部进行可用性测试。
主导了产品体系的视觉设计过程,主导了设计规范落地,并为主力产品制作宣传片。
PROBLEM & GOALS
问题与目标
来源于日常的市场项目需求收集,以及与产品团队一起分析竞品的功能特点和使用场景。
定义问题
随着企业数字化建设深入,知识已经分散在越来越多系统中,但员工获取信息的方式,仍然停留在人工搜索和经验传递阶段,且系统建设成本高,传统信息化模式难以满足快速变化的业务需求。
- 信息分散,企业知识难以获取
- 业务流程依赖人工驱动,效率低
- 系统建设成本高,难以快速响应业务变化
- 专业能力依赖少数专家,难以规模化复制
- 员工需要学习复杂工具和流程,工作体验低
产品目标
构建企业级AI工作平台,通过智能搜索、知识管理、Agent、工作流和智能协作能力,提升组织效率和业务响应能力。
- 打造企业统一智能入口
- 构建企业智能知识能力
- 实现AI驱动的业务流程自动化
- 提升组织协作效率
- 将专家经验转化为组织能力
Product Ecosystem
一套相互连接的企业 AI 能力
围绕企业使用 AI 时的构建、连接、使用与管理,形成从能力搭建到业务应用,再到知识支撑的完整体系
演示入口
业务应用
能力构建
知识底座
Ideation
探索设计灵感,既体现品牌,又面向企业
我们从构思开始,探索了包括底层的智能体搭建、工作流搭建、RAG知识库管理、ChatUI使用等功能,使用线框图测试各流程的可用性,最终确定使用流程和界面布局。
为了完善我们的产品功能以及提升用户体验,我们研究了如 glean 和 dify 这样的成熟平台,这为我们提供了关于智能体工程以及企业搜索功能的宝贵经验,我们的目标是将这些经验融入到我们的设计中,从而提升产品的品质。
除此之外,我们分析了 斑头雁 等B端AI产品的视觉风格,并使用平时积累的设计灵感库。这一探索帮助我们打造出了具有统一美感的视觉风格,注重色彩搭配、字体选择以及布局原则,形成品牌印象。
Product Browser
覆盖企业常用场景的AI产品体系
白泽启元
解决企业专业经验难沉淀、AI应用开发门槛高的问题。通过配置提示词、选择大模型、挂接知识库、添加插件工具等方式,让员工快速创建专属AI助手,将经验转化为可复用的智能能力。
我的工作
负责Agent配置流程体验优化,主导并参与UI 设计。
Featured Design - Workflow
如何降低工作流的使用门槛
- 根据常用工作流的节点使用占比分析,将使用频率最高的5个节点归类为常用节点,其他节点归类为高级节点,降低节点筛选成本。
- 支持用拖拽的方式将节点添加至画布中鼠标的位置,让用户对节点的初始位置有足够预期。
- 节点详情全部由右侧抽屉承载,当前选中的节点高亮,同屏操作消除记忆负担。
- 任意节点都可以通过拖拽的方式并入其他节点,形成高度自定义的节点模式。
- 测试工作流时,执行中、已执行、执行失败的节点都有明确反馈。自定义节点支持内部子节点单独反馈。
- 为表单收集等复杂节点设计模块化的配置界面,通过布局和视觉区分状态类、操作类、输入类组件,降低用户学习成本。
- 支持模块排序、增删功能,只需一次交互即可完成任务。
Featured Design - AI Search
符合用户心智模型的智能搜索
- 制定搜索推荐策略,按照联想词补全、历史记录模糊匹配、知识库智能匹配、跳转智能助理的优先级展示推荐内容。首位优先显示联想词补全(0~3条),次位显示历史记录模糊匹配(0~3条),两位合计不超过4条;第三位显示知识库智能匹配(0~7条),当匹配结果≥7,且前两位之和<4时,自动补全至总数=7条;末位常驻显示"跳转智能助理",固定1条。
- 智能助理和知识搜索在视觉上进行区分,并且流程异步进行,思考/搜索加载时提供不同的骨架屏,让用户能够掌握系统状态。
- 用户可以随时点击停止按钮取消搜索,提供充分的控制、撤销能力。
- 智能助理模块通过标题反馈当前状态,包括思考中、暂不可用、回答中、停止搜索、无结果。
- 智能回答显示引用和信息来源,点击后以模态形式承载预览内容,不打断主搜索任务。
- 智能回答提供复制和点赞点踩功能,点踩后触发反馈流程,反馈弹窗提供默认选项,不强制用户输入问题描述。
- 不同的意图触发不同的视觉样式,方便后续操作。如搜索同事和搜索产品/项目关联人时得到的结果会有区别,搜索知识时也可以通过悬停交互发起支线流程。
UI Gallery
更多页面
Design System
风格指南
紫色是品牌核心主色彩,因其与大自然和农业的紧密联系而被选中。主色被广泛用于标题、按钮以及其他可交互元素中。浅紫色在需要创造对比或视觉平衡时,提供了一个灵活的替代方案。
辅助色彩包括:
绿色:象征完成时与和谐,通常用于状态与合作;
蓝色:平静而值得信赖的颜色,通常用于普通AI内容的展示;
橙色:温暖而充满活力,通常用于强调;
黑白:提供结构、对比感以及可访问性。
同时设计独立的产品logo。
Reflection
项目复盘
让用户始终知道自己在哪里、正在做什么,以及下一步如何继续。
01 / INFORMATION
复杂不等于全部同时展示
设计需要决定用户此刻最需要看到什么。
02 / FEEDBACK
AI 状态必须可感知
说明系统正在做什么、结果来自哪里、失败后如何继续。
03 / SYSTEM
统一不等于完全相同
共享规则,同时尊重不同业务场景。