墨尔本网站设计：首屏三秒，定人去留

我见过许多墨尔本的网站，做得很体面：图是买的，字是排的，动效是转的。只是访客并不看这些。他们来，是带着一个问题来的；三秒之内问不出答案，便悄然走了，连门也不曾敲。做网站的人守着后台看访客数，以为是天寒生意淡，其实是门口那三秒，早已把人打发走了。

三秒并非夸张，而是实情

所谓首屏，就是人打开页面、还没滚动之前所见的那一块。手机上尤其窄，一屏之地，容不下客套。人在这一屏上停留的时间，常以秒计——不是因为浮躁，而是因为选择太多。旁边还有九个搜索结果，何必在你这里猜谜。

于是页面的头三秒，实则是一场极短的问答。访客心里问三句：你是谁？在哪里？能不能办我这件事？答得上，他往下看；答不上，他退出去，再打开下一家。退出这件事不留声响，你在后台看到的只是一个跳出率，像是无人来过，其实是来过又走了。

首屏要交出的三样东西

第一样是你是什么。不是口号，是名分：牙医、会计、律所、装修、月子中心。写「我们致力于提供卓越的服务体验」，等于什么也没说；写「Box Hill 中英双语牙科诊所」，人就知道该不该留。

第二样是你在哪里。墨尔本的生意，十有八九靠地方吃饭。访客搜索时心里带着地名，页面上却偏不肯写，只在页脚藏一行小字地址，仿佛说出来就掉了身价。地名写在首屏，不单为访客，也为搜索引擎和那些开始替人作答的 AI——它们要的正是这种确切。

第三样是下一步做什么。一个能按的按钮，写明按下去会发生什么：打电话、发信、约时间。不要三个按钮并排，也不要「了解更多」这般含糊的话。人只肯做一件事，你便只请他做一件事。

反而害事的那些讲究

满屏的轮播大图，是最常见的一种。三张图轮着换，每张三秒，访客尚未看完第一句，第二张已经推了进来。做的人以为热闹，看的人只觉晃眼。

其次是开场动效。字一个个浮上来，图慢慢淡入，做设计的人看了满意，手机上的访客看到的却是一片空白在那里延宕。三秒本就不多，拿去演戏，实在奢侈。

再有是弹窗。人刚进门，尚未看清屋里有什么，一张「订阅我们」的纸便糊在脸上。这不叫获客，这叫拦路。还有那种铺满整屏的英雄图配一句抽象的英文，美则美矣，看完仍不知这是卖什么的——好看与说得清，是两件事，能兼得当然好，只能择一时，先选说得清。

自查的笨办法，比工具管用

不必买什么热力图。找一个不了解你生意的朋友，把首页在他手机上打开，看三秒就收走，然后问他三句话：这是做什么的？在哪里？你会怎么联系？三句答不齐，页面就该改，改到答得齐为止。

顺手再做两件事。一是把手机调成 4G，不连 Wi-Fi，看首屏几秒能出来——墨尔本许多访客是在电车上、在车库里打开你的网站的。二是把浏览器窗口拉窄到手机宽度，看那几行字有没有被挤成一团，按钮有没有被推到看不见的地方。

说到底，墨尔本网站设计这件事，不在乎设计师的品味高低，而在乎那三秒里你肯不肯把话说明白。愿意把三句话老老实实摆在首屏的，往后便少求人；舍不得，便只好一直买广告——广告是租来的门面，日日付租，停了就没了。

常见问题（FAQ）