FAB实践分析：设计中的悬浮按钮
|
假如要在应用措施中行使FAB，则必需细心思量应用措施的计划，并将用户的也许操纵归结为一个最突出的成果。正确行使FAB，最终会给用户带来惊人的辅佐。
悬浮按钮（FAB）是Android应用措施中一个非经常用的控件。像一个漂流在用户界面上的圆形图标，为计划师挪用应用措施要害部门的产物故事。FAB长短常简朴且易于实践的UI元素，但计划师每每不能正确的纳入计划中。在本文中，你将找到有关以下题目的谜底： 什么时辰行使FAB？什么是FAB的最佳实践？FAB和动画怎样配合改进UX？什么时辰行使FAB？符号性操纵FAB夸大相干或常常行使的操纵。它应该用于具有很强特征操纵的应用措施中。抱负环境下，FAB应该代表整个应用措施的焦点成果，就像下面的例子一样。
悬浮按钮暗示应用措施中的首要操纵。在此屏幕上停息或规复播放会汇报用户它是一个音乐应用措施。 作为找到要领的器材FAB是汇报用户下一步做什么的天然提醒。Google的研究表白，对面临不认识的屏幕时，很多用户依靠用FAB来导航。因此，FAB作为重要的路标很是有效。
Twitter行使FAB写一个引用操纵。 不是每个屏幕都必要FABFABs是富厚多彩且可粉碎的。由于它们被计划得很突出，发明这些按钮长短常轻易的。但不是每个屏幕都应该行使FAB，由于不是每个屏幕都必要这一重要性的操纵。 为了促进操纵，不要一味行使FAB！ 合用于Android的Google Photos app就是一个很好的例子。该应用措施在图库的视图中打开，该视图具有效于搜刮的悬浮操纵的按钮。 FAB有两个题目： 搜刮是大大都用户的特殊操纵。首要使命是照片赏识。因此，不必要FAB。FAB的存在可以分手用户的留意力，让用户阔别首要内容（照片）。
搜刮是Google相册的特殊操纵，不必要FAB 提醒：查找屏幕的首要操纵也许比第一次看到坚苦得多。为了简化使命并相识是否必要FAB在你的UI中行使一个简朴的五分钟法则：假如你在屏幕的首要搜刮操纵高出了5分钟，很明明这里不必要FAB。 FAB的最佳实践停止mystery meat导航术语“mystery meat导航”是由Vincent Flanders先容，Vincent Flanders是闻名网站Web Pages That Suck.的首创人。它指的是用户必需操作按钮和链接来查找接下来做的工作。 FAB是一个仅图标的按钮，题目是icons are really hard to understand，由于它们是云云开放的表明。正如NNGpoints out，广泛承认的图标很少见。譬喻，你能揣摩下面的例子中的按钮是用来做什么的吗？
FAB在这里是什么意思？ 在你点击之前，你必然不知道。假如用户必要揣摩，你的按钮是mystery meat.。有人说，发明这些图标必要很短的时刻，并且风险低。通过点击它可以看出找到一个也许相等小的图标意味着什么。可是有一个认知的承担： 用户必需记着它的寄义。 将全部的mystery meat图标叠加在你全部的应用措施中，这是个很大的工程。 只有行使图标按钮才可以接管，并且要确保用户与相干语境的清楚。语境辅佐用户表明图标按钮和其操纵。譬喻，假如你有一个条记应用措施，很明明，应用措施的首要目标是采纳和查察——注释。“笔”图标将在这种环境下的浸染长短常大的。 每屏幕只能行使一个FAB由于FAB是云云的突出和具有侵入性，以是FAB在页面上应该行使一次，可能基础不行使。
屏幕上没有多个悬浮按钮。 仅行使FAB举办起劲的操纵由于FAB是有特色的，以是凡是是一个起劲的操纵，如建设、分享、试探等等。FAB也应该具有粉碎性的操纵，如删除或归档。它们不该该长短特定的或告诫的，有限的操纵，如剪切和粘贴文本，可能应该在器材栏中举办的操纵（譬喻：改变音量）。
该成果应该是一个让用户对行使FAB感想开心的操纵，而不消担忧会产生错误。图片来历：MaterialDesign FAB和动画悬浮按钮的计划具有机动性。FAB可以扩展，变形或产生回响。 扩展一组操纵在某些环境下，按钮可以旋转出来并袒露其他几个选项（如下面的Evernote示例所示）。 FAB可以用一系列更详细的操纵来更换本身，而且可以将它们计划为用户的语境。但请记着： 这些操纵必需与FAB自己所表达的首要操纵相干联：假如它们位于器材栏上，不要将这些的操纵视为独立的。作为一样平常法则，按消息至少有三个选项，但不得高出六个，包罗原始悬浮按钮方针。
悬浮按钮会抛出相干的操纵。 FAB可以转酿成新的界面FAB不只仅是一个圆形按钮，它还具有一些厘革性的属性，你可以用它来辅佐用户从一个屏幕到另一个屏幕。悬浮按钮可以转换为作为应用措施布局部门的视图。 FAB可以改进屏幕之间的转换 当悬浮按钮变形时，以逻辑方法在开始和竣事位置之间转换。譬喻，下面的示例中的动画维护用户的偏向感，并辅佐用户相识视图机关中方才产生的变动，假如必要变动内容，稍后再次启动变动。
图片来历：EhsanRahimi 转动时可以潜匿FAB当向下转动（假如阻碍用户阅读内容），FAB可以被潜匿。在下面的例子中，FAB必要可以移出方法，以便列表项的全部部门现实上都可以会见。
潜匿FAB以最大化专用于列表的视口地区。图片来历：JulianeLehmann Android的中等应用措施是行使此技能的一个很好的例子。心脏按钮消散在转动，只有当喜好文章的读者想要行使按钮时，在文章末了到达时才会从头呈现。 结论假如要在应用措施中行使FAB，则必需细心思量应用措施的计划，并将用户的也许操纵归结为一个最突出的成果。正确行使FAB，最终会给用户带来惊人的辅佐。 感激您的阅读！ 译者：SKYUI 原文作者：Nick Babich，Nick is a software developer who’s passionate about user experience. 原文地点：https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e 文章作者系@SKYUI 翻译宣布于大家都是产物司理，未经容许，榨取转载。 （编辑：厦门网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
