跳转到内容

AI 交互设计库

入口设计

让用户发现、唤起并再次回到 AI。

02 / 09
← 手册目录
CORE PATTERN · AI ENTRY SYSTEM

入口不只是一个按钮,而是一段任务开始链路

入口设计决定用户在哪里发现 AI、为什么此刻愿意使用、唤起时会携带哪些上下文,以及关闭后能否再次找到它。好的入口既足够可见,又不会抢走原任务的注意力。

入口质量= 可发现性 × 情境相关性 × 用户控制 ÷ 干扰成本
按产品形态查看推荐组合

01发现

在正确位置看见 AI

02理解

知道入口能完成什么

03触发

用熟悉动作唤起

04带入

确认使用哪些上下文

05开始

快速发起第一个任务

06返回

关闭、恢复与再次进入

适合建立 AI 入口系统

  • AI 需要跨多个页面随时调用
  • 当前文档、选区或对象能成为任务上下文
  • 新手与熟练用户需要不同效率入口

避免继续叠加入口

  • 页面已经存在功能相同的稳定入口
  • AI 与当前位置无直接关系,只是在宣传能力
  • 新入口会遮挡高频操作或产生重复提醒
文档数据团队 ⌘ K 唤起
BI≡🔗 ✦ AI 改写

新版报销流程 · 需求说明

✦本周完成了新版报销流程的需求评审,交互稿已通过,正式进入开发阶段。整体目标是把原本平均 3 天的报销审批压缩到 1 天内。

✦第三方发票识别接口仍在联调,存在一定进度风险,需要采购侧协调资源。

✦下周计划:完成前端开发,周三进入联调,周五提交测试。

✦本次评审共收集到 12 条修改意见,其中 8 条已在交互稿中闭环,其余 4 条涉及权限模型,待与后端确认后处理。

✦风险登记:发票识别准确率目前约 92%,低于上线要求的 98%,需在联调期内完成模型调优。

试试 → ① 选中正文里的一句话 ② 在正文上点右键 ③ 悬停段落看左侧小图标 ④ 拖动右下角悬浮球
AI 助手✦1
📋 复制
✂️ 剪切
✦ 用 AI 改写
✦ 让 AI 解释
AI 操作
✦ 总结当前文档
✦ 根据文档生成周报
✦ 提取风险与待办
导航
📄 跳转到「数据」
✦ AI 助手 ✕
你好,我能基于当前文档帮你总结、生成周报、提取风险。试着问我点什么吧。
入口模式 · 点击演示
共 8 种 · 覆盖 图标 / 快捷 / 上下文 / 空状态 四类

选一个入口 →

类别

点上方模式目录里的任意入口,这里展示它更详细的设计说明、典型产品与取舍。

适用场景
—
设计要点
    注意 / 取舍
    —
    同款产品 · 点击体验
    —
    避免使用

    —

    关键状态
    关注指标
    关联模式 / 组件
    触发与上下文

    —

    桌面 / 移动策略

    —

    无障碍与文案

    —

    ENTRY SELECTOR · 场景选型器

    回答四个问题,获得一组入口建议

    推荐结果用于缩小选择范围。最终还要结合页面密度、真实任务频率和用户研究验证。

    核心目标
    上下文范围
    用户熟练度
    主要设备
    RECOMMENDATION · 实时推荐

    优先考虑这三种入口

    点击结果可返回仿真工作台查看对应演示和完整设计说明。

    DECISION MATRIX · 入口选型

    不是哪个入口最好,而是哪个入口适合此刻

    点击入口名称可以回到上方查看演示。评分用于帮助比较相对特征,不代表所有产品都应该采用高分入口。

    ● 高 ○ 低 · 左右滑动查看全部维度
    入口类型可发现性上下文精度低干扰新手友好移动适配更适合
    ●●●●●●●●●●●●●●●●●●●●●●●●●核心 AI 能力
    ●●●●●●●●●●●●●●●●●●●●●●●●●跨页面随时唤起
    ●●●●●●●●●●●●●●●●●●●●●●●●●编辑器 Copilot
    ●●●●●●●●●●●●●●●●●●●●●●●●●文字局部处理
    ●●●●●●●●●●●●●●●●●●●●●●●●●桌面端进阶操作
    ●●●●●●●●●●●●●●●●●●●●●●●●●熟练用户提效
    ●●●●●●●●●●●●●●●●●●●●●●●●●对象级局部任务
    ●●●●●●●●●●●●●●●●●●●●●●●●●新手首次成功
    PRE-LAUNCH CHECK · 上线前检查

    一个入口能被看见,不等于它已经设计完成

    逐项点击完成检查。状态只保留在当前页面,用于设计评审时快速自检。

    0 / 10 已检查
    COMBINATION · 组合方案

    实际产品通常需要“主入口+快捷入口+兜底入口”

    入口不是越多越好。每一类入口都要承担不同角色,并保持动作结果一致。

    AI Chat

    先让用户顺利开始第一个对话,再帮助熟练用户快速回到最近任务。

    导航入口 → 空状态引导 → 命令面板
    Copilot

    让 AI 贴近当前内容出现,同时保留一个稳定、始终找得到的全局入口。

    导航兜底 → 工具栏 → 划词 / 就近触发
    Agent

    入口需要承载任务委托、运行状态和重新进入,不能只负责打开聊天框。

    主入口 → 任务快捷项 → 悬浮状态提醒
    ANTI-PATTERNS · 常见反例

    入口越醒目,越要对打扰负责

    发布前至少检查以下问题。

    ×
    同一页面同时出现多个功能重复的 AI 入口。
    ×
    只放魔法图标,没有文字、提示或业务动作名称。
    ×
    打开 AI 后丢失了用户刚刚选中的内容与页面上下文。
    ×
    依赖悬停或右键,却没有移动端和键盘替代操作。
    ×
    首次引导、红点和动画反复出现,无法永久关闭。