Portfolio
AI Native

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

餐饮 SaaS · AI 经营助手

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

0

条设计策略

0

个对话节点

0

个使用阶段

0

种形象表情

餐饮 SaaS · Merchant AI Assistant 与 AI 助手形象

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

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

Briefing · 项目背景和目标

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

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

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

设计目标 → 设计策略

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

  • 01策略一

    稳定的对话式交互框架

    目标:轻量简便

  • 02策略二

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

    目标:流畅高效

  • 03策略三

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

    目标:流畅高效

  • 04策略四

    AI 形象和视觉语言定义

    目标:智能感

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

一轮对话的六个节点

  • 触发唤起用户有对话意图时可通过快捷入口、语音唤醒等抵达对话界面
  • 获取接受获取用户的输入
  • 识别理解用户意图的过程此过程可能存在无法准确识别的可能性
  • 确认根据识别内容,明确用户意图若信息缺失则须多轮对话继续获取明确意图
  • 反馈反馈接近任务的重点基于前序流程对用户任务的执行结果
  • 结束任务完成后自动结束对话用户也可以选择主动中断对话

策略一

对话式交互框架及对话类型

交互框架与任务操作型、数据查询型、内容生成型三种对话
交互框架(获取用户意图 → 识别并执行 → 结果反馈 → Prompt 提示 → 一轮对话结束)+ 三种对话类型:任务操作 · 数据查询 · 内容生成

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

三个阶段的互动设计

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

    建立预设 · 高效调用 · 适当传递

    开始前先说清 AI 助手能做什么;页面常驻入口、快捷指令和语音唤醒让它随手可用;在需要输入的关键节点,引导用户怎么描述会更准。

    阶段一:建立预设、高效调用、适当传递如何能做得更好
  2. 02 · 阶段二 · 开始与助手交互

    明确执行状态 · 随时终止 · 高效更正

    生成中、操作中、操作成功都让用户看见,减少等待焦虑;随时能停止、取消或重新开始;生成的内容和推荐的指令都能重置和优化。

    阶段二:明确 AI 执行状态、提供随时终止的出口、支持高效更正调用
  3. 03 · 阶段三 · 随使用时间推移

    精细化反馈 · 记住最近的选择

    每一轮结果都能反馈,系统据此不断优化;记住最近的输入和结果,后续可以直接引用,交互连贯。

    阶段三:精细化反馈、记住最近的选择

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

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

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

创建型对话卡片

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

信息展示型对话卡片

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

选择型对话卡片

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

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

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

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

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

愿景 → 赋能 → 感知 → 语言

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

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

精致 · 轻和 · 深邃

  1. 01 · AI 形象

    AI 助手的形象与九种表情

    Hi、Emm、Happy、AI、Loading、Talking、OK、Eating、>_<——形象随对话状态变化,让「智能感」有温度。

    AI 助手形象、九种表情与助手界面
  2. 02 · 视觉语言

    精致 Exquisite · 轻和 Soft · 深邃 Deep

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

    精致 / 轻和 / 深邃
  3. 03 · 对话入口

    Hi~让我们开启对话吧

    胶囊形的对话入口,与 AI 形象一起出现。

    对话胶囊:Hi~让我们开启对话吧
  4. 04 · 能力可视化

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

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

    五种核心能力的可视化
  5. 05 · 落地效果

    助手首页与对话页

    常用指令入口与卡片化的对话结果。

    AI 助手首页与对话页