懸浮按鈕看起來(lái)很簡(jiǎn)單，但是要在APP設(shè)計(jì)的時(shí)候正確使用，還是要注意細(xì)節(jié)、場(chǎng)景和用戶需求的。正確使用懸浮按鈕，會(huì)有事半功倍的效果。

懸浮操作按鈕（FloatingActionButton，F(xiàn)AB）是Android應(yīng)用中最常見(jiàn)的一個(gè)控件。它通常是圓形的，底部的MaterialDesign風(fēng)格的陰影讓它看起來(lái)懸浮在整個(gè)UI之上。懸浮按鈕是Android UI交互中最關(guān)鍵的元素之一，在用戶流程中至關(guān)重要。雖然懸浮按鈕非常易用，但是要正確使用它，還是需要遵循一些基本規(guī)則。

什么時(shí)候適合使用懸浮按鈕？

懸浮按鈕通常用來(lái)承載相關(guān)度最高、最常用、最重要的操作。在應(yīng)用中，它應(yīng)該承載特征性的操作和核心功能。例如，在音樂(lè)播放器應(yīng)用中，懸浮按鈕可以用來(lái)觸發(fā)主要操作，如暫停/播放交互。

除此之外，懸浮按鈕還可以作為引導(dǎo)工具為用戶提供下一步提示和引導(dǎo)。當(dāng)面對(duì)不熟悉的界面時(shí)，許多用戶都傾向于點(diǎn)擊懸浮按鈕來(lái)探索并獲取引導(dǎo)。因此，懸浮按鈕在功能上有類(lèi)似路標(biāo)的屬性。例如，在Twitter應(yīng)用中，發(fā)推功能就被設(shè)計(jì)成了一個(gè)懸浮按鈕。

然而，并不是每個(gè)界面都需要懸浮按鈕。因?yàn)椴皇敲科炼加袠?biāo)志性、重要的操作，濫用懸浮按鈕會(huì)分散用戶注意力并降低用戶體驗(yàn)。判斷一個(gè)界面是否需要使用懸浮按鈕可以參考“五分鐘規(guī)則”，即如果你花費(fèi)了5分鐘還沒(méi)找到這一屏幕的主要操作，則說(shuō)明這一屏幕不需要使用懸浮按鈕。

懸浮按鈕最佳實(shí)踐

1. 避免出現(xiàn)“迷之導(dǎo)航”

所謂“迷之導(dǎo)航”指難以被發(fā)現(xiàn)、目的不明、只有當(dāng)光標(biāo)移動(dòng)到其上才能發(fā)現(xiàn)、直到打開(kāi)才知道其內(nèi)容等隱藏式鏈接或圖標(biāo)式交互方式。由于通用且普遍被認(rèn)識(shí)的圖標(biāo)始終是少數(shù)，使用圖標(biāo)式交互方式可能會(huì)使得用戶必須記住其含義和功能才能夠正常使用。

因此，在設(shè)計(jì)過(guò)程中應(yīng)該盡量避免出現(xiàn)“迷之導(dǎo)航”。如果必須使用圖標(biāo)式交互方式，則需要確保APP上下文環(huán)境明晰，并盡可能減少使用不常見(jiàn)或無(wú)法理解的圖標(biāo)。

2. 一屏只使用一個(gè)懸浮按鈕

由于懸浮按鈕在界面中突出且具有侵略性，所以每屏幕只應(yīng)該使用一個(gè)或者干脆別用。

3. 按鈕只承載正向操作

由于通常情況下，一個(gè)唯一的、代表性強(qiáng)的操作會(huì)被放置在一個(gè)唯一位置上（即FAB），因此這個(gè)唯一位置上不能執(zhí)行破壞性或非特定操作等非積極正向交互行為。

動(dòng)效優(yōu)化用戶體驗(yàn)

1. 擴(kuò)展為一系列操作

在某些情況下，點(diǎn)擊FAB可以擴(kuò)展出其他相關(guān)、常用操作（如Evernote）。通過(guò)擴(kuò)展出與開(kāi)始總FAB關(guān)聯(lián)起來(lái)且相互關(guān)聯(lián)且可收納可展開(kāi)且不常駐組成一組相關(guān)、常用FAB替代原單一交互行為是可行且有效果地。

2. 變形為新界面

FAB也可以變形為獨(dú)立界面，并作為界面轉(zhuǎn)化過(guò)程中間樞紐連接前后兩個(gè)頁(yè)面間邏輯關(guān)系（如Google Keep）。

3. 滾動(dòng)時(shí)隱藏

當(dāng)滾動(dòng)頁(yè)面時(shí)隱藏FAB以便于用戶閱讀內(nèi)容（如Medium Android版客戶端）。