APP界面设计中的按钮悬停效果(Hover)怎么做?

设计营销   2023-01-29

在移动端APP界面设计中的按钮的悬停效果(Hover)通过按钮上提供视觉反馈来告知用户他们可以与之交互的内容。但是有一个问题,悬停效果主要是针对PC端的,比如网站设计里经常看到。而移动设备很少见,因为移动设备上没有鼠标,因此用户没有使用悬停效果的必要,即使有,在移动应用程序上使用悬停效果也是转瞬即逝,可能会造成用户的迷惑。

当然这并意味着移动端用户就不需要视觉的反馈,考虑到移动按钮的目标尺寸比PC网页界面UI里的按钮小,而且更难点击。有时候用户的手指会以不同压力去点击,并不会产生预期的或者100%的触发动作的效果反馈。

所以我们建议在移动端按钮的悬停效果,设计出一种涟漪的效果。涟漪效应提供了用户在点击按钮时所需的视觉反馈。用户会在按钮上看到波纹动画,确保他们的手指准确击中目标。如果他们没有看到连锁反应,他们就知道他们误按了按钮。视觉反馈让他们立即确认准确的敲击,这样他们就不会等待并想知道如果他们失误了为什么没有反应。

涟漪效果动画也很直观,因为模仿真实世界里的水的触感,将一块石头扔进湖水,水面上会出现涟漪,让您可以看到它落在了哪里,同时水的特性也提供了视觉的反馈,就像涟漪的效应一样。在移动端,这样做可以让用户确定并保证他们在点击尝试后击中了目标。不太像悬停效果,但它提供了用户与按钮交互时所需的相同的视觉反馈。

维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码