7.4結構元素一.!-:~。.實用性首頁·實用性首頁在介紹本節內容時不能不提用戶體驗,這是一個可以單獨寫本書的主題。但本書篇幅有限,對這個主題只能作個簡短的評論。此處列舉的首頁示例未必符合規范,但我會向大家解釋這些首頁為什么具有很強的實用性。我們從BohemianCoding網站(圖1)說起。該網站設計整潔,頁面圖像的清晰度超乎你的想象,而且該首頁也很有用。這里,設計師沒有用一些推銷行話來對該網站的所有產品進行夸耀,也沒有標榜網頁的開發過程是多么的偉大,這個首頁的唯一目標就是,正確指引你找到所搜索的內容。通過這種方式,用戶很容易進一步地了解他十分感興趣的軟件。這樣的設計專注于用戶的真正需求,而不是出于公司的考慮只展示他們希望用戶能重視的產品。本節的其他幾個范例同樣采用了這種簡約至上的指導方法。LAMusicBlog網站(圖2)不僅擁有一個實用性首頁,而且還為同類網站樹立了更高的標準。諸如大事日程表、城市博客之類的內容門戶網站往往過于臃腫而不便使用。該網站也給出了大量信息,但由于對這些信息進行了清晰明了的分類,用戶仍然能夠很方便地瀏覽與精讀頁面上的內容。色彩編碼幫助用戶有效區分內容,而旦幾乎成為了肌肉記憶式的本能反應。在Blend網站(圖3)上能看到略微不同的一種策略。該網站從各個部分中選取一些關鍵信息放到首頁,這就像電視節目開始前的宣傳廣告一樣吸引你直擊各個相關內容。這里,清晰的層級結構大大提升了網頁的可用性。關于首頁的設計,可謂有無限可能性。這兒列舉的少量網頁展示了成功方案的方方面面。不過還是那句話,關鍵在于關注用戶及其對網站的需求。要設計好首頁,量有用的一種方法就是去研究日志文件.進而弄清楚哪些頁面是量受訪客歡迎的;在此基礎上,再去盡力使之更便于用戶瀏覽,同時創建的首頁要讓訪客能以更快的速度找到所需要的內容。在網站中,頁腳可能是量容易被忽略的部分。其量常見的內容往往限于一些版權說明性文本,也可能是幾個主要鏈接,再或者是一個logo及指向法律說明頁的常用鏈接。對于這種毫無生趣的頁腳來說,具有諷刺意味的是,當用戶瀏覽到頁面底部的時候(這表明他已瀏覽完了該頁的內容).他卻不知道還能做什么。還好.許多網頁設計師意識到了這一點,也開始制作一些功能性很好的頁腳.這樣的頁腳能友善地將讀者引導到其他內容上去。制作功能性頁腳似乎會不可避免地產生一個副作用,即頁腳尺寸會變大。有些頁腳甚至都能占去一整屏的空間,這就讓人不由發問:頁腳應該從哪里開始,到哪里結束?例如.在JasonSantaMaria的網站(圖1)中,設計師可以說是設立了兩個頁腳,其中一個是典型的枯燥乏味的類型,而另一個則是充實了內容、有幫助作用的頁腳。這些主要項目幫助引導訪客轉到網站的其他有用部分,頁腳相當于承擔了一個內容豐富的微型門戶首頁的作用。FusionwareDesign網站l圖2)的頁腳中包含了一個有些獨特的元素:聯系表單。通常,聯系表單都有單獨昀網頁,但是在這里,每一個頁面底部都會出現這個聯系表單,這真是在極力鼓動訪客與他們聯系。這個網站的頁腳還有一個非常規的元素:行為邀請。大部分功能性頁腳放置的都是引向其他相關內容、簡報注冊表單以及其他次要內容的鏈接。然而這里卻設置了一個關鍵的行為邀請,以及更為有用的行動方法。我很少看到這樣的設計.但它確實很棒。