在数字化时代，按钮不再只是技术实现的一道风景线，而是用户心理预期与产品流畅度的桥梁。人们在点击时，往往不经意地把自己的“眼线”与“手指”对齐，心理模型决定了他们期望的放置位置。了解并顺应这种预期，能让你在竞争激烈的产品里脱颖而出。

### 什么是心理模型？
心理模型是一种内在的思维框架，帮助人们理解事物的运作方式。对按钮而言，常见的模型有：

• 线性流程模型——用户按顺序完成任务，主动作在流程末尾。
• 快捷路径模型——用户偏好快速获取结果，主动作靠近眼线或右上角。
• 可见性模型——信息越显眼越易被点击，主动作靠近视觉焦点。

这些模型不是抽象概念，而是可以用数据验证的行为模式。

### 经验法则：把主按钮放在用户自然视线聚焦点
1. 视觉引导：根据 Nielsen Norman Group（2021）的一份研究，85% 的用户在页面上滚动时会先注意到页面右上角或底部中央的内容。把主按钮放在这一区域，可提高点击率约 30%。 2. 语境匹配：Google Material Design（2018）建议将“完成”类按钮放在页面右侧，尤其是横向布局。因为大多数人使用 LTR 语言，手势自然从左到右移动。

### 实战案例
1. **亚马逊**：在产品详情页，核心的 “Add to Cart” 按钮位于页面中间偏右，且尺寸略大。用户在浏览时不需要额外搜索，直接点击即完成购买。研究显示，这一布局使其转化率比传统顶部按钮高 15%。 2. **Airbnb**：预订流程的 “Reserve” 按钮放在页面底部中央，靠近价格信息。用户在确认行程后，视觉焦点自然下移，按钮正好落在视线轨迹上。 3. **Spotify**：在播放页，主按钮 “Add to Library” 位于左上角，符合用户从左侧开始听歌，右侧才查看收藏的思维模式。虽然位置偏左，但结合整体 UI 布局，用户的点击率依然高于同类产品。

### 设计误区与纠正
1. **全屏覆盖**：把主按钮放在整个页面的中央，尤其是小屏设备上，往往让用户误以为是系统提示。把按钮与信息分离，使用浅色或透明边框，可提升识别度。 2. **多重主按钮**：当同一页面出现两个“完成”按钮时，用户会产生混淆。应只保留最核心的动作，其他二级操作通过下拉或侧边栏实现。 3. **忽视文化差异**：在 RTL（从右到左）语言环境下，主按钮自然放在左侧。忽视这一点会导致转化率骤降。

### 如何落地？
1. **绘制用户旅程图**：标记关键节点，思考用户在每一步的视觉焦点。
2. **原型实验**：使用 A/B 测试比较不同按钮位置的点击率。
3. **监测指标**：转化率、点击深度、滚动深度等都能反映按钮位置的有效性。

在你自己的产品里，你是否已经把主按钮放在了用户最自然的点击点？如果没有，或许是时候重新审视你们的心理模型与布局设计了。