前几天在咖啡馆等人的时候，旁边坐了个设计师在改稿。我无意瞥了一眼他的屏幕，一个移动端表单页面，字段很密，最上面挤着三个不同的引导模块。他反复调整着按钮的圆角，然后又把一个图标换了颜色。我看了一会儿，心想，这种改法大概解决不了问题的根源。
那个场景让我想起自己前段时间刚复盘过的一个项目——也是移动端表单，需求初期堆了太多入口。评审的时候，业务方反复强调“用户进来要一眼看到所有选项”，可上线后数据反馈却是：很多用户在第一屏停留超过五秒，然后直接退出了。问题不在视觉，而在信息结构本身没有引导。那次之后，我重新梳理了一版，把重心完全放在了状态设计上。
状态其实比按钮更重要
我最早犯的错误，是把精力都花在正常态上——按钮的悬停效果、选中的颜色、输入框的焦点样式。但实际用户流程中，大部分时间面对的是各种中间状态：加载中、输入错误、数据为空、操作成功或失败。如果这些状态的反馈不够清晰，用户就会卡住。
那次项目中，我重点检查了三类状态。第一是空状态。很多页面在用户首次进入时，数据为零，设计上往往只放一个默认插画和“暂无数据”。但更好的做法是给出下一步建议。比如“还没有订单，去逛逛”后面跟一个入口按钮，而不是让用户自己猜。第二是错误状态。错误提示要贴近字段，而不是统一丢到页面顶部。表单字段很多时，顶部提示和具体字段之间的对应关系需要用户二次寻找，增加了认知负担。第三是加载状态。不是所有操作都需要转圈，短于三百毫秒的反馈，可以用骨架屏或微动效过渡，避免用户犹豫“到底点没点到”。
字体排版里的隐性引导
另一个容易被忽略的细节是字号和字重的层级。过去我习惯用字号区分信息层级——标题大一点，正文小一点。但后来发现，在屏幕空间有限的情况下，字号变化带来的视觉差异其实很有限。更有效的手段是调整字重和行距。
比如表单中的标签和输入框，以前我习惯用相同字重的灰色，后来改为标签用更轻的Regular，输入框内容用Medium。这个变化很小，但用户在扫读时，注意力会自然落在输入框内容上，而不是被标签分散。再比如主操作按钮的文案，过去我习惯用“提交”或“确认”这种通用词，后来调整为与业务动作一致的动词，比如“立即下单”或“保存设置”。文案的改变对排版节奏的影响比想象中大——它决定了按钮的宽度和周围留白，也影响了整个页面的视觉重心。
一个出乎意料的结果
那次改版上线后，我预期表单的完成率会提升，但没想到的是，后台的客服咨询量也下降了。原因是用户在填写过程中遇到的错误提示更清晰了，不再需要打电话问“为什么提交不了”。这个结果让我意识到，好的排版和状态设计，不只是用户体验问题，也是运营成本的隐性变量。客户少打一个电话，客服就少花五分钟解释。
后来我在团队内部做了一次分享，把检查清单列了出来。现在每次接手一个新页面，我都会按这个顺序过一遍：首屏能不能看懂当前状态；主操作是否足够明确；文案是否和业务真实动作一致；异常、空状态、加载状态是否都覆盖到了。而不是先讨论颜色、图标、动效。因为那些是锦上添花，状态设计才是雪中送炭。
留给自己的备注
设计没有唯一正确答案，这篇只是一次取舍记录。
好体验来自克制