上方直播，下方聊天
优先保留聊天室高度，同时考虑侧栏对内容宽度的影响。宽度不足时，可收起会话列表或资料栏，维持正文可读性。
导航布局方案分析 / 2026.09.16 / 讨论稿
导航列置底 VS 导航列置左 分析
从操作习惯、内容空间与设备姿态三个方面，比较两种导航布局的优势与限制，供方案评估参考。
A 底部：侧重操作一致性与内容宽度；B 左侧：侧重展开内屏中直播与聊天室的纵向空间分配。
聊天／资讯／数据查询：底部较优展开观赛与聊天：左侧较优半折悬停：底部较优
分析范围：说球帝的比赛、聊天、TV频道、社球帝、资料库、我的六个一级入口。TAB 指 App 内全局导航；竞品 iPad 版面作为大屏布局参考。
01 / 方案比较
不同使用情境的适用性比较
比较结果基于本产品的任务需求与空间分配，属于设计分析，尚非操作效率测试结论。
表格可左右滑动；最左侧情境栏固定显示。
| 使用情境 | 左侧 TAB · B 优势／限制 | 底部 TAB · A 优势／限制 | 比较结果 |
|---|---|---|---|
| 内屏直式 上方直播，下方聊天展开态 · 核心情境 | 有利于保留聊天高度。全局入口位于左侧，底边可留给输入；相应会减少视频与正文的可用宽度。 | 保留完整内容宽度。视频、聊天室与输入栏下方若常驻底栏，会减少可见消息的空间。 | 左侧较优适用于优先保留观赛与聊天高度的情境。 |
| 内屏横式 直播与聊天室并排展开态 · 核心情境 | 有利于横屏内容分区。导航、直播与单聊天室分别安排，可避免全宽底栏占用纵向空间。 | 横向内容空间较充足。但横屏高度相对有限，底栏会减少视频、比分、消息与输入区域的可用高度。 | 左侧较优在横屏同时观看与聊天时，空间优势较明显。 |
| 内屏悬停 上方展示，下方操作半折桌面 · 核心情境 | 需要进一步调整侧栏。整屏侧栏会跨越折痕；若限定在下半屏，六入口的纵向排布空间较有限。 | 入口集中于下屏底边。可避免跨越折痕；键盘出现时建议收起，为输入操作保留空间。 | 底部较优建议悬停采用底部布局，作为姿态适配规则。 |
| 纯群聊、私信 未同时观看直播 | 可保留消息区高度，但侧栏会占用宽度；同时显示会话列表时，长消息可能增加换行。 | 消息正文保留完整宽度，一级入口较接近手机聊天习惯；持续输入时建议收起导航。 | 底部较优以纯聊天与长消息阅读需求为评估依据。 |
| 社球帝长帖 资料库宽表 | 会占用图文与多列数据的横向空间，可配合收起次级列表或表格横向滚动。 | 不额外占用内容宽度，较适合长帖、大图及球队、球员数据表。 | 底部较优反映内容宽度需求；不建议仅因切换页面而改变导航位置。 |
| 展开内屏 六个一级功能常驻 | 六项竖排，可与内容明确分区；需确认较低窗口中侧栏的完整显示。 | 大内屏可横排六项；需按实际宽度检查标签与点击区，微信四入口的比例仍需调整。 | 两案相近两种布局均可承载六入口，数量本身不构成决定因素。 |
| 竞品熟悉度 微信与体育 iPad 参考 | 与微信底部入口、腾讯体育及雷速体育 iPad 展示版面不同，用户需适应新的入口位置。 | 较接近三款参考的底部模式，有利于沿用聊天、赛事、资讯之间的切换习惯。 | 底部较优底部具备习惯参考；左侧的价值主要来自本产品的观赛布局。 |
| 跨姿态一致性 实现与验收范围 | 展开位于左侧、悬停位于底部，需处理位置切换，并延续选中项、草稿与播放状态。 | 三个姿态均位于底部，导航换位规则较少；仍需处理全屏、键盘显隐及内容重排。 | 底部较优实现规则相对简洁，仍需完成各姿态的适配验证。 |
| 全屏观赛 | 建议隐藏全局 TAB，保留必要的播放器操作。 | 建议隐藏全局 TAB，保留必要的播放器操作。 | 两案相近沉浸体验主要取决于全屏模式与控件显隐。 |
| 键盘展开 连续输入消息 | 优先保障输入区域，收起全局 TAB；关闭键盘后恢复。 | 避免底栏、输入框与键盘同时占用空间；关闭键盘后恢复。 | 两案相近两案均需处理导航显隐与草稿保留。 |
| 我的 会员、钱包、福利、设置 | 可通过卡片与间距调整完整呈现信息，侧栏并非决定因素。 | 同样可完整安排功能，页面间距问题仍需从内容布局处理。 | 两案相近建议结合直播、聊天等核心任务综合评估。 |
综合评估原则：建议依据核心任务的重要性选择方案，而非仅比较优势项目的数量。若优先考虑展开内屏的观赛与聊天，可采用左侧为主；若优先考虑聊天、阅读及操作一致性，底部方案更具适用性。
分析依据：现有六入口、单聊天室 H5 原型与布局空间比较。左侧布局不必然扩大视频面积或改善单手触达；可见消息数量、操作触达与连续播放仍需实机验证。
02 / 竞品版面参考
微信与体育 iPad 版面分析
微信采用已确认的底部模式；腾讯体育、雷速体育参考当前官方 iPad 展示图。比较结果针对本案任务需求。
表格可左右滑动。
| 竞品／参考版面 | 可借鉴的优势 | 应用于本案的限制 | 适用性判断 |
|---|---|---|---|
| 微信底部 TAB · 已确认参考 | 一级入口固定于底部。聊天、联系人等入口位置较为熟悉，消息正文无需为全局侧栏额外让出宽度。 | 六入口排布需另行评估。本案包含赛事、TV、资料库等功能；同时观看直播与聊天时，常驻底栏仍会占用聊天高度。 | 底部较优适用于纯聊天及操作习惯延续；直播并排情境需独立评估。 |
| 腾讯体育iPad 展示图 · 底部 TAB官方 iPad 页面 ↗ | 赛事分类与一级导航分层。顶部选择赛事、底部切换功能，中间完整宽度用于赛事、视频与资讯内容。 | 上下导航会占用内容高度。本案若同时安排常驻聊天室与输入栏，需进一步协调各区域的高度比例。 | 底部较优适用于赛事查找与资讯浏览；横屏直播与聊天参考前述情境比较。 |
| 雷速体育iPad 展示图 · 底部 TAB官方 iPad 页面 ↗ | 比分与赛程保留完整内容宽度。有利于横向排列队名、比分与时间等信息，减少全局侧栏对内容宽度的影响。 | 底栏会减少列表可见高度。本案六入口仍需兼顾标签可读性与点击区，不能仅依赖间距调整。 | 底部较优适用于比分、赛程与数据查询等宽度优先的任务。 |
| 斗球指定网站 · 功能补充参考斗球参考网站 ↗ | 覆盖直播、比分、社区与资料库。可用于对照本案的观赛、互动及数据查询需求。 | 本轮取得的资料为网页，尚无可辨认的 iPad App 版面；网页顶部菜单不作为 App 导航位置的判断依据。 | 暂不比较保留功能参考，待补充 iPad 版面后再评估导航适用性。 |
竞品参考结论：就操作习惯的延续而言，底部方案较具优势。左侧方案的主要考虑，则是本产品在展开内屏中同时呈现直播与单聊天室的空间需求，建议结合核心任务的优先级评估。
展开查看 iPad 参考截图与来源说明
于 2026-09-16 核对官方 App Store 的“iPad App 预览和截屏”。腾讯体育页面显示版本 8.0.65，雷速体育显示 11.1.0。宣传截图用于可见版面分析，未必逐页对应当前安装版，亦不替代折叠机实测或操作效率测试。
实施阶段建议：六入口排布应兼顾文字可读性与点击区尺寸；真实触控、键盘显隐、旋转连续性及读屏表现需进一步验证。本分析不构成无障碍合规验收。
03 / 综合建议
依据产品优先级选择导航方案
若以观赛与聊天并行为核心，建议优先考虑 B。
展开直式、横式采用左侧；悬停采用底部。此配置有利于保留直播与单聊天室的可用高度。
若更重视微信式操作习惯、聊天社区及跨姿态一致性，则建议考虑 A 底部方案。两案分别适用于不同的产品侧重点。
| 评估维度 | A · 底部为主 | B · 左侧为主 |
|---|---|---|
| 适用目标 | 优先考虑聊天、社区、资讯与数据浏览。延续微信及体育 iPad 的底部布局参考。 | 优先考虑同时观看直播与聊天。侧重展开内屏中直播与单聊天室的空间安排。 |
| 三种姿态 | 内屏直式：底部 内屏横式：底部 内屏悬停：底部 | 内屏直式：左侧 内屏横式：左侧 内屏悬停：底部（姿态适配） |
| 主要优势 | 入口位置统一，较接近竞品习惯；正文、赛事与数据保留完整宽度。 | 展开观赛时可避免全宽底栏占用高度；六个功能入口与主内容明确分区。 |
| 需考虑的限制 | 底栏会占用横屏观赛与聊天的部分高度；六入口的文字、间距与点击区需进一步验收。 | 侧栏会占用内容宽度；悬停需调整导航位置，并延续播放、会话与草稿等状态。 |
| 相对优势 | 习惯／阅读／一致性 | 展开观赛与聊天布局 |
采用 B 方案时，建议按以下情境配置：
直播与聊天并排
保留纵向空间，以直播与单聊天室为主要分区；会话列表、群资料等辅助内容按需展开。
上方展示，下方操作
底栏位于下半屏，避免跨越折痕。键盘出现时收起；红包与详情保留在上半屏聊天室内。
方案选择建议：若优先考虑聊天浏览与操作一致性，可采用 A 底部；若优先考虑展开内屏的观赛与聊天空间，可采用 B 左侧为主、悬停底部。
若需所有姿态保持相同导航位置：建议采用 A 底部，以减少悬停状态下完整侧栏对有限操作空间的影响。
共同实施建议：页面切换时保持导航位置稳定；保留六个入口及一个活跃聊天室；全屏或键盘出现时收起导航，并延续当前会话、草稿与选中项。以上规则仍待确认，尚不代表现有原型已完成实现。