国外大厂app都有悬停态？

UX设计精选 2023-07-30

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

我一直觉得 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 一通点下来，好像也就头条标题栏和分享菜单的图标有悬停效果了。

这个悬停态有用吗？

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

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

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

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

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

推荐阅读（点击标题跳转）

如果你喜欢这篇文章⬇️️

麻烦点赞、在看鼓励一下吧⬇️️