前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一个APP的交互优化方案

一个APP的交互优化方案

作者头像
宇相
发布2018-08-06 11:18:51
1.1K0
发布2018-08-06 11:18:51
举报
文章被收录于专栏:理论坞理论坞

这是之前为一个健身app【减约】做的交互优化建议方案,贴出来为大家分享下,有不同的建议大家也可以在留言区提出

一、【方案】与【记录】模块分析

1、【方案】模块中有五大方案,可以说是五大入口,可见方案比较重要,占了一个模块;但是五个模块以banner的形式且竖形排列,占领了整个页面,卡片式的设计略大,过于拥挤且单一;

2、【记录】模块占主要区域的是每天摄入卡路里的量,其次是每天的饮食搭配; 可以看出【记录】模块功能和形式都很简约

优先级

从第一次登陆首屏为【方案】,可以知道【方案】的优先级大于【记录】,应该是做为最重要的一个模块;在用户没有制定方案的前提下,从用户价值考虑,冷启动之后会的首屏应该为【记录】模块,因为用户更关心自身状态,“今天还可以摄入多少热量?”

在选择了定制方案后,首屏为【方案】,因为用户也更关心自身状态,既然制定了方案,也希望能快速去了解自己的训练状况!

二、整合优化建议

【方案】与【记录】模块整合

分两种情况

1、当用户制定训练方案时的显示状态

2、当用户没有制定训练方案时的显示状态

因为这两个模块整合在一起,暂且就称呼他为【训练】

二、1 当用户制定训练方案的时候,显示方案里边的内容

  1. 保留中间消耗卡路里的数据显示
  2. 将方案中的五大方案,整合在一起放置在记录分析的下方
  3. 将制定过的计划的【饮食】、【训练】、【我的计划与报告】整合在一起,集中在展示。如:饮食计划自动列出方案中给出的早、午餐计划,不用用户再去一一制定,而用户想要自定义时则可以自己去修改;
    1. 【饮食计划】【训练计划】【我的计划】等模块可自由调整优先级顺序(或删除)
    2. 当全部删除时,会出现(二、优化建议中第2中方案)(饮食记录(如现在版本中【记录】页面)
    3. 为何这样修改? 用户可自由添加和删除,以及排序,这样体验上是不是更好一些呢?这样使用户有一种掌控感,另外用户可以根据自己需求,比如小明想第一眼看到【我的计划】,而作为女生的小红想看到【饮食计划】;用户需求不一样,让他自己去做选择,如果不做也可以用默认状态,这样在体验上会不会更好一些?
    4. 在卡路里消耗的旁边添加【用户报告和计划】和【添加训练】的快捷入

具体请看下图

二、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、昵称放在标题栏的上方不是很妥当,头像旁边本应该放昵称

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-10-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 设计谜 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档