去年给一个做五金工具的客户做移动端优化，最大的一项改动其实特别朴素：在手机端加了一条吸底栏，左边电话、右边询盘，始终固定在屏幕底部。上线一个月，移动端询盘按钮点击量翻了一倍多，客户在复盘会上说：就这么个条，比我改十版首页都管用。
为什么吸底栏这么能打
常规页面里，询盘按钮待在自己的位置上，客户滚走了它就看不见了。而手机浏览的常态是快速下滑，大部分人根本滚不到你精心安排的那个位置。吸底栏把转化入口钉在视野里，客户任何时候想行动，按钮就在拇指边上。响应式网站设计里，这是投入产出比最高的一类组件：开发量一两天，逻辑简单，不依赖任何花哨技术，见效却最直接。
吸底栏的设计规范
- 入口只留两三个：电话、询盘、WhatsApp是黄金组合，塞五个按钮等于没有重点，客户反而犹豫；
- 高度克制：条高控制在五十到六十像素，再高就开始吃正文；
- 出现时机：进站即显示没问题，但浏览到页脚时建议自动隐藏，别跟页脚的联系方式重复站岗，两个入口同屏出现，反而显得杂乱；
- 颜色拉开：跟网站主色错开，别做隐身人；
- 点击直达：电话点了就拨号，WhatsApp点了就开聊天，别再套一层中间页。多一步跳转就多一成流失，转化组件的规矩永远是越短越好。
三个要避开的坑：一是吸底栏挡住了表单提交按钮，客户填完单子找不到提交在哪，等于自己拦自己的单；二是苹果手机底部有条手势横条区域，内容要留出安全距离，不然按钮下半截被遮住；三是电脑端别也加一条，大屏幕上它显得多余还碍眼，这个组件就是给手机准备的。
上线后盯两个数据
一看吸底栏各按钮的点击量，判断入口组合对不对；二看它有没有影响正文阅读——停留时长要是明显下降，说明条太高或者太扎眼，微调一下再观察。数据两周见效，好坏都有数，别凭感觉撤掉一个正在起作用的组件。吸底栏的价值要靠两周以上的数据才能看清，头几天的波动不作数。
建议手机端还没做吸底栏的，这周就排上，改动小、回收快，几乎没有理由不做。唯一要花心思的是按钮组合和顺序，照着黄金组合来就不会错。设计时记住一个原则：它是个顺手的工具，不是抢戏的广告位。比格网络给客户的响应式网站设计方案里，吸底栏是标准配置项，转化组件这一层，我们更信笨办法——一直可见，胜过一切花活。这个朴素的道理，放在网站任何转化组件上都成立。
