騰訊網(wǎng)改版 一個美麗的開始

信息格局的變化促使騰訊網(wǎng)改版以打通，門戶，博客，視頻，移動，深度整合自身優(yōu)質(zhì)資源。改版界面清晰簡約，設(shè)計流暢，美好的界面值相當(dāng)難得。

　　騰訊網(wǎng)網(wǎng)址:www.qq.com ，一個新聞門戶能有這樣的界面讓我始料未及。也許并不是每個人都能有我這樣深體會吧，設(shè)計過的人當(dāng)有感它的不易。

　　騰訊網(wǎng)為什么改版?

　　Facebook、Youtube、Twitter、移動應(yīng)用，發(fā)展迅猛，而新聞門戶鼻祖雅虎陷入頹勢。十幾年前，門戶引以為傲的是自己提供了全面豐富的信息目錄。而現(xiàn)在人們更多的是以社交網(wǎng)絡(luò)，社會化媒體，視頻，移動互聯(lián)作為入口來獲取信息。騰訊網(wǎng)總編輯陳菊紅，強(qiáng)調(diào)“當(dāng)平臺不再是第一個入口的時候，我們就該認(rèn)識到我們的內(nèi)容到了深度化運(yùn)行的時候，讓騰訊旗下的騰訊微博、騰訊視頻、騰訊網(wǎng)深度結(jié)合，釋放更大的能量。”

　　微博，社會化媒體。擁有不可思議的速度，海量碎片化的數(shù)據(jù)，極高的用戶參與度與傳播力。微博是很多名人對話世界觀眾和各界媒體的一個端口，是媒體采稿的重要信息來源。各種細(xì)節(jié)在微博成為沸點(diǎn)，烏龍事件不斷“歡樂”冒泡，輿論熱點(diǎn)無盡翻騰。

　　在倫敦奧運(yùn)拉開的“全球媒體大戰(zhàn)”中，微博成為其中不可忽視的新興力量。易思玲奪冠在60秒內(nèi)被上千萬的轉(zhuǎn)發(fā)，關(guān)于孫楊的圍脖總會引來yy不斷，劉翔一摔，民眾的海量微博引得新浪服務(wù)器宕機(jī)。十分之一的地球人通過，微博推特臉書看奧運(yùn)，國際奧委會官方表示倫敦為史上最社交化的一次奧運(yùn)。微博更可以打破了時間與空間的隔閡，用“秒推”帶來“零時差”“零距離”的真實(shí)現(xiàn)場。筆者深深感到微博于當(dāng)今新聞界而言很重要，微博在新浪起來，而新浪微博的流量已經(jīng)超過了新浪門戶。在百度搜索某新聞，在頁面底端給出最新的微博結(jié)果。

　　視頻，信息技術(shù)不斷發(fā)展，視頻是無疑是最具潛力的媒體形式。從信息傳遞角度講，視頻能夠簡單生動直接的呈現(xiàn)豐富的信息，具有文字和圖片無法比擬的優(yōu)勢。對于即時報道，電視就得安排在特定時間檔播出，而無線直播擁有更強(qiáng)烈的即時性和現(xiàn)場感。人們越來越脫離電視走向網(wǎng)絡(luò)視頻，其中有大量可隨時隨地觀看的資源。

　　據(jù)艾瑞報告顯示，2012年在線視頻已經(jīng)成為用戶日均使用時間最長的網(wǎng)絡(luò)應(yīng)用，是中國最大的應(yīng)用，用戶規(guī)模還在在不斷擴(kuò)大。而騰訊視頻的月用戶覆蓋量僅次于優(yōu)酷，位列第二，目前具有最大的發(fā)展?jié)摿Α＝酉聛恚�各視頻網(wǎng)站在內(nèi)容、服務(wù)和平臺方面的投入也會更加完善，在線視頻或?qū)⒃俅斡瓉戆l(fā)展高峰。

