大波浪(上)

从去年下半年开始,我和同事们一起接手了一个天气预报小程序项目,元旦前开始着手做这个产品的新版,春节前上线了。新版的效果:

访问量提升50%,停留时长提升44%,“添加到我的小程序”的比例提升了67%

没有新增流量入口,没有运营推广活动,所有的提升只是来自于新版本产品。

用户看的页面更多了,所以访问量提升了;

有用的信息更多了,所以看的时间更长了;

更多的用户看了觉得好,收藏了。

这个新版里用到的几个设计理念,我觉得值得说说:


1.把信息装进时间里

天气预报数据是类似这样的:

/未来48小时逐小时预报:温度、风力风向…

/未来5天的空气质量预报

/感冒指数、过敏指数、洗车指数…每项的未来7天预报

……

若干组这样的数据集。

常见的天气预报产品是将这一组组的数据直接表现出来:

如果要看明天的洗车指数,是要“n项生活指数—洗车指数”,再找到明天。而在“多天预报—明天”页面里却没有明天的洗车指数。

为什么会这样?因为“多天预报”数据集里,并没有洗车指数,洗车指数是在“生活指数”数据集里的。

按照现成的预报数据集来展示,这就需要用户也熟悉这些数据集,这显然对用户的要求太高了。

怎样的线索是用户比较容易懂的?

用户比较能懂的是“我要看明天的天气”。今天、明天、后天…“日子”是每个人都有的概念。

所以,我们把原有的数据模块打散,装进了每一天的页面里。

明天的洗车指数、明天的每小时预报… 明天的所有信息都放在明天的页面里。

“产品要符合用户心理模型”,把这个观念再往前推进一步:产品应该有个表现模型,由一些内容对象组成。这些对象应该是用户容易理解的,甚至是用户事先就能猜到的。

比如:电商产品里是一件件商品+购物车+我的订单;微博是一篇篇微博帖子+一个个用户…

我把这称为:产品的对象模型。

整个产品的表现围绕着这些对象展开。

对于天气预报产品,这所谓的对象模型就是:一天又一天,今天后面是明天、后天…


2.为结构与为流程

按照这样的对象模型,表现模型就很清楚了:

默认展示的首页视图:今天+明天(折叠)+未来多天(折叠)。

屏幕滚到“明天(折叠)”,点开,给明天视图,明天详情展开,其它内容退后,也就是明天详情页。

但这样做遇到了一个问题:今天的信息多,很长。要看明天,需要往下滚好几屏。在前期的用户研究中,我们总结出了若干典型使用情景,其中之一:带孩子的家长,每天晚上9点前后要看一下明天的天气,提前准备好明天给孩子穿的衣服。对于这样的使用,总要向下滚两三屏才能看到明天,是可忍,孰不可忍!肯定不能忍。

这样的表现模型,结构够清楚,但对于特定使用情景却不够方便。产品的整体架构应该做到:为结构清楚而设计,同时,也要为使用情景而设计。要“同时”,就不那么容易了。肿么办呢?

梁文道的《一千零一夜》里有一期讲到“牡丹亭”,昆曲开场会有一段“标目”,几句话说明这个剧的中心思想。

汽车综艺节目“The Grand Tour”每季开始,也会1-2分钟给观众概述一下这一季的内容。

我们也加个“摘要”呗~

通过摘要可以直接去明天,也可以去未来多天。(上图只以“明天”为例,“未来多天”也如是。)

这样,专门来看明天的,或下周天气的用户,就方便了,而且,内容之间的结构关系也仍旧是清楚的。

这里涉及到了“为结构,还要为情景”,对产品结构的设计,我所理解的,应该是“为结构+为情景+为流程”,总共三个方面。看看今年深大课后半程能不能比较完整的说说吧。


3.大波浪

未来多天的预报里,每天都有最高温度和最低温度,目前常见的表现通常是这样:

有没有觉得哪儿不对劲儿?

如果没觉得有什么问题,咱们来做个对比。

山前的崔粗腿和山后的崔腿粗来比腿,看谁的腿粗,画成折线图:

两人在一至四月份大腿周长的变化,可以用这样的折线图描述。这个描述是对的。蓝色崔粗腿的大腿周长一月是大约60多,到了二月变粗了一点,三月又粗了一点…绿色崔腿粗也是类似的变化,两人随着时间各自成长。

而天气温度的变化是:某天的最高温->最低温->最高温->最高温…用折线连接起来是锯齿状的一条折线,而不是两条。

再叠加上一个气象专业知识:预报中的“每日最高低温”是指:当日8时至次日8时之间出现的最高、最低温。

再叠加一个中学自然课知识:地球是圆的,白天黑夜的交替源于地球自转,某一位置的温度变化是接近正玄曲线。

我们称这个单曲图为:大波浪。这也是这个新版本的开发代号。

换成大波浪,很容易发现一个“缺陷”:如果今天最高温25度,明天26度,在大波浪里这个差异不明显。

之前的双曲线是把这两个温度直接连起来,直连的斜线很容易让人看出来变化趋势。

我们是这么分析的:如果两天之间的最高温相差1-2度,其实用户也并不在意,因为对生活没什么影响。如果温差大,大波浪表现出来是很明显的,比如:

周六降温,是很显著的,21日比今天升1度就不那么明显。

“小温差不明显,大温差明显”这其实正是用户需要的。也可以说,大波浪的表现方式正好过滤掉了那些不应该突出的信息。

倒不是大波浪是多么的玄妙,它只是正确的展示方式。正确本身就很有价值,它会带来很多好处,即使当时并没能全意识到。就像“小温差大温差”这个事儿,我其实是在今天(3月20日)写这段的时候才意识到的。

大波浪还有个好处是在设计时就知道的:“今天最低气温22度”,说的是今天凌晨4点,还是今天晚上后半夜10度?现在终于知道了。

“今天”通常的定义是0时-24时,但在气象局那里又有另外一种定义:8时至次日8时,为的是日常生活方便。天气预报里说“今天”,有人以为是这个定义,有人以为是那个。在这个时候,文字表述并不是最高效率的方式。

大波浪用位置描述了温度出现的时间。

也许大波浪还有其它好处,我现在还没意识到,但无论如何,正确应该是追求,因为“正确”是第一性的。

体会:将数据可视化,应该先考虑“这数据是什么意思”然后再想表现手法,而不是先考虑“有哪些现成的模板可用”然后把数据往里装;也不是去参考别人家是怎么做的。

——————————————

这个新版本的体会,总共写了6点,实在太长了,分两篇吧。以上是前3点。

这个小程序目前已经又有了更新的版本,不再是我们做的了,也不再基于我们的这些思路,现在实际的小程序和这里的分析对不上了,所以也就不提供小程序二维码了。

我在深圳大学的课目前正在进行中,每周一晚,南校区L7-301,也有录像,可以在这个公众号里找到下载地址。上一课就提到了“大波浪”,可惜现场上,崔粗腿和崔腿粗我没说流利。

另外,推荐下我的老友:刘云天,互联网行业资深元老,腾讯老鹅,金蝶首席,现在每天公众号发  文,内容真切、有用、用心。欢迎小伙伴们去围观。云天的公众号:

发表评论

电子邮件地址不会被公开。 必填项已用*标注