騰訊網首頁誕生的艱辛歷程
醞釀了將近一個春夏秋冬的騰訊網首頁終于亮劍!反響熱烈!讓我們來分享它成功背后的酸甜苦辣吧。
騰訊網首頁改版終于開花結果。于2008年3月25日6:00準時上線。整整一年的時間,經歷了無數次的挫折和挑戰,無數次的等待和蛻變,終于破繭化蝶。本次改版完全顛覆性的大膽嘗試,邁出了建站以來至為關鍵的一步。
一、QQ首頁改版背景
無論是從用戶體驗還是頁面結構設計來看舊版的騰訊網首頁都已不能很好的滿足用戶的需求和承載公司的業務展現了。QQ.Com是公司級平臺,為了鞏固現有門戶的媒體資訊優勢,加強公司其他業務的拉動,打造中國第一的網絡平臺,提高公司的影響力,重新規劃和設計現有的網站刻不容緩。這中間我們將面臨最大的挑戰是:
1.如何平衡資訊/業務/廣告的需求?繁雜的內容如何通過板塊劃分來合理布局和協調?
2.如何突顯自己的風格?既容易被大眾接受又不乏個性化?
這些看似矛盾的諸多方面將是我們本次改版的關鍵點和難點。
往年的QQ首頁對比大觀:
二、QQ首頁引人矚目的亮點
本次改版經歷了無數次腦爆,無數次破陳推新,積累了很多別出心裁的閃光點,也淘汰了很多不合時宜或者過于前衛的想法,最后留下來的是最寶貴的沉淀。
1. 個性化換膚設計:一方面突出soso的表現,一方面借此位置展現豐富個性的皮膚設計:
2. 新穎的天氣icon:細膩的天氣圖標將是頁面上的點睛之筆,該套天氣圖標的風格將會延續應用到所有其他公司產品上。
3. 布局的大膽整合:強化推廣業務的能力,增加用戶的互動性。新聞區滿足地區用戶個性化的定制。
4. 其他調整:
頁面寬度:為適應寬頻的普及,本次采用了910尺寸,承載更多的信息量。
文字大?。翰捎谩?4”號字體 ,適應寬屏的顯示。并使用戶閱讀過程滿意度更高。
視頻廣告:提供更加豐富的廣告表現方式,提升廣告價值,給用戶帶來全新的視聽享受。
三、騰訊網首頁蛻變的七次歷程
騰訊網首頁是跨團隊合作的項目,最終的成功上線與完善科學的工作流程分不開的,更與整個團隊的奮斗分不開的。
設計流程:
需求分析——交互設計——視覺設計
1.專業的需求分析:
全面的戰略規劃/用戶分析/競品分析
2.激情的交互創新:
交互體驗的創新是交互設計階段最頭疼的一件事情,經歷了無數次的嘗試,這是能力和耐力的較量,是精益求精的雕琢,一個小小的button優化都可能直接影響著點擊量和收入的變化,這中間太多的挫折和考驗…
3.坎坷的視覺之路:
成功=無數次失敗+ 永不言敗。
迄今為止,參與過QQ首頁設計的視覺設計師有9位之多。我們摸索了近一年的時間。
這中間嘗試的設計稿不計其數,大的風格調整就多達十幾次。所有設計稿件近百份。
讓我們看看業務導航區的細節調整稿:
風格演變過程:
這一年時間里,經過和Pony的七次碰撞,也是QQ首頁經歷最重要的七個階段。Pony有時甚至親自指導:每一個模塊的位置和表現、文字的大小和顏色;包括業務導航區的每一個產品都是他親自斟酌敲定。
2008年03月25日6:00,這激動人心的時刻,所有人都坐立在電腦面前,刷新!刷新!再刷新!看到新版的那一刻沸騰了,我們期待的太久,激動的心狂跳不止,無法用言語表達,大家不約而同的鼓掌慶祝,這一刻我們終于等來了。
四、騰訊網首頁改版的滿意度調查
本次上線同時對外發布了《騰訊網首頁改版用戶滿意度調查》問卷,讓我們第一時間聽到用戶的反饋聲音……
“改版后的風格更加簡潔,專業。更加像一個門戶網站了。多了一個清新的SOSO導航搜索工具,并且可以自定義10種顏色, 同時顯示當地的天氣情況。 ”
“騰訊網首頁今日改版。新版界面第一直觀感受,大氣、信息、熱點體現到到位。還提供了10套顏色樣式供選擇,很個性,很2.0 ,呵呵?!?br />
“今天晚上突然發現QQ.com改版了,打開頁面后,感覺眼前一亮,比以前漂亮了很多,而且版面設置也比以前合理了,看起來也比舊版的更加簡潔明了,一目了然,不像舊版的那樣給人以很亂的感覺。
“新的QQ主頁支持換膚功能,可以選自己喜歡的樣式,和Yahoo的類似,不過Yahoo的只能換顏色,而QQ的還有花紋圖案,比Yahoo的要高檔一些,哈哈~”
“昨天見證了騰訊網首頁改版!
一大清早上騰訊網首頁也沒有發現它改版了,晚上回到家里,把騰訊網一打開發現首頁變化好多,全新的界面,帥呆了!
反正挺激動了,越來越明晰了,一個字形容,帥閉了!”
本次回收了有效樣本上萬份,根據新版得分的平均分和分布情況判斷,對新版的滿意度較高。并且平均分值相比同類網站都要高。5分以上占56.8%(7分制)。說明騰訊網首頁改版較為成功,并且比騰訊以往的改版數據都要振奮人心。
CDC一直期望能為大家展現每一次的高水準的作品,本次改版還有很多不足之處,但我們會不斷的摸索和嘗試,全力以赴的精益求精,努力打造“中國第一網絡平臺”。
附:騰訊網 http://www.qq.com
- (本文出自Tencent CDC Blog,轉載時請注明出處)
- 目前還沒評論,等你發揮!