每次看苹果的天气 App,总是会困惑那条彩带到底是什么意思,第一感觉是跟时间有关,那么 position 表示的是时间点?那没有被彩带覆盖到的区域又是什么意思?如果表示温度,也还是无法解释彩带之外的空间到底是啥意思。

于是 Google 了一下,原来这个彩带的 position 不能独立看,要结合 10 天一起来看,彩带的头距离左边顶点越近,表示该天的最低温度是这 10 天里比较冷的,距离右边顶点越近,则表示该天的最高温度是这 10 天里温度较高的。

以上图为例,通过观看「Today」的彩带,可以知道今天温差较小(彩带短),温度偏低(颜色为绿色),是 10 天里较暖和的(彩带离左顶点远,离右顶点近)。

我觉得这是一个差的设计,设计师或许会觉得这个很棒,因为通过「精妙」的设计,在不影响页面美观的前提下,提供了很多信息。但是相比它给用户带来的[可能是不小的]困惑,我觉得是过大于功,每次看到这个彩带我都要思考(即使已经知道它是怎么回事)它到底是啥意思,不能直观的看一眼就能提取信息。这个设计让用户不好理解的一个原因是,彩带之间有关联关系,但是线和其他元素把这种关联关系弱化了,让人觉得每一个都是独立的单元,改成类似柱状图的设计应该会更好些。

❤️