網(wǎng)站身份與任務(wù)。一眼望去,首頁必須告訴我這是什么網(wǎng)站、網(wǎng)站目的為何,如有可能,還要告訴我為什么要來這里,而不是去其他網(wǎng)站。
?網(wǎng)站階層架構(gòu)。
首頁要能將網(wǎng)站所提供的東西作概括性的描述一包括內(nèi)容 (我在這里可以找到什么?)以及功能(我在這里可以作什么?),以及這 些東西的組織方式。這通常是以固定導(dǎo)覽列表現(xiàn)。
設(shè)計(jì)網(wǎng)站時在網(wǎng)站內(nèi)容區(qū)域頂端加上網(wǎng)頁名稱 ,并且在清單左邊加上「你在 這里」標(biāo)示,以及 ?在功能清單中加上搜尋 連結(jié)站名稱放在導(dǎo)覽列底 下,很難發(fā)現(xiàn)。
由于網(wǎng)站 名稱并非位于左上方,所以看起來很像廣吿。
標(biāo)題的DVD放在 Audio/Video Main 連結(jié)上 方,但就階層結(jié)構(gòu)來說, DVD反而低一些。網(wǎng)頁上 也沒有搜尋欄位,對于這 種商品眾多的大型購物網(wǎng) 站,實(shí)在該打。們改良后的版本
我在撰寫本章時,Global Mart重新設(shè)計(jì)網(wǎng)站,自己作了很多改良。
例如,他 們把網(wǎng)站名稱移動到頁面 頂端,加上了搜尋欄位。
但是重新設(shè)計(jì)也常常出問 題,前進(jìn)一步卻又倒退半 步。例如,功能列從一行變成兩行(千萬不要把有 底線的文字上下堆疊,這樣很難閱讀)
我的版本我把通往Audio/Video的連 結(jié)移動到網(wǎng)頁名稱上方, 讓視覺階層結(jié)構(gòu)與邏輯階 層結(jié)構(gòu)相符。我也將網(wǎng)頁 名稱做得更明顯,從原來 的置中搬到左邊。(通常 就視覺階層結(jié)構(gòu)來說,我 發(fā)現(xiàn)靠左或靠右對齊比置 中要好。)
因?yàn)橄嗤脑?,我把?尋按鈕移動到搜尋欄位旁 邊,而不是放在下面導(dǎo)覽列分散在整個頁面 上,所以很難判斷哪里是 導(dǎo)覽列、哪里是其他東 西。導(dǎo)覽列、廣吿、宣傳 以及內(nèi)容都混在一起。
這里也沒列出主要分區(qū)。在 頁面頂端的清單看起來像是 分區(qū)列表,但實(shí)際上只是 CNET.com的其他子站臺清 單。最讓我感到疑惑的一 點(diǎn),我所在的Buildetxom網(wǎng)站并不在其中。
在ccxcn.com網(wǎng)站上,唯一吿訴我身在何處的導(dǎo)覽功能,是「面包屑」。
我們也很難判斷內(nèi)容究竟 從哪里開始。頁面看起來 到處都是內(nèi)容的開頭處, 迫使您不斷往下卷動,研 究每一樣?xùn)|西。
這種網(wǎng)頁會讓您志得意滿 地說,「這有得改了 !」 此處有一些需要取舍的問 題得先解決,才能接下來 開始思考網(wǎng)頁版型。
我所做的是將頂端排緊一 點(diǎn),并在左欄加上背景, 讓內(nèi)容空間比較容易辨識。
同時,我調(diào)整了網(wǎng)頁名稱 的位置,使其明確與內(nèi)容 區(qū)域連接在一起。