騰訊網改版 一個美麗的開始 |
發布時間: 2012/9/13 15:05:10 |
信息格局的變化促使騰訊網改版以打通,門戶,博客,視頻,移動,深度整合自身優質資源。改版界面清晰簡約,設計流暢,美好的界面值相當難得。
騰訊網網址:www.qq.com ,一個新聞門戶能有這樣的界面讓我始料未及。也許并不是每個人都能有我這樣深體會吧,設計過的人當有感它的不易。 騰訊網為什么改版? Facebook、Youtube、Twitter、移動應用,發展迅猛,而新聞門戶鼻祖雅虎陷入頹勢。十幾年前,門戶引以為傲的是自己提供了全面豐富的信息目錄。而現在人們更多的是以社交網絡,社會化媒體,視頻,移動互聯作為入口來獲取信息。騰訊網總編輯陳菊紅,強調“當平臺不再是第一個入口的時候,我們就該認識到我們的內容到了深度化運行的時候,讓騰訊旗下的騰訊微博、騰訊視頻、騰訊網深度結合,釋放更大的能量。” 微博,社會化媒體。擁有不可思議的速度,海量碎片化的數據,極高的用戶參與度與傳播力。微博是很多名人對話世界觀眾和各界媒體的一個端口,是媒體采稿的重要信息來源。各種細節在微博成為沸點,烏龍事件不斷“歡樂”冒泡,輿論熱點無盡翻騰。 在倫敦奧運拉開的“全球媒體大戰”中,微博成為其中不可忽視的新興力量。易思玲奪冠在60秒內被上千萬的轉發,關于孫楊的圍脖總會引來yy不斷,劉翔一摔,民眾的海量微博引得新浪服務器宕機。十分之一的地球人通過,微博推特臉書看奧運,國際奧委會官方表示倫敦為史上最社交化的一次奧運。微博更可以打破了時間與空間的隔閡,用“秒推”帶來“零時差”“零距離”的真實現場。筆者深深感到微博于當今新聞界而言很重要,微博在新浪起來,而新浪微博的流量已經超過了新浪門戶。在百度搜索某新聞,在頁面底端給出最新的微博結果。
視頻,信息技術不斷發展,視頻是無疑是最具潛力的媒體形式。從信息傳遞角度講,視頻能夠簡單生動直接的呈現豐富的信息,具有文字和圖片無法比擬的優勢。對于即時報道,電視就得安排在特定時間檔播出,而無線直播擁有更強烈的即時性和現場感。人們越來越脫離電視走向網絡視頻,其中有大量可隨時隨地觀看的資源。 據艾瑞報告顯示,2012年在線視頻已經成為用戶日均使用時間最長的網絡應用,是中國最大的應用,用戶規模還在在不斷擴大。而騰訊視頻的月用戶覆蓋量僅次于優酷,位列第二,目前具有最大的發展潛力。接下來,各視頻網站在內容、服務和平臺方面的投入也會更加完善,在線視頻或將再次迎來發展高峰。 移動互聯,是未來。未來已來。似乎短暫的一陣子,黑莓與諾基亞從高端落入少人問津,蘋果和android占去了人們的視線,身邊絕大部同學兜著一個智能機。移動互聯以不可思議的速度遍布開來。據CNNIC最新數據,截至今年6月底,手機網民達3.88億,首次超越PC,移動成為第一大上網終端。聽聞蔡文勝如是言,自己已經不再投PC互聯網項目,只投資移動互聯網項目,甚至說“PC已死”。他的話僅當一個參考,但是可見現如今是移動互聯的爆速發展的時期,好多重要應用旁邊標注有“手機版”三個字,未來的門戶主戰場是移動互聯網。 奧運中…… 騰訊網在奧運前完成深度整合,我們來看看整合帶來的即時效應。在騰訊網首要位置的“倫敦奧運”欄目中,視頻與微博撐起奧運的大壁江山。騰訊奧運頁(2012.qq.com),大半數報道是以微博和視頻展開。我們看到報道奧運中,微博和視頻不可缺席的地位,必須整合。 騰訊本來各方面就比較有實力,微博正在發力僅次于新浪,視頻僅次于優酷,無線微信風頭十足,門戶在改版之前就列于高位。整合之后,騰訊網綜合優勢將更加突出。加之騰訊在為做足了人力物力和時間的準備,國際上都驚嘆騰訊對奧運報道能力!
7月3日凌晨,一向嚴謹的騰訊以打造“下一代騰訊網為口號”完成“騰訊網上線以來最大規模的一次改版調整”。 那么新舊版有哪些改變呢? 點擊頂部 “新版介紹”,看看改版人想告知我們的改變是什么。
一鍵登錄: 一鍵登錄微博空間郵箱朋友。登錄后,用戶可以實現一些個性化的設置。此外,還可以根據登錄ID收集相關數據,分析數據后實現信息的智能推送。有人強烈表示,必須明確由用戶決定自己要不要這項服務,google就曾因涉及到用戶隱私而被起訴。筆者覺得,看到“猜你喜歡”這樣的字眼,并不討厭。搜索引擎能成為上網的第一站,是因為它能從海量信息中給找出我們想要。即便是廣告,如果是自己所需的,也會相當接納,我想智能推送是有未來的。 大家愛看: 這一塊聚集了近幾個小時的熱點微博。此模塊上方是騰訊服務模塊,服務模塊擁有很高的地位哦,在上一版本中,它可是處于最顯要的位置哦^o^。細看“大家愛看”列表,其中讓筆者有點擊沖動的還蠻多。鼠標落上去后,會顯示一張圖片和文字摘要,可以直接轉播和評論。喜歡它鼠標滑過標題的流暢質感,喜歡它左上部的那個小點,和由小點引發的細長漸變。 不過,不喜歡微博欄目“大家愛看”這個名字!很多時候,“大家愛看”四個大字下面,直接呈現的是天災人禍,或哀傷憤恨之的事。是不是大家都”愛看”這樣的不幸,愛其越多越好?當然不是,“愛”只不過是欄目標題的習慣用詞而已。抑或是我個人的偏執,總感覺有點尷尬不舒服,換一個名字吧,如“大家在看”“微博熱議”“熱點聚焦” “熱點翻滾”……人性化一點噻,但凡好多取別的名字可取對吧!
自選股,影視個人中心,讀書個人中心: 分別點擊“財經”欄目下“我的自選股”,“影視大片”和“讀書”欄目下的“個人中心”,將跳轉到用戶的個人頁面。并且自選股頂部標注有“手機版”。以前門戶只是單向的向用戶呈現信息,而現在門戶希望用戶有更高的參與度,希望有一來一往的互動。雖然沒有好友功能,不是用戶與用戶之間的社區互動,但筆者覺得它現在還比較簡單以后會有更加豐富的東西。
騰訊視頻 對比三個頁面不難發現騰訊視頻界面最漂亮。設計感趨于青春年少,看得出用戶群的年輕。發現騰訊有一個規律:那些設計得好的頁面,說明了該產品受到了重視,花了比較多的心力去經營,而某些產品,過時老氣,界面絲毫沒有設計可言,一般是沒有怎么放重兵的。嗯,也有可能是人力不足,先把功能齊備,或是先做運營再做產品,等等諸多理由。 不過,一系列優美的界面,一般都詔示著,這個產品它正在受到重視。是不是相比起來,讀書欄目的個人中心的界面,就沒有視頻的個人中心的界面可人呢?什么叫區別對待呀。目前,騰訊視頻實現覆蓋超過90%熱門影視劇內容。而且騰訊視頻接納用戶生產內容,同時和影視公司與電視臺合作制作節目,培養自己的導演,輸出“騰訊出品“原創內容。看到此處重兵云集,也許現在可以理解,為什么騰訊視頻在2011年4月進入市場以后迅猛發展。 前面說到為了門戶的發展門戶應該與 微博和視頻整合,現在我們可以看到,騰訊在微博和視頻上都有相當大的投入,為了微博和視頻的發展,微博和視頻應該與門戶整合。 界面 改版后,外界好評度頗高。我想除去其他,一個美好的界面往往可以幫助產品在第一時間內為用戶所接受。下面,來單單地說一下,界面。 缺點 1、重點散落。模塊內重點區分度低。 整張頁面各個模的重點散落在各個模塊里,幸好秉著挑選精華的原則,這個頁面還不長。而每個模塊中標題整齊一致,重點區分度很低,一眼望去瞄不出幾個重點,要細讀標題,才能有所發現。快速瀏覽已經成為慣例,早已忘了中學課堂上仔仔細細看那些字的感覺。很多時候,不會去仔細對待一塊新聞列表,有甚至是新聞自己跳到我們眼前。雖然頁面很很精致,但列表成行,整齊一致,重點表現力差。
百度的“實時熱點”挺好的,它顯示的是所有類別的實時新聞,即使不關注新聞人看到了也會想去點擊一下哦。
建議:增強“要聞”的吸引力,有較快的更新速度,各類重點歸集于此。要突出重點時,可以在設計上犧牲下,用醒目其他顏色標注標題。 2、點擊過鏈接毫無區分 擊過的鏈接與沒有點擊過的鏈接絲毫不做區分!行行排布的整齊一致的標題,沒有一丁點的不同,來區分哪些是已經看過的。難道用戶該去那一堆堆,整齊一致的列表中找哪些是今天新更新的么?想必是欠你什么。 更讓人意想不到想不明白的是,所有的新聞門戶網站做法都是一樣的!難道是顧慮到,怕用戶打開的時看到滿屏盡是點過的鏈接。顯得自己更新多慢似的,如果真的是這樣的話,何必掩耳盜鈴,何況現今的信息更新速度十年前是比不了得,難道是一直慣忽略了這點沒改變。 覺得點過鏈接加以區分有一下好處: 凸顯實時更新。“哇,有更新了,點開來看下!” 凸顯沒有點擊的鏈接。方便看到漏掉的新聞“咦,這個沒點過的鏈接,點開來看看”。 凸顯點擊過的鏈接。方便第二次打開“咦?昨天點開的那個專題今天還想看看在哪呢?”。 點過的鏈接不做區分!其實,對于這一點我個人很怨念。例如一開始我只是隨便看看,找重點,但是那天我有點閑,想多看看,去很難找那些是自己沒有看過的,永遠也不會有那種自己看完了全部新聞的成就感。希望在以后的某天我可以清晰的看到我沒有點過的鏈接,清晰的看到更新,我會試試看那種點完一屏新聞的感覺。 建議:考慮降低改變對頁面的影響,可以將點過的鏈接變為淺灰色,作為區分。 優點 下面說說優點。
1、寬松不擁擠 一眼望去,頭部寬松的將,搜索框襯托得閑淡簡約,自信別致且謙遜,很舒服。在一向擁擠龐雜難門戶頁感受到了留白,是多么可貴呀。文字行距較大,而且頁面長度也較短,約4200px,搜狐網易約5000px,新浪鳳凰約6000px。顯然內容精化了,但是申言“門戶得有全面的內容”的人,并看好這一點。筆者覺得這只是首頁對不對,鏈接后面是比較豐富的,必要熱點會有詳細專題。何況,只要是自己有新聞就不會有藏著,總會想著辦法讓它面世,除非沒有。 2、一致性 簡潔清新的頁面,頁面流暢自然,文字明晰干凈疏落整齊,內容模塊悅目舒心。流暢明晰,很到程度上歸功于頁面設計強大的一致性。對比一下舊版頁面,標題12px14px各種行距,新版頁面統一整齊14px一致行距。各模塊內容呈現格局大體相似。從上到下,模塊間的分隔線風格統一外表類似。 查看舊版頁面的網址:http://www.infomall.cn/cgi-bin/arcv-nohead/20100913/http://www.qq.com/
3、用線條而不用框 內容的劃分由框走到了線。框有約束感,而線明晰簡約,感覺輕一點自由一點。框有比較強的分隔感,框太多,會讓人覺得這一塊那一塊,頁面內容繁多。而線條劃分類容,可以減弱分隔感,增強頁面的整體融和感,自然流暢,一體感強。 4、一個減少頁面分隔感的細節 舊版騰訊服務,藍色文字列表在左邊,而新版沒有直接那樣做,將它改動到了右邊。很少有設計會把歸類文字放在右邊,一般都是放在左邊。可見是經過設計師的一番用心的。如果放在左邊,對于全局而言,就會感到頁面被一條藍色給分了,分隔感增強,整體感減弱。很喜歡設計師的這個用心哈。
5、用色 用色干凈,去濁存清,比較喜歡這個頁面的用色。文字明晰,整個頁面沒有濁的地方。去掉原來稍顯厚重的漸變和圓角,放棄以前渾濁的底色的背景,或用一縷淺淡,自然純凈。相對于舊版而言,就感覺是抹去了上面的灰塵。相對于新浪網易搜狐,這個用色是極致的文藝小清新啊。有點小覺悟那個流傳已久的說法,騰訊的用戶大都比較年輕。不過,相比起來,騰訊視頻和qq音樂的界面,那才叫萌和低齡。 新舊版文字配色如下圖:
6、廣告 說實話,廣告很影響一個頁面的氣質。廣告分布規整,圖畫質感較高,全是字的頁面,也需要圖片來輕靈生動一下。廣告不少,但沒有粗放質量,花花綠綠,叫囂亂蹦,不顧及設計的廣告,廣告和設計走到了一體,設計師功不可沒。 分別打開騰訊(2012.qq.com)新浪(2012.sina.com.cn)搜狐(2012.sohu.com)網易(2012.163.com)的奧運頁面。騰訊的廣告是,耐克和可口可樂。新浪是,一個足球學校廣告。搜狐是建信基金,網易是加多寶。品質,品牌,我想我已經不需要再多說什么了。不知道四年以后的奧運,會是誰奔走活躍,英雄悲戚之感霎來。 7、大氣 只是覺得的頁面挺漂亮的,其實秀美之中隱含著大氣呢。在新浪,搜狐,網易頁面寬度還停留在約為960px,970px,980px的尺度上,遍布12px字號時。騰訊的頁面寬度約為1000px,字號遍布14px。 google極簡,蘋果光感,metro平板和近來流行的小清新風格,都在這個頁面中小小顯現。不過,但是,其實,而且,更多,是設計師自己的超越。很喜歡這個頁面,第一眼看到她的時候,即被擊中,深感言辭乏力。 她承載著使命而來,也許她不能完全成功,但是她在向自己的目標邁近。騰訊網已經走在了其他門戶的前面,而其門戶也必將迎來自己的改版,不知會有怎樣的變化。也有人說,在互聯網這個地方,一開始可以不是對的,重要的是在迭代中不斷修正。這只是開始,等待將來。 本文出自:億恩科技【www.laynepeng.cn】 |