可交互的原型
整体设计需求:1. 应用图标,包括APP图标和网页.ico图标。APP图标包括车商版和物流版本,两个版本造型设计可以一致,物流版本更改颜色或者增加角标。2. APP配色。3. 以下设计图中涉及到的图标。
引导页

设计需求:引导页用于APP首次启动时的用户指引,需要重新设计。三页。
起始页

设计需求:起始页是首次进入时提醒用户登录/注册,可以作为引导页的最后一页,需要重新设计。
用户登录注册

设计需求:默认用户头像。

设计需求:可考虑设计各个字段的小图标。


业务逻辑:在我们的系统中,用户名不能为空。如果重设密码时发现用户名为空,则此业务增加姓名填写栏,否则不予显示。

业务逻辑:用户不需注册即可通过验证码直接登录,此时验证码就是用户的密码,可以使用此验证码重复登录。如果是新用户,在验证码登录之后引导客户填写姓名,见下一张图片。

主页

业务逻辑:主页从上到下分四大块,1. 工具栏,放置个人中心和客服电话图标。2. 轮播广告图。3. 功能入口。4. 需要提醒用户或者给用户推荐的内容列表。
设计需求:此页需要进行设计,包括图标、布局等,或者更合理的全新设计也行。

下单

业务逻辑:车型信息可以添加最多10个。

业务逻辑: 始发地和目的地公用一个选择页面
设计需求:可以提出更合理的设计。

业务逻辑:一个订单可能会有多个不同车型的车辆要运输。

设计需求:需要进行重新设计。车辆的选择可能需要三级:品牌--车系--型号。
物流黄页

业务逻辑,在主页点击物流黄页按钮后进入此页面,展示物流公司列表。两个数字分别表示运输订单数量和运输数量。

业务逻辑: 最下边的按钮是折叠按钮。可以对物流进行收藏,收藏的物流公司会在比价页面优先显示。
询价

业务逻辑:询价用来进行运输价格查询。选择始发地和目的地的页面与前边下单相同。

设计需求:垫款、发票、送店等可以考虑设计成小图标。
业务逻辑:点击了解更多进行物流公司详情页面。

物流比价

业务逻辑: 用户下单成功之后,进入物流比价页面,点击"选择按钮"之后选择某个物流公司进行运输。
订单详情
业务逻辑: 我的订单里点击某个订单后进入此页面。注意:如果用户下单后未选择某个物流公司(物流比价页面),在最下方显示“比价按钮”进入物流比价页面。




更多


设计需求:图标。

业务逻辑:除了通知页面其它页面使用webview进行展示。

设计需求: 图片和图标
业务逻辑:分享到微信放到第二个版本做。
Webview

一些通用的页面使用webview进行加载。
网友评论