懸浮操作按鈕（FloatingActionButton，F(xiàn)AB），一般為圓形，是手機(jī)網(wǎng)站、app中很常見的一種控件。懸浮按鈕非常易用，是UI交互中的重要元素。但是由于設(shè)計(jì)不當(dāng)?shù)脑?，其受到的爭議也不少。因此，如何正確使用懸浮按鈕，必須遵循一些原則。

　　第一、執(zhí)行關(guān)鍵操作。懸浮按鈕承載的必須是主要的、有代表性的操作。通常是偏積極的交互，例如創(chuàng)建、分享等。除了是關(guān)鍵操作，還要與頁面有相關(guān)性。例如圖片展示頁面中的懸浮按鈕，設(shè)置搜索功能或者分享功能，二選一的情況下，選擇分享功能會更適合用戶目前的使用習(xí)慣。

　　日常常見的懸浮按鈕，一般是一個操作，但也會有將懸浮按鈕擴(kuò)展成一系列操作。但要注意，擴(kuò)展之后的操作要與總懸浮按鈕的操作相關(guān)，兩者是一體的關(guān)系。而且擴(kuò)展開來的按鈕不應(yīng)過多，一般不要多于6個，否則就違反了懸浮按鈕高效便捷的原則。

　　第二、一屏只使用一個懸浮按鈕。懸浮按鈕在界面中，其色彩、設(shè)計(jì)都是具有侵略性的，以達(dá)到用戶不得不注意的母的。所以，自己建網(wǎng)站時一屏只適合使用一個懸浮按鈕，否則容易分散用戶的關(guān)注度，降低用戶體驗(yàn)。而且，如第一點(diǎn)提及的，懸浮按鈕為用戶提供的是與頁面相關(guān)的關(guān)鍵操作，因此不是每個頁面都需要設(shè)置懸浮按鈕。

　　第三、不要阻擋相關(guān)信息。這一點(diǎn)是設(shè)計(jì)懸浮按鈕時最易犯的失誤。手機(jī)網(wǎng)站的頁面小，承載的內(nèi)容多。一般的懸浮按鈕是設(shè)計(jì)在頁面的左下角或者右下角，手機(jī)網(wǎng)站即使是角落位都是承擔(dān)展示內(nèi)容的作用。所以，懸浮按鈕很容易阻擋頁面中原有的信息、功能。雖然可以滾動頁面，移動位置，但網(wǎng)站頁面底部由于無法進(jìn)行滾動，若有信息展現(xiàn)就必定會被遮擋。

　　為了應(yīng)對這種情況，可以設(shè)置滾動時隱藏按鈕。為了方便用戶在滾動過程中閱讀內(nèi)容，可以將按鈕進(jìn)行隱藏，待用戶停止?jié)L動時再重新展示，可以待用戶停止?jié)L動頁面3-5秒后，再重新展示，為用戶觀看完整內(nèi)容提供充足時間。

　　手機(jī)網(wǎng)站建設(shè)懸浮按鈕看起來很簡單，但只有充分注意用戶、場景需求，才能保證良好的用戶體驗(yàn)。