【懸浮按鈕要怎么設(shè)計(jì)才能帶來(lái)好體驗(yàn)？】
懸浮操作按鈕（Floating Action Button，F(xiàn)AB），或者說(shuō)懸浮按鈕，是 Android 應(yīng)用中最常見(jiàn)的一個(gè)控件 。懸浮按鈕通常是圓形，底部的Material Design 風(fēng)格的陰影讓它看起來(lái)懸浮在整個(gè)UI之上 。懸浮按鈕是Android UI 交互中最關(guān)鍵的元素之一，在用戶流程中至關(guān)重要 。懸浮按鈕非常的易用，但是要正確的使用它，還是要遵循一些基本的規(guī)則 。
什么時(shí)候適合使用懸浮按鈕
A、執(zhí)行關(guān)鍵的操作
懸浮按鈕通常用來(lái)承載相關(guān)度最高、最常用、最重要的操作 。通常，在應(yīng)用中，它應(yīng)該承載特征性的操作，核心功能 。
B、作為引導(dǎo)工具
懸浮按鈕還可以為用戶提供下一步的提示和引導(dǎo) 。Google 的研究表明，當(dāng)面對(duì)不熟悉的界面之時(shí)，許多用戶都傾向于點(diǎn)擊懸浮按鈕來(lái)探索，獲取引導(dǎo) 。因此，懸浮按鈕在功能上有類似路標(biāo)的屬性 。
C、并不是每屏都需要懸浮按鈕
懸浮按鈕色彩顯眼，高亮，非常抓人眼球 。當(dāng)你打開(kāi)界面的時(shí)候，想要不去注意到它都不行，因?yàn)樗黠@了 。但是，并不是每個(gè)界面都需要懸浮按鈕，因?yàn)椴皇敲科炼加袠?biāo)志性的、重要的操作 。
不要濫用懸浮按鈕，它只為了關(guān)鍵操作而存在！
小貼士：判斷一個(gè)界面的主要操作其實(shí)并沒(méi)有看起來(lái)那么簡(jiǎn)單 。為了簡(jiǎn)化任務(wù)，并且考量你是否需要懸浮按鈕，可以參考這個(gè)“五分鐘規(guī)則”：如果你花費(fèi)了5分鐘還沒(méi)找到這一屏的主要操作，那么這說(shuō)明這一屏不需要懸浮按鈕 。
懸浮按鈕最佳實(shí)踐
A、避免出現(xiàn)“迷之導(dǎo)航”
實(shí)際上我們這里說(shuō)的迷之導(dǎo)航指的是“Mystery meat navigation”，通常簡(jiǎn)稱為MMN，這句諷刺式的術(shù)語(yǔ)源于Web Pages That Suck 的站長(zhǎng) Vincent Flanders，指的是那些難于被發(fā)現(xiàn)、目的不明、只有當(dāng)光標(biāo)移動(dòng)到其上才能發(fā)現(xiàn)、直到打開(kāi)才知道其內(nèi)容的“隱藏式”鏈接 。
實(shí)際上，懸浮按鈕所存在的問(wèn)題和MMN有點(diǎn)相似，它是一個(gè)典型的圖標(biāo)式按鈕，并不包含文字標(biāo)簽來(lái)說(shuō)明其功能，而通用的、普遍被認(rèn)識(shí)的圖標(biāo)始終是少數(shù) 。
B、一屏只使用一個(gè)懸浮按鈕
懸浮按鈕在界面中是突出的，也是最具有侵略性的，所以要么只使用一個(gè)懸浮按鈕，要么干脆別用 。
C、懸浮按鈕只承載正向操作
由于懸浮按鈕通常承載的是主要的、有代表性的操作，通常它應(yīng)該是個(gè)積極正向的交互，比如創(chuàng)建、分享、探索等 。唯一的懸浮按鈕不應(yīng)該執(zhí)行破壞性的操作，比如刪除、歸檔 。它不應(yīng)該是非特定的操作，或者是不完整的交互，比如剪切和粘貼是一組組合交互，它們應(yīng)該存在于菜單欄當(dāng)中，而非懸浮按鈕中 。
懸浮按鈕和動(dòng)效
懸浮按鈕本身非常靈活，它可以擴(kuò)展、變形，也可以給予反饋 。
A、擴(kuò)展為一系列操作
在某些情況下，點(diǎn)擊懸浮按鈕可以擴(kuò)展出其他的常用操作（就像 Evernote這樣） 。通過(guò)擴(kuò)展，用一組相關(guān)、常用的懸浮按鈕來(lái)替代原來(lái)的單一交互，這樣是可行的，它們是一體的，可展開(kāi)也能收納，不常駐，這和前面所提到的原則并不沖突 。
B、懸浮按鈕變形為新的界面
懸浮按鈕可以不一直都為按鈕形態(tài)，借助動(dòng)效它能夠延伸到整個(gè)屏幕，變?yōu)楠?dú)立的界面 。
C、滾動(dòng)的時(shí)候隱藏懸浮按鈕
為了便于用戶在滾動(dòng)的過(guò)程中閱讀內(nèi)容，懸浮按鈕可以在滾動(dòng)界面的時(shí)候，隱藏起來(lái) 。
結(jié)語(yǔ)
懸浮按鈕看起來(lái)很簡(jiǎn)單，但是要在APP設(shè)計(jì)的時(shí)候正確使用，還是要注意細(xì)節(jié)、場(chǎng)景和用戶需求的 。正確使用懸浮按鈕，會(huì)有事半功倍的效果 。
推薦閱讀
- 推薦！動(dòng)作按鈕可沒(méi)你想的那么簡(jiǎn)單
- 西游記第一回主要內(nèi)容 西游記第一回概括
- 小額貸款快速通過(guò)要求是什么？小額貸款快速通過(guò)簡(jiǎn)介
- 大腿抽脂后多久消腫,要注意什么 大腿抽脂后多久消腫
- 赤豆的栽培要點(diǎn)
- 不同種類的包裝盒要如何設(shè)計(jì)
- 淘寶店鋪logo設(shè)計(jì)要求，淘寶店鋪logo設(shè)計(jì)基本原則
- vi設(shè)計(jì)對(duì)企業(yè)的重要性！
- 2017經(jīng)典logo設(shè)計(jì)的六大要點(diǎn)！
- 畫(huà)冊(cè)設(shè)計(jì)要盡顯大氣