APP 体验

把编辑导览收进小屏,但不把界面变成无尽信息流。

移动界面保留发现、片库、详情、播放、收藏、历史与隐私几条核心路径。这里展示的是产品结构与设备视觉,不提供虚假下载地址,也不会伪造应用商店评分、安装量或合作渠道。

APP 手机设备展示APP 发现界面APP 详情界面
七个核心场景

小屏上更需要把入口说清楚

APP 体验页不追求把网页所有模块原样塞进手机,而是让每一步更接近单一任务:找内容、看详情、播放或回到自己的本机记录。

发现

先问现在想看什么

情绪、场景和频道做成清楚入口,减少一打开就面对大量海报的压力。横向内容轨道允许手指滑动,也保留文字说明。

片库

筛选一次只处理少量条件

移动端把故事类型、心情、地区、年代、语言和进度纵向排列。即使 JavaScript 不可用,GET 参数仍能正常完成服务端筛选。

详情

信息先于操作堆叠

片名、类型、时长、状态、简介与编辑点评优先显示,主按钮才进入播放;收藏和分享作为次要动作,不抢内容本身的位置。

播放

深海影院仍保留原生 controls

自定义按钮用于倍速、画中画、自动下一集与关灯,但 video 原生控制保留,因此脚本失效时仍能使用基础播放能力。

收藏

轻量标记,不制造账户负担

收藏使用浏览器本地存储 media_favorites。它适合“以后想看”的临时清单,不上传服务器,也不会跨设备自动同步。

历史

知道记录在哪里,也知道怎样清除

浏览记录和播放进度分别保存在 media_history 与 media_progress。帮助页提供清除说明,隐私页进一步解释本地存储边界。

隐私

先解释再使用

站内不需要把本机收藏和进度发送到第三方服务。搜索关键词也只用于当前请求的服务端匹配,不自动转交外部平台。

APP 产品展示视觉APP 收藏与历史界面
移动端不是缩小版桌面

小屏最需要减少的是同时出现的选择

桌面端可以同时容纳导航、筛选、卡片和侧栏,小屏则更适合一次完成一个任务。移动底部快捷栏固定为首页、片库、搜索、片单和我的五个入口,第三层频道导航可以横向滑动,不让长导航挤压品牌主栏。

详情页在窄屏会从双列切换成单列,播放器和选集也改为上下排列。图片继续保持原色,暖蓝只作用于背景、按钮、边框和信息块,避免在小屏上出现大面积高饱和蓝色造成压迫。

本页没有“立即下载”按钮,因为没有真实可验证的应用商店地址。实际部署者如果拥有合法发布渠道,可以在上线前加入真实下载信息;在此之前,所有 CTA 都只指向站内帮助、隐私和内容页面。

移动端的另一项重点是状态反馈。收藏成功、历史写入、进度恢复、自动下一集开关和媒体错误都应该给出轻量而明确的提示,不用整屏弹窗打断观看。网络较慢或本地演示文件缺失时,页面先保留标题、简介、选集和返回入口,让用户知道自己仍处在同一内容上下文中,而不是被空白界面困住。这样的降级也方便真实部署后逐步替换媒体资源。