　　移動互聯(lián)，是未來。未來已來。似乎短暫的一陣子，黑莓與諾基亞從高端落入少人問津，蘋果和android占去了人們的視線，身邊絕大部同學(xué)兜著一個智能機(jī)。移動互聯(lián)以不可思議的速度遍布開來。據(jù)CNNIC最新數(shù)據(jù)，截至今年6月底，手機(jī)網(wǎng)民達(dá)3.88億，首次超越PC，移動成為第一大上網(wǎng)終端。聽聞蔡文勝如是言，自己已經(jīng)不再投PC互聯(lián)網(wǎng)項目，只投資移動互聯(lián)網(wǎng)項目，甚至說“PC已死”。他的話僅當(dāng)一個參考，但是可見現(xiàn)如今是移動互聯(lián)的爆速發(fā)展的時期，好多重要應(yīng)用旁邊標(biāo)注有“手機(jī)版”三個字，未來的門戶主戰(zhàn)場是移動互聯(lián)網(wǎng)。

　　奧運(yùn)中……

　　騰訊網(wǎng)在奧運(yùn)前完成深度整合，我們來看看整合帶來的即時效應(yīng)。在騰訊網(wǎng)首要位置的“倫敦奧運(yùn)”欄目中，視頻與微博撐起奧運(yùn)的大壁江山。騰訊奧運(yùn)頁(2012.qq.com)，大半數(shù)報道是以微博和視頻展開。我們看到報道奧運(yùn)中，微博和視頻不可缺席的地位，必須整合。

　　騰訊本來各方面就比較有實(shí)力，微博正在發(fā)力僅次于新浪，視頻僅次于優(yōu)酷，無線微信風(fēng)頭十足，門戶在改版之前就列于高位。整合之后，騰訊網(wǎng)綜合優(yōu)勢將更加突出。加之騰訊在為做足了人力物力和時間的準(zhǔn)備，國際上都驚嘆騰訊對奧運(yùn)報道能力!

　　7月3日凌晨，一向嚴(yán)謹(jǐn)?shù)尿v訊以打造“下一代騰訊網(wǎng)為口號”完成“騰訊網(wǎng)上線以來最大規(guī)模的一次改版調(diào)整”。

　　那么新舊版有哪些改變呢?

　　點(diǎn)擊頂部 “新版介紹”，看看改版人想告知我們的改變是什么。

　　一鍵登錄：

　　一鍵登錄微博空間郵箱朋友。登錄后，用戶可以實(shí)現(xiàn)一些個性化的設(shè)置。此外，還可以根據(jù)登錄ID收集相關(guān)數(shù)據(jù)，分析數(shù)據(jù)后實(shí)現(xiàn)信息的智能推送。有人強(qiáng)烈表示，必須明確由用戶決定自己要不要這項服務(wù)，google就曾因涉及到用戶隱私而被起訴。筆者覺得，看到“猜你喜歡”這樣的字眼，并不討厭。搜索引擎能成為上網(wǎng)的第一站，是因?yàn)樗�能從海量信息中給找出我們想要。即便是廣告，如果是自己所需的，也會相當(dāng)接納，我想智能推送是有未來的。

　　大家愛看：

　　這一塊聚集了近幾個小時的熱點(diǎn)微博。此模塊上方是騰訊服務(wù)模塊，服務(wù)模塊擁有很高的地位哦，在上一版本中，它可是處于最顯要的位置哦^o^。細(xì)看“大家愛看”列表，其中讓筆者有點(diǎn)擊沖動的還蠻多。鼠標(biāo)落上去后，會顯示一張圖片和文字摘要，可以直接轉(zhuǎn)播和評論。喜歡它鼠標(biāo)滑過標(biāo)題的流暢質(zhì)感，喜歡它左上部的那個小點(diǎn)，和由小點(diǎn)引發(fā)的細(xì)長漸變。

