從MSN的改版看設(shè)計(jì)

        微軟在今年的三月九號(hào)公布了其對(duì)MSN網(wǎng)站的新設(shè)計(jì)構(gòu)思。
        經(jīng)過(guò)無(wú)數(shù)個(gè)小時(shí)的奮戰(zhàn)以及分析了超過(guò)70000用戶的反饋后，最終通過(guò)四個(gè)月的趕工，完成了對(duì)現(xiàn)行版本的改良。在本文中，我們將對(duì)新設(shè)計(jì)進(jìn)行測(cè)評(píng)，分析他的利弊。

        在過(guò)去的十年中，每當(dāng)用戶打開(kāi)網(wǎng)站并進(jìn)行聯(lián)機(jī)體驗(yàn)的時(shí)候，都會(huì)看到在固定的位置會(huì)有三個(gè)主要的搜索頁(yè)面。相對(duì)雅虎和MSN專(zhuān)注于不斷的在其頁(yè)面增加新的功能選項(xiàng)，谷歌選擇了保持精簡(jiǎn)的設(shè)計(jì)，相反他們會(huì)將新的應(yīng)用程序通過(guò)連接提示的方式，存放在其他不同的頁(yè)面。谷歌因此名聲大振，但當(dāng)然，雅虎和MSN也沒(méi)有放棄，仍然保持住了市場(chǎng)的主要占有率。

     
 
        新設(shè)計(jì)的主要目標(biāo)之一，就是要讓頁(yè)面看起來(lái)更加的清晰簡(jiǎn)明；為了達(dá)到這種效果，MSN將頁(yè)面的主色調(diào)改為了白色，并為不同區(qū)域增設(shè)了功能標(biāo)簽。同時(shí)，他們還通過(guò)增大新聞標(biāo)題和增加新聞圖片，以達(dá)到提升頁(yè)面視覺(jué)效果的目的。這樣做，使得用戶很明確應(yīng)該將視覺(jué)的焦點(diǎn)擺放在哪些關(guān)鍵的位置，同時(shí)也是頁(yè)面看起來(lái)沒(méi)有那么局促了。

        將背景色調(diào)由之前的藍(lán)色改為白色，確實(shí)是頁(yè)面看起來(lái)更加簡(jiǎn)潔明朗了，但同時(shí)也較舊版本而已，不夠個(gè)性以及難以區(qū)別于其他了。盡管受到了很多質(zhì)疑的意見(jiàn)，微軟仍然堅(jiān)持的認(rèn)為，白色調(diào)的背景色相較于之前的藍(lán)色版本，更有利于網(wǎng)站的長(zhǎng)遠(yuǎn)發(fā)展。在使用了單一色調(diào)背景之后，很多頁(yè)面中的垂直劃分線就被刪除掉了。這使得原本縮小了20個(gè)像素的頁(yè)面看起來(lái)反而增大了。
 
        小標(biāo)簽的使用也使得頁(yè)面看起來(lái)更簡(jiǎn)潔了。雖然在段落的劃分上，較之前使用劃分線的時(shí)候沒(méi)那沒(méi)明顯了，但這其實(shí)不是很?chē)?yán)重的問(wèn)題。因?yàn)镸SN知道，用戶并不會(huì)像閱讀報(bào)紙或者是專(zhuān)業(yè)的新聞網(wǎng)站時(shí)那樣閱讀MSN中的新聞內(nèi)容。

        每個(gè)段落都會(huì)有一個(gè)小標(biāo)題或者簡(jiǎn)短的內(nèi)容概括，這次網(wǎng)站建設(shè)之企業(yè)網(wǎng)站的改版使得用戶可以輕松選擇其內(nèi)容感興趣的從而點(diǎn)擊進(jìn)入獲得更多更詳細(xì)的內(nèi)容。當(dāng)談到這一新設(shè)計(jì)，MSN的設(shè)計(jì)總監(jiān)Scott Moore解釋到，這有助于借用電腦的智能分析系統(tǒng)對(duì)用戶進(jìn)行劃分，使得他們不再需要在看完所有的細(xì)節(jié)之后，才得知哪些內(nèi)容是自己感興趣的。

        MSN團(tuán)隊(duì)未來(lái)的關(guān)注重點(diǎn)將放在社交網(wǎng)絡(luò)上。用戶可以將MSN主頁(yè)上發(fā)表的內(nèi)容直接跟新到自己的Windows Live/Facebook/ Twitter賬戶上去。

        這是一個(gè)被很多人忽視掉的發(fā)展趨勢(shì)。社交媒體出現(xiàn)已經(jīng)超過(guò)一年的時(shí)間，讓人驚訝的是MSN也花了這么長(zhǎng)時(shí)間才將其應(yīng)用到自己的主頁(yè)上。

        社交媒體的應(yīng)用，并不會(huì)導(dǎo)致大量的用戶轉(zhuǎn)為使用他們的主頁(yè)，但這并沒(méi)有打擊到他們的熱情，反而證明了一點(diǎn)，MSN是在適應(yīng)網(wǎng)絡(luò)世界的發(fā)展趨勢(shì)，而不是一味的強(qiáng)迫用戶只能使用他們的應(yīng)用軟件。

        MSN主頁(yè)的革新，凸顯了微軟搜索的作用。是其從雜亂無(wú)章的被迫堆砌轉(zhuǎn)變成了擁有自己的清晰條理。

        這一對(duì)必應(yīng)的關(guān)注力的提升，使得該搜索引擎 使用率成倍數(shù)的增長(zhǎng)了，更多的對(duì)搜索引擎的使用是MSN未來(lái)發(fā)展的一個(gè)大方向，這也證明了他們已經(jīng)真正明白到，主頁(yè)其實(shí)只是網(wǎng)絡(luò)搜索的一個(gè)起點(diǎn)，而人們一旦發(fā)現(xiàn)MSN的主頁(yè)在打開(kāi)后，看到的多是與自身需求不相關(guān)的內(nèi)容，那大家很快就會(huì)轉(zhuǎn)去用其他的主頁(yè)了。

         第三個(gè)增加的重心是放在對(duì)本地新聞的關(guān)注上。在頁(yè)面的右上角有一個(gè)關(guān)于本地版本的選擇項(xiàng)。本地版更多的是針對(duì)不同人群的關(guān)注焦點(diǎn)進(jìn)行規(guī)劃的。用戶可以選擇收藏三個(gè)不同的城市或者時(shí)區(qū)的版本，但具體到要如何去進(jìn)行這個(gè)保存設(shè)置，還沒(méi)有太完善的解決方案。用戶必須輸入城市名稱，點(diǎn)擊“保存”，但在增加下一個(gè)名稱的時(shí)候必須先點(diǎn)擊“修改”，更換掉之前的選擇然后再輸入新的。這比起直接選擇添加麻煩多了。

        一旦人們選定了一個(gè)城市，那么他接下來(lái)就進(jìn)入樂(lè)當(dāng)?shù)氐男侣�，天氣�?bào)告，體育新聞，影片/事件，飯店，加油站，以及其他的小部分內(nèi)容。但唯有針對(duì)飯店的部分還沒(méi)有開(kāi)發(fā)完成。

        關(guān)于飯店，他們只是簡(jiǎn)單的羅列了存在于搜索地附近的飯店名稱，以及有一個(gè)鏈接可以讓人們看到關(guān)于該飯店的方位和五星評(píng)定等級(jí)狀況。當(dāng)打開(kāi)這個(gè)鏈接后，就會(huì)有一個(gè)新的關(guān)于這家飯店的詳細(xì)介紹的頁(yè)面出現(xiàn)。但遺憾的是，所有的內(nèi)容都是空洞無(wú)用的，因?yàn)槿藗冏铌P(guān)注的食客對(duì)飯店的評(píng)價(jià)他們只字未提。這讓人不禁感覺(jué)，這些評(píng)論都是從那本書(shū)上抄下來(lái)的，而不是實(shí)實(shí)在在的信息。

        除此之外，其他的內(nèi)容都整理的很好，非常值得用戶一試。還有特別要指出的一點(diǎn)就是，只有在美國(guó)才存在有特殊時(shí)間版本這一說(shuō)法。

        最后一點(diǎn)值得提到的就是其對(duì)微博的關(guān)注，他列明了最近的微博動(dòng)態(tài)。這跟雅虎的rending Now版塊相當(dāng)?shù)念?lèi)似，但增加了針對(duì)最受歡迎的前幾位的賬戶的排名動(dòng)態(tài)的分析。這使得他看起來(lái)有一點(diǎn)俗氣，而箭頭的出現(xiàn)也更讓人懷疑他的用意，究竟是為了搏人眼球還是真有什么實(shí)際的用途呢？？

        總體設(shè)計(jì)是可行的。他解決了很多老版本中存在的問(wèn)題，并且使微軟的整體形象更清晰簡(jiǎn)潔了。

        新設(shè)計(jì)在視覺(jué)方面確實(shí)是有成效，但進(jìn)步的空間也仍然很多。最重要的內(nèi)容除了要能吸引用戶的眼球，更重要的是的有一個(gè)強(qiáng)大的搜索引擎，但其實(shí)除了這兩項(xiàng)外，還有有什么后續(xù)的創(chuàng)新也很關(guān)鍵。

        所有內(nèi)容豐富的頁(yè)面，都會(huì)針對(duì)不同的人群，劃分出不同的內(nèi)容級(jí)別和層次。因?yàn)槊恳粋�(gè)人的偏好都是不同的，所以很難準(zhǔn)確的劃分視覺(jué)路徑，但即使是一些很細(xì)微的改良和進(jìn)步也能讓收獲到意想不到的結(jié)果。

        沒(méi)有說(shuō)哪些段落就一定比其他的更具有視覺(jué)方面的優(yōu)勢(shì)。

        而當(dāng)配色方案啟用之后，也沒(méi)有說(shuō)特別凸顯那一部分的主要性。除了突出了頁(yè)面的頂端和MSN的標(biāo)志。其他任何地方都沒(méi)有顯現(xiàn)出MSN對(duì)信息的主觀導(dǎo)向。所有的區(qū)域都讓人感覺(jué)是不帶個(gè)人感情色彩而平等對(duì)待了的。他沒(méi)有半點(diǎn)自以為是的自我宣傳，而是讓一切憑事實(shí)說(shuō)話。

        新設(shè)計(jì)最值得推崇的地方，就是白色空白區(qū)域的引入。每個(gè)新聞標(biāo)題和另一段新聞之間都會(huì)有12像素的空位用以隔開(kāi)。字體大小也經(jīng)過(guò)調(diào)整后變得更大更清楚更易讀了。

        這些新設(shè)計(jì)是為了保持與對(duì)手的競(jìng)爭(zhēng)。雖然現(xiàn)在一切看起來(lái)都是朝著好的方向發(fā)展的，但在現(xiàn)代網(wǎng)站技術(shù)的發(fā)展史上，沒(méi)有最好只有更好。他不斷的追求更平實(shí)。本地版本的出現(xiàn)是一個(gè)偉大的革新，特別是當(dāng)他能夠很好的開(kāi)發(fā)手機(jī)版本時(shí)，這些優(yōu)勢(shì)會(huì)更加的凸顯。