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

0 評(píng)論 8210 瀏覽 2 收藏 5 分鐘

?

-顧名思義,浮動(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)頁。主要用于頁面比較長(zhǎ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í)頁面都比較長(zhǎng),且底部也無導(dǎo)航。建議增加“回到頂部”,可以幫助用戶瀏覽。

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

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

?1

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

?

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

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

  • 回到頂部

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

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

?

  • 在線客服

業(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í)慣。

?

來自:攜程UED

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!