My Vodafone 重设计for Android

本美工来新西兰的第一天就选择了沃达丰作为运营商，一直到现在。去年年末才偶然觅得沃达丰的android app，十分便捷的支付流程让沃达丰的官网从我的桌面浏览器历史记录里消失了整整三个月。

大概在四周前我尝试重新设计了My Vodafone的部分主要界面，却没有合适的地方记录下我创作的点滴。有幸能在简书上书写一二，望大家能不吝评鉴。

询问了身边使用沃达丰的同学和朋友后得出：

My Vodafone App的核心功能：

• 查询余额
• 查询使用量（移动数据 & 短信 & 通话时间）
• 充值

因为身边绝大多数都是Prepay的用户，买了卡还更换套餐的朋友身边真心很(mei)少(you)，而套餐内容（无限短信，100Min，500MB）在免费wifi泛滥的这边也不会不够，偶尔加个add on倒是有的。

原始App结构：

原始App结构

• 略显凌乱的功能入口整个在drawer里铺散开来。
• 充值按键：点击可否？一个页面一个花样，一会可以点一会又变成不能点的了。
• 低余额警告：每次从首界面跳转到其它界面再回来，这个警告窗口就坚持不懈地跳出来。
• drawer：包含了太多本应分属不同层级的入口
• 多账户切换：对于单卡用户使用频率很低的功能置顶合适吗？
• 错乱的结构
• 所有的界面每次进入都会全屏加载，包括永恒不变的内容
• 经常性得无响应

重设App结构

• 首先大刀阔斧移除drawer，专注于三个核心动作：浏览（余额 & 用量）、支付（本账号 & 其它账号）、发现（当前 & 其它plan和add ons）
• 增加浏览每日用量的额外功能
• 把所有杂物一股脑塞进最后的Tab里并分组归纳（tab不超过五个）

原始界面(Drawer) | 重设界面(Tab)| 重设界面(Tab)
----|-----

原始界面(Drawer) | 重设界面(Tab) | 重设界面(Tab)

点击图片查看动画	点击图片查看动画
点击图片查看动画	点击图片查看动画

原始界面(消息)	重设界面
原始界面(消息)	重设界面

增加清除扰人未读的按键

• 原始界面(充值) | 重设界面
  ----|-----

  
  原始界面(充值) | 重设界面

• 保持界面风格一致

原始界面(Plan)	重设界面
原始界面(Plan)	重设界面

• 保留了原始app的色标系统，区分电话、短信和流量；
• 统一界面material design风格；
• 改drawer为tab
• 分级归纳功能入口
• 新增每日用量查询

这是一个针对android的redesign，取消了左上角的返回键。之后得知该处的使用率对于半数以上的android用户仍处高频，一处遗憾。

我取消了圆形图标是因为在其它界面内无法找到圆形元素适用的地方，而这导致了重设中的使用量与剩余量的关系不够直观，由于是比较早的设计所以也没有再去进行界面上的改动，又是遗憾。

感谢您的耐心浏览！关于该app的UI展示请移步我的behance:
http://www.behance.net/gallery/23684275/My-Vodafone-APP-redesign