?什么時候適合使用懸浮按鈕
A锨推、執(zhí)行關(guān)鍵的操作
懸浮按鈕通常用來承載相關(guān)度最高箫踩、最常用、最重要的操作锦担。通常洞渔，在應(yīng)用中缚态，它應(yīng)該承載特征性的操作玫芦，核心功能，就像下面的例子一樣：
懸浮按鈕用來觸發(fā)應(yīng)用中的主操作医增。屏幕上的暫停/播放交互使用懸浮按鈕來觸發(fā)叶骨，說明這個應(yīng)用是一個音樂播放器祈匙。
B夺欲、作為引導(dǎo)工具
懸浮按鈕還可以為用戶提供下一步的提示和引導(dǎo)。Google 的研究表明伞剑，當(dāng)面對不熟悉的界面之時扑眉，許多用戶都傾向于點擊懸浮按鈕來探索，獲取引導(dǎo)雪营。因此衡便，懸浮按鈕在功能上有類似路標(biāo)的屬性镣陕。
Twitter 就將發(fā)推功能做成了懸浮按鈕呆抑。
C、并不是每屏都需要懸浮按鈕
懸浮按鈕色彩顯眼厌殉，高亮侈咕，非常抓人眼球耀销。當(dāng)你打開界面的時候，想要不去注意到它都不行罐柳，因為它太明顯了硝清。但是转晰，并不是每個界面都需要懸浮按鈕查邢，因為不是每屏都有標(biāo)志性的酵幕、重要的操作。
不要濫用懸浮按鈕邓深，它只為了關(guān)鍵操作而存在芥备！
Android 系統(tǒng)中 Google Photos 應(yīng)用就是一個典型的案例。當(dāng)你打開它的圖庫的時候亦镶，首先映入眼簾的是用于搜索的懸浮按鈕缤骨，這個時候尺借，懸浮按鈕存在2個關(guān)鍵的問題：
·對于絕大多數(shù)的用戶而言燎斩，搜索是非主要交互。首要的操作是瀏覽圖片实蔽，所以此處并不需要懸浮按鈕谨读。
·懸浮按鈕會分散用戶的注意力劳殖。
小貼士：判斷一個界面的主要操作其實并沒有看起來那么簡單哆姻。為了簡化任務(wù)，并且考量你是否需要懸浮按鈕爹脾，可以參考這個“五分鐘規(guī)則”：如果你花費了5分鐘還沒找到這一屏的主要操作灵妨，那么這說明這一屏不需要懸浮按鈕落竹。
懸浮按鈕最佳實踐
A述召、避免出現(xiàn)“迷之導(dǎo)航”
實際上我們這里說的迷之導(dǎo)航指的是“Mystery meat navigation”朱转，通常簡稱為MMN蟹地，這句諷刺式的術(shù)語源于Web Pages That Suck 的站長 Vincent Flanders，指的是那些難于被發(fā)現(xiàn)藤为、目的不明锈津、只有當(dāng)光標(biāo)移動到其上才能發(fā)現(xiàn)、直到打開才知道其內(nèi)容的“隱藏式”鏈接凉蜂。
實際上琼梆，懸浮按鈕所存在的問題和MMN有點相似，它是一個典型的圖標(biāo)式按鈕窿吩，并不包含文字標(biāo)簽來說明其功能茎杂，而通用的纫雁、普遍被認(rèn)識的圖標(biāo)始終是少數(shù)煌往。舉個例子，下面的按鈕是什么功能轧邪？
有人能猜出它與分享相關(guān)刽脖，那么它的分享功能具體是指向什么地方，有什么效果忌愚，你能確知么曲管？你想要知道，就必須點擊它硕糊。的確院水，點擊這些按鈕來發(fā)現(xiàn)其功能，耗費的時間非常短简十，風(fēng)險也不高檬某，但是這終究是一種認(rèn)知負(fù)擔(dān)，不是嗎螟蝙？最麻煩的地方在于恢恼，用戶必須記住它的功能才行。
將所有的的這些圖標(biāo)和相應(yīng)的APP都記住胰默，這個工作量可不小场斑。
當(dāng)然，使用圖標(biāo)式的按鈕本身并不存在問題初坠，前提是和簸，APP的上下文環(huán)境要明晰彭雾，用戶才能夠清晰判斷按鈕的含義和功能碟刺。舉個例子，你使用的是筆記類應(yīng)用薯酝，很明顯半沽，主要的功能是記錄爽柒、查看筆記。那么這個時候者填，懸浮按鈕上的筆的圖標(biāo)浩村，所表達(dá)的含義就很清晰了。
B占哟、一屏只使用一個懸浮按鈕
懸浮按鈕在界面中是突出的心墅，也是最具有侵略性的，所以要么只使用一個懸浮按鈕榨乎，要么干脆別用怎燥。
C、懸浮按鈕只承載正向操作
由于懸浮按鈕通常承載的是主要的蜜暑、有代表性的操作铐姚，通常它應(yīng)該是個積極正向的交互，比如創(chuàng)建肛捍、分享隐绵、探索等。唯一的懸浮按鈕不應(yīng)該執(zhí)行破壞性的操作拙毫，比如刪除依许、歸檔。它不應(yīng)該是非特定的操作缀蹄，或者是不完整的交互悍手，比如剪切和粘貼是一組組合交互，它們應(yīng)該存在于菜單欄當(dāng)中袍患，而非懸浮按鈕中坦康。
Material Design 的設(shè)計規(guī)范中對于懸浮按鈕所承載交互和圖標(biāo)有指引說明。
懸浮按鈕和動效
懸浮按鈕本身非常靈活诡延，它可以擴(kuò)展滞欠、變形，也可以給予反饋肆良。
A筛璧、擴(kuò)展為一系列操作
在某些情況下，點擊懸浮按鈕可以擴(kuò)展出其他的常用操作（就像 Evernote這樣）惹恃。通過擴(kuò)展夭谤，用一組相關(guān)、常用的懸浮按鈕來替代原來的單一交互巫糙，這樣是可行的朗儒，它們是一體的，可展開也能收納，不常駐醉锄，這和前面所提到的原則并不沖突乏悄。
不過，這樣的設(shè)計要注意幾點：
·這些操作必須與開始的總懸浮按鈕是關(guān)聯(lián)起來的恳不，它們是一體的檩小，不要把展開后的按鈕視為單獨的存在。
·作為一般規(guī)則烟勋，這組拓展出來的按鈕不應(yīng)少于3個规求，不能多余6個，否則違反了作為懸浮按鈕的快速卵惦、高效的原則颓哮。
B、懸浮按鈕變形為新的界面
懸浮按鈕可以不一直都為按鈕形態(tài)鸵荠，借助動效它能夠延伸到整個屏幕冕茅，變?yōu)楠毩⒌慕缑妗?/p>
懸浮按鈕能夠作為界面轉(zhuǎn)化的中間樞紐。
當(dāng)懸浮按鈕變形為界面的時候蛹找，它闡明了前后界面之間的邏輯關(guān)系姨伤，就像下面的案例：
C、滾動的時候隱藏懸浮按鈕
為了便于用戶在滾動的過程中閱讀內(nèi)容庸疾，懸浮按鈕可以在滾動界面的時候乍楚，隱藏起來。
Medium 的 Android 版客戶端當(dāng)中届慈，就是這么使用懸浮按鈕的徒溪，當(dāng)滾動到文章底部的時候，懸浮按鈕會再次出現(xiàn)金顿。實際上臊泌，他們的網(wǎng)頁端也采用了類似的設(shè)計模式。
--by.U愛設(shè)計菇?jīng)?-
如果你喜歡設(shè)計揍拆，請關(guān)注我渠概。
學(xué)習(xí)加QQ：1289916063
微信號：zheng-z-xixi
