用浮动操作按钮(FAB)提升UX的5种方式
2017-11-16 16:48:45 来源:易采站长网友投稿 作者:admin
Floating Action Button (FAB)(FAB)是浮动正在用户界里上圆的图标。它的外形,地位战色彩使它取界里的其他部门较着辨别开去。正在2014年Google推出了Material Design以后,FAB做为一个用户界里元素,被普遍使用于网站设想战挪动设想中。固然FAB能够被视为一个细小的,可有可无的UI组件,但其结果是相当主要的。正在本文中,做者将引见5种用FAB提拔用户体验的方法。
1. 代表标记性操纵幻想状况下,FAB该当凸起显现最相干或常常利用的操纵,它的操纵能够突隐当前APP最次要的特性。假如您要正在您的APP中利用FAB,务必认真思索APP的设想本理,并将用户的能够操纵回结为一个最隐著的功用。比方,音乐APP能够具有暗示“播放/截至”的FAB。一个像Instagram的使用法式能够有一个代表“照相”的APP。

按照Steve Jones的研讨,FAB正在用户初次利用时表示出细微的背里可用性影响。但是,一旦用户利用FAB胜利完成使命,他们可以比利用传统的操纵按钮更有用天利用它。
2. 做为一种提醒东西FAB能够做为一个十分天然的操纵指引,报告用户下一步该做甚么。Google的研讨表白,劈面对没有熟习的屏幕时,很多用户依托FAB去导航。

正在Twitter中利用浮动行动按钮鼓舞用户公布内容
3.供给一系列操纵正在某些状况下,以下里的Evernote示例中能够看到的,FAB合适扭转出去并公然其他一些选项。FAB能够用一系列更详细的操纵替换本人,而且能够将它们设想得取用户正正在浏览的高低文相干。按照经历,选项的数目需掌握正在3-6个(包罗本初浮动行动按钮目的)。

那些操纵必需取FAB自己表达的次要操纵相干联,且相互联系关系。比方下图

“我正在那里”动作取创立内容行动无闭。4.分离利用情形利用情形正在用户交互中起偏重要的做用。偶然用户念消耗内容,偶然候他们念要施行行动。那统统皆与决于利用情形。联络利用情形能够将FAB使用于任何APP的用户体验线路中。以Google+为例。

当用户正正在利用疑息流时,Google+会显现FAB,并正在疑息流截至时躲藏它。那两个形态依靠于利用情形:当用户利用疑息流时,次要的操纵是转动,因而没有需求FAB,当用户截至转动时,他们能够会公布一些内容。
5. 毗连两个形态FAB不只仅是一个圆按钮,它具有可变革的属性,那种属性能够用于协助用户顺应从一个屏幕跳转到到另外一个屏幕。以下示例中的动绘能够保持用户的标的目的感,并协助用户理解视图规划中方才发作的变革,发作变革的本果,和假如往后需求,怎样再次启动变革。

图片滥觞:Ehsan Rahimi

图片滥觞:Dribbble
结论有人会道FAB是倒霉于用户体验的。果为我们皆曾经风俗了熟习的东西栏,而FAB的观点对我们去道借是比力新的,利用起去其实不风俗。但是,虽然顺应新事物是困难的,但新事物却为我们的糊口带去改革。准确开理天利用FAB能够为为用户带去更粗心设想的用户体验。











闽公网安备 35020302000061号