首页 > 窍门 > 科技数码

悬浮按钮要怎么设计才能带来好体验?

来源: 更新时间:2022-03-23 02:20:30
The Beginning

  悬浮操作按钮(Floating Action Button,FAB),或者说悬浮按钮,是 Android 应用中最常见的一个控件。悬浮按钮通常是圆形,底部的Material Design 风格的阴影让它看起来悬浮在整个UI之上。悬浮按钮是Android UI 交互中最关键的元素之一,在用户流程中至关重要。悬浮按钮非常的易用,但是要正确的使用它,还是要遵循一些基本的规则。

  

  什么时候适合使用悬浮按钮

  

  A、执行关键的操作

  

  悬浮按钮通常用来承载相关度最高、最常用、最重要的操作。通常,在应用中,它应该承载特征性的操作,核心功能。

  

  B、作为引导工具

  

  悬浮按钮还可以为用户提供下一步的提示和引导。Google 的研究表明,当面对不熟悉的界面之时,许多用户都倾向于点击悬浮按钮来探索,获取引导。因此,悬浮按钮在功能上有类似路标的属性。

  

  C、并不是每屏都需要悬浮按钮

  

  悬浮按钮色彩显眼,高亮,非常抓人眼球。当你打开界面的时候,想要不去注意到它都不行,因为它太明显了。但是,并不是每个界面都需要悬浮按钮,因为不是每屏都有标志性的、重要的操作。

  

  不要滥用悬浮按钮,它只为了关键操作而存在!

  

  小贴士:判断一个界面的主要操作其实并没有看起来那么简单。为了简化任务,并且考量你是否需要悬浮按钮,可以参考这个“五分钟规则”:如果你花费了5分钟还没找到这一屏的主要操作,那么这说明这一屏不需要悬浮按钮。

  

  悬浮按钮最佳实践

  

  A、避免出现“迷之导航”

  

  实际上我们这里说的迷之导航指的是“Mystery meat navigation”,通常简称为MMN,这句讽刺式的术语源于Web Pages That Suck 的站长 Vincent Flanders,指的是那些难于被发现、目的不明、只有当光标移动到其上才能发现、直到打开才知道其内容的“隐藏式”链接。

  

  实际上,悬浮按钮所存在的问题和MMN有点相似,它是一个典型的图标式按钮,并不包含文字标签来说明其功能,而通用的、普遍被认识的图标始终是少数。

  

  B、一屏只使用一个悬浮按钮

  

  悬浮按钮在界面中是突出的,也是最具有侵略性的,所以要么只使用一个悬浮按钮,要么干脆别用。

  

  C、悬浮按钮只承载正向操作

  

  由于悬浮按钮通常承载的是主要的、有代表性的操作,通常它应该是个积极正向的交互,比如创建、分享、探索等。唯一的悬浮按钮不应该执行破坏性的操作,比如删除、归档。它不应该是非特定的操作,或者是不完整的交互,比如剪切和粘贴是一组组合交互,它们应该存在于菜单栏当中,而非悬浮按钮中。

  

  悬浮按钮和动效

  

  悬浮按钮本身非常灵活,它可以扩展、变形,也可以给予反馈。

  

  A、扩展为一系列操作

  

  在某些情况下,点击悬浮按钮可以扩展出其他的常用操作(就像 Evernote这样)。通过扩展,用一组相关、常用的悬浮按钮来替代原来的单一交互,这样是可行的,它们是一体的,可展开也能收纳,不常驻,这和前面所提到的原则并不冲突。

  

  B、悬浮按钮变形为新的界面

  

  悬浮按钮可以不一直都为按钮形态,借助动效它能够延伸到整个屏幕,变为独立的界面。

  

  C、滚动的时候隐藏悬浮按钮

  

  为了便于用户在滚动的过程中阅读内容,悬浮按钮可以在滚动界面的时候,隐藏起来。

  

  结语

  

  悬浮按钮看起来很简单,但是要在APP设计的时候正确使用,还是要注意细节、场景和用户需求的。正确使用悬浮按钮,会有事半功倍的效果。


THE END

TAG:平面设计  按钮  标签  简介  

猜你喜欢

相关文章