網(wǎng)站是通過電腦顯示屏顯示給我們的,是平面的,所以我們根本看不見網(wǎng)站整體內(nèi)部結(jié)構(gòu),假如再沒有一個明確的導(dǎo)航,我們在網(wǎng)頁中就輕易迷失,迷失是一方面,終極會導(dǎo)致該網(wǎng)站無人問津,關(guān)門大吉,所以,我們在進(jìn)行網(wǎng)頁設(shè)計時,首先要考慮設(shè)計一個清楚明了的導(dǎo)航,這樣才可以讓使用者瀏覽時暢通無阻,還可以了解到自己想到達(dá)的網(wǎng)頁目的地有多少步驟,這樣也會使瀏覽者在瀏覽此網(wǎng)站時有一個很痛快的心情。
1、網(wǎng)站導(dǎo)航設(shè)計的意義
網(wǎng)站這樣的虛擬世界要想擁有一個完全正確的導(dǎo)航還存在難題,有諸多題目,有時是設(shè)計職員大意,把瀏覽者所在位置尚未標(biāo)明,這樣瀏覽者很難知道自己所在站點的切當(dāng)位置,最后暈頭轉(zhuǎn)向,只好重進(jìn)該網(wǎng)站首頁,重新進(jìn)行鏈接。
還有的干脆就掃興離開,不再給該網(wǎng)站機會,將它拉入自己的黑名單,再也不點擊進(jìn)入。
還有的設(shè)計職員在進(jìn)行主導(dǎo)航設(shè)計時,特點不凸起不顯著,也不吸惹人目光,瀏覽者面臨這樣的導(dǎo)航有時想到達(dá)哪里都不知所措。
還有的網(wǎng)頁,在頁面某個位置莫名其妙地就安插返回鍵,我們卻不知道這個返回鍵要把我們返回到哪里去,讓人覺得莫名其妙,甚至?xí)詾槭且恍┬V告而不去點擊,這樣設(shè)計就是沒有意義的設(shè)計。
2、創(chuàng)建醒目切當(dāng)?shù)膶?dǎo)航
好的網(wǎng)站的導(dǎo)航系統(tǒng)應(yīng)該醒目且明確,瀏覽者在瀏覽網(wǎng)頁時是隨性的、跳躍的,這樣設(shè)計職員所設(shè)計的網(wǎng)站就得達(dá)到讓瀏覽者不管在網(wǎng)站的哪個位置,只要想到達(dá)目的地頁面,都可以自由跳躍,我們需要在所有的網(wǎng)頁頁面上都設(shè)計一個鏈接點,最好是只通過一次的跳躍便能達(dá)到目的地。
也可以做一個網(wǎng)站的結(jié)構(gòu)圖,讓瀏覽者一看便了解了網(wǎng)站的整體面貌及內(nèi)容,想了解什么內(nèi)容,可以輕而易舉地到達(dá),不會鋪張時間。
當(dāng)我們到一個目生的城市,不知身處何處時,都要打聽旁人來匡助我們,在網(wǎng)絡(luò)這個大世界里,也會讓人常常不知身處何處,這就需要設(shè)計職員設(shè)計時應(yīng)該更加注重人道化設(shè)計,告訴瀏覽者目前的所在,下一步又該去往何處,這就要求導(dǎo)航要醒目并切當(dāng)。
3、導(dǎo)航具有簡潔大方易操縱的特點
你所設(shè)計的導(dǎo)航應(yīng)當(dāng)是輕易操縱且簡潔大方的,設(shè)計職員覺得自己設(shè)計的網(wǎng)頁很成功,但是假如使用者不理解他所設(shè)計的意圖,也不會操縱,那么一切都是白費工夫。
瀏覽者想看到想要的內(nèi)容卻需要花費很長時間,并且還要點擊數(shù)次才能到達(dá)所要到達(dá)的頁面,這樣的設(shè)計是不可取的,這只會消耗盡瀏覽者的耐性,引起瀏覽者的厭煩感,以起碼的點擊卻可以得到想要的信息,這是網(wǎng)頁設(shè)計的一個尺度。
假如網(wǎng)頁設(shè)計的層次越來越復(fù)雜,信息被訪問的次數(shù)也會隨之降低,那么想傳遞給用戶的信息也就越難到達(dá),這就要求我們設(shè)計職員設(shè)計網(wǎng)頁時應(yīng)該把網(wǎng)頁的層次設(shè)計得簡樸化,打造可以通過起碼的點擊次數(shù)卻可以得到最多的信息量,最好是只需要兩次或三次的點擊便可以到達(dá)內(nèi)容所在地。
4、導(dǎo)航位置鋪排公道化
通過導(dǎo)航我們可認(rèn)為所欲為地到達(dá)任何一個頁面,是網(wǎng)頁設(shè)計中視覺要素的重要環(huán)節(jié),所以導(dǎo)航的設(shè)計一定要一目了然,具有公道化。
一般情況下,導(dǎo)航欄最好是泛起在電腦屏幕的第一屏上,由于在進(jìn)行網(wǎng)頁設(shè)計的時候,把頁面向下拖動是獨一可以讓網(wǎng)頁內(nèi)容增加的方法,否則就得跳轉(zhuǎn)到下一個頁面,這樣我們最好是把導(dǎo)航欄設(shè)計在第一屏并且是橫向放置,橫向擺放比縱向擺放更能利便瀏覽者。
即使第一屏非常矮,橫向的導(dǎo)航也可以全部被看到,但是縱向的導(dǎo)航就不一定了,由于顯示器現(xiàn)在寬屏的越來越普及,所以,阿迪覺得瀏覽者不會受寬度的影響,但是縱向就存在不定性因素,要想讓瀏覽者向下拖動屏幕繼承向下瀏覽,那必需長短常具有吸引力的內(nèi)容,否則,瀏覽者拖動頁面不會超過三個屏幕。
5、導(dǎo)航模式
常見的導(dǎo)航模式有良多,從顯示位置來說分為:頂部水平橫欄式,垂直導(dǎo)航欄,側(cè)邊固定式,滑出或者彈出窗口導(dǎo)航等,通常網(wǎng)站是根據(jù)所要展示的內(nèi)容要點來選擇不同的導(dǎo)航,在此,阿迪也例舉幾種導(dǎo)航模式進(jìn)行具體解說。
(1)當(dāng)網(wǎng)站內(nèi)容相對較少時,選擇網(wǎng)站水平式的導(dǎo)航相對來說比較利便,能夠凸起重點內(nèi)容,且簡樸清楚,又不至于顯得頁面太空蕩,對于某個大類的信息還可以通過下拉菜單的方式進(jìn)行展示,歸類明確。
(2)當(dāng)網(wǎng)站內(nèi)容相對較多時,一般采用固定式或者抽屜式的導(dǎo)航,這樣在用戶瀏覽網(wǎng)站時,導(dǎo)航就想網(wǎng)站目錄一樣,從最大內(nèi)容標(biāo)題細(xì)分到各個具體內(nèi)容頁的標(biāo)題,用戶瀏覽時無論跳轉(zhuǎn)到哪個網(wǎng)頁,都可以通過導(dǎo)航目錄快速回到目標(biāo)信息上繼承瀏覽,還可節(jié)省網(wǎng)頁的位置資源。
(3)當(dāng)網(wǎng)站內(nèi)容在網(wǎng)頁顯示過長的時,用戶習(xí)慣用鼠標(biāo)無窮去動彈網(wǎng)站內(nèi)容,以便更加快速加載下面的內(nèi)容,這時網(wǎng)站適合采用垂直式的導(dǎo)航,利便用戶在瀏覽內(nèi)容時導(dǎo)航信息始終保持在一個位置可以被快速找到。
6、導(dǎo)航的設(shè)計原則
我們先看看導(dǎo)航的分類:橫排導(dǎo)航、豎排導(dǎo)航、多排導(dǎo)航、圖片式導(dǎo)航、Frame框架快捷導(dǎo)航、Jump Menu下接菜單導(dǎo)航、躲藏式導(dǎo)航,甚至還可以是動態(tài)效果的Flash導(dǎo)航等,有時,大的導(dǎo)航里面還有小的導(dǎo)航,在某些情況下,大導(dǎo)航和小導(dǎo)航需要設(shè)計在統(tǒng)一個頁面內(nèi)。
網(wǎng)站導(dǎo)航系統(tǒng)基本遵循以下設(shè)計原則:
(1)、盡可能多的提供相關(guān)資源的鏈接。
(2)、一致性原則,導(dǎo)航樣式非常多,怎樣選用適合網(wǎng)頁風(fēng)格一致的志航條呢?就是要符合頁面風(fēng)格,要符合信息種別分類。
(3)、網(wǎng)站板塊和層次劃分公道,導(dǎo)航條既是網(wǎng)站路標(biāo),又是分類名稱,是十分重要的,導(dǎo)航條應(yīng)放置到顯著的頁面位置,讓瀏覽者在第一時間內(nèi)看到它并作出判定,確定要進(jìn)入哪個欄目中去搜索他們所要的信息。
導(dǎo)航條的設(shè)計根據(jù)詳細(xì)情況可以有多種變化,它的設(shè)計風(fēng)格決定了頁面設(shè)計的風(fēng)格,反過來,設(shè)計師已經(jīng)大致上有了網(wǎng)頁設(shè)計的模式,也可以按照模式的方向去掌握導(dǎo)航的風(fēng)格。
7、導(dǎo)航設(shè)計按鈕應(yīng)符號化
把導(dǎo)航按鈕設(shè)計得具有符號化,使得風(fēng)格更加同一不亂,我們進(jìn)行符號化設(shè)計時也應(yīng)該與網(wǎng)站的整體環(huán)境相匹配,這樣使用者在運用過程中也不會泛起錯誤,在進(jìn)行詳細(xì)的導(dǎo)航按鈕設(shè)計時,應(yīng)該運用大眾化的方式,讓人一看便明白。
運用符號規(guī)范化,便于人們應(yīng)用起來得心應(yīng)手,也縮短了到達(dá)信息所在地的時間,在進(jìn)行按鈕符號化設(shè)計時,我們應(yīng)遵守以下設(shè)計原則:
(1)、符號在隱喻設(shè)計上要公道。
(2)、設(shè)計圖標(biāo)符號時功能要切當(dāng)、簡樸化、簡潔化。
(3)、與使用者文化觀念上不應(yīng)該有沖突。
(4)、尺寸大小應(yīng)該適中等。
遵守這些符號設(shè)計規(guī)則,設(shè)計職員把符號運用到導(dǎo)航按鈕設(shè)計中去,終極可以進(jìn)步使用者瀏覽網(wǎng)頁信息內(nèi)容的速度。
8、導(dǎo)航內(nèi)容
網(wǎng)站的導(dǎo)航內(nèi)容是對整個網(wǎng)站想要展示的信息的總結(jié),首先要遵循的是導(dǎo)航欄目標(biāo)題要與對應(yīng)的具體頁面相符合,才不會導(dǎo)致用戶以為信息不一致產(chǎn)生不信任的后果。
當(dāng)然,標(biāo)題總結(jié)詞要精簡,留意網(wǎng)站小內(nèi)容最好不要以導(dǎo)航的總標(biāo)題形式泛起,可通過細(xì)分的下拉菜單,或者以更多形式的小菜單欄里泛起。
從用戶體驗度的角度來看:一般情況下,網(wǎng)站導(dǎo)航上的欄目或單頁面,是這個網(wǎng)站中最主要的、必不可少的內(nèi)容,也是站長但愿除了首頁外,最但愿訪客點擊進(jìn)入的一些頁面,或想要別人了解的一些信息。
從搜索引擎優(yōu)化的角度來看:網(wǎng)站的主導(dǎo)航位于優(yōu)化網(wǎng)站中F區(qū)的最重要的部位,是搜索引擎蜘蛛檢索最看重、權(quán)重較高的一個位置,同時在網(wǎng)站的主導(dǎo)航上還布局了產(chǎn)品新聞欄目及各個單頁面的導(dǎo)入鏈接(各個二級欄目間的回流設(shè)置),是設(shè)置整個網(wǎng)站回流的最核心的部門。
所以,無論是從用戶體驗度上