SAP FIORI for iOS - 订单展示应用(2)

前言

在SAP FIORI for iOS - 任务管理应用 - 设计中我们介绍了这个应用的总体框架以及流程,在本文中将进行第一个界面的设计.首先可以画出该界面的草图,想想需要放什么样的信息到这个界面上. 然后使用 Sketch 作出原型.

界面设计草图

在制作草图的过程中,对于设计人员而言,需要非常紧密的和最终用户沟通,了解真实的业务场景以及用户的真正需求.特别是页面的展示信息以及位置有限的情况下,如何组织数据,如何找到用户最关心的数据是设计的核心.至于页面上使用什么样的控件进行展示反而是次要的问题.

使用SAP Fiori for iOS 进行应用开发的好处就是, SAP 已经按照企业应用的多数场景,定制了一些可重用的组件,这些组件可以应用到不同的场景,这样可以使企业应用对类似的业务流程有着一致的应用体验.

因为第一个应用界面涉及到订单清单显示,所以我们选择 table 组件,在 table cell 层级,使用FUIObjectTableViewCell.
设计草图如下:

- 导航栏显示”订单清单”
- 主界面使用 TableViewController
- 最左面显示订单状态 - 是否送货
- 订单状态旁边图片显示销售人员头像
- 右边显示订单的抬头信息