# 快递App设计：把配送选择放在包裹旁

原网页：https://www.jvds.cn/share/ui-design/nova-post-delivery-status-u011
语言：zh-CN
发布：2026-10-10
作者：界达设计工作室（JVDS）

Nova Post的快递App设计把配送状态与可调整的事项放得很近。包裹页里能看到转寄、选择时间和附近取件，地图上又保留快递员联系卡。页面不仅让人查“到了哪里”，也给了继续处理这件包裹的方向。

## 核心结论

- 横向配送卡用图标和短句直接命名操作，适合围绕当前包裹安排下一步。
- 地图、联系人和物流节点同时出现，分别说明位置、沟通对象与进程。
- 取件地点卡把类型、营业、重量条件和路线放在一起，便于做线下安排。

## 通知说状态，卡片说还能做什么

左侧通知用快递员头像、姓名和一条带小车的进度线表达“正在前往”。右侧包裹页继续显示收件人与寄件人，下方才出现转寄、选择配送时间和留在取件点的横向卡片。人物、包裹与操作围绕同一件事展开，这个邻近关系很实用。

操作卡的图标放在淡蓝、淡橙等小圆底里，配合明确短句。转寄用方向符号，时间用时钟，取件用包裹图形。[文字负责说清动作](https://www.jvds.cn/share/ui-design/product-icon-system-design)，图标帮助快速找到类别；即使不熟悉符号，也不用只凭一个圆圈猜含义。

底部大红色付款按钮与白色卡片形成不同级别。它适合强调当前待办，但正式使用时还要检查付款和改约哪个更急。界达设计会建议保留包裹身份，再给调整事项补上可用条件，让“现在可以做什么”读得更踏实。

![包裹页中的Recipient、Sender、转寄与配送时间卡，左侧为快递员前往通知，底部红色付款按钮](https://www.jvds.cn/upload/2026/1008/d187-tp/u011-i1.webp)

包裹页中部｜调整事项靠近收寄信息，短句直接解释图标。

## 地图里，联系人没有离开当前路线

地图页上方先给出正在前往的文字，再放快递员头像、姓名、聊天和电话图标。红色路线在浅色街区上很容易辨认，联系人则留在白色卡片中。要沟通时，视线不用离开这张地图去找另一个页面。

底部物流记录用绿色线连接节点，右侧排列日期和时间。地图解释空间，时间线解释先后，它们各自回答一个问题。中间仍能看到改约和附近取件卡，说明操作没有完全被地图占满。

这里可以进一步把[预计节点](https://www.jvds.cn/share/ui-design/ui-component-states-design-system)与已经发生的记录写得更明确。图里既有将送到地址，也有已离开和已到达站点；绿色连线容易让几项看起来一样确定。清楚的“预计”与更新时间，比再添一种颜色更容易理解。静态路线也不能用来推断真实到达分钟数。

![配送地图上的红色路线、上方Artem联系卡和下方绿色物流时间线](https://www.jvds.cn/upload/2026/1008/d187-tp/u011-i2.webp)

地图上方与底部｜联系卡跟着路线，节点用日期时间补充过程。

## 附近地点先分类，再核对条件

Near me页面把All、Branch、Parcel locker和Point排列成带文字的分类。不同图形和淡底色帮助区分地点类型，下面保留街道或编号搜索。这比直接给出一长串地点更有方向：先知道想找哪类服务，再缩小位置。

地点详情仍保留地图，底部抽屉显示名称、类型、营业状态、地址和重量条件。红色Create a route按钮贴在这些资料之后，顺着阅读自然进入出行安排。旁边的门店照片提供现实环境参照，也让地图上的点有了更具体的形象。

取件点地图设计值得借鉴的，是条件和路线靠得近。地点近并不代表适合每件包裹，重量与营业信息应在出发前就容易看见。如果后续允许转寄，还要单独显示所选地点与变更状态，不能让创建路线替代转寄确认。

![Point 950地点详情的地图、类型营业和重量标签，旁边为门店照片与Near me分类页](https://www.jvds.cn/upload/2026/1008/d187-tp/u011-i3.webp)

地点卡下部｜条件看完再创建路线，类型筛选留在列表顶部。

## 常见问题

### 配送地图页应该放哪些操作？

优先放与当前配送有关的联系和调整入口，并保持包裹身份可见。这张图把联系人与改约卡留在地图附近；费用、可调整时段与提交结果需要在后续页面继续说清楚。

## 设计检查清单

- 在地图里找一次电话、聊天和配送调整入口。
- 检查预计节点与已发生记录能否仅靠文字分清。
- 打开地点卡，核对营业与包裹条件后再看路线按钮。

## 需要整理物流App的查询与调整流程？

从包裹页、配送地图到取件地点，用户需要连续认出同一件包裹和当前安排。如果你正在建设配送产品，或优化已有物流界面，欢迎带着流程和页面来讨论。

界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可以一起梳理界面、内容和开发需求。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)
