-顧名思義，浮動條是在頁面沿一定軌跡浮動的表現(xiàn)形式。

　　不再固定在某一指定位置，而是隨鼠標拖動而動，巧妙的設(shè)計會使得在不妨礙網(wǎng)友瀏覽的同時，滿足其增加曝光率的需求。其特殊的表現(xiàn)形式與傳統(tǒng)的形式相比更能聚集網(wǎng)絡(luò)訪客的眼球，使得其影響力更深三尺。但是過度的曝光不加思考的一味所有頁面都用浮動條或者疊加大量功能入口，有可能造成用戶使用上的視覺干擾和產(chǎn)生厭煩的心理。

　　可用于浮動條上的功能主要有：回到頂部、在線客服、用戶反饋/調(diào)查問卷、分享

　　1、回到頂部可以幫助訪客在瀏覽頁面時，尤其是頁面底部沒有導(dǎo)航的網(wǎng)頁，重新找到導(dǎo)航，或者重溫一遍網(wǎng)頁。主要用于頁面比較長，需要回到頂部進行一些操作。

　　2、在線客服是基于網(wǎng)頁的即時通訊工具,它不需要安裝任何軟件,只需要在瀏覽器窗口就可以進行實時交談。常出現(xiàn)在用戶在流程中比較容易產(chǎn)生疑問的頁面。

　　3、用戶反饋/調(diào)查問卷是想傾聽用戶對網(wǎng)站或業(yè)務(wù)的想法和期望，使用這些信息來改善最常使用的產(chǎn)品和服務(wù)，解決用戶在使用中的問題，更優(yōu)化的實現(xiàn)用戶期望。用于新業(yè)務(wù)上線，改版，AB testing…

　　4、分享功能使瀏覽者可以方便的將網(wǎng)頁分享到一系列SNS站點。通過分享按鈕，網(wǎng)頁將更容易被百度搜索引擎所發(fā)現(xiàn)，從而有機會帶回更多的流量。同時也可以增加互動，拉近網(wǎng)民與網(wǎng)站的距離。常出現(xiàn)在活動頁面，產(chǎn)品詳情頁，特色版塊等。

　　綜合攜程網(wǎng)站現(xiàn)狀，我的建議是：

　　全站首頁和機票、酒店、高鐵頻道首頁都比較短，內(nèi)容較密集。用戶還在建立網(wǎng)站印象階段。不建議放任何浮層。

　　度假的首頁及二級頁面都比較長，且底部也無導(dǎo)航。建議增加“回到頂部”，可以幫助用戶瀏覽。

　　惠選、團購等攜程的活動版塊及特色產(chǎn)品。建議增加“分享按鈕”，吸引用戶，增加網(wǎng)站流量。

　　預(yù)訂流程中各個功能的使用大致如下圖：

　　目前網(wǎng)上的浮動視覺樣式、位置并不統(tǒng)一，也沒有任何的邏輯。看了一下其他的網(wǎng)站，也大多如此。

　　我個人比較贊同的浮層設(shè)計是全站統(tǒng)一，局部變化。不要各個頁面都雜亂無章，也不要完全一味的追求所有頁面功能設(shè)計一模一樣。

　　綜合研究發(fā)現(xiàn)，我定義的浮層規(guī)則是：

　　回到頂部

　　業(yè)務(wù)相關(guān)頁面：當業(yè)務(wù)相關(guān)的版塊頁面長度超過兩屏，則顯示浮層。

　　流程相關(guān)頁面：需要用戶回到頁首進行操作功能的，頁面長度超過兩屏的，顯示浮層。

　　在線客服

　　業(yè)務(wù)相關(guān)頁面：當特色業(yè)務(wù)相關(guān)的版塊上線時，用戶需要培養(yǎng)習(xí)慣時，則顯示。

　　流程相關(guān)頁面：用戶在操作過程中容易產(chǎn)生疑惑，錯誤的頁面，顯示。

　　用戶反饋/調(diào)查問卷

　　業(yè)務(wù)相關(guān)頁面：當特色業(yè)務(wù)相關(guān)的版塊上線、改版時，則顯示。

　　流程相關(guān)頁面：需要用戶進行復(fù)雜操作過程的頁面，顯示。

　　分享

　　業(yè)務(wù)相關(guān)頁面：特色業(yè)務(wù)版塊、具體的產(chǎn)品、網(wǎng)站促銷活動時，則顯示。

　　流程相關(guān)頁面：不需要。

　　 補充規(guī)則（也是我認為最重要的一點）：

　　整個浮層功能不能影響用戶的正常瀏覽習(xí)慣。

文章標題：細節(jié)思考交互設(shè)計
URL地址：http://www.2m8n56k.cn/news42/161292.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、移動網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、網(wǎng)站制作、企業(yè)網(wǎng)站制作、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)