云南龙网

  1. 首页 > 云知道 > >

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

云知道按钮

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

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


悬浮操作按钮（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设计的时候正确使用，还是要注意细节、场景和用户需求的 。正确使用悬浮按钮，会有事半功倍的效果 。

推荐阅读


上一篇：设计师应该知道的图标基础知识！

下一篇：推荐！动作按钮可没你想的那么简单