值得跟的网页设计潮流(以及会伤害转化率的那些)

每年都有一波新的网页设计潮流,每年都有企业花钱去追——有时网站真的变好了,更多时候是悄悄变糟。让人不安的真相是:一种潮流可以在赢得设计奖项的同时流失客户。所以这里不做潮流盘点,而给您一套过滤器:哪些当下的时髦玩法真正帮马来西亚中小企业网站把访客变成询盘,哪些在帮倒忙。
先亮明我们的偏好:比起新奇,我们更在乎转化。网站的存在是为了赢得客户,每一个设计决定都应该扛得住这个问题——“它能帮访客更快决定联系我们吗?”
值得跟:做得到位的深色模式
深色界面已经从时髦变成预期——如今大多数手机都有系统级深色设置,不少用户常年开着。尊重这个偏好的网站显得体贴;无视它的网站,则对着深夜躺着阅读的人直射一屏白光。难点在对比度:做得糟的深色模式是深灰底上的灰字,四十岁以上的人根本读不清。做得到位——真正的对比度、在真实手机上测试过——它成本很低,却默默传递着用心。如果您的品牌适合深色气质,它可以撑起整个视觉识别;如果不适合,跟随访客的系统偏好就足够。
值得跟:有任务在身的微动效
回应访客的小动画——按钮确认了一次点按、表单栏位在出错时轻轻一晃、菜单滑出而不是硬切——让界面显得有生命,也在告诉用户“刚才那下起作用了”。这些动效配得上自己的位置,因为它们承载信息。越线的时刻,是动画变成表演:滚动时元素从四面八方飞进来、让访客干等的特效。一条好用的判断规则——动画在告诉访客一件事,留下;只是在喊“快看我”,删掉。
值得跟:让信息更清晰的极简主义
真正的极简主义是一种纪律:删掉一切不帮访客做决定的东西——更少互相打架的信息、慷慨的留白、每屏一个明确的动作。这个版本转化很好,因为迷惑的访客会离开。冒牌版本则为了显得干净而把有用的信息藏起来——用谜语般的图标代替带文字的菜单、把价格埋进层层点击、把联系方式塞进页脚。如果一位初访者几秒内看不出您做什么、为谁做、怎么联系您,这个设计就不再是极简,而是含糊。
帮倒忙的:大型首屏视频与自动轮播
- ●全屏首屏视频:在广告公司的作品集里很电影感,在走移动数据的手机上很残忍——它拖延了 Google 用来排名的内容加载,还在第一个字出现之前就吃掉访客的流量。
- ●自动轮播图:旋转横幅像是把话一次说完的办法,但访客压倒性地只和第一张互动,而那份晃动一直在从您真正的信息上偷走注意力。一条有力的信息胜过五条轮流转的。
- ●劫持滚动:接管滚动行为在演示里显得聪明,在真实手机上令人光火。
- ●潮流叠加:渐变加毛玻璃加 3D 加粒子特效——单拎哪个都时髦,堆在一起是一个又慢又没有自己个性的网站。
永不过时的潮流:性能
设计时尚轮流转;快的网站在每个时代都赢。速度通过 Google 的 Core Web Vitals 参与排名,也是转化因素,因为访客会在看到您的产品之前就抛弃慢页面——我们在速度如何影响 Google 排名里写过细节。这也是检验任何潮流的诚实标准:一个拖慢加载的设计花样不是风格选择,是经营成本。这也是我们每个网站都定制开发、跑在快速基础设施上的原因之一——我们的 AWS 托管方案存在的意义,就是不让缓慢的交付毁掉设计的心血。
如何评判任何潮流
当有人——包括我们——向您提议一个改版功能时,用三个问题过一遍。它能让初访者更快理解并信任我们吗?它在一部普通手机、一条普通网络上好用吗?如果别的网站都没有它,我们还想要吗?三问全挂的,是时尚,不是设计。而如果您现在的网站是一套积攒了多年潮流包袱的主题——轮播、动画插件、三代字体——重建往往比拆解更便宜;我们的 WordPress 转 Next.js 服务RM3,000 起,就是为这种情况准备的。无论哪种,告诉我们您的现状,我们会直言什么值得改——什么其实挺好。