查看原文
其他

国外大厂APP都有悬停态?

UI设计达人 2023-07-30

The following article is from 体验进阶 Author 设计师ZoeYZ

我一直觉得 Youtube 比B站用起来要舒服一些,本来以为只是我个人更习惯低信息密度的问题。
最近才发现,有一个看似很小,实际却厉害的交互细节,是 Youtube 等国外大厂 App 上常见,国内却很少见的。
那就是悬停态
Youtube 绝大部分按钮,按下去后会有一个悬停态:
其实不止 Youtube,其它 Google 系的 app,包含 Google、Gmail 和 Google Drive 都有:

只有 Google 系有吗?
海外很多其它 app 也有,但是不像 Google 系做得那么好。
例如 iPhone,很多都有,但也有的不明显或者没有:
例如 Instagram,图标和文字颜色会变浅一点,而底导航则会直接进入选中态:
例如 Quora 也是变浅一点,但底导航则是完全没有悬停反馈:
总结来说,分成三种——叠色、动效和变浅:

国内产品有吗?
国内大厂的产品可能会有一些,但覆盖面远比不上同等级的海外产品。
例如华为手机系统,估计跟原生安卓和 iOS 借鉴得比较多,覆盖面广一点:
例如微信的列表、标题栏和菜单都有悬停态,但是公众号里的页签、文字里的作者、标题和标签又没有:
再看看其它的,知乎、小红书和头条,基本都没有:
这三个 app 一通点下来,好像也就头条标题栏和分享菜单的图标有悬停效果了。

这个悬停态有用吗?
我个人感觉,最大的好处避免误点,手指松开之前还有机会调整和反悔:
其次是看动效很爽吧,让人想要多点一些:
国内几乎很少见到移动端悬停态,估计是考虑到开发成本问题。
毕竟内容为王,因为这个悬停反馈,即便加上也不会让用户更想用,去掉也不会让用户放弃使用这款产品。
所以只有像微信这样坐拥充足资源和人才的,或者手机系统这种直接面对海外竞品的,才有心思研究这个。
希望对大家有所启发,请记得把文章转发到你的朋友圈,点个在看,咱们一起加油吧!

推荐阅读

(点击标题可跳转阅读)

如何用Midjourney生成B端产品UI界面第一次见到像流水一样丝滑的响应式设计
我开始用Midjourney干UI设计了
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存