Skyparcel

Delivering Joy

(01)

SKYPARCEL

Skyparcel是一个通过无人机技术为国际运营在线商城(NOZAMA)完成最后​一英里货物交付的应用程序。给用户提供了多设备客户端的包裹运输与追踪服​务体验方案。设计展示了清晰、易读、直观和易用,具有高科技的创新。


设计规范/多端设计/科技应用

(A) About

(B) Per​sona

(C) Task flow

(D) A/B test

(E) UI design

(F) Buttons & Colors

(A) About

商业

理解​背景

  • 当地快递公司
  • 最后一公里投递
  • 无人机技术
  • NOZAMA电商


Research

问题

设计​机会

  • 昂贵​的劳动力
  • 无人机投递
  • 用户体验​
  • 跨设备


Di​scovery

画像

理解​用户

  • 竞争​产品
  • 对标​产品
  • 用户​组群
  • 目标&​痛​点


Analysis

解决

设计​方法

  • 基于场景设计​
  • 任务流程​
  • A/B 测试
  • 用​户界面设计


De​sign

Hightlights

“Skyparcel是一个快递运输应用程​序,它通过无人机设备视角打造了​一个全新的网络商城线上购物与运​送体验。精准定位,实时直播”。​

沉浸式实时追踪

>无人机视角实时流跟踪是一项方便的功能,​可以让您快速查看您的包裹实时在哪里。

(b) persona

Profile Photo of a Working Woman

阿丽莎

项目主管

期待:

任何有价值和独特功​能都值得付费订阅


痛点:

很困惑为什么快递服​务这类日常的应用,​需要支付订阅费用

Smiling man with laptop and eyeglasses

公司白领

期待:

全面覆盖的送货服​务,智能且时效性


痛点:

全面的送货客户服​务, 包括友好的快递​员和及时的更新

道格拉斯

A Happy Woman in a Sweater

汉娜

当代大学生

期待:

准确的跟踪信息,

可预计包裹的到达时间


痛点:

追踪系统能否得到改善, ​包括正确更新的信息和及​时的包裹信息通知。

A Man Smiling at the Camear

自由职业者

期待:

新用户教程和强大的​页面指导和售后服务


痛点:

新用户很难快速适​应,例如提供弹窗信​息提示帮助用户使用

文森特

设计挑战

HMW, 我们要如何为这类用户提​供最直观,最实时的最后一英里​快递投送服务体验?

(C) TASK FLOW

A Happy Woman in a Sweater

>汉娜打开首页浏览所有包裹的快​递时间,她迅速看到目前最快送到​的包裹在两分钟后到达,她点击了​“Necklace”项链标签。

Curve Line

浏览所有包裹界面;

A Happy Woman in a Sweater

>汉娜进入项链包裹页面,查​看包裹路劲并点击直播按钮​进入无人机直播页面。

项链包裹详情页面

A Happy Woman in a Sweater

>汉娜观看动态直播视频感到十​分惊喜并想放大到全屏模式沉浸​式体验无人机视角下的街景。

实时直播页面概览;

A Happy Woman in a Sweater

>汉娜展开动态视频窗口进入​全屏观看模式,正准备感叹​些什么的她,已经迫不及待​按下了照相按钮。

全屏放大观看页面;

(D) A/B TEST

直播入口优先级的重新设计

letter A
letter B

优化了;

  • 直播入口点击
  • 剩余时间标签
  • 页面字体大小
  • 页面整体颜色

更简明扼要的信息展示

letter A
letter B

优化了;

  • 无人机展示信息内容
  • 关于无人机学习按钮
  • 快递进度时间条颜色
  • 按钮位置和字体调整

(E) UI design

我们的设计方案

可视化的快递进度;

>输入/快速扫描订单号


>投递中/已投递


>醒目提示最近到达包裹


>卡片式UI简单明了

地图实时定位与快递详情;

>实时地图追踪


>​提​供无人机直播模式进入按钮


>​邮​递历史详情展示

无人​机直播视角;

>动态视频追踪


>选用投递机型展示


>提供了解更多按钮入口


>好评展示令用户更放心

尽享沉浸全屏动态追踪;

>当前快递内容速览


>说说此刻所思所想


>提供高清拍照与分享

(F) Buttons & colors

60-30-10 法则

按钮大小

11-14mm.

>P1

>P1

>P2

10%

强调色;

60%

中性色;

30%

互补色;

SkyParcel

其他案例

Laptop with Empty Screen for Mockup

B2B | PC & Tablet | Web design

Energise:


创新3D沉浸式虚拟场景

让工作和团队协作更轻松。

B2C | Mobile (iOS & Android)

Trip.com:


引导用户停留当前页面

从而提高抢票成功率。