配送地图体验优化封面
主 R · 长期方向⭐️⭐️⭐️ DC 推荐

配送地图体验优化

主要介绍配送地图体验优化自驱项目——设计侧如何准确挖掘骑手使用地图的核心痛点、制定中短期目标与设计策略,并在落地过程中驱动项目稳健推进,最终完成效果评估,帮助业务拿到正向结果。

分享人
高永乐
更新日期
2022.12.16
版本
V1.0.0
关键字
骑手体验设计
TL 推荐语

该案例是一个以体验角度驱动的典型项目,在产品方向和策略不清晰的情况下,通过多种设计分析手段挖掘明确对业务目标影响大、体验问题严重的具体原因,洞察关键解决策略。作为视觉设计转型的 UX 设计师,在跨职能的专业产出方面有超出预期的表现,可以为大家提供具备参考价值的思路。

— 李莹,到家事业群 / 设计部 / 履约产品设计组
文档目录

一、项目概述

项目背景

骑手使用率高

骑手在配送过程中,地图是使用率非常高且重要的功能。 进入详情页的骑手有 87.35% 会操作地图。

易用性提升空间大

2021 H1 众包 App 体验评估中,订单详情页地图满意度为 3.45,低于整体满意度,体验问题间接影响履约效率。

项目目标

全面优化地图使用体验,提升骑手使用满意度,进而促进履约末端环节效率提升

态度指标
地图使用满意度
前后测对比
行为指标
末端环节任务时长
算法计算行为节点
✅ 结果正向,符合预期
行为指标
  • 找店时长缩短1.12s
  • 找店困难运单占比减少0.87pp
  • 末端找外卖柜时长缩短1.85s
态度指标
地图使用满意度+0.16
3.40 → 3.56(显著提升)
其他沉淀
地图方向 GUI 专利 4 项
沉淀地图规范与组件库
🤔难点:地图场景复杂,问题难定位

地图体验取决于是否能真实还原线下环境细节。线下场景多变、环境复杂,通过实地跑单将自己带入骑手场景,快速发现有价值的问题;再通过深入访谈深挖影响履约效率的末端关键节点;最终以配送流程为线索,将非标场景刻画成标准化流程,找到解决问题的突破口。

⭐️亮点 1:贡献多个关键策略
  • · 提出从大众点评、商家资质、外卖柜业务侧等渠道获取多源位置数据
  • · 基于骑手体验与技术能力,提出「轻导航」模式,在导航方向迈出第一步
  • · 在产品形态不明确时,从 0 到 1 完成完整找店指引方案
⭐️亮点 2:长期持续自驱体验优化点落地
  • · 主动沟通设计研究结论,强调体验收益,反复坚持推进
  • · 主动创建落地规划表,采用独立版本 + 搭车版本结合的落地方式
  • · 累计推动完成 12 个优化点,3 个版本独立研发,7 个版本搭车落地

二、设计分析

1)确定研究思路,准确挖掘问题

方法:线下真实场景跑单
目标:真正了解地图使用场景,洞察骑手可能遇到的体验问题
  1. 1. 确定走查任务,制定 8 类跑单任务
  2. 2. 确定走查原则(尼尔森可用性原则 & 公司走查标准)
  3. 3. 结合组内与其他部门跑单报告综合分析
  4. 4. 汇总总结:共 10 类体验问题
方法:骑手访谈 & 问卷调研
目标:获取骑手真实反馈,提炼设计机会点
  1. 1. 确定访谈样本,共邀约 6 名骑手
  2. 2. 配置真实地图 demo,让骑手带入真实场景
  3. 3. 问卷调研广泛收集意见(大样本量)
  4. 4. 汇总总结:共 9 类体验问题

2)明确各环节使用地图的诉求

配送环节核心诉求
接单 ↓查看配送路线与位置信息,决策接单
途中 ↓查看商家大概位置与路线,判断路程与目的地
取餐 ↓查看商家具体位置,快速准确找到商家
途中 ↓查看顾客大概位置与路线,判断路程
送餐查看顾客具体位置,快速准确送达
整体查看信息清晰高效,操作顺滑流畅
接单环节地图
取餐环节地图
送餐环节地图
接单 · 取餐 · 送餐 各环节地图使用示意
问题优先级矩阵

3)明确本期核心问题,制定合理的设计策略

