移动端UX交互设计规范

用户头像
北京/设计爱好者/9年前/3146浏览
移动端UX交互设计规范
用户头像
alinege
该app是内置于手机银行里的一款汽车票购买功能,包括汽车票查询,购买,退票,我的历史订单几项功能,设计前期,梳理需求说明文档和后台接口文档发现,并没有退票相关的接口,故退票功能暂时搁置。需求说明提出购买“往返汽车票”,往返即“单程”,经过讨论,最终确定为单程汽车票的设计。
移动端UX交互设计规范(图ZNTQwNzEzMzI=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
收藏
移动端UX交互设计规范(图ZNTQwNzEzNDg=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
“出发日期”选择默认当天,购买当天票的用户,可以减少一步操作,简化操作流程。
收藏
移动端UX交互设计规范(图ZNTQwNzEzNTI=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
“前一天”“后一天”为临近时间的选择,提供了便利
收藏
移动端UX交互设计规范(图ZNTQwNzEzNjA=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
根据需求说明文档,持有老年证,学生证,军官证的人会对应购买不同优惠的车票。因接口文档提供的一些字段接口,暂时无法区分这几种情况,故全部按全价票计算。
收藏
移动端UX交互设计规范(图ZNTQwNzEzNjQ=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
订单确认成功,按钮点击成功,开始锁座计时,有效时间为10分钟,可以从“我的历史订单”选择“待支付”订单进行支付,也可立即支付;支付成功只有一种情况,出票成功,而购票失败会有多个原因,弹框显示,交互流程设计的时候,要尽可能的考虑页面出现的异常情况。
收藏
移动端UX交互设计规范(图ZNTQwNzEzNjg=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
“订单支付成功”,“支付失败”,“待支付”,三种状态,进入“待支付”继续循环购票交易。
收藏
移动端UX交互设计规范(图ZNTQwNzEzODg=) - 交互/UE - 站酷设计师alinege原创素材 - 站酷ZCOOL
放了一部分视觉设计页面,该功能对应的手机app企业色为#E2742B,老版移动端app主色调为蓝色#0780DD,色彩主要参考了这两项,为了统一的视觉效果和品牌传播。
收藏
19
|
举报
|
35
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
大家都在看
登录注册