首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站導(dǎo)航的設(shè)計(jì)是建設(shè)網(wǎng)站的重點(diǎn)?>?正文

網(wǎng)站導(dǎo)航的設(shè)計(jì)是建設(shè)網(wǎng)站的重點(diǎn)

2017/5/8 0:00:00 · 稿源:傳誠(chéng)信


在你第一次使用某個(gè)網(wǎng)站應(yīng)用產(chǎn)品時(shí),熟悉它的關(guān)鍵在于是否能理解整個(gè)站點(diǎn)的內(nèi)部結(jié)構(gòu)。而最初的幾個(gè)瞬間對(duì)于是否能形成美好的第一印象至關(guān)重要。

令人迷惑的術(shù)語(yǔ)和拙劣的結(jié)構(gòu)組織,將會(huì)在幾秒鐘內(nèi)把我們從滿懷希望和興致勃勃帶往灰心、失敗和挫折。所以能很快在網(wǎng)站中找到方向的重要性是毋庸置疑的。

人們通常獲得導(dǎo)向的方法是:粗略掃視一遍頁(yè)面,看看ft己有哪些選擇,并且快速過(guò)濾掉那些無(wú)關(guān)自己興趣的內(nèi)容。例如,在某個(gè)企業(yè)網(wǎng)站尋找該公司的信息時(shí),我們會(huì)尋找諸如About(關(guān)于)、Company(公司)、Us(我們)以及類似的超鏈接。如果看到那些不符合自己需要的鏈接,我們會(huì)直接忽略它們。而當(dāng)某個(gè)符合需要的鏈接出現(xiàn)時(shí),我們會(huì)更為仔細(xì)地查看與其毗鄰的文字,以圖確定其是否正是我們需要的選項(xiàng)。如果是,我們就單擊。

換句話說(shuō),我們先瀏覽頁(yè)面的各主要區(qū)域,找出相關(guān)的部分,然后在這些部分里的項(xiàng)目中找出關(guān)聯(lián)性更強(qiáng)的,并且希望最終能發(fā)現(xiàn)那些我們確實(shí)一直在尋找的內(nèi)容(或者,如果瀏覽沒(méi)有什么特定目的,我們可能會(huì)發(fā)現(xiàn)更有趣的內(nèi)容)。

這種推理的過(guò)程不僅能幫助我們首次瀏覽時(shí)找到方向,而且還能在我們使用過(guò)網(wǎng)站一段時(shí)間后,幫助我們進(jìn)一步尋找某些信息,或者完成某些任務(wù)。出于這種原因,導(dǎo)航過(guò)程本身是否合理變得至關(guān)重要。它的意義不在于是否能反映了網(wǎng)站內(nèi)部的結(jié)構(gòu),而是在于對(duì)我們用戶是否合情合理。網(wǎng)站必須符合我們思考問(wèn)題的方式。

我曾經(jīng)參與過(guò)一個(gè)項(xiàng)目,需要重新設(shè)計(jì)一個(gè)面向網(wǎng)站建設(shè)者的“所見(jiàn)即所得(D”式的網(wǎng)站應(yīng)用。這個(gè)程序有些類似GooglePageCreator?它讓用戶僅需操作可視化的編輯工具就能創(chuàng)建和編輯網(wǎng)頁(yè),而無(wú)需手寫代碼。

然而,與PageCreator小同,這個(gè)產(chǎn)品已經(jīng)存在jT很長(zhǎng)一段時(shí)間,經(jīng)歷過(guò)好幾次大的改動(dòng)。站點(diǎn)的功能越來(lái)越多,站點(diǎn)的導(dǎo)航也變得越來(lái)越繁冗。網(wǎng)站建設(shè)者只是隨意地將新的網(wǎng)站元素添加到網(wǎng)頁(yè)中,結(jié)果用戶越來(lái)越難完成任務(wù)。

對(duì)于一個(gè)用戶達(dá)好幾萬(wàn)人的網(wǎng)站應(yīng)用程序來(lái)說(shuō),這種狀態(tài)可不樂(lè)觀。

開發(fā)團(tuán)隊(duì)和我在一起工作了好幾周,對(duì)該產(chǎn)品做了一次全面檢修。導(dǎo)航功能只是其中的一小部分,但卻又是非常重要的一部分。


當(dāng)今流行的XHTML+CSS技術(shù)要求網(wǎng)站設(shè)計(jì)師使用規(guī)范的HTML代碼。W3C組織建議HTML代碼應(yīng)當(dāng)只起到單純的語(yǔ)義作用,這表示頁(yè)面布局應(yīng)通過(guò)CSS來(lái)實(shí)現(xiàn)。嚴(yán)格意義上來(lái)說(shuō),表格只能用于表現(xiàn)表格數(shù)據(jù),而不能被用來(lái)規(guī)劃頁(yè)面的布局結(jié)構(gòu)。這對(duì)廣大習(xí)慣于使用表格布局的設(shè)計(jì)師來(lái)說(shuō)是一個(gè)很大的沖擊,但亦是潮流趨勢(shì)的必然。

屏幕閱讀器的原理是“朗讀”出頁(yè)面中的文本文字。很明顯它們無(wú)法朗讀出m片的內(nèi)容,但可以讀出圖片的ALT字符串。(HTML中為IMG標(biāo)記添加的文本字符串,用于對(duì)網(wǎng)頁(yè)中的圖片進(jìn)行描述。它允許使用純文本瀏覽器或選擇不下載閣像的用戶了解圖像的說(shuō)明。

國(guó)家企業(yè)信用公示系統(tǒng)標(biāo).png未標(biāo)題-2.png1111.png?6362994769448725004432423.png


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354