情境:愿意完整看完一部作品的人又多了
长剧、系列电影、连载动画的讨论度这两年在回升,很多人重新养成了按周追更、按季补番的习惯。内容变多了,挑选和查找的成本也随之上升。
冲突:入口分散,页面一层套一层
同一部作品常常散落在好几个入口,有的页面叠着三层广告,有的只给标清画质,点开四五次才确认是不是想看的那一集。真正消耗耐心的往往不是剧情,而是这些重复动作。
问题:能不能把查找、筛选、观看压成一步
如果分类足够清楚、更新标记足够直观、详情信息足够完整,那么用户就不需要在多个页面之间来回跳转。问题不在于资源多少,而在于信息组织方式。
答案:天格影院的三层结构
第一层是分类索引,电影、电视剧、动漫、综艺、漫画各自独立,进入即见最新条目;第二层是更新角标,当天与本周新增直接标在卡片上,不必逐条翻页;第三层是详情弹窗,简介、分类、更新状态一次展开,确认后再决定要不要看。
为了让加载更稳定,天格影院在代码层面做了减法:不引入外部样式库、字体库和图标库,全部样式与交互内联实现。代价是维护成本更高,换来的是移动网络下更短的白屏时间。
封面图同样做了处理。所有图片统一为 WebP 格式,按编号加分类的规则命名并集中存放,滚动到可视区域才发起请求,未加载完成的位置用色块占位,避免页面在渲染过程中反复跳动。
想先看看有哪些条目,可以直接跳到片库索引;对使用方式有疑问,常见问题里整理了六条高频回答;想了解体验上的取舍,核心优势一节写得更细一些。