每到年底,几乎所有内容相关的产品都要给用户呈上一个让用户满意和惊喜的年终报告。

2020年3月小宇宙正式上线,到2021年底,小宇宙播客App第一次发布了播客年终总结。此次年终总结以「展览馆」为主题,这个创意顺延了小宇宙在2020年举办的线下活动中一个分区活动。

小宇宙线下活动「宇宙展览馆」房间,2020
2020小宇宙播客年终总结部分截图
新的一年,用户朋友对年终总结又了更多的期待,也早早开始催更。今年我们想在延续整体风格的前提下,也让浏览者有耳目一新的感觉。这题很难,年终小组脑暴了很多轮,结论都只是差强人意。不过视觉风格之外,在内容、数据的创意部分,进展还是不错的。​​​​​​​
整体结构上,我们从用户不同的身份角色和不同的行为习惯入手,分出听众侧和主播侧两个部分。

数据呈现上,从收听、订阅、评论、分享、互动等角度出发,整理和总结用户们2021年的行为数据。最终,从近百项备选中,以能够彰显用户品味,提升传播价值为目标,筛选出了今年的数据方案。

内容调性上,我们选用偏鼓励的描述性文案,让听众感受到尊重和个人的独特性;让主播感受到满满的成就。同时,也要避免带入过多价值判断的内容。

除了数据展示,还设置了「我的年度播客」的互动部分,用户可以在我们提供的选项中,选出今年自己的「年度播客」。这和后台直接生成「年度播客」是完全不同的体验,用户不是被动接受一个数据,而是在主动颁奖。其实,这除了是一个用户主动选择年度播客的功能,也是一个通过「提供精准的备选项」来让用户感受到平台「懂我」的功能。
一些节目的主播在年终总结中惊讶地发现,听众里收听时长最突出的那个人,竟然是自己的父母。
回到设计。去年由于能够延续线下活动的概念,具象的主题与抽象的卡片展示是相辅相成的。今年的概念,我们希望仍然有一个「具象的物体」。并且在视觉上,我们希望是「具象物体的抽象化表达」。

小组列举了很多词汇,最终「航行日志」或「航海日志」这个主题引起了我们的注意。航海、航行,和听播客一样,是一个探索的过程。将探索的过程具像化,可能是一个不错的想法。

2020的总结,是一年硕果累累的展示;2021的总结,则是探索过程的真实记录。

为了制造和「宇宙」的反差感,我们选定了「航海日志」这个主题,背景音乐中,也混进了一些大海相关的音效,不过这可能是最接近「航海日志」的部分了。​​​​​​​
因为最终我们在具象的「航海日志」概念中,抽象出了它的核心特点:「客观的数据记录和必要的配图」,并以此作为参考进行视觉设计。
平实、个性、探索感。
这是小宇宙播客App今年年终总结的关键词。

平实,其实就是数据展示为主。展示大量的数字、展示各种形式的数据可视化,只传递信息,这些信息本身就足够好了。因为我们没法穷举这些数据背后的意义,也没办法和用户一一对应。听众自己能够从中感受到收听一年的点点滴滴和收获。

当然,也不应该一点人情味都不讲,要在平实的背后,表达出适当的亲切感。这次的视觉,通过一些模拟「航海日志」中细线条的插画、箭头、圆圈标注来拉近和用户的距离。在平静的数据里,用户能有一些似曾相识的感受。
个性。其实也无需多说,页面底部的小白条,展示了用户的头像,在主播数据区,则会切换到对应的节目封面和节目名。这是个性化,同时,这也是为了用户截图优化。保证每一张截图,都能有足够的信息。

整个网页,有一个持续动态变化的背景,在「收听最久的播客」、「播客伯乐」、「年度播客」等地方,都会切换到对应播客的主题色,这样用户的对播客节目的归属感会更强一些。包括分享图,也会有不小的一块区域,展示用户自选的年度播客,卡片颜色也会是年度播客的主题色。主播部分也无需多说,理所当然是自己节目的颜色。

按照传统(去年),主播和用户端的数据是放在同一个页面的。所以,我们也专门设计了一个动画,让主播在浏览时,能够明显感觉到角色的切换。
用户生成的数据卡片
本次年终总结的重点在交互,多年的年终总结体验下来,PPT式的翻页交互很可能已经慢慢审美疲劳了。我们想要带来一些新的东西。

在立项初期,我们就决定用上下滑动的one-page交互。本以为这在开发上也会更容易,没想竟然给前端同事挖了大坑。上下主动的滑动,除了「新鲜」之外,也是给了用户自主权,看什么、不看什么、在哪里多停留一会,任由自己选择,也就是「探索感」。即使页面长一些、数据多一些,也应该不会太疲劳。只能前后翻页的PPT式年终总结,其实能玩的花样就少很多。

这个选择也带来了一个挑战:用户浏览时,随手截图可能会受一些影响。不过这个我们也做了针对性优化。

无论何种模式,东西太多、变化太快,浏览时总是会疲劳的。特别是有多个节目的主播,会有连续很多不同的页面。所以整个浏览过程中穿插了跟手动画、自动触发的动画、全屏的动画和「年度播客选择」互动功能。部分数据是成组展示的。这些都让整个页面更富有节奏感、疏密有致。

成组展示的数据和全屏展示的数据截图
平实、个性、探索感。其实这三个关键词,和小宇宙这个App视觉表达的方向一致。也符合小宇宙的设计一直追求的目标。

活动里也埋了一个惊喜,得到「播客里程碑」的节目,在年终总结和分享图里就已经展示了线上版的奖牌。其实这时候,他们对能够收到实体版的奖牌还毫不知情。

线上展示的奖牌
十几天之后,我们寄出了这些实体奖牌。想通过这个彩蛋,让这些主播们在得到快递箱,拆开礼盒的时候,有「似曾相识,却死活想不起来」和「收到奖牌」的双重惊喜。
​​​​​​​
部分主播分享的实体奖牌照片
从策划到上线,用了大约三周时间。最终呈现的效果我们还是比较满意的。能够体现出用户的品味,也能够让主播收获成就感。有些用户会用「年度播客」功能生成分享图,去听众群里、即刻、微博里给主播展示。有些主播也会根据整年的收听时长数据,给听众送去一些小礼物。感谢用户和主播对我们的喜爱。
​​​​​​​完整的体验录屏 ↓

年终总结现在依然可以在线体验,如果你是小宇宙听众,可以打开小宇宙扫码体验,如果你还没用过小宇宙,希望明年的年终总结和你见面。

Back to Top