这是沐风的第127篇原创
大家好,好久不见。
最近体验了两款睡眠检测应用:Sleep Cycle和AutoSleep
这两款应用在睡眠检测上都颇具实力:
Sleep Cycle荣获App Store编辑精选,它可通过用户的声音或者睡眠时身体的移动频率来监测睡眠质量;
AutoSleep则更直接,它是利用佩戴在用户手腕上的Apple Watch,获得用户睡眠时的动作来监测睡眠。
从我个人对于它们睡眠检测的结果对比来说,两个应用的监测效果不相上下。
虽然两个应用在监测算法上都很牛,但是在产品的功能和界面上,却非常不同:
Sleep Cycle简洁易懂,界面十分清楚明白;
AutoSleep复杂晦涩,界面过分专业甚至还有点变态。
下面我们来分析下这两款应用的界面设计,以便从中吸取经验教训。
重点信息提炼
睡眠质量应用,属于工具类。
这类工具的一大特点,是每天早上都会使用,但又不会使用太久。基本就是早晨起来lou一眼,快速了解昨晚的睡眠信息即可。
睡眠的信息有很多个:何时入睡?何时醒来?睡着了多久?睡的整体怎么样?有多长是深度睡眠?多长是浅睡眠?心率是多少?
信息的数量多,怎么展示就成了问题。
在实际的工作中,产品经理也会经常提过来包含着一堆信息的需求。
作为设计师,很重要的一个工作就是对这些信息进行分类、梳理优先级,然后安排在页面的不同位置上。
在这一点上,Sleep Cycle明显做得要好的多:
首页把用户最关心的睡眠质量(下图橙色圆环)提取出来,在旁边用最大的字号展示在床上的时间和实际的睡眠时间。
界面头部的3个数据,很好的将昨晚睡眠的总体信息勾勒出来。
接着是一个睡眠程度的曲线图,可以看到昨晚睡眠深浅的变化趋势(如下左图