快递App设计:把配送选择放在包裹旁界面设计预览

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

作者:界达设计工作室(JVDS) 阅读时间:约 4 分钟

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

核心结论

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

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

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

操作卡的图标放在淡蓝、淡橙等小圆底里,配合明确短句。转寄用方向符号,时间用时钟,取件用包裹图形。文字负责说清动作,图标帮助快速找到类别;即使不熟悉符号,也不用只凭一个圆圈猜含义。

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

包裹页中的Recipient、Sender、转寄与配送时间卡,左侧为快递员前往通知,底部红色付款按钮
包裹页中部|调整事项靠近收寄信息,短句直接解释图标。

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

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

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

这里可以进一步把预计节点与已经发生的记录写得更明确。图里既有将送到地址,也有已离开和已到达站点;绿色连线容易让几项看起来一样确定。清楚的“预计”与更新时间,比再添一种颜色更容易理解。静态路线也不能用来推断真实到达分钟数。

配送地图上的红色路线、上方Artem联系卡和下方绿色物流时间线
地图上方与底部|联系卡跟着路线,节点用日期时间补充过程。

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

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

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

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

Point 950地点详情的地图、类型营业和重量标签,旁边为门店照片与Near me分类页
地点卡下部|条件看完再创建路线,类型筛选留在列表顶部。

常见问题

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

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

设计检查清单

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

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

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

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

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目