先呈现空间关系
平面图作为主工作区，顾客与员工路线分别成层。总览数字负责提示变化，位置与路线帮助解释变化可能出现在什么地方。
CASE 05 / AI / PRODUCT
智能超市AI Agent
用一张平面图串起门店运营场景
智能超市 AI Agent 管理平台 · 完整界面，演示使用模拟数据 查看原图 ↗
MY CONTRIBUTION / 项目中的我
用场景原型呈现智能超市运营信息与多Agent状态
我负责什么
制作网页演示，组织门店平面图、顾客/员工动线、货架运营、商品搜索和多Agent调度状态。
形成了什么
- 超市运营场景交互页面
- 商品搜索、外卖自提和动线演示
- 页面生成的模拟数据与Agent状态
项目价值
可帮助团队先对齐门店角色、运营任务和系统状态，再决定真实数据、系统接口和试点范围。
项目背景与目标
在超市平面图上组织顾客与员工动线、货架运营、商品搜索、外卖自提和多Agent状态，呈现运营任务之间的关系。
智能超市原型把门店运营放进一张平面图：顾客购物、员工补货、热点区域、货架变化和外卖自提同时可见。观看者可以从运营总览进入动线、商品和柜格等局部，理解不同任务如何相互影响。面积、客流、销售和订单都属于模拟演示。
与单一报表相比，这个场景更需要表达空间和协作。补货路线是否与顾客交叉、热点商品应该如何展示、自提区的状态如何读懂，都是原型尝试讨论的问题。页面用八类Agent角色和事件流组织这些环节，让复杂的运营设想可以被逐项查看和操作。
要解决的问题
门店中的人、货和任务同时变化，单一指标列表难以解释它们在空间与流程上的联系。
我的工作与交付范围
场景原型与可视化表达
- 将门店、顾客、员工、货架和履约整理为一组运营场景，建立总览与局部操作之间的关系。
- 组织SVG平面图、路线切换、货架、商品搜索和自提柜交互，用本地状态展示联动效果。
- 完成可访问的前端演示，用模拟Agent计数、搜索结果和运营指标支持场景评审。
实施重点
- 以门店平面图作为主视图，将人物、货架与任务放回场景。
- 组织商品搜索、自提和运营状态等交互，展示不同角色的任务入口。
- 使用页面生成的演示数据表现多Agent状态，验证交互和可读性。
从输入到输出，流程怎样运转
- 01
从总览找到场景
查看客流、销售、订单、自提与设备等演示指标，结合Agent角色和实时事件流，了解当前页面模拟的运营活动。
- 02
切换空间观察方式
平面图提供双动线、顾客、员工和热力视角，切换不同图层的显示强度，观察购物、补货及热点区域的位置。
- 03
查看商品与货架
从销量排行、货架卡片和平台标签进入商品演示；搜索弹窗从预置商品池呈现候选，部分操作更新本地货架和Agent计数。
- 04
检查外卖自提状态
柜格按待处理、待取或空闲等演示状态区分，并呈现温区。点击查看或变换柜格状态，在事件流观察反馈。
关键设计与取舍
Agent首先是职责视图
动线分析、选品、货架规划、库存、下单、爆款、分析与预警对应八类角色。角色和计数帮助讨论任务归属、反馈路径和各环节之间的依赖。
交互验证使用本地状态
搜索、排行和事件由预置内容及随机模拟生成，候选商品、货架和事件保持在同一个演示中，适合快速比较交互流程与信息组织。
把履约做成状态变化
自提柜同时表达空闲、订单和温区，操作后更新卡片及事件流。把状态放回空间位置，观看者能够找到待处理对象，再观察动作完成后的反馈。
总览与细节相互连通
商品操作可以影响演示货架、柜格或计数，让一次动作有可追踪的页面反馈，也方便讨论哪些变化需要同时通知其他角色。
具体交付了什么
- 门店运营总览
- KPI、八类Agent职责、事件流、销售排行和各业务区块，提供共同的讨论界面。
- 交互式空间图
- SVG货架、购物与补货路线、热点及设备位置，支持多种视角切换。
- 商品与货架演示
- 预置商品池、平台标签、搜索弹窗、货架卡片和本地更新反馈。
- 外卖自提区
- 柜格、温区、演示订单状态与操作反馈，呈现履约流程中的信息需求。
项目亮点
- 运营中心交互原型支持查看门店布局、运营状态与动态路线；演示使用模拟数据。
- 支持顾客与员工动线、热力图层、商品搜索、货架和柜格状态交互。
- 事件流随操作更新，呈现门店运营任务之间的联系。
项目成果
- 完成可交互的超市运营演示页面。
- 将空间、角色和调度状态整合为一套场景原型。
继续了解这个项目
可通过下方入口查看公开产品或交互演示。