如何設計懸浮按鈕才能提供良好的用戶體驗?
標簽:
懸浮按鈕看起來很簡單,但是要在APP設計的時候正確使用,還是要注意細節(jié)、場景和用戶需求的。正確使用懸浮按鈕,會有事半功倍的效果。
什么時候適合使用懸浮按鈕?
懸浮按鈕通常用來承載相關度最高、最常用、最重要的操作。在應用中,它應該承載特征性的操作和核心功能。例如,在音樂播放器應用中,懸浮按鈕可以用來觸發(fā)主要操作,如暫停/播放交互。
除此之外,懸浮按鈕還可以作為引導工具為用戶提供下一步提示和引導。當面對不熟悉的界面時,許多用戶都傾向于點擊懸浮按鈕來探索并獲取引導。因此,懸浮按鈕在功能上有類似路標的屬性。例如,在Twitter應用中,發(fā)推功能就被設計成了一個懸浮按鈕。
然而,并不是每個界面都需要懸浮按鈕。因為不是每屏都有標志性、重要的操作,濫用懸浮按鈕會分散用戶注意力并降低用戶體驗。判斷一個界面是否需要使用懸浮按鈕可以參考“五分鐘規(guī)則”,即如果你花費了5分鐘還沒找到這一屏幕的主要操作,則說明這一屏幕不需要使用懸浮按鈕。
懸浮按鈕最佳實踐
1. 避免出現(xiàn)“迷之導航”
所謂“迷之導航”指難以被發(fā)現(xiàn)、目的不明、只有當光標移動到其上才能發(fā)現(xiàn)、直到打開才知道其內容等隱藏式鏈接或圖標式交互方式。由于通用且普遍被認識的圖標始終是少數(shù),使用圖標式交互方式可能會使得用戶必須記住其含義和功能才能夠正常使用。
因此,在設計過程中應該盡量避免出現(xiàn)“迷之導航”。如果必須使用圖標式交互方式,則需要確保APP上下文環(huán)境明晰,并盡可能減少使用不常見或無法理解的圖標。
2. 一屏只使用一個懸浮按鈕
由于懸浮按鈕在界面中突出且具有侵略性,所以每屏幕只應該使用一個或者干脆別用。
3. 按鈕只承載正向操作
由于通常情況下,一個唯一的、代表性強的操作會被放置在一個唯一位置上(即FAB),因此這個唯一位置上不能執(zhí)行破壞性或非特定操作等非積極正向交互行為。
動效優(yōu)化用戶體驗
1. 擴展為一系列操作
在某些情況下,點擊FAB可以擴展出其他相關、常用操作(如Evernote)。通過擴展出與開始總FAB關聯(lián)起來且相互關聯(lián)且可收納可展開且不常駐組成一組相關、常用FAB替代原單一交互行為是可行且有效果地。
2. 變形為新界面
FAB也可以變形為獨立界面,并作為界面轉化過程中間樞紐連接前后兩個頁面間邏輯關系(如Google Keep)。
3. 滾動時隱藏
當滾動頁面時隱藏FAB以便于用戶閱讀內容(如Medium Android版客戶端)。
文章申明:本文章轉載自互聯(lián)網公開渠道,如有侵權請聯(lián)系我們刪除
登錄后可以評論
立即登錄
立即登錄
熱門工具

135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用

筆格設計
受歡迎的在線作圖網站,新媒體配圖、手機海報應有盡有

筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT

管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