企業(yè)做網(wǎng)站網(wǎng)頁(yè)導(dǎo)航
日期 : 2019-03-06 13:06:06
導(dǎo)航條是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分,它是指通過一定的技術(shù)手段,為網(wǎng)站的訪問者提供一定的途徑,使其可以方便地訪問到所需的內(nèi)容,使人們?yōu)g覽網(wǎng)站時(shí)可以快速?gòu)囊粋€(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面的快速通道。利用導(dǎo)航條,用戶就可以快速找到想要瀏覽的頁(yè)面。
網(wǎng)頁(yè)中導(dǎo)航條的主要作用就是幫助用戶找到需要的信息,可以概括為以下個(gè)方面:
引導(dǎo)頁(yè)面跳轉(zhuǎn):網(wǎng)站頁(yè)面中各種形式與類型的導(dǎo)航和菜單都是為了幫助用戶更方便地跳轉(zhuǎn)到不同的頁(yè)面。
定位用戶的位置:導(dǎo)航和菜單還可以幫助用戶識(shí)別當(dāng)前頁(yè)面與網(wǎng)站整體內(nèi)容的關(guān)系,以及當(dāng)前頁(yè)面與其他頁(yè)面之間的關(guān)系。
理清內(nèi)容與鏈接的關(guān)系:網(wǎng)站的導(dǎo)航和菜單是對(duì)網(wǎng)站整體內(nèi)容的一個(gè)索引和高度概括,它們的功能就像書本的目錄,可以幫助用戶快速找到相關(guān)的內(nèi)容和信息。
導(dǎo)航是網(wǎng)頁(yè)中非常重要的引導(dǎo)性元素,可以從利用率、實(shí)現(xiàn)度、符合性和有效性4個(gè)方面來評(píng)估一款導(dǎo)航設(shè)計(jì)是否足夠優(yōu)秀。
利用率:瀏覽者通過導(dǎo)航功能瀏覽不同頁(yè)面的次數(shù)越多,說明導(dǎo)航的利用率越高。
實(shí)現(xiàn)度:用戶使用導(dǎo)航功能時(shí),能夠通過點(diǎn)擊導(dǎo)航中的鏈接,進(jìn)行了下一步操作占的比例。
符合性:用戶使用導(dǎo)航后的停留時(shí)間和任務(wù)完成度,可以用來衡量導(dǎo)航的符合度。頁(yè)面的平均停留時(shí)間越短,任務(wù)完成度越高,則導(dǎo)航的符合性越高。
有效性:可以用頁(yè)面平均停留時(shí)間來衡量導(dǎo)航的有效性。用戶在每個(gè)頁(yè)面停留的時(shí)間越短,說明導(dǎo)航的功能越有效,有效性越高。
一個(gè)優(yōu)秀的網(wǎng)頁(yè)頁(yè)面能夠通過使用導(dǎo)航幫助用戶訪問網(wǎng)站內(nèi)容。導(dǎo)航的形式種類很多,在網(wǎng)頁(yè)中較為常用的形式有標(biāo)簽形式、按鈕形式、彈出菜單形式、無邊框形式、Flash形式和多導(dǎo)航系統(tǒng)形式。
標(biāo)簽形式:在一些圖片比例較大、文字信息量小且網(wǎng)頁(yè)風(fēng)格比較簡(jiǎn)單的網(wǎng)頁(yè)中,標(biāo)簽形式按鈕較為常用。
按鈕形式:按鈕形式的導(dǎo)航是最為原始,也是最容易讓瀏覽者理解為單擊含義的導(dǎo)航形式。按鈕可以制作成為規(guī)則或不規(guī)則的精致美觀外形,以引導(dǎo)用戶更好地使用。
彈出菜單形式:由于網(wǎng)頁(yè)的空間有限,為了能夠節(jié)省頁(yè)面的空間,而又不影響網(wǎng)頁(yè)導(dǎo)航更好地發(fā)揮其作用,因此網(wǎng)頁(yè)出現(xiàn)了彈出式菜單形式的導(dǎo)航。
無邊框形式:無邊框形式的導(dǎo)航是將圖標(biāo)邊框去除,使用多種不規(guī)則的圖案或線條作為導(dǎo)航,在網(wǎng)頁(yè)界面設(shè)計(jì)中,這種導(dǎo)航可以給人輕松的自由感。
Flash形式:隨著網(wǎng)絡(luò)的發(fā)展和人們對(duì)時(shí)尚潮流的不斷追求,各種各樣的頁(yè)面導(dǎo)航形式不斷豐富起來,目前很多網(wǎng)頁(yè)上使用了Flash形式的導(dǎo)航。但是由于Flash本身的一些缺點(diǎn),在HTML5技術(shù)日益成熟的今天,會(huì)越來越少使用。
多導(dǎo)航系統(tǒng)形式:多導(dǎo)航系統(tǒng)形式多用于內(nèi)容較多的網(wǎng)頁(yè)中,導(dǎo)航內(nèi)部可以采用多種形式進(jìn)行表現(xiàn),以豐富網(wǎng)頁(yè)效果,每個(gè)導(dǎo)航的作用各不相同,不存在任何的從屬關(guān)系。