← 返回作品

AI 产品设计

白泽知识库

(企业知识库后台)面向企业员工的内部资料智能问答 B 端产品界面交互规划

独立完成产品需求构思、交互方案设计,输出可直接部署的前端 Demo,技术栈:React + TypeScript + TailwindCSS + Shadcn/ui,支持对接后端实现完整 AI 问答能力。

01知识门户

员工侧入口:问候语与全局搜索框,下方聚合我的收藏、最近浏览与审核待办,右侧热门知识榜单帮助快速定位常用制度与手册。

02知识库与文档管理

按制度域拆分为行政财务、人力资源、产品技术、销售话术、IT 运维五个知识库,实时显示文档数、切片数与可用状态,并列出每份文档的格式、大小、上传人与解析进度。

03新建知识库

填写名称与描述即可建库,配合负责人归属形成清晰的知识分区。

04上传文档

支持 PDF / DOCX / XLSX / MD / TXT,单个不超过 50MB;可选自动分段,并按需设置分段长度(tokens)。

05问答日志与质检

按全部、待质检、需优化、无答案、合格分档统计,逐条记录提问人、命中知识库、引用片段数、耗时与用户反馈。

06问答详情与质检

侧边抽屉呈现用户问题与 AI 回答所引用的文档片段,质检人可选择合格 / 需优化 / 无答案,并填写问题归因与优化建议。

07数据看板

今日问答量、知识命中率、用户满意度、平均响应等核心指标,配合近 14 日问答趋势、知识库调用占比与热门问题 TOP6。

08权限管理

按角色控制成员可检索的知识库范围,列表显示部门、角色、可访问范围、最近登录与启用状态。

09添加成员

选择部门与角色后勾选可检索的知识库,账号即时启用;问答时仅召回已授权范围内的内容。

下一个案例白泽智脑 →