中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

如果要在應用程序中使用FAB，則必須仔細考慮應用程序的設計，并將用戶的可能操作歸結為一個最突出的功能。正確使用FAB，最終會給用戶帶來驚人的幫助。

懸浮按鈕（FAB）是Android應用程序中一個非常常用的控件。像一個漂浮在用戶界面上的圓形圖標，為設計師調用應用程序關鍵部分的產品故事。FAB是非常簡單且易于實踐的UI元素，但設計師往往不能正確的納入設計中。在本文中，你將找到有關以下問題的答案：

• 什么時候使用FAB？
• 什么是FAB的最佳實踐？
• FAB和動畫如何共同改善UX？

什么時候使用FAB？

標志性操作

FAB強調相關或經常使用的操作。它應該用于具有很強特性操作的應用程序中。理想情況下，FAB應該代表整個應用程序的核心功能，就像下面的例子一樣。

懸浮按鈕表示應用程序中的主要操作。在此屏幕上暫?；蚧謴筒シ艜嬖V用戶它是一個音樂應用程序。

作為找到方法的工具

FAB是告訴用戶下一步做什么的自然提示。Google的研究表明，當面對不熟悉的屏幕時，許多用戶依賴用FAB來導航。因此，FAB作為重要的路標非常有用。

Twitter使用FAB寫一個引用操作。

不是每個屏幕都需要FAB

FABs是豐富多彩且可破壞的。因為它們被設計得很突出，發現這些按鈕是非常容易的。但不是每個屏幕都應該使用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感到開心的操作，而不用擔心會發生錯誤。圖片來源：Material?Design

FAB和動畫

懸浮按鈕的設計具有靈活性。FAB可以擴展，變形或發生反應。

擴展一組操作

在某些情況下，按鈕可以旋轉出來并暴露其他幾個選項（如下面的Evernote示例所示）。 FAB可以用一系列更具體的操作來替代自己，并且可以將它們設計為用戶的語境。但請記?。?/p>

• 這些操作必須與FAB本身所表達的主要操作相關聯：如果它們位于工具欄上，不要將這些的操作視為獨立的。
• 作為一般規則，按新聞至少有三個選項，但不得超過六個，包括原始懸浮按鈕目標。

懸浮按鈕會拋出相關的操作。

FAB可以轉變成新的界面

FAB不僅僅是一個圓形按鈕，它還具有一些變革性的屬性，你可以用它來幫助用戶從一個屏幕到另一個屏幕。懸浮按鈕可以轉換為作為應用程序結構部分的視圖。

FAB可以改善屏幕之間的轉換

當懸浮按鈕變形時，以邏輯方式在開始和結束位置之間轉換。例如，下面的示例中的動畫維護用戶的方向感，并幫助用戶了解視圖布局中剛剛發生的更改，如果需要更改內容，稍后再次啟動更改。

圖片來源：Ehsan?Rahimi

滾動時可以隱藏FAB

當向下滾動（如果阻礙用戶閱讀內容），FAB可以被隱藏。在下面的例子中，FAB需要可以移出方式，以便列表項的所有部分實際上都可以訪問。

隱藏FAB以最大化專用于列表的視口區域。圖片來源：Juliane?Lehmann

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 翻譯發布于人人都是產品經理，未經許可，禁止轉載。