　　不過，不喜歡微博欄目“大家愛看”這個名字!很多時候，“大家愛看”四個大字下面,直接呈現(xiàn)的是天災(zāi)人禍，或哀傷憤恨之的事。是不是大家都”愛看”這樣的不幸，愛其越多越好?當(dāng)然不是，“愛”只不過是欄目標(biāo)題的習(xí)慣用詞而已。抑或是我個人的偏執(zhí)，總感覺有點(diǎn)尷尬不舒服，換一個名字吧，如“大家在看”“微博熱議”“熱點(diǎn)聚焦” “熱點(diǎn)翻滾”……人性化一點(diǎn)噻，但凡好多取別的名字可取對吧!

　　自選股，影視個人中心，讀書個人中心：

　　分別點(diǎn)擊“財經(jīng)”欄目下“我的自選股”，“影視大片”和“讀書”欄目下的“個人中心”，將跳轉(zhuǎn)到用戶的個人頁面。并且自選股頂部標(biāo)注有“手機(jī)版”。以前門戶只是單向的向用戶呈現(xiàn)信息，而現(xiàn)在門戶希望用戶有更高的參與度，希望有一來一往的互動。雖然沒有好友功能，不是用戶與用戶之間的社區(qū)互動，但筆者覺得它現(xiàn)在還比較簡單以后會有更加豐富的東西。

　　騰訊視頻

　　對比三個頁面不難發(fā)現(xiàn)騰訊視頻界面最漂亮。設(shè)計感趨于青春年少，看得出用戶群的年輕。發(fā)現(xiàn)騰訊有一個規(guī)律：那些設(shè)計得好的頁面，說明了該產(chǎn)品受到了重視，花了比較多的心力去經(jīng)營，而某些產(chǎn)品，過時老氣，界面絲毫沒有設(shè)計可言，一般是沒有怎么放重兵的。嗯，也有可能是人力不足，先把功能齊備，或是先做運(yùn)營再做產(chǎn)品，等等諸多理由。

　　不過，一系列優(yōu)美的界面，一般都詔示著，這個產(chǎn)品它正在受到重視。是不是相比起來，讀書欄目的個人中心的界面，就沒有視頻的個人中心的界面可人呢?什么叫區(qū)別對待呀。目前，騰訊視頻實(shí)現(xiàn)覆蓋超過90%熱門影視劇內(nèi)容。而且騰訊視頻接納用戶生產(chǎn)內(nèi)容，同時和影視公司與電視臺合作制作節(jié)目，培養(yǎng)自己的導(dǎo)演，輸出“騰訊出品“原創(chuàng)內(nèi)容。看到此處重兵云集，也許現(xiàn)在可以理解，為什么騰訊視頻在2011年4月進(jìn)入市場以后迅猛發(fā)展。

　　前面說到為了門戶的發(fā)展門戶應(yīng)該與 微博和視頻整合，現(xiàn)在我們可以看到，騰訊在微博和視頻上都有相當(dāng)大的投入，為了微博和視頻的發(fā)展，微博和視頻應(yīng)該與門戶整合。

　　界面

　　改版后，外界好評度頗高。我想除去其他，一個美好的界面往往可以幫助產(chǎn)品在第一時間內(nèi)為用戶所接受。下面，來單單地說一下，界面。

　　缺點(diǎn)

　　1、重點(diǎn)散落。模塊內(nèi)重點(diǎn)區(qū)分度低。

　　整張頁面各個模的重點(diǎn)散落在各個模塊里，幸好秉著挑選精華的原則，這個頁面還不長。而每個模塊中標(biāo)題整齊一致，重點(diǎn)區(qū)分度很低，一眼望去瞄不出幾個重點(diǎn)，要細(xì)讀標(biāo)題，才能有所發(fā)現(xiàn)。快速瀏覽已經(jīng)成為慣例，早已忘了中學(xué)課堂上仔仔細(xì)細(xì)看那些字的感覺。很多時候，不會去仔細(xì)對待一塊新聞列表，有甚至是新聞自己跳到我們眼前。雖然頁面很很精致，但列表成行，整齊一致，重點(diǎn)表現(xiàn)力差。

