細(xì)節(jié)思考交互設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

　　目前網(wǎng)上的浮動(dòng)視覺(jué)樣式、位置并不統(tǒng)一，也沒(méi)有任何的邏輯?？戳艘幌缕渌木W(wǎng)站，也大多如此。

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

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

　　回到頂部

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

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

　　在線客服

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

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

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

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

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

　　分享

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

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

　　 補(bǔ)充規(guī)則（也是我認(rèn)為最重要的一點(diǎn)）：

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

文章標(biāo)題：細(xì)節(jié)思考交互設(shè)計(jì)
URL地址：http://muchs.cn/news42/161292.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、移動(dòng)網(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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)