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