首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

国外大厂app都有悬停态?

我一直觉得 Youtube 比B站用起来要舒服一些,本来以为只是我个人更习惯低信息密度的问题。

最近才发现,有一个看似很小,实际却厉害的交互细节,是 Youtube 等国外大厂 app 上常见,国内却很少见的。

那就是悬停态

Web开发的应该叫悬停态(Hover),如果是iOS原生开发的应该叫高亮态(Highlighted),如果是Android原生开发的应该叫按压态(Pressed)。三个平台三种叫法,但功效差不多。下文统称悬停态

Youtube 绝大部分按钮,按下去后会有一个悬停态:

其实不止 Youtube,其它 Google 系的 app,包含 Google、Gmail 和 Google Drive 都有:

只有 Google 系有吗?

海外很多其它 app 也有,但是不像 Google 系做得那么好。

例如 iPhone,很多都有,但也有的不明显或者没有:

例如 Instagram,图标和文字颜色会变浅一点,而底导航则会直接进入选中态:

例如 Quora 也是变浅一点,但底导航则是完全没有悬停反馈:

总结来说,分成三种——叠色、动效和变浅:

国内产品有吗?

国内大厂的产品可能会有一些,但覆盖面远比不上同等级的海外产品。

例如华为手机系统,估计跟原生安卓和 iOS 借鉴得比较多,覆盖面广一点:

例如微信的列表、标题栏和菜单都有悬停态,但是公众号里的页签、文字里的作者、标题和标签又没有:

再看看其它的,知乎、小红书和头条,基本都没有:

这三个 app 一通点下来,好像也就头条标题栏和分享菜单的图标有悬停效果了。

这个悬停态有用吗?

我个人感觉,最大的好处避免误点,手指松开之前还有机会调整和反悔:

其次是看动效很爽吧,让人想要多点一些:

国内几乎很少见到移动端悬停态,估计是考虑到开发成本问题。

毕竟内容为王,因为这个悬停反馈,即便加上也不会让用户更想用,去掉也不会让用户放弃使用这款产品。

所以只有像微信这样坐拥充足资源和人才的,或者手机系统这种直接面对海外竞品的,才有心思研究这个。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20230425A013QT00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券