主页 - IT -

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

作者:媒体转发 时间:2018-09-03 01:19

字号

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

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

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

在今天的文章中,你会找到下面问题的答案:

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

悬浮按钮的最佳实践有哪些?

悬浮按钮要如何同动效结合起来优化用户体验?

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

A、执行关键的操作

悬浮按钮通常用来承载相关度最高、最常用、最重要的操作。通常,在应用中,它应该承载特征性的操作,核心功能,就像下面的例子一样:

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

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

悬浮按钮用来触发应用中的主操作。屏幕上的暂停/播放交互使用悬浮按钮来触发,说明这个应用是一个音乐播放器。

B、作为引导工具

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

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

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

Twitter 就将发推功能做成了悬浮按钮。

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

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

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

Android 系统中 Google Photos 应用就是一个典型的案例。当你打开它的图库的时候,首先映入眼帘的是用于搜索的悬浮按钮,这个时候,悬浮按钮存在2个关键的问题:

对于绝大多数的用户而言,搜索是非主要交互。首要的操作是浏览图片,所以此处并不需要悬浮按钮。

悬浮按钮会分散用户的注意力。

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

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

责任编辑:CQITer新闻报料:400-888-8888   本站原创,未经授权不得转载
继续阅读
热新闻
推荐
关于我们联系我们免责声明隐私政策 友情链接