这是之前为一个健身app【减约】做的交互优化建议方案,贴出来为大家分享下,有不同的建议大家也可以在留言区提出
一、【方案】与【记录】模块分析
1、【方案】模块中有五大方案,可以说是五大入口,可见方案比较重要,占了一个模块;但是五个模块以banner的形式且竖形排列,占领了整个页面,卡片式的设计略大,过于拥挤且单一;
2、【记录】模块占主要区域的是每天摄入卡路里的量,其次是每天的饮食搭配; 可以看出【记录】模块功能和形式都很简约
优先级
从第一次登陆首屏为【方案】,可以知道【方案】的优先级大于【记录】,应该是做为最重要的一个模块;在用户没有制定方案的前提下,从用户价值考虑,冷启动之后会的首屏应该为【记录】模块,因为用户更关心自身状态,“今天还可以摄入多少热量?”
在选择了定制方案后,首屏为【方案】,因为用户也更关心自身状态,既然制定了方案,也希望能快速去了解自己的训练状况!
二、整合优化建议
【方案】与【记录】模块整合
分两种情况
1、当用户制定训练方案时的显示状态
2、当用户没有制定训练方案时的显示状态
因为这两个模块整合在一起,暂且就称呼他为【训练】
二、1 当用户制定训练方案的时候,显示方案里边的内容
具体请看下图
二、2当用户没有制定训练方案的时候,显示为饮食计划和运动
当用户没有制定计划时,显示现在版本的【记录】页面。如下图
三、其他方面建议
1、【方案】模块
1.1 五个方案以竖形banner排列,整体色彩没有统一,过于“花”;
建议:1、可采用插画的风格,来统一视觉上的感受,现在的渐变灰过度到人物显得很“脏”
2、可采用调性相似、内容适合的照片,加以黑色蒙版来作为背景,使整体风格在视觉上统一
1.2 五个方案的排列形式 过于传统
建议:以方形卡片加以icon的形式来展现,icon要尽量展示这个方案的特征,用标题来说明,也可以加上少量文字来解释
2、【记录】模块
首先一点,现在的【记录】模块又一个bug,如图
在进行上下滑动的时候,右边出现了滚动条,按理说是不应该出现的,在其他的大模块,都没有出现这种情况!
下面是优化建议,如图:
3、【社区】模块
1、 社区模块中有一个【碎片运动】的小方案,我总觉得应该放在方案中,因为这属于运动模块;
2、【谣言粉碎】【碎片运动】【减约知道】【减脂干货】【方案小组】这几个模块当作头部,固定在标题栏下方
而banner可选择在任一区域下展示,或者每个子模块下展示一个(不建议这样做)如图
第一个为社区为主页原型展示
第二个为食谱页面展示
交互形式:可点击上方导航进行切换,也可以手指左右滑动进行切换
4、【我】模块
1、我用qq登陆的,头像也是qq头像,同步过来之后,头像变得模糊了,不知道是什么原因,原头像并不模糊
2、依然看上图
2.1、我太不清楚ID是否占了很重要的位置,以及在其他页面是否很有用途,为何显示级别这么高?
2.2、城市和地区性别这些应该是给其他用户,用来展示信息的,自己不需要一直观看,可以省略
建议只显示关注和粉丝就可以!
2.3、昵称放在标题栏的上方不是很妥当,头像旁边本应该放昵称