2022-05-30 分類: 網(wǎng)站建設(shè)
-顧名思義,浮動(dòng)條是在頁面沿一定軌跡浮動(dòng)的表現(xiàn)形式。
不再固定在某一指定位置,而是隨鼠標(biāo)拖動(dòng)而動(dòng),巧妙的設(shè)計(jì)會(huì)使得在不妨礙網(wǎng)友瀏覽的同時(shí),滿足其增加曝光率的需求。其特殊的表現(xiàn)形式與傳統(tǒng)的形式相比更能聚集網(wǎng)絡(luò)訪客的眼球,使得其影響力更深三尺。但是過度的曝光不加思考的一味所有頁面都用浮動(dòng)條或者疊加大量功能入口,有可能造成用戶使用上的視覺干擾和產(chǎn)生厭煩的心理。
可用于浮動(dòng)條上的功能主要有:回到頂部、在線客服、用戶反饋/調(diào)查問卷、分享
1、回到頂部可以幫助訪客在瀏覽頁面時(shí),尤其是頁面底部沒有導(dǎo)航的網(wǎng)頁,重新找到導(dǎo)航,或者重溫一遍網(wǎng)頁。主要用于頁面比較長,需要回到頂部進(jìn)行一些操作。
2、在線客服是基于網(wǎng)頁的即時(shí)通訊工具,它不需要安裝任何軟件,只需要在瀏覽器窗口就可以進(jìn)行實(shí)時(shí)交談。常出現(xiàn)在用戶在流程中比較容易產(chǎn)生疑問的頁面。
3、用戶反饋/調(diào)查問卷是想傾聽用戶對(duì)網(wǎng)站或業(yè)務(wù)的想法和期望,使用這些信息來改善最常使用的產(chǎn)品和服務(wù),解決用戶在使用中的問題,更優(yōu)化的實(shí)現(xiàn)用戶期望。用于新業(yè)務(wù)上線,改版,AB testing…
4、分享功能使瀏覽者可以方便的將網(wǎng)頁分享到一系列SNS站點(diǎn)。通過分享按鈕,網(wǎng)頁將更容易被百度搜索引擎所發(fā)現(xiàn),從而有機(jī)會(huì)帶回更多的流量。同時(shí)也可以增加互動(dòng),拉近網(wǎng)民與網(wǎng)站的距離。常出現(xiàn)在活動(dòng)頁面,產(chǎn)品詳情頁,特色版塊等。
綜合攜程網(wǎng)站現(xiàn)狀,我的建議是:
全站首頁和機(jī)票、酒店、高鐵頻道首頁都比較短,內(nèi)容較密集。用戶還在建立網(wǎng)站印象階段。不建議放任何浮層。
度假的首頁及二級(jí)頁面都比較長,且底部也無導(dǎo)航。建議增加“回到頂部”,可以幫助用戶瀏覽。
惠選、團(tuán)購等攜程的活動(dòng)版塊及特色產(chǎn)品。建議增加“分享按鈕”,吸引用戶,增加網(wǎng)站流量。
預(yù)訂流程中各個(gè)功能的使用大致如下圖:
目前網(wǎng)上的浮動(dòng)視覺樣式、位置并不統(tǒng)一,也沒有任何的邏輯??戳艘幌缕渌木W(wǎng)站,也大多如此。
我個(gè)人比較贊同的浮層設(shè)計(jì)是全站統(tǒng)一,局部變化。不要各個(gè)頁面都雜亂無章,也不要完全一味的追求所有頁面功能設(shè)計(jì)一模一樣。
綜合研究發(fā)現(xiàn),我定義的浮層規(guī)則是:
回到頂部
業(yè)務(wù)相關(guān)頁面:當(dāng)業(yè)務(wù)相關(guān)的版塊頁面長度超過兩屏,則顯示浮層。
流程相關(guān)頁面:需要用戶回到頁首進(jìn)行操作功能的,頁面長度超過兩屏的,顯示浮層。
在線客服
業(yè)務(wù)相關(guān)頁面:當(dāng)特色業(yè)務(wù)相關(guān)的版塊上線時(shí),用戶需要培養(yǎng)習(xí)慣時(shí),則顯示。
流程相關(guān)頁面:用戶在操作過程中容易產(chǎn)生疑惑,錯(cuò)誤的頁面,顯示。
用戶反饋/調(diào)查問卷
業(yè)務(wù)相關(guān)頁面:當(dāng)特色業(yè)務(wù)相關(guān)的版塊上線、改版時(shí),則顯示。
流程相關(guān)頁面:需要用戶進(jìn)行復(fù)雜操作過程的頁面,顯示。
分享
業(yè)務(wù)相關(guān)頁面:特色業(yè)務(wù)版塊、具體的產(chǎn)品、網(wǎng)站促銷活動(dòng)時(shí),則顯示。
流程相關(guān)頁面:不需要。
補(bǔ)充規(guī)則(也是我認(rèn)為最重要的一點(diǎn)):
整個(gè)浮層功能不能影響用戶的正常瀏覽習(xí)慣。
文章標(biāo)題:細(xì)節(jié)思考交互設(shè)計(jì)
URL地址:http://jinyejixie.com/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)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容