營(yíng)銷(xiāo)網(wǎng)站建設(shè)
全網(wǎng)營(yíng)銷(xiāo)網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開(kāi)發(fā)
區(qū)塊鏈開(kāi)發(fā)
物聯(lián)網(wǎng)項(xiàng)目開(kāi)發(fā)
定制app開(kāi)發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫(kù)
文章編輯:網(wǎng)站建設(shè) 文章來(lái)源:建站行業(yè)資訊 瀏覽量:次
一、需求分析
1.面包屑導(dǎo)航是什么,有什么作用?
面包屑是一種“歷史記錄”的應(yīng)用方式,作用是幫助追溯來(lái)路、告訴訪問(wèn)者他們目前在網(wǎng)站中的位置,以及如何返回。
面包屑導(dǎo)航是一種線性的導(dǎo)航方式,顯示方式是“主分類>一級(jí)分類>二級(jí)分類>三級(jí)分類>……>最終內(nèi)容頁(yè)面”這樣。
面包屑導(dǎo)航是判斷頁(yè)面在整個(gè)網(wǎng)站結(jié)構(gòu)中的位置的最好方法。它能誘惑首次訪問(wèn)者在進(jìn)入一個(gè)頁(yè)面后去瀏覽整個(gè)網(wǎng)站,降低網(wǎng)站的總體跳出率;增加網(wǎng)站的內(nèi)部鏈接,提高用戶體驗(yàn)。
2..用戶在什么情況下需要用面包屑導(dǎo)航?
網(wǎng)站層級(jí)較多( 3 層及以上),內(nèi)容龐雜。主導(dǎo)航展示能力不足或者使用不便,無(wú)法滿足指引用戶的需求。
用戶不熟悉網(wǎng)站,他們需要直觀清晰地了解目前所處的位置,以及當(dāng)前頁(yè)面在整個(gè)網(wǎng)站中的位置、怎么回來(lái)。比如工信部官網(wǎng)有大量的新用戶訪問(wèn)。

用戶有讀完某一頁(yè)面的下級(jí)頁(yè)面的需求。比如學(xué)生依次閱讀重要的學(xué)校官網(wǎng)通知。

