如何引导“告知”访客,鼠标移动的指定区域可以看到微信二维码图片?

2021-05-18 15:19:19 +08:00
 libasten

企业网站上的一个联系方式区域,分别有电话号码、电子邮箱等信息,都作的统一设计。

微信一般都是扫码的,但是在这个设计中把二维码图片放进去风格不一致了。

我是把二维码图片隐藏了,然后鼠标移动到这个 div 上在显示出来,通过 css 的 hover 控制。

问题是这个像是一个彩蛋,只有我知道,而且在移动设备上没有鼠标 hover 的状态,除非去点击这个 div 才会触发,这体验也不好。

我想问问大家伙,这种情况怎么告知访客呢?

直接加一段文字:“鼠标放到这里看二维码”?

图片中打码的是微信号。

845 次点击
所在节点    问与答
6 条回复
abersheeran
2021-05-18 15:27:54 +08:00
文字也可以,但是更建议用阴影营造出这是个按钮的效果,让用户“自然”的知道这个可以点击。
abersheeran
2021-05-18 15:28:45 +08:00
这么多年互联网发展下来,其实很多习惯都被培养出来了。比如很多人看见下划线就知道是链接、可以点。
ksc010
2021-05-18 15:29:01 +08:00
微信这里放一个二维码 icon
cairnechen
2021-05-18 15:30:07 +08:00
角标?类似这样 https://aliyundrive.com/download
libasten
2021-05-18 15:41:06 +08:00
@cairnechen 感谢,这是一个思路~
GeruzoniAnsasu
2021-05-18 15:49:20 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/777694

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX