
前三篇讲的是机器读不读得懂你的网站、人来了会不会留下、这笔钱说不说得清回报。这篇讲一件更早发生的事——在客户看清你是做什么的之前,他已经做完了一次判断。
一个没人会告诉你的判断
设想一个采购经理在做供应商初筛。
他手上有五个候选,都是同行推荐或者搜索来的。他一个个点开官网,每个大概停留几秒到几十秒。
这个过程里,他不会读完你的公司简介,不会点开你的产品参数,更不会看你的资质证书。他在做的是一件他自己都说不清的事:判断这家公司现在还行不行。
然后他会关掉其中两三个,剩下的加进比价名单。
被关掉的那几家,永远不会知道自己被关掉了。你的统计后台里,这个人是"一次跳出访问,停留 8 秒"——和一个误点进来的路人长得一模一样。
B 端采购的第一轮筛选,很多时候就是这么发生的。 不是因为你不专业,是因为你的官网让他产生了一个念头:这家公司好像有几年没动静了。
「不好看」是个说不清的指责
问题来了:如果你拿着自己的官网去问别人"这个是不是过时了",你多半会得到两种回答。
一种是"挺好的呀,挺简洁的"。另一种是"是有点旧了",但你追问哪里旧,对方说不上来。
这就是品牌感这件事最难办的地方:它是一个人人都能感觉到、但谁都说不出判据的东西。
于是它在企业内部永远排不上优先级。市场部说"我们官网该改版了",老板问"具体哪里有问题",市场部答不上来,这件事就又推迟一年。
所以这篇不谈好不好看。 审美可以争论,但下面这三件事是可以量的——而它们加起来,正好就是那个"说不清的过时感"。
第一层:你的网站还停在上一代屏幕上
这是最容易验证、也最容易被忽略的一条。
打开你的官网,把浏览器窗口拉到全屏。如果你用的是这几年的显示器,屏幕大概是 1920 甚至 2560 像素宽。
现在看内容占了多宽。
很多 B 端官网的内容容器停在 1000 到 1200 像素——这是十年前主流笔记本的宽度。在当年的屏幕上它是刚好铺满的,但在今天的显示器上,两边各空出一大条白边,内容挤在中间像一张贴在墙上的传单。
这不是设计品味问题,是这个网站做的时候,主流屏幕就是那么宽。它没变,屏幕变了。
访客不会想到"这是当年的设计规范",他只会有一个模糊的感觉:这个页面看起来怪怪的、有点空、有点旧。
而做得新的站,会让主视觉铺满整个屏幕宽度,只把文字部分收在中间。同样的内容,观感完全不同。
第二层:页面是"拼"出来的,还是"流动"的
第二件可以量的事:你的页面在滚动的时候,有没有变化。
上一代的做法是:一个页面由若干个横条区块从上往下堆起来——顶部大图、四个服务图标、一段公司简介、几个案例、合作伙伴标志墙、页脚。每个区块是独立的,滚过去就是滚过去了,什么都不会发生。
这一代的做法是:内容随着滚动依次进入视野,图片有轻微的位移,数字会滚动到目标值,模块之间有过渡。
这不是为了炫技,是它在替你控制节奏。 前者是一次性把所有东西摊开给你看,后者是带着你往下走。人的注意力有限,被带着走的那个,看完的比例更高。
这一条可以量到什么程度?你让技术看一眼页面上有多少处滚动触发的动效。 一个完全静态的页面,这个数字是 0。而这个 0,正是"拼接感"的来源。
顺带一提:这也是为什么很多企业花钱改版之后,感觉"好像也没什么变化"——只把图片和文案换了新的,结构还是原来那些横条,节奏一点没变。换皮不换骨,过时感就还在。
第三层:首屏在替你说什么
访客打开页面看到的第一屏,是你能确定他一定看过的那部分内容。
上一代的首屏,通常是一张静态大图配一句标语,图片经常是买来的图库素材——握手、齿轮、蓝色地球、城市天际线。这些图有个共同特点:换成任何一家同行的官网都毫无违和感。
那么这一屏就等于什么都没说。
做得好的首屏,会在那几秒里把三件事说清楚:你是做什么的、你做给谁、你凭什么。 用的是自己的产品实拍、自己的车间、自己的客户,而不是通用图库。
判据很简单:把你首屏上的公司 logo 遮住,如果这一屏放到同行网站上也完全成立,那它就没在为你工作。
那"简约"呢?
一定会有人说:我们就是想要简约风格,留白多、动效少,这不也是一种设计吗?
是。但简约和过时,差别不在元素多少,在于它是不是有意为之。
一个真正做简约的页面:留白是精确的,字号有清晰的层级,图片是自己拍的、质量统一,整页可能只有一两处克制的动效——但那一两处都在关键位置。
一个过时的页面:留白是因为不知道该放什么,字号大小混乱,图片来源杂七杂八有的还发虚,动效是零因为当时就没做。
前者是选择,后者是没得选。 而访客虽然说不出区别,却能感觉出来。
用上面三条量一下就知道自己是哪一种:内容容器有没有适配今天的屏幕、页面有没有节奏、首屏遮住 logo 还成不成立。三条都答得上来的是简约,三条都对不上的是过时。
三件事你今天就能自己查
第一件,一分钟。
把官网在电脑上全屏打开,看内容两边空了多宽。如果两边的白边加起来比中间的内容还宽,那你的网站还停在上一代屏幕尺寸上。
第二件,也是一分钟。
从首页顶部慢慢滚到底部,数一下有几个地方发生了变化——图片位移、数字滚动、内容淡入,任何变化都算。
如果答案是 0,那访客感受到的"拼接感"就是从这里来的。
第三件,用手遮一下。
打开首页,用手把左上角的公司 logo 遮住,然后问自己:这一屏还能看出是我们公司吗?
如果遮住 logo 之后,这一屏放到任何一家同行的网站上都毫无违和感,那么这最重要的一屏,什么也没替你说。
网站不再是一个线上名片,它是各个渠道流量的最后一个转化阵地。
而转化的第一道关口,不在你的产品页,也不在你的联系表单——在客户点开的那三秒里,他决定要不要继续往下看。
前面三篇讲的能力,都要建立在他愿意留下来的基础上。这一条如果没过,后面做得再好都用不上。