亚洲一级a大片一级_一级无码性爱影片_最新国内熟女少妇视频_国产特级毛片A级视频

利用5種浮動按鈕增加網(wǎng)站的體驗設(shè)計

2022-04-21 10:57:28

在手機應用當中浮動的動作按鈕(FAB)或許可以提供我們在制作移動版網(wǎng)站提供一些交互的靈感,浮動的動作按鈕是一種漂浮在用戶界面上面的圖標。它的形狀、位置和顏色使它在眾多設(shè)計元素中脫穎而出。浮動按鈕在谷歌2014年的設(shè)計標準當中發(fā)布和推廣?,F(xiàn)浮動按鈕用戶界面元素已被廣泛應用在Web和移動設(shè)計。

雖然浮動按鈕看起來非常地小,甚至看似微不足道的視覺組件,但它的作用是很重要的,總會引導用戶的點擊。只要對它正確使用,它的可以使用戶是立即識別和訪問點擊。

1、代表一個當前頁面最重要的動作

理想的情況是,浮動按鈕應突出最相關(guān)的或經(jīng)常使用的操作,它應該被使用,你的應用程序的主要特點的行動。如果你想在你的應用程序使用的晶圓廠,設(shè)計必須仔細考慮和用戶的可能的行動必須歸結(jié)到一個單一的突出特點。例如,一個音樂應用程序可能有Fab表示“播放/停止”。Instagram的一個類似的應用程序可能有一個浮動按鈕,代表“拍照”。

一個動作按鈕代表應用程序中的主要作用。暫?;蚧謴驮谶@個屏幕上播放告訴用戶,這是一個音樂應用程序。

根據(jù)研究史蒂夫·瓊斯,F(xiàn)ab顯示輕微的負對可用性的影響當用戶第一次使用按鈕。然而,一旦用戶成功地完成了任務,使用FAB,他們能夠比傳統(tǒng)的操作按鈕更有效地使用它。

2、最容易找到工具的辦法

浮動按地是一個自然的提示告訴用戶下一步要做什么。谷歌的調(diào)查顯示,當面對陌生的屏幕很多用戶依浮動按鈕導航。因此,F(xiàn)AB是非常有用的一個標志,我們不需要思考就知道下一步要做什么。

一個浮動的動作按鈕的使用推特鼓勵你的文章內(nèi)容

3、提供一組動作(多個)

在某些情況下,它是適當?shù)陌粹o旋轉(zhuǎn),讓其他幾個選項,可以在下面看到Evernote。Fab可替換自身一系列更具體的行動,你可以設(shè)計你的用戶是語境。作為一個經(jīng)驗法則,提供至少三個選項后,按不超過六(含原浮動作按鈕的目標)。

也請記住,這些行動必須是初級行動Fab本身表達有關(guān),且相互關(guān)聯(lián):不要把這些發(fā)現(xiàn)的行為作為獨立的可如果位于工具欄。

別:“我的行動不創(chuàng)造內(nèi)容的行為有關(guān)。

4、上下文感知

上下文在用戶交互的重要作用。有時用戶想消費的內(nèi)容,有時他們要執(zhí)行的操作。這一切都取決于上下文。使用一些上下文的行為可以帶來最好的用戶體驗的任何應用程序的浮動按鈕。讓我們來看看谷歌為例。谷歌顯示按鈕,當用戶與流接合,和隱藏在這種交往是相反的。這兩個操作需要引導?:當用戶與社會流的吸引力,一個主要的行為是滾動,因此不需要浮動按鈕,當用戶停止?jié)L動,他們可能想要的東西后。

5、連接兩個操作界面

浮動按鈕的不僅僅是一個圓形按鈕,它有一些變革性的特性,可以用來幫助緩解你的用戶在屏幕。當變形的動作按鈕,使這樣一個邏輯的兩個狀態(tài)之間的轉(zhuǎn)換。在下面的例子中的動畫保持用戶的方位感和幫助用戶理解的變化,剛剛在視圖的布局發(fā)生了,是什么觸發(fā)了變化,和如何開始再次改變,在需要的時候。

結(jié)論

有人可能會說,浮動按鈕是壞的用戶體驗。很想說,因為用戶和設(shè)計人員不使用它。我們習慣于熟悉的工具欄和浮動按鈕的概念仍然是相當新的我們。我們都知道,新的東西是很難的,但同時他們鼓勵更多精心設(shè)計的用戶體驗。正確使用,可以是一個令人震驚的浮動按鈕幫助最終用戶便捷的使用網(wǎng)站。

本站文章均為睿博網(wǎng)站建設(shè)摘自權(quán)威資料,書籍,或網(wǎng)絡(luò)原創(chuàng)文章,如有版權(quán)糾紛或者違規(guī)問題,請即刻聯(lián)系我們刪除,我們歡迎您分享,引用和轉(zhuǎn)載,我們謝絕直接復制和抄襲!感謝...
我們猜你喜歡