|
總結(jié)
1. 越重要的內(nèi)容出現(xiàn)在越上面，這是符合了人們從上到下閱讀瀏覽習(xí)慣的，所以Logo和搜索被放在在最上面，緊接著就是導(dǎo)航、圖片新聞和郵箱等入口。
2. 視覺重點在左邊，鼠標(biāo)的操作重點在右邊，這是基于人從左到右閱讀習(xí)慣，用右手翻書右手使用鼠標(biāo)（絕大部分人）的使用習(xí)慣，所以Logo、導(dǎo)航這些需要關(guān)注視覺重點都在左邊，搜索框、郵箱登錄等等都在右邊。這點我在《向Yahoo Mail的主頁學(xué)習(xí)》中提到過，同樣的結(jié)論在MSN上也可以得到明顯的驗證。
3. 首屏的完整和足夠信息量至關(guān)重要。
（1）首屏指的是在瀏覽器最大化時從頂端看到網(wǎng)頁的大小，在1024×738分辨率下一屏的大小是1003×600，在800×600分辨率下的一屏大小是779×432，具體請看《網(wǎng)頁一屏有多大？》.
（2）雖然在《頁面長度與用戶行為的一些數(shù)據(jù)》提到，頁面的長度和用戶是否會完整瀏覽整個頁面沒有關(guān)系，但需要考慮，用戶在瀏覽后面的頁面的時候注意力是否會向開始那樣集中，同時對于大多數(shù)用戶（網(wǎng)速不快）特別是新用戶，首先看到的是首屏，這會有一個首因效應(yīng)，毫無疑問，對于世界上任何一個站點來說，新用戶（潛在用戶）永遠(yuǎn)多于老用戶。
（3）對于Yahoo來說，其最重要的是Logo、搜索框、導(dǎo)航、郵箱登錄等功能、和資訊信息。上圖中紫色橫線以上部分是在其對應(yīng)分辨率下（如窄版對應(yīng)800×600分辨率）看到的首屏內(nèi)容。
- 對比一下Yahoo!英文版就會發(fā)現(xiàn)，導(dǎo)航恰到好處的完整出現(xiàn)在一屏，中欄的資訊分為兩種，一種是圖片資訊（Featured那一行），很吸引人，一種是文字資訊（in the news那一行），容量大。在寬版下文字資訊在圖片下面，而在窄屏下兩者位置上下對調(diào)，這就是為了保證首屏完整和足夠信息量。
- 中國雅虎的前兩個版本，都在Logo的兩側(cè)放置重要的鏈接，但是實際上重要鏈接的視覺效果被Logo干擾和弱化，同時也導(dǎo)致了導(dǎo)航鏈接的混亂，也直接導(dǎo)致了首屏浪費了大量的空間。這個問題在中國雅虎2007年5月首頁窄版上表現(xiàn)最為明顯。
4. 導(dǎo)航的設(shè)計
（1）保留重要導(dǎo)航，隱藏全部導(dǎo)航。綜合性站點的分類越來越多，導(dǎo)致導(dǎo)航越來越龐大，直接在頁面全面列出，非常的雜亂不僅不會帶來很好的效果，反而讓人卻步，這點在AMAZON已經(jīng)得到了充分的思考和實踐，所以Yahoo！的導(dǎo)航處理是一個非常好的方式。
（2）別讓我思考。中國yahoo前兩個版本中，在導(dǎo)航的最前面出現(xiàn)“全部”會導(dǎo)致用戶需要思考是點擊全部呢，還是先看看已經(jīng)列出的重點導(dǎo)航。
（3）導(dǎo)航還是一個的好。分類的入口應(yīng)該穩(wěn)定而不易過多，這點中國yahoo前兩個版本中表現(xiàn)的很明顯，導(dǎo)致了混亂，相同鏈接相互干擾，同時因為分類鏈接數(shù)量增多，也干擾了其他的鏈接。
（4）排序還是分類？英文由于可以明顯的看到按照首字母排序，所以很好確定導(dǎo)航的順序，但是中文就不好辦了，絕大部分的中文菜單，一般都是按照重要性來進(jìn)行排列，所以當(dāng)菜單很多的時候進(jìn)行分類是一種很有效的方式，其重點就是歸納分類，對比中國雅虎的前兩個版本，現(xiàn)在的第三個版本無疑前進(jìn)了一大步。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 如何向Yahoo！主頁學(xué)習(xí) [2] 下一頁 如何向Yahoo！主頁學(xué)習(xí) [4]
|
第 1 頁 
第 3 頁 如何向Yahoo！主頁學(xué)習(xí) [3]
