企业网站上的一个联系方式区域,分别有电话号码、电子邮箱等信息,都作的统一设计。
微信一般都是扫码的,但是在这个设计中把二维码图片放进去风格不一致了。
我是把二维码图片隐藏了,然后鼠标移动到这个 div 上在显示出来,通过 css 的 hover 控制。
问题是这个像是一个彩蛋,只有我知道,而且在移动设备上没有鼠标 hover 的状态,除非去点击这个 div 才会触发,这体验也不好。
我想问问大家伙,这种情况怎么告知访客呢?
直接加一段文字:“鼠标放到这里看二维码”?
图片中打码的是微信号。
1
abersheeran 2021-05-18 15:27:54 +08:00
文字也可以,但是更建议用阴影营造出这是个按钮的效果,让用户“自然”的知道这个可以点击。
|
2
abersheeran 2021-05-18 15:28:45 +08:00
这么多年互联网发展下来,其实很多习惯都被培养出来了。比如很多人看见下划线就知道是链接、可以点。
|
3
ksc010 2021-05-18 15:29:01 +08:00
微信这里放一个二维码 icon
|
4
cairnechen 2021-05-18 15:30:07 +08:00 1
角标?类似这样 https://aliyundrive.com/download
|
5
libasten OP @cairnechen 感谢,这是一个思路~
|
6
GeruzoniAnsasu 2021-05-18 15:49:20 +08:00 1
|