用戶回到上一層級(jí)比較麻煩。比如容易誤操作、回退步驟多、缺乏上級(jí)頁(yè)面的快捷入口、或者用戶自身操作不便。
3.面包屑導(dǎo)航適合哪些網(wǎng)站使用?
面包屑導(dǎo)航適用于層級(jí)較深的網(wǎng)站,如果只有一級(jí)分類的話,通過(guò)主導(dǎo)航就已經(jīng)能夠起到快速定位的作用,扁平型架構(gòu)的網(wǎng)站就沒(méi)有使用面包屑導(dǎo)航的必要。
由于面包屑導(dǎo)航路徑是線性結(jié)構(gòu)的,即下一級(jí)分類必定只屬于上一級(jí)分類,因此網(wǎng)站內(nèi)容必須劃分得非常清晰,且不存在交叉。否則,面包屑導(dǎo)航的路徑是不唯一的,同一個(gè)分類可能出現(xiàn)在不同的路徑中,讓用戶感到困惑。
目前常見(jiàn)的該結(jié)構(gòu)網(wǎng)站包括門(mén)戶類、電子商務(wù)類等層級(jí)較深,且內(nèi)容的組織分類邏輯性強(qiáng),獨(dú)立不交叉的網(wǎng)站。
如圖,淘寶的二級(jí)頁(yè)面沒(méi)有面包屑,新浪在進(jìn)入財(cái)經(jīng)頻道后開(kāi)始面包屑導(dǎo)航。
如圖,新浪房產(chǎn)和新浪體育在UI上有較大的區(qū)別,用戶很少會(huì)感到困惑。
從用戶需求的角度來(lái)講,大多數(shù)WAP站都沒(méi)有必要添加面包屑導(dǎo)航。
在PC端,使用面包屑導(dǎo)航的主要是新聞網(wǎng)站、電商網(wǎng)站、官方網(wǎng)站。但是新聞網(wǎng)站和電商網(wǎng)站的趨勢(shì)是變得更加“頻道化”。為了將網(wǎng)站的縱深控制在三四個(gè)頁(yè)面,分別做不同主題的垂直網(wǎng)站。
例如淘寶會(huì)將用戶分流到全球購(gòu)、天貓超市、淘寶美妝等二級(jí)網(wǎng)站,而這些二級(jí)頁(yè)面和淘寶主站并不是非常緊密的連接;新浪也將用戶分流到新浪財(cái)經(jīng)、新浪新聞等網(wǎng)站,而不強(qiáng)調(diào)它們與門(mén)戶的從屬關(guān)系。事實(shí)上,它的每個(gè)子網(wǎng)站的界面都不同,采用不同的信息組織方式,更像是彼此獨(dú)立的網(wǎng)站。
在這種情況下,單一WAP站的層級(jí)自然變少了,不同的UI也提醒用戶分別處在門(mén)戶的不同頻道,添加面包屑的需求也就減少了。
二、用戶體驗(yàn)分析
1.用戶在使用手機(jī)網(wǎng)站時(shí)有哪些習(xí)慣?
時(shí)間更為碎片化。大多數(shù)時(shí)候,用戶沒(méi)精力系統(tǒng)閱覽整個(gè)網(wǎng)站的信息架構(gòu),WAP站隨之變得更為扁平化、垂直化
瀏覽速度快,停留時(shí)間短。用戶使用手機(jī)上WAP站時(shí),他們的下滑操作是很機(jī)械的,要不斷尋求新的視線著力點(diǎn),而且只會(huì)把視線落在有實(shí)際內(nèi)容的地方,導(dǎo)航作為輔助的功能一般退居其次。
注意力不集中。對(duì)WAP站而言,頁(yè)面內(nèi)容是否吸引、是否有“爆點(diǎn)”更加重要。用戶在使用手機(jī)時(shí)往往更容易喪失耐心,并且感受到冗余信息的困擾。所以應(yīng)該留足頁(yè)面內(nèi)容的空間,并把有用的東西排列好,除掉其他一切冗雜信息。
不停地被打斷。用戶隨時(shí)被電話微信吸引走注意力,所以會(huì)傾向于使用簡(jiǎn)單粗暴的方式回退。跳出率有一個(gè)天花板,所以就更不應(yīng)該讓用戶停頓和學(xué)習(xí)怎么使用,不要讓他們困惑。
2. 其他的回溯方式是否具備足夠的替代性?
和手機(jī)返回鍵相比:比起使用面包屑導(dǎo)航,手機(jī)返回更方便、更深入人心。Android系統(tǒng)一般都給實(shí)體按鍵一個(gè)返回的功能,對(duì)用戶而言,只要在Android手機(jī)上,這個(gè)按鍵無(wú)論何時(shí)都是退回上層的意思。而iOS系統(tǒng)下,頁(yè)面左上角是預(yù)留的返回位置,沿用這種設(shè)計(jì)可以順利地契合用戶習(xí)慣。
和瀏覽器返回按鈕相比:瀏覽器返回更方便、更快捷,學(xué)習(xí)成本更低。手機(jī)瀏覽器(包括app內(nèi)嵌瀏覽器)都會(huì)有地址欄、收藏夾、返回鍵這些,在瀏覽WAP站頁(yè)面的過(guò)程中,底欄的返回鍵和頂欄的地址一直存在,用戶若要返回會(huì)首先使用瀏覽器的返回。深圳網(wǎng)站建設(shè)公司博納網(wǎng)絡(luò)編輯整理。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請(qǐng)您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們?cè)诖_認(rèn)后,會(huì)立即刪除,保證您的版權(quán)。
技術(shù)咨詢
價(jià)格咨詢
建議投訴
0755-82538016
關(guān)閉窗口