🔷 信息全面性问题
01
骑手借助地图找店困难
部分商家位置特殊,地图无法有效帮助定位
增加有效的找店指引信息,优化找店指引功能
02
骑手借助地图找外卖柜困难,且容易存错柜
地图中没有外卖柜位置,多柜时难以区分
增加外卖柜位置与实景图信息
03
顾客位置封闭管理时,骑手交餐困难
疫情背景下封闭场景增多,骑手交餐无指引
增加封闭场景交餐指引信息,并支持选择交餐点
🔷 基础可用性问题
04
地图内配送信息展示有遮挡
默认比例尺下信息遮挡,取送路线覆盖关系错误
提升配送信息可见性
05
地图内部分信息表意不易理解
小区入口状态难理解,方向感弱
确保配送信息易理解
06
地图内配送路线信息识别度差
颜色对比度低,重点信息不突出
提升配送信息易扫性好识别
07
地图整体视觉品质差
视觉基础元素一致性差,图标缺乏细节打磨
打磨地图设计细节

三、方案落地

方案设计

01
骑手借助地图找店困难
信息全面性问题
策略
增加有效的找店指引信息,优化找店指引功能
设计研究方向
哪些商家难找?
居民楼内 / 商场 / 写字楼 / 美食广场 / 背街小巷
难在哪里?
入口不知道在哪 / 楼层不好找 / 没有预期
要完善哪些信息?
入口位置 / 楼层 / 商家名称 / 实景图 / 附近商家
① 在地图中增加有效的找店指引信息,减少骑手找点难度
找店指引信息方案
② 优化找店指引弹窗,提高聚焦找店难场景能力
找店指引弹窗方案
02
骑手借助地图找外卖柜困难,且容易存错外卖柜
信息全面性问题
策略
增加外卖柜位置与实景图信息
① 增加外卖柜位置与实景图,提升找柜效率;② 合理展示外卖柜名称,提升区分度
外卖柜位置方案
03
顾客位置封闭管理时,骑手交餐困难
信息全面性问题
策略
增加封闭场景交餐指引信息,并支持选择交餐点
① 突出封闭场景感知,提供可交餐的位置信息;② 增加选点动效,提升选点体验
封闭场景交餐方案
04
地图内配送信息展示有遮挡
基础可用性问题
策略
提升配送信息可见性
① 设计合理的地图默认展示范围,确保信息完整展示;② 优化路线覆盖关系
配送信息可见性方案
05
地图内部分信息表意不易理解
基础可用性问题
策略
确保配送信息易理解
① 优化小区入口通行状态信息;② 取送路线中增加方向提示箭头
信息易理解方案
06
地图内配送路线信息识别度差
基础可用性问题
策略
提升配送信息易扫性好识别
识别度优化方案1
识别度优化方案2
识别度优化方案3
识别度优化方案4
识别度优化方案5
识别度优化整体效果
07
地图整体视觉品质差
基础可用性问题
策略
打磨地图设计细节
① 统一配送信息颜色
颜色统一
② 整合字号关系
字号整合
③ 优化基础排版
排版优化
④ 统一圆角阴影样式
圆角阴影统一
⑤ 打磨基础图标,提升视觉品质
图标打磨
上线效果
上线效果总览
项目成果汇总

四、项目复盘

✅ 收获
  • · 专业沉淀:快速积累多种研究手段,熟练掌握 UX 设计全流程
  • · 心智成长:快速适应职能范围,承担更具挑战性的工作
📌 不足
  • · 系统化沉淀不足:多个地图方向的设计过程尚未形成系统化的方法论或指南
  • · 后续将总结地图项目经验进行分享
后续计划
· 地图基础功能
  • 1. 持续深入挖掘末端 100 米体验,如顾客位置图文指引、AR 寻路等创新方向
  • 2. 「轻导航」模式灰度评估后复用到骑手地图,持续提升导航体验
· 地图信息
  • 1. 深入摸底地图数据核心痛点,通过地图笔记(UGC)等方式提升数据全面性
  • 2. 细化骑手使用场景与诉求,探索合适的信息优先级策略
· 地图视觉表现
  • 1. 信息清晰度当前提升 +0.11(3.49→3.60),仍有空间
  • 2. 系统性优化地图覆盖层与底层视觉风格