新 MyPanli

App

关于此需求

为什么不用 Blue 版设计稿

• 因为这版界面在设计的时候还没有出现很多运营项目 (比如签到/运费券/运费打折等), 也没有把免服务费期限找地方显示给用户, 当然也没把在线客服入口放出来, 可以看到主要是想在 iPhone 6 下争取一屏展示所有入口, 但其实在加入邀请好友之后就已经破坏了这个想法, 更别说上面还有好多东西没放;
• 不用这版设计稿最重要的原因就是 , 三类信息展示出来的优先级和用户需要的完全不同: 用户最最不需要了解的信息反而被放在了最上方, 而唯一能够带来订单量的 "收藏夹" 反而被放到了很容易不显示在默认屏幕上的位置, 完全是为了设计而设计, 因此大框架都没办法沿用.

为什么 MyPanli 需要改版

• 原来 iOS 通栏型的排版, 由于增加了太多项, 界面拉得非常长, 别说 iPhone 4/5, iPhone 6 都无法一屏展示完所有入口, 这是从产品层面需要改版的原因;
• 经过两个版本的迭代, 主要界面都已经换成新版风格, 这么显示也确实有点突兀, 需要把风格统一起来, 这是从设计层面需要改版的原因;
• 某些功能入口 "代金券/番币/(不久之后就会上线的) 运费券/免服务费/运费打折" 种类繁多, 就目前看来就至少会有 5 个, 再这么全部放出来其实对用户来说信息量也会很大, 需要调整.

调整明细

MyPanli

• 经过如图所示调整之后, 界面中间部分还剩 294px 高度可以展示功能入口 (iPhone 5), 基本上可以显示 5 栏 (截至写文档的时候, iPhone 5 分辨率的设备还占 21%, 考虑到 iPhone SE 刚发售一个多月, 这个尺寸上能把相对主要的入口显示出来还是有必要的), 从上至下依次为
  
  • RMB 账户
  • 卡券包 (各类运营优惠项目全部丢到这里)
  • 收藏夹
  • 在线客服
  • 通知
  • 我抱的团 (短期内还不会下线这个入口, 虽然团购可能就快下线了)
  • (关于分组) 如果要分组的话, 建议上面 3 个分成一组, 下面 2 个分成一组
• 把订单状态拆开其实最早也考虑过这样做, 毕竟用户用我们产品, 主要是为了买东西, 淘宝等电商平台这样突出订单的设计还是比较适合的
• 在把两个小功能以小部件的形式展示, 运营优惠项目全部收编到一起之后, iPhone 5 也能把主要内容全部展示在屏幕上, 后面版本还想增加入口的时候也不会太纠结 (比如番币商城)
• 通栏的小图标根据视觉稿为准
• 账户余额还是显示在 MyPanli 上面
• 邀请好友/签到/客服短信 需要一个新的每日提示方式
• 点新的订单状态 (小方块区域), 打开相应界面的对应标签
• 邀请好友仍然需要绑定了微信才能使用
• 点击头像时弹出的菜单不变:从相册中选取美照,立即拍摄美照(selfie/自拍),取消
• MyPanli 不需要导航栏标题 "我的", 如果为了界面美观的话可以放
• 让我找个理由...找到了! 为了能让用户在未登录状态使用 "更多" 里面的东西, MyPanli 的 "未登录" 状态回归, 相应的:
  
  • (界面) 未登录时头像最好是个新的, 一眼看上去就像没登录的样子
  • (界面) 未登录时用户名为 "点击这里登录", 不是图中的 未登录
  • (功能) 除了右上角的 "更多" 和 "在线客服" 外, 点击 (未登录 MyPanli) 其他地方都会弹出

卡券包

把 "代金券/番币/(不久之后就会上线的) 运费券/免服务费/运费打折" 5 个入口依次列在屏幕上即可, 没有太多设计要求, 只要记得把比如 "当前持有XXXX番币"之类的显示在上面.

更多

此界面只需要和 MyPanli 的视觉风格相同即可, 里面的通栏项还是那些.