做网站时的电话图标
说实话,我现在看到那种满屏乱飞的电话图标就想关网页。真的,太烦了。
很多老板或者刚入行的设计,总觉得放个大电话,用户就能打电话来咨询了。结果呢?转化率跌得亲妈都不认识。
今天不扯那些虚头巴脑的理论,就聊聊这个小小的电话图标,到底该怎么搞。
先说个真事。上个月有个做装修的朋友找我,说网站流量不少,但电话打进来全是问价格的,最后都没成。
我一看后台,好家伙,那个电话图标做得比Logo还大,还带个旋转动画。
这就很尴尬了。
用户是想看案例,想看你家活儿干得细不细,不是想上来就被你推销。
做网站时的电话图标,核心逻辑不是“显眼”,而是“顺手”。
特别是在手机上,手指头粗,点错了是常事。
我之前帮一个做SEO服务的客户改过代码,把电话图标从固定底部改成了右上角的小铃铛样式,旁边配个“免费报价”的按钮。
结果转化率提升了大概30%左右。
为啥?因为用户浏览的时候,心里是有节奏的。
看到感兴趣的内容,他才会想找联系方式。
这时候你突然弹个大电话,吓都吓一跳。
所以,做网站时的电话图标,位置很关键。
别搞什么全屏悬浮,太Low了。
放在头部导航栏的右侧,或者页面底部的固定栏里,这就够了。
颜色别太刺眼,跟你的品牌色协调就行。
字体也要讲究,别用那种花里胡哨的艺术字,看着累。
再说说那个图标本身。
很多人喜欢用那种特别复杂的3D电话机,或者带阴影的。
其实没必要。
最简单的线条图标,反而显得专业。
我见过一个做医疗器械的网站,电话图标就是一个简单的听筒线条,放在页脚。
看起来很干净,用户找起来也快。
还有啊,一定要做移动端适配。
现在多少人是用手机看网站的?
如果你那个电话图标在电脑上看着挺大,一到手机上就缩成一个小黑点,那跟没有有什么区别?
我在测试的时候,经常发现有些网站,电话图标在iOS上点击没反应,或者在安卓上错位。
这种低级错误,真的会劝退客户。
记得有一次,我帮朋友调试一个网站,那个电话图标在Chrome浏览器上好好的,一到Safari上,背景色就变了,跟页面融为一体,根本看不见。
当时我就想骂人。
所以,做网站时的电话图标,一定要多测几个浏览器,多试几款手机。
别偷懒。
还有一点,很多人忽略的,就是电话链接的格式。
一定要用tel:协议。
这样用户点击的时候,直接唤起拨号界面,不用手动输入号码。
这看似是小事,但在转化率上,可能就是那10%的区别。
我有个做本地生活服务的客户,加上tel:链接后,电话咨询量直接翻倍。
因为他发现,很多用户懒得输号码,如果要点一下就能拨,他们更愿意试试。
最后,别把电话图标当成唯一的转化入口。
有时候,加个微信二维码,或者在线客服窗口,效果可能更好。
特别是对于年轻人来说,打字比打电话更自在。
做网站时的电话图标,只是一个辅助,不是救命稻草。
你得先把内容做好,把信任建立起来,这个图标才有用。
不然,就算你把它做成金光闪闪的钻石,也没人愿意打。
建议:
如果你现在的网站电话图标转化率低,先别急着改颜色。
先看看你的页面加载速度,再看看移动端适配做得咋样。
还有,看看你的内容是不是真的能打动用户。
如果这些都搞定了,还是不行,那可能是你的电话图标放的位置不对,或者样式太抢眼,干扰了阅读。
这时候,你可以试着把它简化,换个低调的位置。
实在拿不准,可以找专业的UI设计师聊聊,或者自己多看看同行的优秀案例。
别闭门造车。
网站是给用户看的,不是给自己看的。
多站在用户的角度想想,你就知道该怎么做了。
如果有啥具体的技术问题,或者拿不准主意,欢迎随时来聊。
咱们一起把转化率提上去。