APP信息设计复盘——从方案1.0到4.0

话题范围

信息设计概念很广,平面设计、包装设计、信息图等,都是信息设计的分支。而互联网产品中的信息设计主要指对界面的信息进行排版。本文讨论的是笔者在APP界面信息设计中的总结与思考。


信息设计与信息架构的区别

信息设计:对界面的信息进行排版

信息架构:对产品结构或流程的信息进行组织分类


信息设计与界面设计、导航设计的区别(摘录自《用户体验要素》)

如果这涉及提供给用户做某些事的能力,则属于“界面设计”。界面的意思是说,通过它,用户能真正接触到那些“在结构层的交互设计”中确定的“具体功能”。

如果是提供给用户去某个地方的能力,这是“导航设计”。信息架构把一个结构应用到我们设定好的“内容需求列表”之中;而导航设计则是一个用户能看到那个结构的镜头,这就表示,通过它,用户可以“在结构中自由穿行”。

如果是传达想法给用户的话,那就是“信息设计”。信息设计是这个层面中范围最广的一个要素,所涉及的事情几乎是到目前为止我们在功能型和信息型产品两者都看到过的全部内容。信息设计跨越了“以任务为导向”的功能型产品和“以信息为导向”的信息型产品的边界,因为无论是界面设计还是导航设计,都不可能在没有“一个良好的信息设计的支持”的前提下取得成功。

Ps:线框图是整合在结构层的全部三种要素的方法:通过安排和选择界面元素来整合界面设计;通过识别和定义核心导航系统来整合导航设计;通过放置和排列信息组成部分的优先级来整合信息设计。把这个三者放到一个文档中,线框图就可以确定一个建立在基本概念结构上的架构,同时指出了表现层的设计应该前进的方向。


信息设计案例

下面是我在信息设计实践中走过的弯路,供大家借鉴。功能点是根据卡路里消耗号召用户去玩体感游戏,共迭代4版视觉(UI们不要打我),才达到基本满意的程度

信息元素如下

1、卡路里目标消耗值

2、卡路里目标消耗值的解释说明

3、卡路里已消耗值

      步行消耗卡路里值

      玩体感游戏消耗卡路里值

      case1:目标未达成-->玩体感游戏,消耗卡路里

      case2:目标已达成-->恭喜达成目标!

4、玩过的体感游戏列表(游戏名称、游戏图标、卡路里已消耗值、游戏时长)

5、食物热量类比,例:已消耗100卡,相当于消化了一个苹果

仅从文字角度看,1、2、3是一组连贯的信息,4是单独一组信息,而5可以在任何涉及到卡路里信息处(1、3、4)作注解,使用户对卡路里有一个直观的衡量。


方案1.0

槽点

1、【去玩游戏】按钮不够突出,不够Call to Action,用户缺乏点击【去玩游戏】的理由与冲动

2、用户先看到已消耗值,再看到目标消耗值,与“定目标再执行”的一般逻辑不符

3、目标消耗值的解释说明“45kg”优先级较低,但与前者处于同一层级,不仅占空间,且维度单一,不足以让用户信服

4、游戏列表中,单个体感游戏卡路里消耗值较小,不适合作食物热量类比

5、游戏列表中,显示玩体感游戏的时间段意义不太(因为体感游戏的卡路里消耗值以时长计,用户更想知道玩这款游戏的累计时长)

总之,1.0槽点满满,我们紧急又出了2.0



方案2.0

优化

1、【去玩游戏】改成【玩游戏消耗卡路里】,更加Call to Action

2、调整已消耗值与目标消耗值的显示顺序

3、目标消耗值的解释说明隐藏于【问号】中(点击显示浮层),以性别、体重、身高与年龄为基础数据,通过算法得出

4、体感游戏列表中的时间段改为累计时长

槽点

1、步行与玩游戏消耗属于卡路里已消耗值,但从色块的区分上,已消耗却和卡路里目标消耗值更紧密

2、【玩游戏消耗卡路里】虽然更加Call to Action,但点击按钮的理由仍然不是很明确

3、体感游戏列表中的食物热量类比未撤销

Ps:卡路里目标消耗值由身体基础数据计算得出,变动频率较低,用户在最初几次的使用中即可了解,不会时常关注。而已消耗值在1天当中的变动频率相当高,用户也会经常打开APP查看卡路里消耗是否已达成目标。因此后者相较前者更为突出,目的是为了让用户第一时间获取到最重要的信息。



方案3.0

优化

1、重新划定色块,卡路里目标消耗值与已消耗值(包括步行与游戏)的区分更明显

2、新增卡路里已消耗值与目标消耗值的差距,明确点击【玩游戏消耗卡路里】的理由

3、撤销体感游戏列表中的食物热量类比,并将其置于卡路里目标消耗值的解释说明中(激发用户完成目标的动力)

槽点

1、上方白色色块内有4个数值,已消耗与差值同等强调,重点未突出

2、未解决在达成目标的情况下,差值与按钮如何显示的问题

Ps:差值属于信息,而按钮可同时承载展示信息与执行操作,且按钮中的信息与操作联系最为紧密



方案4.0

优化

1、将差值放在按钮中,若用户已达成目标,则按钮撤销,显示文案“恭喜,达成今日卡路里消耗目标!”


以上就是信息设计方案1.0至4.0的全过程,复盘的时候觉得1.0的方案真的好low,当然现在4.0的方案也不敢说很好(比1.0好太多是真的。。。),如果感觉方案4.0有任何不妥之处,欢迎留言交流,谢谢~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容