设计逻辑B站百亿弹幕H5刷屏是如何做分享设计的?

产品: Bilibili猎人: 洛糊糊观众: 1.3w人 时间: 2021-12-01

Bilibili

与「Bilibili」有关的细节还有 182查看全部

我也有新发现 我要投稿
B站百亿弹幕H5刷屏是如何做分享设计的?B站百亿弹幕H5刷屏是如何做分享设计的?

细节描述

洛糊糊: B站的H5分享页在今晚刷爆了朋友圈,以「弹幕」作为切入点,唤起了用户对B站最原始的印象。而整个活动页面的设计除了极具情怀、风格,更是突出了一个「闭环」。活动页面主体由两个部分组成,「弹幕成就」和「网上冲浪测试」,涵盖了两类不同类型的基础型用户,并提供了两个可分享点。同时页面的多入口和多出口也使得用户进入和分享更为便捷——H5页面入口会增加提示:搜索「百亿弹幕回到本页面」,多个模块又可以直接跳转到对应话题,降低分享门槛。看起来简单的一个H5传播页面,实则从主题、分享、传播都有许多巧思呀~

9.351人评分
收藏 9
分享细节海报

发表评论 为下方 5 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

「bilibili漫画」如何做到不让弹幕互动影响阅读体验的?
bilibili漫画

阅读体验「bilibili漫画」如何做到不让弹幕互动影响阅读体验的?

猎人 - AmberDu小白5.5

「bilibili漫画」的阅读体验很赞,在弹幕体验上也有不错的小创新。在阅读漫画内容时,弹幕会默认隐藏,不会出现流动的弹幕评论占满屏幕影响内容阅读的情况发生。当读者在某个画面...

查看详情

#Bilibili#人性化#信息呈现

那些巧用console的可爱网站们
Bilibili

设计彩蛋那些巧用console的可爱网站们

猎人 - AmberDu小白0.0

「百度」将浪漫的招聘文案藏在了主页的代码控制台(console)里,这个彩蛋的设计深受好评。其实打开「知乎」的主页控制台也能发现针对前端开发工程师的招聘广告。出于好奇我又打开...

查看详情

#Bilibili#console#情感化设计

「携程」如何活用Tab滑动手势提升选购机票的效率?
携程

设计逻辑「携程」如何活用Tab滑动手势提升选购机票的效率?

猎人 - 阿典10.0

用户在购买飞机票时最关心的是不同时间段不同航班的机票价格对比。「携程」的「选择航班页」是用时间顺序纵向展示每个航班的具体信息,包括时间段、价格和航班公司。并且活用Tab的横向...

查看详情

#Tab#交互手势#信息呈现