從MSN的改版看設(shè)計
微軟在今年的三月九號公布了其對MSN網(wǎng)站的新設(shè)計構(gòu)思。
經(jīng)過無數(shù)個小時的奮戰(zhàn)以及分析了超過70000用戶的反饋后,最終通過四個月的趕工,完成了對現(xiàn)行版本的改良。在本文中,我們將對新設(shè)計進(jìn)行測評,分析他的利弊。
在過去的十年中,每當(dāng)用戶打開網(wǎng)站并進(jìn)行聯(lián)機(jī)體驗(yàn)的時候,都會看到在固定的位置會有三個主要的搜索頁面。相對雅虎和MSN專注于不斷的在其頁面增加新的功能選項(xiàng),谷歌選擇了保持精簡的設(shè)計,相反他們會將新的應(yīng)用程序通過連接提示的方式,存放在其他不同的頁面。谷歌因此名聲大振,但當(dāng)然,雅虎和MSN也沒有放棄,仍然保持住了市場的主要占有率。
新設(shè)計的主要目標(biāo)之一,就是要讓頁面看起來更加的清晰簡明;為了達(dá)到這種效果,MSN將頁面的主色調(diào)改為了白色,并為不同區(qū)域增設(shè)了功能標(biāo)簽。同時,他們還通過增大新聞標(biāo)題和增加新聞圖片,以達(dá)到提升頁面視覺效果的目的。這樣做,使得用戶很明確應(yīng)該將視覺的焦點(diǎn)擺放在哪些關(guān)鍵的位置,同時也是頁面看起來沒有那么局促了。
將背景色調(diào)由之前的藍(lán)色改為白色,確實(shí)是頁面看起來更加簡潔明朗了,但同時也較舊版本而已,不夠個性以及難以區(qū)別于其他了。盡管受到了很多質(zhì)疑的意見,微軟仍然堅持的認(rèn)為,白色調(diào)的背景色相較于之前的藍(lán)色版本,更有利于網(wǎng)站的長遠(yuǎn)發(fā)展。在使用了單一色調(diào)背景之后,很多頁面中的垂直劃分線就被刪除掉了。這使得原本縮小了20個像素的頁面看起來反而增大了。
小標(biāo)簽的使用也使得頁面看起來更簡潔了。雖然在段落的劃分上,較之前使用劃分線的時候沒那沒明顯了,但這其實(shí)不是很嚴(yán)重的問題。因?yàn)镸SN知道,用戶并不會像閱讀報紙或者是專業(yè)的新聞網(wǎng)站時那樣閱讀MSN中的新聞內(nèi)容。
每個段落都會有一個小標(biāo)題或者簡短的內(nèi)容概括,這次網(wǎng)站建設(shè)之企業(yè)網(wǎng)站的改版使得用戶可以輕松選擇其內(nèi)容感興趣的從而點(diǎn)擊進(jìn)入獲得更多更詳細(xì)的內(nèi)容。當(dāng)談到這一新設(shè)計,MSN的設(shè)計總監(jiān)Scott Moore解釋到,這有助于借用電腦的智能分析系統(tǒng)對用戶進(jìn)行劃分,使得他們不再需要在看完所有的細(xì)節(jié)之后,才得知哪些內(nèi)容是自己感興趣的。
MSN團(tuán)隊(duì)未來的關(guān)注重點(diǎn)將放在社交網(wǎng)絡(luò)上。用戶可以將MSN主頁上發(fā)表的內(nèi)容直接跟新到自己的Windows Live/Facebook/ Twitter賬戶上去。
這是一個被很多人忽視掉的發(fā)展趨勢。社交媒體出現(xiàn)已經(jīng)超過一年的時間,讓人驚訝的是MSN也花了這么長時間才將其應(yīng)用到自己的主頁上。
社交媒體的應(yīng)用,并不會導(dǎo)致大量的用戶轉(zhuǎn)為使用他們的主頁,但這并沒有打擊到他們的熱情,反而證明了一點(diǎn),MSN是在適應(yīng)網(wǎng)絡(luò)世界的發(fā)展趨勢,而不是一味的強(qiáng)迫用戶只能使用他們的應(yīng)用軟件。
MSN主頁的革新,凸顯了微軟搜索的作用。是其從雜亂無章的被迫堆砌轉(zhuǎn)變成了擁有自己的清晰條理。
這一對必應(yīng)的關(guān)注力的提升,使得該搜索引擎 使用率成倍數(shù)的增長了,更多的對搜索引擎的使用是MSN未來發(fā)展的一個大方向,這也證明了他們已經(jīng)真正明白到,主頁其實(shí)只是網(wǎng)絡(luò)搜索的一個起點(diǎn),而人們一旦發(fā)現(xiàn)MSN的主頁在打開后,看到的多是與自身需求不相關(guān)的內(nèi)容,那大家很快就會轉(zhuǎn)去用其他的主頁了。
第三個增加的重心是放在對本地新聞的關(guān)注上。在頁面的右上角有一個關(guān)于本地版本的選擇項(xiàng)。本地版更多的是針對不同人群的關(guān)注焦點(diǎn)進(jìn)行規(guī)劃的。用戶可以選擇收藏三個不同的城市或者時區(qū)的版本,但具體到要如何去進(jìn)行這個保存設(shè)置,還沒有太完善的解決方案。用戶必須輸入城市名稱,點(diǎn)擊“保存”,但在增加下一個名稱的時候必須先點(diǎn)擊“修改”,更換掉之前的選擇然后再輸入新的。這比起直接選擇添加麻煩多了。
一旦人們選定了一個城市,那么他接下來就進(jìn)入樂當(dāng)?shù)氐男侣劊鞖鈭蟾妫w育新聞,影片/事件,飯店,加油站,以及其他的小部分內(nèi)容。但唯有針對飯店的部分還沒有開發(fā)完成。
關(guān)于飯店,他們只是簡單的羅列了存在于搜索地附近的飯店名稱,以及有一個鏈接可以讓人們看到關(guān)于該飯店的方位和五星評定等級狀況。當(dāng)打開這個鏈接后,就會有一個新的關(guān)于這家飯店的詳細(xì)介紹的頁面出現(xiàn)。但遺憾的是,所有的內(nèi)容都是空洞無用的,因?yàn)槿藗冏铌P(guān)注的食客對飯店的評價他們只字未提。這讓人不禁感覺,這些評論都是從那本書上抄下來的,而不是實(shí)實(shí)在在的信息。
除此之外,其他的內(nèi)容都整理的很好,非常值得用戶一試。還有特別要指出的一點(diǎn)就是,只有在美國才存在有特殊時間版本這一說法。
最后一點(diǎn)值得提到的就是其對微博的關(guān)注,他列明了最近的微博動態(tài)。這跟雅虎的rending Now版塊相當(dāng)?shù)念愃疲黾恿酸槍ψ钍軞g迎的前幾位的賬戶的排名動態(tài)的分析。這使得他看起來有一點(diǎn)俗氣,而箭頭的出現(xiàn)也更讓人懷疑他的用意,究竟是為了搏人眼球還是真有什么實(shí)際的用途呢??
總體設(shè)計是可行的。他解決了很多老版本中存在的問題,并且使微軟的整體形象更清晰簡潔了。
新設(shè)計在視覺方面確實(shí)是有成效,但進(jìn)步的空間也仍然很多。最重要的內(nèi)容除了要能吸引用戶的眼球,更重要的是的有一個強(qiáng)大的搜索引擎,但其實(shí)除了這兩項(xiàng)外,還有有什么后續(xù)的創(chuàng)新也很關(guān)鍵。
所有內(nèi)容豐富的頁面,都會針對不同的人群,劃分出不同的內(nèi)容級別和層次。因?yàn)槊恳粋人的偏好都是不同的,所以很難準(zhǔn)確的劃分視覺路徑,但即使是一些很細(xì)微的改良和進(jìn)步也能讓收獲到意想不到的結(jié)果。
沒有說哪些段落就一定比其他的更具有視覺方面的優(yōu)勢。
而當(dāng)配色方案啟用之后,也沒有說特別凸顯那一部分的主要性。除了突出了頁面的頂端和MSN的標(biāo)志。其他任何地方都沒有顯現(xiàn)出MSN對信息的主觀導(dǎo)向。所有的區(qū)域都讓人感覺是不帶個人感情色彩而平等對待了的。他沒有半點(diǎn)自以為是的自我宣傳,而是讓一切憑事實(shí)說話。
新設(shè)計最值得推崇的地方,就是白色空白區(qū)域的引入。每個新聞標(biāo)題和另一段新聞之間都會有12像素的空位用以隔開。字體大小也經(jīng)過調(diào)整后變得更大更清楚更易讀了。
這些新設(shè)計是為了保持與對手的競爭。雖然現(xiàn)在一切看起來都是朝著好的方向發(fā)展的,但在現(xiàn)代網(wǎng)站技術(shù)的發(fā)展史上,沒有最好只有更好。他不斷的追求更平實(shí)。本地版本的出現(xiàn)是一個偉大的革新,特別是當(dāng)他能夠很好的開發(fā)手機(jī)版本時,這些優(yōu)勢會更加的凸顯。