375 lines
11 KiB
Markdown
375 lines
11 KiB
Markdown
|
# 第二部分：产品形态
|
|||
|
|
|
|||
|
|
> **本章目标：** 让你看到用户眼中的平台长什么样，如何操作。
|
|||
|
|
>
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 用户界面描述
|
|||
|
|
|
|||
|
|
### 主界面布局
|
|||
|
|
|
|||
|
|
**与传统界面的区别：**
|
|||
|
|
|
|||
|
|
传统码字软件：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
[菜单栏] [工具栏] [文档区] [侧边栏]
|
|||
|
|
↓ ↓ ↓ ↓
|
|||
|
|
按钮 按钮 打字 设置
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**我们的平台：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
[个人人格体 - 圆形头像]
|
|||
|
|
↓
|
|||
|
|
“你好，小红！今天想写什么？”
|
|||
|
|
↓
|
|||
|
|
[对话输入框] ← 用户直接说话
|
|||
|
|
↓
|
|||
|
|
[工作区域] ← 人格体带你跳转
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**核心理念：** 不是点击按钮，而是**和人格体对话**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
### 界面细节
|
|||
|
|
|
|||
|
|
#### 1. 首页
|
|||
|
|
|
|||
|
|
**用户看到的：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
┌───────────────────────────────────┐
|
|||
|
|
│ 👤 小红的创作空间 │
|
|||
|
|
├───────────────────────────────────┤
|
|||
|
|
│ │
|
|||
|
|
│ 🤖 [你的AI助手“小光”] │
|
|||
|
|
│ │
|
|||
|
|
│ “早上好！今天想继续写《爱上总裁》 │
|
|||
|
|
│ 的第8章，还是开始新的作品？” │
|
|||
|
|
│ │
|
|||
|
|
├───────────────────────────────────┤
|
|||
|
|
│ │
|
|||
|
|
│ 💬 [你的回复...] │
|
|||
|
|
│ │
|
|||
|
|
└───────────────────────────────────┘
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**用户体验：**
|
|||
|
|
|
|||
|
|
- 不需要点击任何按钮
|
|||
|
|
- 直接和“小光”对话
|
|||
|
|
- 小光记得你上次写到哪里
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
#### 2. 写作界面
|
|||
|
|
|
|||
|
|
**用户看到的：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
┌──────────────────────────────────────────────────┐
|
|||
|
|
│ 《爱上总裁》- 第8章 │
|
|||
|
|
│ 字数：2567 / 3000 🟢 已保存 │
|
|||
|
|
├──────────────────────────────────────────────────┤
|
|||
|
|
│ │
|
|||
|
|
│ [正文编辑区] │
|
|||
|
|
│ │
|
|||
|
|
│ “林娇娇推开办公室的门，看到陈总裁正在......” │
|
|||
|
|
│ │
|
|||
|
|
├──────────────────────────────────────────────────┤
|
|||
|
|
│ 🤖 小光：“这段对话有点平，要不要加些内心戏？” │
|
|||
|
|
│ │
|
|||
|
|
│ 🔧 AI工具栏： │
|
|||
|
|
│ [灵感生成] [内容扩写] [风格优化] [语法检查] │
|
|||
|
|
│ │
|
|||
|
|
└──────────────────────────────────────────────────┘
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**重点特性：**
|
|||
|
|
|
|||
|
|
✅ **小光实时建议** - 不用问，他会主动提醒
|
|||
|
|
|
|||
|
|
✅ **AI工具集成** - 所有工具通过平台调用
|
|||
|
|
|
|||
|
|
✅ **自动记录** - 每次AI使用都自动留痕
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 完整操作流程
|
|||
|
|
|
|||
|
|
### 场景1：作者小红的一天
|
|||
|
|
|
|||
|
|
#### 步骤1：登录平台
|
|||
|
|
|
|||
|
|
**操作：** 打开平台，输入账号密码
|
|||
|
|
|
|||
|
|
**看到的：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
🤖 小光：“早上好，小红！今天是1月22日，你上次写到《爱上总裁》第7章，进度是85%。今天想继续吗？”
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**背后发生的：**
|
|||
|
|
|
|||
|
|
- 小光从永久记忆中加载小红的书籍信息
|
|||
|
|
- 计算上次写作时间（昨天）
|
|||
|
|
- 预测今天的写作意图
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
#### 步骤2：开始写作
|
|||
|
|
|
|||
|
|
**小红输入：** “继续写第7章”
|
|||
|
|
|
|||
|
|
**小光回复：** “好的！我已经打开了第7章的文档。上次写到‘林娇娇发现陈总裁的秘密’，记得吧？”
|
|||
|
|
|
|||
|
|
**界面变化：**
|
|||
|
|
|
|||
|
|
- 自动打开第7章文档
|
|||
|
|
- 光标定位到上次停下的位置
|
|||
|
|
- 左侧显示大纲提示
|
|||
|
|
|
|||
|
|
**背后发生的：**
|
|||
|
|
|
|||
|
|
- Notion API调用，读取第7章文档
|
|||
|
|
- 小光检索上次的写作记录
|
|||
|
|
- 提取关键信息提醒用户
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
#### 步骤3：使用AI工具
|
|||
|
|
|
|||
|
|
**小红写了一段：**
|
|||
|
|
|
|||
|
|
> “林娇娇推开办公室的门，看到陈总裁正在打电话。”
|
|||
|
|
>
|
|||
|
|
|
|||
|
|
**小光提醒：** “这里可以加些内心戏和环境描写，让画面更丰富。要不要我帮你扩写一下？”
|
|||
|
|
|
|||
|
|
**小红点击：** [内容扩写]
|
|||
|
|
|
|||
|
|
**系统操作：**
|
|||
|
|
|
|||
|
|
1. **调用ChatGPT API**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
输入：“林娇娇推开办公室的门...”
|
|||
|
|
输出：扩写后的段落（约200字）
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
2. **自动记录**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
时间：2026-01-22 09:35
|
|||
|
|
工具：ChatGPT-4
|
|||
|
|
功能：内容扩写
|
|||
|
|
输入字数：24字
|
|||
|
|
输出字数：198字
|
|||
|
|
人工修改：小红改了50字
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
3. **生成评估**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
AI生成比例：75%（198/264）
|
|||
|
|
人工创作：25%
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
**小红看到的：**
|
|||
|
|
|
|||
|
|
- 扩写后的段落显示在编辑器
|
|||
|
|
- 右侧有个小标签：“🤖AI扩写”
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
#### 步骤4：完成章节
|
|||
|
|
|
|||
|
|
**小红写完了3000字**
|
|||
|
|
|
|||
|
|
**小光提醒：** “恭喜你，第7章完成了！3027字。我帮你生成了AI使用评价表，要不要看一下？”
|
|||
|
|
|
|||
|
|
**小红点击：** [查看AI评价表]
|
|||
|
|
|
|||
|
|
**看到的报告：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
┌─────────────────────────────────┐
|
|||
|
|
│ 📊 AI使用评价表 - 第7章 │
|
|||
|
|
├─────────────────────────────────┤
|
|||
|
|
│ │
|
|||
|
|
│ 总字数：3027字 │
|
|||
|
|
│ │
|
|||
|
|
│ 原创内容：2100字（69.4%） │
|
|||
|
|
│ AI辅助后人工精修：750字（24.8%） │
|
|||
|
|
│ AI直接生成：177字（5.8%） │
|
|||
|
|
│ │
|
|||
|
|
│ **综合评级：B级（AI辅助）** │
|
|||
|
|
│ │
|
|||
|
|
└─────────────────────────────────┘
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**小红的反应：** “很好，这个我可以给编辑看，证明我主要是原创！”
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
#### 步骤5：提交审核
|
|||
|
|
|
|||
|
|
**小红输入：** “把第7章提交给七猫的李编辑审核”
|
|||
|
|
|
|||
|
|
**小光操作：**
|
|||
|
|
|
|||
|
|
1. 打包章节内容
|
|||
|
|
2. 附上AI使用评价表
|
|||
|
|
3. 发送给李编辑
|
|||
|
|
|
|||
|
|
**小光确认：** “已经提交给李编辑了，他应该会在24小时内审核完毕。我会提醒你的！”
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
### 场景2：编辑李编辑的一天
|
|||
|
|
|
|||
|
|
#### 步骤1：登录平台
|
|||
|
|
|
|||
|
|
**李编辑的AI助手“小章”：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
🤖 小章：“早上好，李编辑！昨晚有新稿提交，我已经按照你的标准初筛过了。
|
|||
|
|
|
|||
|
|
共有50篇新稿：
|
|||
|
|
- 👍 推荐阅读：12篇（AI使用合理、质量优秀）
|
|||
|
|
- ⚠️ 需要注意：8篇（质量尚可，但有些问题）
|
|||
|
|
- ❌ 已打回：30篇（AI过度或质量太差）
|
|||
|
|
|
|||
|
|
今天想先看哪一类？”
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**李编辑的反应：** “哇，太好了！直接帮我过滤了30篇，我只需要看20篇。先看推荐的吧。”
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
#### 步骤2：审核稿件
|
|||
|
|
|
|||
|
|
**小章打开第一篇：** 小红的《爱上总裁》第7章
|
|||
|
|
|
|||
|
|
**李编辑看到的：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
┌──────────────────────────────────────────┐
|
|||
|
|
│ 作者：小红 │
|
|||
|
|
│ 作品：《爱上总裁》第7章 │
|
|||
|
|
│ 字数：3027字 │
|
|||
|
|
├──────────────────────────────────────────┤
|
|||
|
|
│ 🤖 AI使用情况 │
|
|||
|
|
│ │
|
|||
|
|
│ 原创：69.4% 🟢🟢🟢🟢🟢🟢🟢▫️▫️▫️ │
|
|||
|
|
│ AI辅助：24.8% 🟡🟡▫️▫️▫️▫️▫️▫️▫️▫️ │
|
|||
|
|
│ AI生成：5.8% 🔴▫️▫️▫️▫️▫️▫️▫️▫️▫️ │
|
|||
|
|
│ │
|
|||
|
|
│ **综合评级：B级（AI辅助）** │
|
|||
|
|
├──────────────────────────────────────────┤
|
|||
|
|
│ [阅读正文] [查看AI使用明细] [审核操作] │
|
|||
|
|
└──────────────────────────────────────────┘
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**李编辑的反应：** “非常好！AI使用很合理，主要是原创。我阅读一下正文。”
|
|||
|
|
|
|||
|
|
(阅读后)
|
|||
|
|
|
|||
|
|
**李编辑操作：** 点击[审核操作] → 选择[通过]
|
|||
|
|
|
|||
|
|
**系统记录：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
审核记录：
|
|||
|
|
- 编辑：李编辑（编号：ED-7M-001）
|
|||
|
|
- 时间：2026-01-22 10:25
|
|||
|
|
- 结果：通过
|
|||
|
|
- 评分：85分
|
|||
|
|
- 签名：[ED-7M-001的数字签名]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**小红收到通知：** “🎉 恭喜！你的第7章已经通过李编辑的审核！”
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 真实使用场景
|
|||
|
|
|
|||
|
|
### 场景3：跨平台合作
|
|||
|
|
|
|||
|
|
**背景：** 番茄和七猫联合招募一部女频现代言情定制书
|
|||
|
|
|
|||
|
|
#### 番茄运营发布需求
|
|||
|
|
|
|||
|
|
**操作：** 在平台“公开招募区”发布
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
┌────────────────────────────────────────┐
|
|||
|
|
│ 📢 定制书招募 │
|
|||
|
|
├────────────────────────────────────────┤
|
|||
|
|
│ │
|
|||
|
|
│ 发布方：番茄 + 七猫联合发布 │
|
|||
|
|
│ 题材：总裁文 │
|
|||
|
|
│ 字数：80万字 │
|
|||
|
|
│ 稿酬：15万元 │
|
|||
|
|
│ │
|
|||
|
|
│ 要求： │
|
|||
|
|
│ - 信誉分>80分 │
|
|||
|
|
│ - 有总裁文成功经验 │
|
|||
|
|
│ - 接受AI辅助创作（<30%） │
|
|||
|
|
│ │
|
|||
|
|
│ [立即申请] │
|
|||
|
|
└────────────────────────────────────────┘
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### 作者小红申请
|
|||
|
|
|
|||
|
|
**小红点击：** [立即申请]
|
|||
|
|
|
|||
|
|
**系统检查：**
|
|||
|
|
|
|||
|
|
- 信誉分：85分 ✅
|
|||
|
|
- 有总裁文经验：有（《爱上总裁》数据良好）✅
|
|||
|
|
- AI使用比例：平均24.8% ✅
|
|||
|
|
|
|||
|
|
**系统推送：** 自动将小红的申请发送给番茄和七猫的编辑
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 技术实现概述
|
|||
|
|
|
|||
|
|
### 前端界面
|
|||
|
|
|
|||
|
|
**技术栈：**
|
|||
|
|
|
|||
|
|
- React 18（组件化开发）
|
|||
|
|
- Tailwind CSS（样式）
|
|||
|
|
- ShadcnUI（基础组件）
|
|||
|
|
|
|||
|
|
**核心组件：**
|
|||
|
|
|
|||
|
|
1. 对话组件（和人格体聊天）
|
|||
|
|
2. 编辑器组件（富文本编辑）
|
|||
|
|
3. AI评价表组件（可视化展示）
|
|||
|
|
|
|||
|
|
### 后端服务
|
|||
|
|
|
|||
|
|
**技术栈：**
|
|||
|
|
|
|||
|
|
- Node.js + Express
|
|||
|
|
- Notion API（数据存储）
|
|||
|
|
- OpenAI API / Anthropic API
|
|||
|
|
|
|||
|
|
**核心服务：**
|
|||
|
|
|
|||
|
|
1. 人格体服务（处理对话）
|
|||
|
|
2. AI工具代理（记录使用）
|
|||
|
|
3. 审核服务（流程管理）
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
**总结：这不是一个复杂的界面，而是一个像和朋友聊天一样简单的平台。**
|