首屏该先看到什么
按用户来这一页的唯一任务，重排首屏的信息优先级
这是我的页面：[截图或内容清单]。请评审首屏的信息优先级：1）列出首屏实际可见的元素，按面积和对比度排出它们当前的视觉权重；2）判断用户来这一页的唯一任务是什么，指出第一眼该落在哪个元素上，只能有一个；3）指出哪些元素在抢注意力但不需要，比如装饰、重复入口、运营位；4）用尺寸、对比、位置、留白四个杠杆给出一版重排，标注每项改动；5）做一次遮挡测试：只允许保留 3 个元素，留哪三个，为什么。不要用「更清晰」这类词。
使用建议
先自己回答「用户来这一页只做一件事是什么」，再让它排；答案不同，排法就不同。
适合什么场景
- 数据页和运营位挤在同一屏，业务方要「突出转化」，设计师要「多留白」——把两边的诉求都换算成首屏的视觉权重，才谈得下去。
- 改版评审前自查——先确认第一眼落在哪，避免会上被问「用户到底该看什么」的时候答不上来。
不适合的场景
- 页面是纯工具型单功能，比如登录、扫码、支付确认——任务只有一个，排优先级是空转。
- 还没有真实文案和数据量——用占位数据排出的首屏，上线后会被真实标题长度全部打乱。
示例
输入
B 端数据看板首屏 1440×900：顶部 4 个 KPI 卡、中间折线图、右侧 3 条公告，左下角「新建报表」按钮和 KPI 卡用同一个灰色
你会得到
判定用户来这一页的任务是「确认昨天有没有异常」，第一眼应落在折线图的异常段，而不是 KPI 卡；4 个 KPI 卡占 32% 面积但全是中性灰，右侧公告反倒因为一个红点最抢眼。重排：公告移出首屏，KPI 压成一行并降 2pt 字号，主按钮换成本页唯一的饱和色。遮挡测试只留折线图、异常标签、时间筛选。
常见误用
- 把「首屏放最重要的」理解成「把所有重要的都放首屏」——最后每块都重要，等于没有优先级。
- 用点击热图替代判断——热图告诉你用户点了什么，不告诉你他本来该看到什么。
可以这样改
- 加一条「给 3 类用户各排一版」——新用户、老用户、管理员的任务不同，首屏可以按角色分叉。
- 换成「删除测试」：假设必须移出首屏 5 个元素，移哪 5 个——比正面排序更容易暴露冗余。