FAB实践分析:设计中的悬浮按钮

FAB实践分析:设计中的悬浮按钮,第1张

FAB实践分析:设计中的悬浮按钮

悬停按钮(FAB)是Android应用程序中非常常用的控件。像一个圆形的图标漂浮在用户的世界里,是设计师盗用法国核心区单元的素材故事。FAB的篇幅对于基础理论的UI元素来说往往是简单方便的,但设计师并不能尽可能准确地将其归因于自己的想法。本文实际介绍了FAB,方便UX设计师利用。

悬停按钮(FAB)是Android应用程序中非常常用的控件。像一个圆形的图标漂浮在用户的世界里,是设计师盗用法国核心区单元的素材故事。FAB的篇幅对于基础理论的UI元素来说往往是简单方便的,但设计师并不能尽可能准确地将其归因于自己的想法。在课文中,你会用下面的测试分数来寻找谜题:

1.你什么时候使用FAB?

2.FAB最好的基础理论是什么?

3.FAB战图如何互相合作来改善UX?

什么时候用FAB?

标记 *** 作

FAB夸大相关或常用的 *** 纵。应在特征 *** 作性强的应用方法中使用。想象一下,FAB应该是指法国管理中心的所有功能,就像上面的例子一样。

浮动按钮意味着应用程序方法中的主要和次要 *** 作。在这个显示屏上长时间停止或重放的视频会向用户报告这是一个歌曲应用方法。

作为搜索方法的项目

FAB是一个纯天然的提示,报告用户下一步要做什么。谷歌的讨论坦承,在处理不熟悉的显示器时,很多用户使用FAB来导航导航栏。所以把FAB作为重点路标是非常合理的。

使用TwitterFAB编写一个可选的 *** 作。

不是每个显示屏都需要FAB。

晶圆厂是丰富的,多彩的,易碎的。因为它们被认为是非常突出的,所以这些键的长度通常很简单。但是不是每个显示屏都应该使用FAB,所以不是每个显示屏都需要按键 *** 作。

为了提高 *** 控性,没必要盲目用FAB!

Android的GooglePhotos应用程序就是一个很好的例子。该应用程序已在图片库的主视图中打开,该视图中有对掠夺式浮动 *** 纵合理的键。

FAB有两个测试分数:

1.掠夺是大部分用户的额外 *** 作。首要和次要的任务是阅读照片和文章。所以不需要FAB。

2.Fab的内存已经可以分离用户的注意力,让用户贴近主次内容(照片)。

掠夺Google相册图片是额外的 *** 纵,对FAB没有要求。

提示:搜索显示的主要和次要 *** 作可能比第一次难得多。为了简化任务,了解是否可以要求FAB,在你的UI中使用了一个简单的五分钟划分规则:如果你对显示屏的主次掠夺 *** 作超过了五分钟,那就相当明显那里不需要FAB了。

FAB最擅长的是基础理论

劝阻神秘肉导航条

“神秘肉导航条”这个专业术语是文森特·弗兰德斯(VincentFlanders)引入的,他是知名网站网页Suck的先驱。它是指用户对按键连接的基本 *** 作,以搜索下一个作品。

FAB是logo专用按钮,测试成绩是图标真的很难理解,所以是开放评论。就像NNGpoints指出的那样,很少看到到处都是标志。例如,你能推断出上面例子中的按钮是用来做什么的吗?

FAB已经在那里的实际意义是什么?

你当面打他之前肯定不知道。如果用户要求推断,你的关键是神秘肉。有些人是人道的。发明这些标志需要的时间短,风险低。整个面签的过程之后,就可以看出找一个可以相当小的标志意味着什么了。但是认知能力是有负担的:

用户必须记住它的意思。

重叠所有神秘的肉签已经用在你所有的应用中,这是一个大工程。

它只能通过使用徽标按钮来实现,并且必须确保用户清楚地了解相关的上下文。帮助用户注释符号、按键及其在各种情况下的 *** 作。例如,如果你有一个应用法语的规则,显然,应用法语的首要和次要总体目标是听取意见和检查文章的文本。在那种情况下,“钢笔”标志会产生长期影响。

每个显示屏仅使用一个FAB。

因为FAB攻击性这么强,页面上应该用一次,基本功没用。

显示屏上有几个浮动按钮。

仅使用FAB终止主动 *** 纵。

由于FAB有自己的特点,所以总是有一个主动的 *** 纵,比如创造、分享和研究。FAB还应该有破坏性的 *** 作,比如删除或者返回文件。他们不应该有特殊的或信息丰富的和有限的 *** 作,如剪切和粘贴单词,他们可能应该在项目栏中终止 *** 作(例如,修改声音)。

这个功能应该是让用户对FAB磁感应的使用感到愉快的 *** 控,而不用担心疾病的发生。照片来源:材料设计

FAB战争图

浮动按钮的概念是协调的。FAB可以膨胀、变形或反应。

扩展一组 *** 作

在某些情况下,可以扭曲按键来显示许多其他选项(如下表中的Evernote示例所示)。FAB可以用一系列更细致的 *** 控代替自己,可以把它们设想成用户的情境。但是请记住:

1.这些 *** 作必须与FAB本身表达的主要和次要 *** 作相关:如果它们位于商品栏上,则这些 *** 作不应被视为独立的。

2.作为一般的划分规则,根据信息至少有三个选项,但不超过六个选项,包括原来悬停按钮的用途。

悬停按钮将抛出相关的 *** 作。

FAB可以变成一个新世界。

FAB不仅仅是一个圆形按钮,它有一些转换功能,你可以用它来帮助用户从一个显示屏转移到另一个显示屏。悬停按钮可以作为法语结构单元转换到主视图中。

FAB可以改善显示屏中间的过渡。

当悬停按钮变形时,影响力的中间转化已经逻辑启动。例如,上述示例中的动画保持了用户的目的感,并帮助用户理解主视图的整体计划中可能发生的变化。如果需要更改,请稍后再次开始更改。

图片来源:EhsanRahimi

旋转时可以隐藏FAB。

背面旋转时(如果阻止用户访问内容),FAB可以隐藏。在上面的例子中,FAB需要一个可移动的路径,以便目录项目的所有单元实践活动都可以被满足。

FAB隐藏最大化常用目录的视觉中心区域。图片来源:朱丽安·莱曼

Android的中级应用方法就是一个非常好的运用这种技术的例子。网络按钮消失并被旋转。如果喜欢文章内容的读者想要使用该按钮,当文章内容的结尾到达时,它将从头显示。

结果

如果你想在法语的应用中使用FAB,你必须仔细思考一下应用法语的想法,把用户的 *** 作重新变成最突出的功能之一。使用精准FAB最终会给用户带来震撼的帮助。

感谢您的光临!

正文中的地址:

https://UXplanet.org/floating-action-button-in-UX-design-7dd06e49144e

尼克·巴比奇写的

Nick是一名热衷于用户体验的软件开发人员。

口译员:SKYUI

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778776.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存