宝宝的生长发育情况一直是宝爸宝妈关注的重点,而且亲宝宝平台也希望进一步了解用户宝宝的生长发育细节,从而为宝宝推荐更精准的育儿内容。育儿测评通过不同阶段推送给用户的测评题目,让用户和平台了解宝宝的发育情况,并提供有意义的解读和育儿建议,结合进一步精细化的发育数据,让育儿的内容推荐更加精准。
设计目标
高效传递信息,引导用户完成答题操作
一期设计
一期需求分析
一期发育测评也是育儿助手bate版本的尝试,通过推送提醒用户有新的测评任务,用户点击后进行测评答题,答题完毕后可以查看发育状况,包括发育雷达图、发育解读和成长里程碑3部分内容。
为了吸引用户进行测评,经讨论后在答题前向用户展示当前阶段下其他同龄人的发育进度,通过对比增加用户答题动机。测评答题完成后,增加计算等待页面,一方面给测评结果内容加载预留时间,另一方面让用户传递测评计算的复杂和准确的印象。
界面设计
测评引导
测评引导向用户展示当前阶段同龄宝宝的发育状况,将数据通过颜色突出展示,并增加进度轴让数据更加直观,配合入场进度轴增长动画,让内容展示更加直观。
测评答题
采用了和亲子任务相同的卡片设计,初期设计时考虑采用进度轴展示答题进度,但考虑到进度轴会强调答题进度,在答题初期会强化难度印象,并且进度轴无法传递准确信息,因此将答题进度用数字显示。信息布局位于卡片左上角,符合用户浏览习惯,让用户快速获取信息。
测评结果
分为测评结果和发育记录2部分内容,测评结果采用和整体一致的简洁风格,弱化雷达图刻度,通过颜色将雷达图主体突出,并让每项分值清晰展示。测评解读用黄色小点引导浏览,保证上部内容可读性。发育记录采用时间轴的形式,突出时间属性。
二期设计
需求分析
新版育儿将发育测评的入口移到了育儿首页信息流中,希望用测评来增加平台和用户的互动,增强用户感知。但一期发育测评整体视觉氛围太过简洁,留给用户感知较弱,因此要在一期基础上进行视觉优化。
一期发育测评问题
整体视觉气氛偏冷淡,用户感知太弱 一期发育测评由于为了和育儿助手视觉风格统一,采用简洁设计风格,气氛偏冷淡,因此二期设计希望提升整体视觉氛围,增加用户感知。
卡片式测评答题展示问题 测评答题由于采用了卡片的形式,当单条测评信息较多时会出现内容在卡片内滑动的情况,信息展示效率较低。
测评结果发育记录信息展示问题 单条发育记录采用模块形式,强调单条记录的独立性而信息分割太强。
二期设计目标
增强用户感知
在测评答题和测评结果页中加入绿色背景元素,和育儿首页头部封面保存呼应,建立统一的用户心智。
提高信息传递效率
简化测评答题展现形式,通过平铺方式增加内容可展示区域,让形式更适于各种情况下内容展示。
改变了成长里程碑的信息布局,将时间置于时间轴左侧,时间和内容分离,让时间起到检索和引导浏览功能,避免了时间对内容浏览的打断。记录内容采用无卡片、无线条的方式,减小内容之前的分割感,进一步提升浏览内容的流畅性。
二期问题
二期发育测评只针对测评答题和测评结果页进行了优化,测评引导、测评完成加载页仍然采用的一期版本的设计,一期较弱的视觉氛围和二期优化后的页面有一定不一致性。因此后续应该对这2个页面再进行优化,比如测评完成页增加加载动画效果等,进一步增加用户感知。
网友评论