目录
影视 1.5 版本 TV 修改后原型评审
总体判断
功能建议
信息架构建议
交互建议
分页面健康度
优先级
影视 1.5 版本 TV 修改后原型评审
评审范围:Figma 节点 13:156,画布名「TV 修改后」。
已查看代表画面:首页首屏方案1、首页-导航展开、首页第2屏、片库-筛选、搜索-未输入、详情页-电影、详情页-剧集。
限制说明:当前节点下 23 个主要 frame 未检测到 Figma prototype reactions,因此本评审主要基于静态画面、信息层级和 TV 使用场景推断,无法验证真实焦点流、遥控器按键跳转、动效和返回栈。
总体判断
这版已经从「移动/网页式内容页」往 TV 端靠近:首屏使用沉浸海报,首页有最近播放和收藏,搜索考虑了语音与手机流转,片库增加了媒体库和多维筛选,详情页覆盖电影、剧集、未入库、片单等状态。方向是对的。
主要风险在于:信息丰富但焦点规则不足;筛选和详情页偏重阅读;部分页面高度超过 720,TV 上会变成长滚动页面;菜单、筛选、搜索、详情页都需要明确遥控器操作模型。
功能建议
-
首页应明确三类核心任务:继续看、找新片、管理片库。
- 首屏主按钮建议按用户状态切换为「继续播放」「播放」「查看详情」。
- 最近播放建议露出进度、集数/片长、上次播放时间。
- 「随便看看」建议成为明确功能入口,而不是普通推荐区,可支持按心情、时长、多人观看、未看过等条件随机。
-
搜索应突出低输入成本。
- TV 默认应优先语音搜索,其次手机流转,最后才是屏幕键盘。
- 搜索历史可以分为「最近搜索」和「快捷意图」,例如「适合家人一起看的电影」更像推荐意图,不一定是历史关键词。
- 搜索完成页建议支持结果分组:片库内结果、未入库可获取内容、主题/片单结果。
-
片库筛选需要支持组合条件的可见反馈。
- 已选条件应固定显示成 chips,例如「电影 · 喜剧 · 2000年代 · HDR」。
- 增加「清空筛选」「保存为片单/筛选视图」。
- 媒体库切换要明确区分「全部」和「用户自建媒体库」的范围关系。
-
详情页应围绕播放决策收敛。
- 首屏优先保留:标题、关键元信息、画质/音频标签、播放按钮、简介摘要、收藏/加入片单。
- 演职员、AI 点评、相关推荐、文件信息可以下移或折叠。
- 文件路径、TMDB/IMDB 等偏管理信息,建议放入「更多信息」或「媒体文件」面板,避免干扰普通观看。
-
未入库内容应补足闭环。
- 需要明确动作:查看来源、加入想看、请求入库、手机端继续处理、忽略。
- 未入库标签要解释含义:是本地无文件、元数据未匹配,还是需要外部源播放。
信息架构建议
建议主导航收敛为 5 个稳定一级入口:
- 推荐:首页和个性化推荐。
- 片库:全部媒体、媒体库、筛选、排序。
- 发现:主题合集、排行榜、随便看看。
- 搜索:语音、手机、键盘、历史。
- 我的:收藏、片单、继续观看、设置。
当前「我的片单-收藏」「发现-我的片单」容易让用户不确定片单属于发现还是我的。建议把自建/收藏类内容放到「我的」,把平台生成的主题合集、排行榜、随机推荐放到「发现」。
详情页信息建议按决策顺序重排:
- 看不看:标题、评分、年份、类型、简介、AI 推荐一句话。
- 怎么看:播放/继续播放、选集、清晰度/音轨/字幕。
- 相关内容:演员、相关推荐、同系列、相似主题。
- 管理信息:文件名、路径、TMDB/IMDB、入库状态。
交互建议
-
补齐焦点态规范。
- 每个可操作元素必须有强焦点态:放大、描边、阴影、背景变化至少一种。
- 当前首屏播放按钮清楚,但首页卡片、筛选项、搜索历史、详情页图标按钮的焦点态需要统一。
- 焦点态尺寸变化要避免挤压相邻卡片,建议预留放大空间。
-
定义遥控器方向规则。
- 左键:优先呼出侧边导航;在横向列表中,只有到达最左卡片再呼出导航。
- 右键:在导航展开态应回到内容区或进入当前导航项,不要让用户困在菜单。
- 返回键:关闭菜单/筛选层/键盘,再返回上一页。
- OK 键:卡片进入详情,播放按钮直接播放,筛选项切换选中。
-
导航展开态需要隔离焦点。
- 当前菜单遮罩覆盖内容,但底层播放按钮仍然露出且像可点击。
- 建议菜单展开时降低底层内容可读性,或让内容区完全不可焦点。
- 展开菜单可显示当前页面、用户头像、搜索、推荐、发现、片库、我的、设置;底部「最近播放」不要和主内容抢焦点。
-
筛选页要避免横向标签海。
- TV 上多行标签逐个移动成本高,建议使用「左侧筛选维度 + 右侧选项」或弹层筛选。
- 每个维度支持横向快速切换,OK 展开更多。
- 选中后焦点留在当前维度,结果区即时刷新,并保留滚动位置。
-
详情页长滚动要做锚点。
- 剧集详情高度 1620,电影详情高度 1410,超过 TV 一屏很多。
- 建议在首屏下方提供分区锚点:选集、演职员、AI 点评、相关推荐、文件信息。
- 下键从播放按钮进入最关键区域:电影进入相关推荐或 AI 点评;剧集优先进入选集。
-
搜索输入要减少模式切换成本。
- 默认焦点建议落在语音按钮或搜索框,而不是历史列表。
- 手机流转按钮建议说明价值:扫码/手机输入/手机投送播放。
- 语音输入中、搜索中、搜索完成要补充取消、重试、改用手机输入等恢复动作。
分页面健康度
- 首页首屏方案1:方向健康,但焦点流和下方内容预告不足。
- 首页-导航展开:需要改进,菜单与底层内容焦点关系不清。
- 首页第2屏:结构健康,但横向溢出和纵向滚动边界需要规则。
- 片库-筛选:功能完整,但 TV 操作成本偏高。
- 搜索-未输入:方向健康,建议强化语音/手机优先级。
- 详情页-电影:内容完整,但首屏决策信息需要压缩。
- 详情页-剧集:覆盖选集场景,但纵向信息过长,需锚点和分区焦点。
优先级
P0:补 prototype reactions 或至少补焦点流标注,验证遥控器上下左右、OK、返回。
P1:重构筛选交互,避免多行标签焦点网格。
P1:压缩详情页首屏,把播放决策和管理信息分层。
P2:统一导航展开态、卡片、按钮、图标按钮的焦点样式。
P2:补全未入库、空状态、加载中、搜索失败、无结果、媒体库为空等状态。
本文作者:oyph
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA
许可协议。转载请注明出处!