快递类APP产品UI设计模式及分析

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

DHL Express Mobile
这是日本邮政公司正式免费的应用程序(日本EMS)。 服务于日本邮政公司的网站,提供邮政编码搜索和利率计算的程序。
日本郵便
中華郵政股份有限公司(台湾 EMS),中華郵政-e動郵局提供您一個多元、安 全及便利的郵政業務查詢服務,除提供儲匯牌告利率及匯率資訊、集郵、郵務、 壽險及生活理財資訊等查詢服務項目,並將陸續推出儲金帳戶查詢、轉帳、繳費 稅等多項服務。
九、表单——无数据表单
十、表格和列表
常见表格模式:基本表格( Basic Table)、无表头表格( Headerless Table)、行分组表格 ( Grouped Row)、 固 定 列 表 格( Fixed Column)、 级 联 式 列 表( CascadingList)、可编辑 表格( Editable Table)、带有视觉指示器的表格( Tables with Visual Indicator)、带有内容总览 和数据的表格( Overview plus Data)等。
十、表格和列表
基本表格
表格的基本模式,列数据有固定的表头,表格呈网格式布局。表内的 行可以设定不同的颜色,或者在各行之间用细线分割,都能提升表格 的可读性。
十、表格和列表
无表头表格
无表头表格的特征是——没有列标签,用较宽的行显示某一对象的多 项信息。通常的做法是,用较大的字号显示行标记,用较小的字号显 示细节内容。 这种表格模式非常适合用来显示项目集合(如存货清单、食谱、相册 等)和这些项的搜索结果。与列表类似,这种形式能方便用户快速浏 览和选择。
十一、搜索
搜索常见模式
常见模式:显性搜索( Explicit Search) 自动补全搜索( Auto-complete) 范围搜索( Scoped Search) 保存搜索记录并显示 最近搜索内容( Saved & Recent) 搜索标准(表单)( Search Criteria (form)) 搜索结果( Search Result) 屏内分类( Onscreen Sort) 分类排序选择器( Sort Order Selector) 分类表单( Sort Form) 屏内过滤( Onscreen filter) 过滤容器( Filter Drawer) 过滤对话框( Filter Dialog) 过滤表单( Filter Form)
十一、搜索
保存搜索记录 并显示最近搜 索内容
成功的移动应用界面设计都遵循基本的可用性原则:尊重用户 的劳动成果。保存搜索记录并显示最近搜索内容的设计做到了这一 点。有了这样的设计,用户就可以很容易地从先前的搜索内容中进 行选择,而不需要再次输入相同的关键词或搜索条件。 通过保存搜索记录,显示最近搜索内容来提升用户的工作效率。
UPS Mobile
日本郵便
圆通行者
韵达速递
USPS MOBILE
e動郵局
申通快递
韵达业务员
FedEx
智能外勤
一、快递类APP产品介绍
顺丰速运移动客户端是顺丰速运基于Android操作系统开发的个人快件管理软件, 向客户提供自助下单、查件、订单管理、服务点查询、运费查询等一站式掌上便 捷快件服务。
十一、搜索
自动补全搜索
理想状况下,搜索结果将立刻显示出来,但要使用进度指示器(搜 索中……)作为系统的反馈。 如果程序在显示搜索结果时有延迟,就要给出一些反馈。 Netflix在搜索输入域内显示了一个指示器,而 Fidelity则在搜索结 果显示区域内设计了一个指示器。
在搜索结果中突出显示用户输入的搜索内容。
快递类APP产品UI设计模式及分析
博韩伟业(北京)科技股份有限公司
APP产品设计模式
设计风格与标识 色彩 布局 导航 按钮 表格和列表 搜索 分类 过滤 反馈与功能可见性 帮助
工具
图表 视觉吸引
图标
表单
一、快递类APP产品介绍
顺丰速运
EMS
快递员
DHL Express Mobile
圆通速递
中通快递
EMS
寄件、查询、附近网点、时效报价查询
中通快递
主要服务于韵达快递公司的寄件和收件客户。 对于日常生活与商务活动中的零散快递寄送需求,用户能以便捷方式向快递客服 提交订单,或通过GPS定位和内置地图直接寻找附近服务网点和快递员,并实时 跟踪快件整个生命周期的流转派送过程。
韵达速递
为韵达业务员打造的办公软件,在这里韵达的业务员可以进行离线揽件,运单 签收,抢单等,便捷提高工作效率
2、顶部tab式
四、布局
二、抽屉式 又名侧边栏式,图标
三、宫格式 又名桌面式,图标&#跳板式
四、布局
六、列表式 文字、文字+图标 1、竖排列表
2、横排列表
四、布局
七、弹出框
八、点聚式 又名扇形扩展式,图标
五、首页
五、首页
六、导航
主导航模式
六、导航
次导航模式
所有的主要导航模式都可以用作次级导航。 跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、 隐喻式、超级菜单式。 还有一些其他的导航模式也可作为次级导航,但不太适合 用作主要导航,包括如下:
九、表单——搜索表单(快件查询)
某些搜索功能要求用户输入多个约
束条件或标准,才能找出搜索结 果。与其他表单模式一样,搜索表 单也应该只包括必要的输入项,并 提供合理的默认值。
九、表单——搜索表单(搜索框样式)
九、表单——搜索表单(扫描页)
九、表单——多步骤表单
多步骤表单
移动设备的屏幕较小,没有足够的物理空间,无法像网络应用那样显 示臃肿的多步骤表单操作向导。
登录表单应该只包括少量的信息输 入:用户名、密码、操作按钮、密码 帮助、注册选项等。有些应用将这些 信息输入框设计在一屏内显示,另 外 一 些 应 用, 则 首 先 显 示“ 登 录 ” 或“ 注 册 ” 选 项, 然后根 据用户的选择将其导向相应的表单。 快递类APP多数都采用第一种方式的 登录表单。
六、导航
一级导航样式
布局数量统计
6 5 4 3 2 1 0 顶部Tab
底部Tab样式
布局数量统计
底部Tab-5 底部Tab-4
跳板
九宫格
六、导航
二级导航样式 九宫格 跳板 列表 顶部Tab
抽屉式
按钮
转盘
六、导航
当前全功能APP 二级导航样式
七、按钮
八、图标
九、表单
常见表单模式
九、表单——登录表单
十一、搜索
动态搜索
这种模式也被称为动态过滤。用户输入搜索内容,程序将动态 地过滤屏幕上的数据。 用户输入文字,程序会过滤屏幕上列出的内容项。 对于有限的数据,如地址薄或个人媒体库,这种搜索模式非常 有效,但它不太适合用来搜索海量数据。
十一、搜索
范围搜索
有时,在执行搜索之前,首先确定搜索条件的范围能够更容易、更 快速地搜索到想要的结果。 根据数据集提供合理的搜索范围选项。 3 ~ 6 个范围选项足矣,用 搜索表单实现高级搜索功能。
韵达速递
界面整体风格
二、界面设计风格与标识
企业标识
UPS Mobile
界面整体风格
二、界面设计风格与标识
企业标识
USPS MOBILE
界面整体风格
二、界面设计风格与标识
企业标识
FedEx
界面整体风格
二、界面设计风格与标识
企业标识
DHL Express Mobile
界面整体风格
三、色彩
四、布局
九、表单——注册表单
注册表单
注册表单与登录表单一样,应该只 包括少量的信息输入。
九、表单——核对表单(寄件页)把多屏信息合并到一个核对表单中。
九、表单——计算表单(时效运费查询)
计算器类的应用,例如体重跟
踪、税款预估以及贷款计算器,需要
输入信息。虽然这些表单可以采用常 见的操作和布局方式,但也不能忽视 可读性方面的基本设计原则。 最好的计算应用应该把输入数据 和视觉化结果紧密关联。
十、表格和列表
级联式表格
很明显,在手机屏幕上显示树形表格非常麻烦,级联式列表可以提供 同样的层级结构。
十、表格和列表
带有视觉指示 器的表格
火花谱线( Sparkline)和图标能提升表格的信息显示效果,可以让用 户更容易地找到自己所关注的内容。
十、表格和列表
可编辑表格
可编辑表格广泛应用于诸如 QuickOffice 之类的电子表格软件。网络应 用中可编辑表格的很多设计原则都可用于移动终端的界面设计。
UPS Mobile
USPS MOBILE
通过移动设备可完成包裹状态查询并获取实时状态更新。使用FedEx应用程序 扫描托运标签二维码,可轻松查询货件、查找您附近的FedEx服务站、快速查 询费率等。
FedEx
一、快递类APP产品介绍
世界DHL快递永远伴随着你!世界排名第一快递公司。 联系、计算装运成本、送什么、为您服务、通知、新闻
十、表格和列表
固定列表格的 表格
对于较大的表格,固定某一列或某几列是个可行的做法。
十、表格和列表
带有内容总览 和数据的表格
带有内容总览和数据的表格模式指在表格各数据行上方显示表格内容 的总览。
十、表格和列表
行分组表格
对表格的行进行分组能让用户更容易地了解表格内的数据。行分组的 作用类似于各个部分的标题,比如在 Mint 应用中,交易记录按照日 期进行分组。
十一、搜索
显性搜索
显性搜索要求用户执行明显的搜索操作并浏览搜索结果。其操作方 式可以是点击屏幕上的搜索按钮,如 Walmart 的设计,或是按下键 盘上的搜索键,如Target 的设计。搜索结果通常显示在搜索栏下 方。建议为显性搜索搭配自动补全模式。
十一、搜索
自动补全搜索
或许网络应用和移动应用使用最广泛的搜索模式就是自动补全模 式。用户输入内容时程序会立刻显示出一系列可能的输入结果,只 要通过点击来选择某一项,程序就会执行搜索操作。另外一种情况 是,用户持续输入内容,然后点击搜索按钮。
韵达业务员
一、快递类APP产品介绍
快递员是一款便捷的使用工具,既可通过短信、云呼、网络电话等方式通知收件 人签收,也可通过账号绑定代替巴枪,完成到件、派件、签收等
快递员
使用 UPS Mobile 应用程序轻松管理货件运输。 · 追踪货件并设定别名 · 创建运输标签 · 查找 UPS 服务地点 · 预计货件成本和递送时间 USPS 美国邮政署(美国EMS),找到一个邮局™或经认可的邮政Provider®, 查找邮政编码™,计算出货价格(限制适用),日程安排皮卡,扫描标签,把你 的邮件,你去任何地方使用USPS跟踪™工具。
手机操作中,拇指的可控范围有限,缺乏灵活度。尤其是在如今的大屏手机上,拇指的可控范 围还不到整个屏幕的三分之一——主要集中在屏幕底部、与拇指相对的另外一边。
(当用右手持握手机的时候,红色:拇指点击盲区;橙色:拇指能触及的区域需用史上吃奶的劲;绿色:拇指 点击的最佳区域)
四、布局
一、标签式 又名选项卡式,图标加文字 1、底部tab式
顺丰速运
圆通手机客户端Android版是基于Android手机操作系统开发的快件服务性软件, 免费为您提供快件跟踪,快速下单,派件范围查询等简单实用功能.一站式服务尽在 圆通手机客户端!
圆通速递
YTO快递员必备工具,装上APP,手机秒变PDA 实时签收,一键秒签, 收件抢单, 收派列表,智能路线规划, 问题件处理,键 通知收件人,一键拨打收件人电话, 收件现场打印电子面
圆通行者
申通快递APP供大家寄件,查运单,及网点查询,让你足不出户可以寄快递, 知道快递的动向,申通快递,一如亲至,用心成就你我
申通快递
一、快递类APP产品介绍
中国邮政速递物流有限公司开发的EMS手机客户端是基于ANDROID操作的个人 快件管理应用,为用户提供快捷下单,查询服务、订单管理等一站式掌上便捷快 件服务。手机EMS,简单你的快递生活!
e動郵局
智能外勤
二、界面设计风格与标识
企业标识
顺丰速运
界面整体风格
二、界面设计风格与标识
企业标识
圆通速递
界面整体风格
二、界面设计风格与标识
企业标识
申通快递
界面整体风格
二、界面设计风格与标识
企业标识
EMS
界面整体风格
二、界面设计风格与标识
企业标识
中通快递
界面整体风格
二、界面设计风格与标识
企业标识
十一、搜索
搜索表单
这种搜索模式的特征是,在一个独立表单内输入多项搜索条件和一 个显性的搜索按钮。
十一、搜索
搜索结果
只要执行了搜索操作,那么就要在同一屏内显示搜索结果,或 在专用的屏幕内显示。 搜索结果可以显示为表格或列表,也可以在地图或卫星上显 示,或者显示为缩略图。根据搜索结果的类型和用户使用偏好提供 多种视图。
相关文档
最新文档