3.導(dǎo)航
從上一次改版以后,雅虎把原來頂部的導(dǎo)航放到了右側(cè)。而我覺得這一次改版最大的亮點(diǎn)就是左側(cè)導(dǎo)航。我們都知道雅虎是一個門戶網(wǎng)站,但是雅虎還是世界上最早的網(wǎng)絡(luò)目錄。如果你要問什么是網(wǎng)絡(luò)目錄?看看hao123.com就知道了。
網(wǎng)絡(luò)目錄(web directory)是網(wǎng)頁鏈接的列表。 門戶網(wǎng)站(web protal)是人們上網(wǎng)的起點(diǎn)網(wǎng)站。
所以為了凸顯門戶網(wǎng)站的搜索特性,所以上面說道搜索部分采用了新的設(shè)計(jì)。而為了凸顯門戶網(wǎng)站目錄的特性,雅虎這次改版也從新設(shè)計(jì)了左側(cè)導(dǎo)航。左側(cè)導(dǎo)航不僅可以自定義雅虎本身提供的服務(wù),還可以自定義當(dāng)下其它站點(diǎn)的服務(wù),譬如ebay,facebook,mysapce等。而這次雅虎最關(guān)鍵的一點(diǎn)不僅是解決定制的問題,而且還試圖解決信息問題。就是說不僅希望用戶可以自定義網(wǎng)站目錄,而且還可以在上面處理這些站點(diǎn)的信息。
我們發(fā)現(xiàn)其實(shí)這個概念并不新鮮,在美國有好多站點(diǎn)都提供類似的服務(wù),最有代表性的就是Google的IG。IG通過用戶自定義一些站點(diǎn)Widget放到首頁上,形成自己的個性首頁。不過有意思的是所以提供類似服務(wù)的網(wǎng)站幾乎都是采用widget的方式。也就是說同一種理念和同一樣的設(shè)計(jì)模式。
而雅虎這次采用了全新的交互設(shè)計(jì)模式來處理這個問題,把目錄和信息瀏覽有基的結(jié)合一起。當(dāng)用戶有鼠標(biāo)懸浮在左側(cè)導(dǎo)航上時,右側(cè)出現(xiàn)這個站點(diǎn)的最新消息和最常用的操作。那這個和上面的widget有什么不同呢?
雖然Widget看上去很好,但是真的要用起來確實(shí)不那么爽,不爽的就原因就是雖然我可以琳瑯滿目的把整個頁面布置的很滿。但是這個頁面最關(guān)鍵的作用就是快速處理最新信息,并且快速操作。也就是監(jiān)控信息,操作需要處理的信息。而Widget全部扔在一個頁面上,如果數(shù)量比較多,根本很難進(jìn)行監(jiān)控,既然很難監(jiān)控也無從談起對信息的操作了。再有一個用戶的頁面空間是有限的,所以每一個widget的大小都是固定的,而且相對來說都是比較小,這樣就更加不容易進(jìn)行信息的監(jiān)控和處理了。
那我們看看雅虎的處理方式的特點(diǎn):拿雅虎信箱為例,當(dāng)我打開雅虎首頁,瀏覽左側(cè)導(dǎo)航,就可以迅速查看雅虎標(biāo)簽是否有數(shù)字提示,如果有就證明是有新的郵件了,如果沒有就證明沒有新的郵件。然后把鼠標(biāo)懸浮到標(biāo)簽上右側(cè)上,可以用效大的區(qū)域顯示最新的郵件標(biāo)題,然后進(jìn)行處理。
可見雅虎新的左側(cè)導(dǎo)航,不僅可以讓用戶自定義收藏常用的網(wǎng)絡(luò)服務(wù),還可以迅速的篩選那些服務(wù)需要有信息處理,并且提供信息處理快捷的操作方式。也就是“快交互”+“信息片段”結(jié)合的處理方式。這種設(shè)計(jì)理念的最經(jīng)典案例就是Twitter和新版的Facebook登錄后首頁。
4、視覺風(fēng)格
新版的視覺風(fēng)格繼承了上一版低調(diào)華麗的特質(zhì),同時又處理的更加清新。最明顯的一個處理方式就是去掉了標(biāo)題欄的漸變效果,采用最樸實(shí)的文字無背景。并且為了更加突出視覺效果,加大了這些標(biāo)題文字的字號。去掉了左側(cè)導(dǎo)航整體紋理漸變方式,采用一個目錄標(biāo)簽一個小按鈕的設(shè)計(jì)。不僅單獨(dú)一個目錄標(biāo)簽做為小按鈕很突出,而且整體疊加以后效果也很協(xié)調(diào)舒服。
總體來說這次美國雅虎改版是否成功,這個還要看正式運(yùn)行以后的數(shù)據(jù),但是我認(rèn)為總體效果要比上一個版本要好很多。并且對不斷努力創(chuàng)新的設(shè)計(jì)師表示欽佩。
原文:http://blog.d8in.com/posts/515.html
本文鏈接:http://m.95time.cn/design/doc/2009/6900.asp
出處:第8音
責(zé)任編輯:bluehearts
上一頁 略談美國雅虎首頁改版 [1] 下一頁
|