昨天美國雅虎正式宣布網(wǎng)站首頁的新版,這也算互聯(lián)網(wǎng)一件大事,尤其是對設(shè)計(jì)的朋友們。而且現(xiàn)在的美國雅虎的情況也不是很好的情況下有大刀闊斧的進(jìn)行改版,也算是要有一些魄力了。其實(shí)這次新版早在幾個(gè)月前就已經(jīng)在某位同行的博客中透露出來,不過當(dāng)時(shí)沒有過多注意。昨天宣布正式改版以后,上去逛了一圈,才仔細(xì)的研究了一下。總體的評價(jià)就是這次的改版就相當(dāng)于Vista到Win7,也就是說內(nèi)核不變,但是在交互和體驗(yàn)上下功夫。
1.布局
新版的布局和舊版的布局,幾乎沒有任何區(qū)別,頂部搜索框,左側(cè)導(dǎo)航,中間重要新聞資訊。主要是右側(cè),新版去掉了很雞肋的個(gè)人信息區(qū)塊,把登錄信息放到了頂部右側(cè)一條。把舊版放到右側(cè)最下面的熱門搜索關(guān)鍵字替換,放到了右側(cè)上面變成第一區(qū)塊。
2.搜索
雅虎是一個(gè)門戶,雅虎是一個(gè)搜索引擎。這次新版中,進(jìn)一步把頂部的搜索框進(jìn)行了優(yōu)化。
2.1.提高位置:新版中的一個(gè)核心就是更加突出搜索功能的重要性,那么出現(xiàn)的位置就是第一重要的,所以雅虎干脆把一直品牌核心的logo放在了右側(cè),把搜索功能提到了整個(gè)頁面的最有優(yōu)先的位置,這樣用戶一打開頁面一個(gè)大大的搜索框經(jīng)映入眼簾。
2.2.加大面積:要想引起人的注意,一個(gè)更直接的處理方式就是讓物體看起來更大。所以雅虎為了讓用戶對搜索框更加注意,就再一次加大了搜索框的大小。
2.3.視覺效果:看得出雅虎的設(shè)計(jì)師為了這個(gè)搜索框可謂是煞費(fèi)苦心,而新版的設(shè)計(jì)理念我理解為是讓搜索框本身更突出,而不是搜索區(qū)域。我們可以對比一下舊版和日本、韓國版的搜索功能設(shè)計(jì)。這些設(shè)計(jì)都是為了讓搜索功能更加突出,所以加大了整個(gè)搜索功能區(qū)塊的視覺效果。也就是以整體區(qū)塊效果突出,帶動(dòng)整個(gè)功能突出。而新版去掉了濃重的背景色,更加突出了搜索框的視覺效果。也就是用局部關(guān)鍵控件的效果突出,帶動(dòng)整個(gè)功能的突出。
2.4.切換:在這個(gè)搜索功能區(qū)域除了搜索按鈕以外,最常用的就要是搜索類型切換了。而切換功能往往是一般設(shè)計(jì)中不太被重視的。從舊版、日版、韓版都可以看出。切換類型只是用了很簡單的文字鏈接而已。而新的設(shè)計(jì)中為了讓切換點(diǎn)擊起來更有手感,不僅加大了文字的尺寸,而且采用了tab的方式與搜索框融為一體。
出處:第8音
責(zé)任編輯:bluehearts
上一頁 下一頁 略談美國雅虎首頁改版 [2]
|