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

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

Bilibili

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「豆瓣」是怎样利用悬浮按钮提升阅读体验的?
豆瓣

用户体验「豆瓣」是怎样利用悬浮按钮提升阅读体验的?

猎人 - AmberDu小白9.0

在「豆瓣」App点开某篇帖子的详情页,会发现页面右下角有一个带有数字信息和「楼主」文案的悬浮按钮。数字信息呈现的是当前浏览位置处于所有留言页的页数,方便读者直观了解阅读进度。...

查看详情

#信息呈现#情境预判#按钮

占位符文本还能这样用?看哔哩哔哩如何巧妙引导用户!
Bilibili

UX文案占位符文本还能这样用?看哔哩哔哩如何巧妙引导用户!

猎人 - 龙爪槐守望者8.2

移动端界面寸土寸金,连搜索框里的占位符本文都用来推广内容。哔哩哔哩在其搜索框的占位符文本中,巧妙地增加了UP主更新的时间,强调内容的及时性。这一设计不仅优化了用户的搜索体验,...

查看详情

#占位符#推广#搜索框

一键翻转同声传译双语字幕,「腾讯翻译君」让沟通再无国界~
腾讯翻译君

用户体验一键翻转同声传译双语字幕,「腾讯翻译君」让沟通再无国界~

猎人 - AmberDu小白9.0

「腾讯翻译君」顾名思义是一款能帮你进行同声传译的翻译软件。App主页面即是进行交互传译的页面,很符合实时语音对话翻译的功能定位。「同声传译」支持语言互换,页面根据双语字幕会分...

查看详情

#AI#互动#情境预判