　　百度的“實(shí)時熱點(diǎn)”挺好的，它顯示的是所有類別的實(shí)時新聞，即使不關(guān)注新聞人看到了也會想去點(diǎn)擊一下哦。

　　建議：增強(qiáng)“要聞”的吸引力，有較快的更新速度，各類重點(diǎn)歸集于此。要突出重點(diǎn)時，可以在設(shè)計上犧牲下，用醒目其他顏色標(biāo)注標(biāo)題。

　　2、點(diǎn)擊過鏈接毫無區(qū)分

　　擊過的鏈接與沒有點(diǎn)擊過的鏈接絲毫不做區(qū)分!行行排布的整齊一致的標(biāo)題，沒有一丁點(diǎn)的不同，來區(qū)分哪些是已經(jīng)看過的。難道用戶該去那一堆堆，整齊一致的列表中找哪些是今天新更新的么?想必是欠你什么。

　　更讓人意想不到想不明白的是，所有的新聞門戶網(wǎng)站做法都是一樣的!難道是顧慮到，怕用戶打開的時看到滿屏盡是點(diǎn)過的鏈接。顯得自己更新多慢似的，如果真的是這樣的話，何必掩耳盜鈴,何況現(xiàn)今的信息更新速度十年前是比不了得，難道是一直慣忽略了這點(diǎn)沒改變。

　　覺得點(diǎn)過鏈接加以區(qū)分有一下好處：

　　凸顯實(shí)時更新。“哇，有更新了，點(diǎn)開來看下!”

　　凸顯沒有點(diǎn)擊的鏈接。方便看到漏掉的新聞“咦，這個沒點(diǎn)過的鏈接，點(diǎn)開來看看”。

　　凸顯點(diǎn)擊過的鏈接。方便第二次打開“咦?昨天點(diǎn)開的那個專題今天還想看看在哪呢?”。

　　點(diǎn)過的鏈接不做區(qū)分!其實(shí)，對于這一點(diǎn)我個人很怨念。例如一開始我只是隨便看看，找重點(diǎn)，但是那天我有點(diǎn)閑，想多看看，去很難找那些是自己沒有看過的，永遠(yuǎn)也不會有那種自己看完了全部新聞的成就感。希望在以后的某天我可以清晰的看到我沒有點(diǎn)過的鏈接，清晰的看到更新，我會試試看那種點(diǎn)完一屏新聞的感覺。

　　建議：考慮降低改變對頁面的影響，可以將點(diǎn)過的鏈接變?yōu)闇\灰色，作為區(qū)分。

　　優(yōu)點(diǎn)

　　下面說說優(yōu)點(diǎn)。

　　1、寬松不擁擠

　　一眼望去，頭部寬松的將，搜索框襯托得閑淡簡約，自信別致且謙遜，很舒服。在一向擁擠龐雜難門戶頁感受到了留白，是多么可貴呀。文字行距較大，而且頁面長度也較短，約4200px，搜狐網(wǎng)易約5000px，新浪鳳凰約6000px。顯然內(nèi)容精化了，但是申言“門戶得有全面的內(nèi)容”的人，并看好這一點(diǎn)。筆者覺得這只是首頁對不對，鏈接后面是比較豐富的，必要熱點(diǎn)會有詳細(xì)專題。何況，只要是自己有新聞就不會有藏著，總會想著辦法讓它面世，除非沒有。

　　2、一致性

　　簡潔清新的頁面，頁面流暢自然，文字明晰干凈疏落整齊，內(nèi)容模塊悅目舒心。流暢明晰，很到程度上歸功于頁面設(shè)計強(qiáng)大的一致性。對比一下舊版頁面，標(biāo)題12px14px各種行距，新版頁面統(tǒng)一整齊14px一致行距。各模塊內(nèi)容呈現(xiàn)格局大體相似。從上到下，模塊間的分隔線風(fēng)格統(tǒng)一外表類似。

