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