[hover 状态图片变小] 淘宝的一个小用户体验

本文探讨了淘宝网站中一种独特的hover交互设计:当鼠标悬停在商品缩略图上时,图片反而缩小,这种反直觉的设计反而激发了用户的探索欲,促使用户点击查看详情。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

大家普遍知道 hover 状态发生变化是邀请用户参与交互的重要手段

包括 变色,加下划线,背景变化,提供更清晰视图等

而淘宝则在某些场合下 将商品图片的 hover 状态变小

这样本来看着缩略图还算清晰,当你对它产生兴趣将鼠标放上去的时候,缩略图反而变小

这时候这个图明显不能提供更多的信息了 可是我还想知道详情,因为我已经对它产生了兴趣~ 

那好,干脆点击去看看吧~

这样~~ 用户行为就被引导了。

 

感觉真阴险啊哈哈,还是我素来是阴谋论者,考虑的太多,总之这一招对我是奏效了~ 

转载于:https://www.cnblogs.com/trance/archive/2012/09/14/2684357.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值