　　查看舊版頁面的網(wǎng)址：http://www.infomall.cn/cgi-bin/arcv-nohead/20100913/http://www.qq.com/

　　3、用線條而不用框

　　內(nèi)容的劃分由框走到了線。框有約束感，而線明晰簡約，感覺輕一點(diǎn)自由一點(diǎn)。框有比較強(qiáng)的分隔感，框太多，會讓人覺得這一塊那一塊，頁面內(nèi)容繁多。而線條劃分類容，可以減弱分隔感，增強(qiáng)頁面的整體融和感，自然流暢，一體感強(qiáng)。

　　4、一個減少頁面分隔感的細(xì)節(jié)

　　舊版騰訊服務(wù)，藍(lán)色文字列表在左邊，而新版沒有直接那樣做，將它改動到了右邊。很少有設(shè)計會把歸類文字放在右邊，一般都是放在左邊。可見是經(jīng)過設(shè)計師的一番用心的。如果放在左邊，對于全局而言，就會感到頁面被一條藍(lán)色給分了，分隔感增強(qiáng)，整體感減弱。很喜歡設(shè)計師的這個用心哈。

　　5、用色

　　用色干凈，去濁存清，比較喜歡這個頁面的用色。文字明晰，整個頁面沒有濁的地方。去掉原來稍顯厚重的漸變和圓角，放棄以前渾濁的底色的背景，或用一縷淺淡，自然純凈。相對于舊版而言，就感覺是抹去了上面的灰塵。相對于新浪網(wǎng)易搜狐，這個用色是極致的文藝小清新啊。有點(diǎn)小覺悟那個流傳已久的說法，騰訊的用戶大都比較年輕。不過，相比起來，騰訊視頻和qq音樂的界面，那才叫萌和低齡。

　　新舊版文字配色如下圖：

　　6、廣告

　　說實(shí)話，廣告很影響一個頁面的氣質(zhì)。廣告分布規(guī)整，圖畫質(zhì)感較高，全是字的頁面，也需要圖片來輕靈生動一下。廣告不少，但沒有粗放質(zhì)量，花花綠綠，叫囂亂蹦，不顧及設(shè)計的廣告，廣告和設(shè)計走到了一體，設(shè)計師功不可沒。 分別打開騰訊(2012.qq.com)新浪(2012.sina.com.cn)搜狐(2012.sohu.com)網(wǎng)易(2012.163.com)的奧運(yùn)頁面。騰訊的廣告是，耐克和可口可樂。新浪是，一個足球?qū)W校廣告。搜狐是建信基金，網(wǎng)易是加多寶。品質(zhì)，品牌，我想我已經(jīng)不需要再多說什么了。不知道四年以后的奧運(yùn)，會是誰奔走活躍，英雄悲戚之感霎來。

　　7、大氣

　　只是覺得的頁面挺漂亮的，其實(shí)秀美之中隱含著大氣呢。在新浪，搜狐，網(wǎng)易頁面寬度還停留在約為960px，970px，980px的尺度上，遍布12px字號時。騰訊的頁面寬度約為1000px，字號遍布14px。

　　google極簡，蘋果光感，metro平板和近來流行的小清新風(fēng)格，都在這個頁面中小小顯現(xiàn)。不過，但是，其實(shí)，而且，更多,是設(shè)計師自己的超越。很喜歡這個頁面，第一眼看到她的時候，即被擊中，深感言辭乏力。

　　她承載著使命而來，也許她不能完全成功，但是她在向自己的目標(biāo)邁近。騰訊網(wǎng)已經(jīng)走在了其他門戶的前面，而其門戶也必將迎來自己的改版，不知會有怎樣的變化。也有人說，在互聯(lián)網(wǎng)這個地方，一開始可以不是對的，重要的是在迭代中不斷修正。這只是開始，等待將來。

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]