昨天有个做建材的朋友找我，说他的手机站流量不少，但就是没人咨询。我打开他的网站一看，好家伙，首屏塞了八个Banner，下面还有一堆滚动的新闻，字体小得跟蚂蚁似的。我问他：“你自己用手机看都费劲，客户凭什么信任你？”他愣在那儿，半天没说话。
做网站这么多年，我见过太多这种“自嗨型”设计。老板觉得这个功能牛，那个模块炫，结果全堆在手机上，用户滑都滑不动。今天我不讲那些虚头巴脑的大道理，就聊聊怎么把手机网站内容模块排得让人愿意停下来看，甚至愿意掏钱。
第一步，砍掉所有花里胡哨的动效。
真的，别搞那些加载半天才出来的旋转logo，也别搞那种鼠标悬停才显示的菜单。手机用户耐心极差，超过3秒加载不出来，或者操作太复杂，他们直接关页面。你要做的，是首屏必须清晰。比如你是做装修的，首屏就要放一张高质量的完工实拍图，配上大字标题“本地装修，不满意免单”，再加一个显眼的“免费报价”按钮。这就够了。别放公司简介，没人关心你哪年成立，他们只关心你能不能解决他的问题。
第二步，模块排列要符合“F型”浏览习惯。
人在手机上看东西，视线是从上到下，从左到右。所以，最重要的信息放最上面。我见过很多同行，把客户案例放在底部，那是大忌。你要把最具说服力的东西前置。比如，把你的核心优势、爆款产品、或者客户的真实好评，放在前三个模块里。
这里有个细节，很多人容易忽略。模块之间的间距不能太紧。我在调试一个餐饮网站时，发现菜单图片和文字挤在一起，用户根本分不清哪个是哪个。我把间距调大，背景色稍微区分一下，转化率立马提升了15%。这就是手机网站内容模块布局的魔力，留白不是浪费空间，而是给眼睛呼吸的机会。
第三步，按钮要“大”且“显眼”。
别搞那些细长的、颜色跟背景融为一体的按钮。你要让用户一眼就能看到“立即咨询”或“拨打电话”。颜色要用对比色，比如蓝色背景配白色按钮，或者黄色背景配黑色文字。而且，按钮的位置要固定。我推荐把“电话咨询”或“在线客服”做成悬浮球，固定在屏幕右下角。不管用户滑到哪里，都能随时找到你。这一步虽然简单，但很多专业网站都做不到，因为他们觉得那样不美观。但你要记住，美观是为了转化服务的，不是用来参展的。
第四步，内容要碎片化，别写小作文。
手机屏幕就那么大，没人愿意看长篇大论。把你的产品介绍拆成小块。用图标+短句的形式。比如，不要写“我们拥有十年行业经验，服务过五百多家客户”，而是拆成三个模块：10年经验（配个时钟图标）、500+客户（配个人群图标）、24小时响应（配个电话图标）。这样视觉上轻松，信息传递也快。
我上次帮一个做软件的朋友改网站，就是把原本密密麻麻的功能列表，改成了这种卡片式布局。改完后，他跟我说，跳出率降了20%，咨询量涨了30%。他问我是不是用了什么黑科技，我笑了笑，说这只是把手机网站内容模块做对了而已。
最后，一定要在手机端测试。
别只在电脑上看着好看就上线。你自己拿着手机，在地铁上、在厕所里、在走路时，都试试你的网站。哪里卡？哪里看不清？哪里点不到？这些细节，才是决定生死的关键。
网站不是艺术品，是工具。你的目标是让工具好用，让人愿意用。别整那些没用的，把核心内容模块排好，把转化路径铺平，剩下的，交给时间。
记住，用户不关心你设计得多高级，只关心你帮他们省了多少事。这点想通了，你的网站就成功了一半。
