小屏端排布观察
盯的是 5.8 英寸及以下屏幕的信息密度:一屏放多少条、哪些元素必须让位、哪些能折叠收起。每期挑一处实际调整,把前后的取舍讲清楚。
观察角度:元素密度、点击区域、单手可达范围
观察报告 · 持续更新栏目
屏幕越小,一处按钮错位就越显眼。过去十二个月里,亚娱真人中心把每一次改动都记了下来:动了哪一块、牵动哪些机型、上线之后有没有变好,翻一翻就能对上,不用靠印象判断。
本期索引
下方标签可直接跳到对应记录或专题。
搜索入口从页面顶部挪到首屏中部,窄屏用户找到分类栏目少滑一屏。
一个小版本打包 5 条改动,其中 3 条与 5.8 英寸机型的排布相关。
原「播放体验」标签拆成起播速度与画面稳定两条,各自聚集同类内容。
深色界面的分隔线提亮一档,低亮度环境下不再整片糊成一块。
内容列表卡片高度统一为 96px,一屏多看两条,纵向滑动次数下降。
标签名称统一压到四字以内,避免窄屏换行把右侧图标挤出可视区。
界面调整时间轴
点记录右下角可展开完整摘要。
每一条都写清楚三件事:改的是哪一块、影响哪些设备、解决的是哪个具体问题。手机端上觉得别扭的地方,多半能在这里找到对应的那次调整。
其中 9 次与 5.8 英寸及以下的排布有关
改之前,窄屏上五个标签平均只有 52px 宽,手指按下去常常落到隔壁。压缩到四栏后点击区域变大,去个人中心多了一次点击,但误触情况明显减少,换来的是更稳的日常操作。
横排挤压时数字会被迫换行,读起来断成两截。改成两行两列之后每个数字都有完整的展示位,滚动到首屏时一眼能看完四个值,不必再横向比划。
高度参差时,卡片右侧的标签位置每屏都在跳。固定高度之后视线可以用同样的节奏往下扫,一屏多看两条,翻找成本降下来。
集中在夜间可读性与入口位置两件事上
夜里把屏幕调暗之后,原本的分隔线会和底色融在一起,整页看起来像一块没有边的黑板。提亮一档后边界重新出现,同时又没有刺眼到影响夜间阅读的舒适度。
原来搜索框贴在页面最上方,单手拿小屏机时需要换握姿才能点到。下移之后单手就能触发,同时把键盘弹起时的页面位移处理掉,输入过程中不会再把已输入的内容顶出视口。
手势避让、图标细节与整体节奏的集中整理
右上角的关闭按钮贴边时和手势返回区域重叠,想关掉弹层却退出了上一级页面。调整后按钮位置下移,点击意图能被正确识别,误退出的反馈随之消失。
小屏上 2px 的描边在 20px 尺寸里会让笔画挤成一团,尤其是带内折角的图标。收细之后线条之间留出空隙,同一套图标的识别速度也随之提升。
连载专题
零散的单条记录看不出趋势,所以把反复出现的问题归成三个专题长期跟。每个专题有自己的观察角度和更新节奏,翻几期就能看出变化的方向。
盯的是 5.8 英寸及以下屏幕的信息密度:一屏放多少条、哪些元素必须让位、哪些能折叠收起。每期挑一处实际调整,把前后的取舍讲清楚。
观察角度:元素密度、点击区域、单手可达范围
深色环境里屏幕亮度的分寸最难拿捏:太暗看不清分栏,太亮又晃眼。这个专题记录对比度调整、发光效果克制与文字灰度的实际取值。
观察角度:对比度、眩光控制、正文灰度
用户找内容有分类、标签、关键词三种走法,三条路的需求并不一样。这个专题对比三者的使用落差,看哪些分类需要拆细,哪些标签其实没人点。
观察角度:入口使用率、标签命中、分类拆合
版本迭代观察
稳定版每 14 天发布一个小版本,每季度再发布一次大版本。每个小版本我们都固定看四件事:动了哪些分类、改了多少条、主要影响哪类设备、下一版准备接哪一条。版本号由两位季度号加两位序号组成,第四季度的第二个小版本记作 0402。
| 版本号 | 所处阶段 | 涉及分类 | 记录条数 | 主要影响设备 |
|---|---|---|---|---|
| 0402 | 本季度 | 播放路径、检索 | 5 | 5.8 英寸及以下 |
| 0401 | 本季度 | 首页排布 | 4 | 全面屏机型 |
| 0303 | 上季度 | 夜间视觉 | 3 | 全部移动端 |
| 0302 | 上季度 | 分类与标签 | 2 | 全部移动端 |
版本号规则与各机型适配清单可以在下载中心查到,换机之后需要重新登录,按清单逐项确认兼容性即可。
分类观察笔记
分类不是摆好就不动的。内容变多、用户提问变了,标签也得跟着让路。下面几条记的是每次调整背后的那点原因,也写清楚它想让用户少走哪一步。
原来一个标签下面同时挂着起播慢、画面卡、清晰度不对三类问题,点进去常常看到的不是自己遇到的那一种。拆成「起播速度」和「画面稳定」之后,两边的内容各自聚焦,找起来不再来回试。
窄屏上超过四个字的标签会折行,把右侧的状态图标挤出可视区。统一压短之后不再折行,一列标签的右边缘重新对齐,扫读时的节奏也稳了。
换设备后的提问原本挂在账号分类里,实际上八成内容和系统版本、屏幕尺寸相关。移到设备适配下面之后,同类问题聚到了一处,二级标签的总数没有变化。
有三个标签连续几个阶段没有新的内容沉淀,点进去只有零星几条。把它们并入相邻分类之后,二级标签保持在 21 个,空转的入口少了一批。整体框架可以在品牌中心看到。
把您的观察发给我们
真机上遇到的问题比任何内部测试都直接。小屏机型上的排布别扭、夜里看久了眼睛发涩、某个分类怎么都找不到——写清楚机型和具体位置,我们会放进下一次版本迭代里跟进。