去年有一次,我在一个数据看板项目里翻车了。不是视觉翻车,也不是交互流程被否决——而是在评审会上,产品经理问了一句:“这个页面的核心动作到底是什么?”我当时愣了一下,发现自己答不上来。那个看板塞了十几个入口,每个模块都想突出自己,结果整个页面变成了一个信息堆砌的展柜,没有任何优先级。

那次之后,我重新思考了一个问题:字体排版到底是为了好看,还是为了让决策更快?答案是后者,但前提是设计者自己要先想清楚业务目标。

从“排什么”到“给谁看”

那次翻车之后,我养成了一个习惯:打开一个新的设计文件之前,先把业务目标和用户任务写在一张便利贴上,贴在屏幕边缘。比如一个会员等级看板,核心任务不是“展示所有等级”,而是“让运营能快速判断当前等级的异常用户”。这个任务决定了字号、间距、色块、以及哪些信息需要放在首屏。

数据看板的排版,最怕的就是“什么都想展示”。有一次,我为了追求视觉整齐,把用户姓名、等级、消费金额、最近到店时间、积分、标签全部排成一行,表格宽得需要横向滚动。结果用户反馈说:“我只看最近三个月有没有异常,其他信息根本没用。”这时候我才意识到,排版不是把信息塞进格子,而是帮用户省掉一次不必要的大脑扫描。

后来我做了一个简单的调整:把核心数据放在左中区域,用加粗和更大的字号凸显;辅助信息用更浅的颜色和更小的字号放在右侧,并且默认折叠。上线后,用户完成异常筛查的平均时间降低了大约 30%。这个数字虽然不算惊艳,但至少让我确认了一件事:排版的设计,要从“排什么”转向“给谁看”。用户不是来看版面的,是来下判断的。

一个当时犯的小错:字号统一未必是对的

在第二个版本迭代时,我犯了一个典型的“设计系统强迫症”错误。当时我为了保持一致性,把表格内所有字号统一成了 14px,包括主操作按钮和辅助链接。结果上线后,运营团队反馈:“那个修改等级的按钮我老是点错,和旁边的文字太小了。”我回去一看,确实——14px 的按钮和 14px 的文本放在一起,视觉上几乎无法区分,尤其是用户滚动页面时,眼睛很难快速定位可交互元素。

这个教训让我记住了:排版的一致性不是机械地统一字号,而是让相同功能的元素在视觉上保持一致,不同功能的元素要有足够的区分度。后来我把主操作按钮改成了 16px 加粗,背景色也做了调整,按钮和普通文本的视觉层级才真正拉开。回头来看,如果当时我多花十分钟做一个简单的视觉层级检查,这个坑是可以避免的。

排版里的“三态检查”

每次做数据看板排版时,我现在都会多走一步:检查空状态、错误态和加载态下的排版。这三个状态往往能暴露设计里最容易被忽视的问题。

举个具体的例子。有一个看板需要展示“最近一周的订单分布”,正常状态下表格有 7 行。但如果是新业务刚启动,订单数据可能只有 1 到 2 条。这时如果排版只是把空白行留出来,用户看到的就会是几行空荡荡的灰色方块,完全不知道应该做什么。后来我加了一个简单的提示文案和引导按钮:“暂无更多数据,点击查看历史订单。”这个改动很小,但上线后用户操作路径明显更顺畅了,因为用户不会被空状态卡住。

另一个容易踩坑的点是表格内操作数量的控制。我早期的设计里,每行数据后面放了三四个操作按钮,比如“编辑”、“查看详情”、“删除”、“导出”。结果用户点错率很高。后来我强制自己记住一条

留给自己的备注

设计没有唯一正确答案,这篇只是一次取舍记录。


好体验来自克制