瘦瘦App Android redesign简版

目前绝大部分的移动互联网应用基本都是iOS、Andiron双平台客户端。而移动互联网快速的迭代与风向指引,除了产品部门设计交互资源既给力而且还过剩的大公司会针对iOS与Android都设计一套专门的规范,一般中小型或创业型公司基本都会直接使用iOS的设计规范。

于我个人来说,其实是非常喜欢Android的设计风格。从4.0开始一直都在进步,我也其实有心 做点力所能及的事情,我在负责设计的医客3.0版本的时候、在部分地方还是保留的Android的设计,虽然只是文本框、弹出框、选择控件等等很小一部分的地方;虽然设计师与开发偶尔反对我这么干,我还是坚持就需要Android的样式。

这可能就是我心底里的一点情怀把,虽然并没什么卵用。

 

顾名思义、瘦瘦是一款减肥的应用。根据性别、身高、体重、年龄等资料、以及肥胖原因的评估结果,打造一套专业的健康减肥计划,对日常饮食进行一对一的指导,让在日常走路、散步等运动中不知不觉的甩掉脂肪将减肥进行到底。 约一两年前曾经到瘦瘦面试过、当然结局比较悲催,瘦瘦招的是产品的头儿、彼时本人学艺不精实力不济未能面试成功。与瘦瘦的总监韩总有过一些交流,某方面的观点交流深以为然、受益良多并一直学习之。这也算与瘦瘦的渊源。

瘦瘦其实以及算是比较成熟的产品了,iOS版看起来比较悦目,但是安卓也是直接按iOS照搬了过来,于是花了个周末思考了一下瘦瘦的整个页面逻辑,动动手简单重制了几个页面。 当然,作为非瘦瘦员工,对整个产品的模式理解肯定太皮毛,我的改动只是一种尝试、仅供参考,也是作为自己业余时间的思考有个进一步的理解。

1、首页

首页必须要大改,第一个就得把底部的tabbar干掉,这玩意就是我的个心病。

我改动的地方:

1、去掉底部tab bar

2、『我』放到drawer

3、『搜索』、『服务』(其实服务的页面层级也被我改了)放到action bar

4、『记录』使用floating button,点击弹出子菜单来记录饮食、运动、体重。

5、全部使用卡片式布局

 

把我的方案与使用概况放一起了,反正都是针对『我』,放一起并不违和

主页放的资讯实在太多了,我个人认为全部放在主页显得多且杂乱

一个小细节、navigation bar搞透明了

floating button我认为比较合适,记录就是瘦瘦主打与常用的功能

顺便说下,『首页』的『我的方案』与『服务』页的『我的瘦身方案』不好理解,建议换个名字

2、服务页

仔细看了下瘦瘦的原始服务页、觉得重心偏得有点厉害,索性连带页面都给改了

我改动的地方:

1、把『我的瘦身方案』从内页拿出来就当作二级页面

2、推的服务使用浮层放置

3、非重心介绍类入口丢action bar右上就行,一分钟了解减肥在首次启动已经介绍了丢设置里去

3、个人中心

基本照搬功能,调整下样式。顺便把层级略降了一点的服务放到『服务记录』下面

其实思考的70%以上的时间都在首页上,这也是一个App非常重要的页面,确定好内页的话其实比较好做,个人又懒,仔细做的话还是有很多地方可以讨论与思考的。

ps:最后来看这个redesign还是简陋、不光是内页都没做、自己也非设计师,图标都没拖过来。最近在弄新版本,空余时间码了点东西,希望丢到专栏不至于太空。

最后感谢NovaDNG的启发,使用的工具是sketch。

发布者

呆子哥

强制综合症、重度闷骚患者、骑行爱好者