如何设计悬浮按钮才能提供良好的用户体验?

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

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

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

悬浮按钮通常用来承载相关度最高、最常用、最重要的操作。在应用中,它应该承载特征性的操作和核心功能。例如,在音乐播放器应用中,悬浮按钮可以用来触发主要操作,如暂停/播放交互。

除此之外,悬浮按钮还可以作为引导工具为用户提供下一步提示和引导。当面对不熟悉的界面时,许多用户都倾向于点击悬浮按钮来探索并获取引导。因此,悬浮按钮在功能上有类似路标的属性。例如,在Twitter应用中,发推功能就被设计成了一个悬浮按钮。

然而,并不是每个界面都需要悬浮按钮。因为不是每屏都有标志性、重要的操作,滥用悬浮按钮会分散用户注意力并降低用户体验。判断一个界面是否需要使用悬浮按钮可以参考“五分钟规则”,即如果你花费了5分钟还没找到这一屏幕的主要操作,则说明这一屏幕不需要使用悬浮按钮。

悬浮按钮最佳实践

1. 避免出现“迷之导航”

所谓“迷之导航”指难以被发现、目的不明、只有当光标移动到其上才能发现、直到打开才知道其内容等隐藏式链接或图标式交互方式。由于通用且普遍被认识的图标始终是少数,使用图标式交互方式可能会使得用户必须记住其含义和功能才能够正常使用。

因此,在设计过程中应该尽量避免出现“迷之导航”。如果必须使用图标式交互方式,则需要确保APP上下文环境明晰,并尽可能减少使用不常见或无法理解的图标。

2. 一屏只使用一个悬浮按钮

由于悬浮按钮在界面中突出且具有侵略性,所以每屏幕只应该使用一个或者干脆别用。

3. 按钮只承载正向操作

由于通常情况下,一个唯一的、代表性强的操作会被放置在一个唯一位置上(即FAB),因此这个唯一位置上不能执行破坏性或非特定操作等非积极正向交互行为。

动效优化用户体验

1. 扩展为一系列操作

在某些情况下,点击FAB可以扩展出其他相关、常用操作(如Evernote)。通过扩展出与开始总FAB关联起来且相互关联且可收纳可展开且不常驻组成一组相关、常用FAB替代原单一交互行为是可行且有效果地。

2. 变形为新界面

FAB也可以变形为独立界面,并作为界面转化过程中间枢纽连接前后两个页面间逻辑关系(如Google Keep)。

3. 滚动时隐藏

当滚动页面时隐藏FAB以便于用户阅读内容(如Medium Android版客户端)。
文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到