Portfolio
AI Native

美团 · 餐饮 SaaS · 2024 · Merchant AI Assistant

餐饮 SaaS · AI 经营助手

让收银系统真正智能化:一个轻量简便、流畅高效、有智能感的助手

0

条设计策略

0

个对话节点

0

个使用阶段

0

种形象表情

AI 助手形象

业务设计主管 · 策略定义与团队带领

搭建与餐饮商家经营场景相匹配的智能助手形态,建立餐饮 SaaS 智能助手的用户认知,让 AI 助手为商家带来更加轻量简便、流畅高效、智能化的会话及服务体验,并助力业务降低 2024 年客服咨询量与成本。

Briefing · 项目背景和目标

让收银系统真正智能化起来,提供更懂商户、更简化的操作体验

项目背景:单店产品体验已完成大部分的常规优化,逐步进入深水区。随着大数据模型在各行业的迅猛发展,必须紧跟技术前沿,探索新的产品形态。

设计目标:搭建与餐饮商家经营场景相匹配的智能助手形态,建立餐饮 SaaS 智能助手的用户认知。

设计目标 → 设计策略

轻量简便 · 流畅高效 · 智能感

  • 01策略一

    稳定的对话式交互框架

    目标:轻量简便

  • 02策略二

    顺应对话推进节奏,构建体验互动

    目标:流畅高效

  • 03策略三

    统一且适配各场景的基础模块单元

    目标:流畅高效

  • 04策略四

    AI 形象和视觉语言定义

    目标:智能感

策略一 · 稳定的对话式交互框架

一轮对话的六个节点

  • 触发唤起用户有对话意图时可通过快捷入口、语音唤醒等抵达对话界面
  • 获取接受获取用户的输入
  • 识别理解用户意图的过程此过程可能存在无法准确识别的可能性
  • 确认根据识别内容,明确用户意图若信息缺失则须多轮对话继续获取明确意图
  • 反馈反馈接近任务的重点基于前序流程对用户任务的执行结果
  • 结束任务完成后自动结束对话用户也可以选择主动中断对话
交互框架:用户意图输入区 → 识别并执行 → 结果反馈 → Prompt 提示
任务操作型对话:菜品创建中…
数据查询型对话:数据查询中…
内容生成型对话:内容生成中…
对话式交互框架及对话类型:任务操作型 · 数据查询型 · 内容生成型——载体为文本、数据、图片、业务动作卡片;Prompt 提示基于上文进行意图补充拓展,「懂用户」

策略二 · 配合对话的推进节奏,构建体验互动

三个阶段的互动设计

  1. 01 · 阶段一 · 开始使用助手前

    建立预设

    开始使用前,向用户明确 AI 助手的能力,真实传达产品可做什么、效果如何。

    建立预设
  2. 02 · 阶段一 · 开始使用助手前

    高效调用

    如借助页面常驻入口、快捷指令、语音唤醒词等快速调用唤起 AI 助手。

    常驻入口与语音唤醒
  3. 03 · 阶段一 · 开始使用助手前

    适当传递如何能做得更好

    在需要收集用户输入信息的关键节点,引导用户如何描述会帮助获取更精准的信息。

    输入引导
  4. 04 · 阶段二 · 开始与助手交互

    明确 AI 执行状态

    如内容正在生成中、正在操作中、操作成功等,减少用户的等待焦虑。

    执行状态
  5. 05 · 阶段二 · 开始与助手交互

    提供随时终止的出口

    如停止查询、取消创建、重新开始对话等。

    随时终止
  6. 06 · 阶段二 · 开始与助手交互

    支持高效更正调用

    允许用户重置并优化自动生成的内容、推荐意图指令等。

    更正与重置
  7. 07 · 阶段三 · 随使用时间推移

    精细化反馈

    支持用户对每一轮 AI 的执行结果进行反馈,以不断优化系统。

    逐轮反馈
  8. 08 · 阶段三 · 随使用时间推移

    记住最近的选择

    记住最近的输入和结果,以便后续引用,保持交互流的连贯性。

    记忆最近选择

策略三 · 统一且适配各场景的基础模块单元

在满足能力差异性的同时,又形成统一的体系

作为美团管家 App 内的智能助手,需要覆盖的场景广泛而复杂。以任务操作场景举例,其中包含了菜品的录入编辑、打印档口设置等数十余种场景,需要承接的业务模块数量多——怎样在满足能力差异性的同时,又形成统一的体系,也是需要着重解决的问题。

创建型对话卡片

用于表单内容的自助创建,如创建一个菜品、创建一个营销活动:卡片标题、表单元素、提示内容、操作确认区、任务执行状态。

信息展示型对话卡片

用于数据等结构化信息的查询展示,通常作为一轮查询对话的结果内容出现:卡片标题、内容展示项、展开收起、操作区。

选择型对话卡片

用于在一轮对话进程中进一步明确意图,以推进对话:选择项。

文本 / 图文等富媒体展示型卡片

FAQ 知识库、内容生成等纯文本、图文结合类型:单图宽度拉通 / 多图滑动流览 / 多图宫格展示。

四类基础模块单元的结构定义
覆盖数十种场景的助手对话界面
菜品、档口、营业数据、员工、结账方式等场景卡片
同一套模块单元,承接菜品录入、档口打印、营业数据、员工账号、结账方式、文案生成等数十种场景

策略四 · AI 形象和视觉语言定义

精致 · 轻和 · 深邃

  1. 01 · 愿景 → 赋能 → 感知 → 语言

    从业务愿景推导视觉语言

    愿景(管家 SaaS · 供应链 · 营销 SaaS · 数据 SaaS)→ 赋能(分析:自由 / 有效 / 便捷;数据:丰富 / 可视;帮助:经营 / 决策 / 营销)→ 感知(灵活 · 专业 · 未来)→ 语言(精致 · 轻和 · 深邃)→ 具象与抽象表达。

    愿景 → 赋能 → 感知 → 语言的推导漏斗
  2. 02 · 视觉语言

    精致 Exquisite · 轻和 Soft · 深邃 Deep

    三种质感构成助手的视觉基调:精致的玻璃与线条,轻和的流体色彩,深邃的空间纵深。

    精致 / 轻和 / 深邃
  3. 03 · AI 形象

    Hi~让我们开启对话吧

    胶囊形的对话入口与有表情的 AI 形象:Hi、Emm、Happy、AI、Loading、Talking、OK、Eating、>_<——形象随对话状态变化,让「智能感」有温度。

    AI 形象的九种表情
  4. 04 · 能力可视化

    意图识别 · 多模态交互 · 数据分析 · 内容生成 · 创建任务并执行

    Intention · Multimodal · Analyze · Generate · Implement——五种核心能力以玻璃质感的抽象形态表达,成为助手的视觉资产。

    五种核心能力的可视化
对话胶囊:Hi~让我们开启对话吧
AI 助手首页与对话页
落地效果:对话入口与助手首页、对话页