技術(shù)資訊
騰訊網(wǎng)首頁誕生的艱辛歷程
2008-10-22 08:36:00
醞釀了將近一個(gè)春夏秋冬的騰訊網(wǎng)首頁終于亮劍!反響熱烈!讓我們來分享它成功背后的酸甜苦辣吧。
騰訊網(wǎng)首頁改版終于開花結(jié)果。于2008年3月25日6:00準(zhǔn)時(shí)上線。整整一年的時(shí)間,經(jīng)歷了無數(shù)次的挫折和挑戰(zhàn),無數(shù)次的等待和蛻變,終于破繭化蝶。本次改版完全顛覆性的大膽嘗試,邁出了建站以來至為關(guān)鍵的一步。
一、QQ首頁改版背景
無論是從用戶體驗(yàn)還是頁面結(jié)構(gòu)設(shè)計(jì)來看舊版的騰訊網(wǎng)首頁都已不能很好的滿足用戶的需求和承載公司的業(yè)務(wù)展現(xiàn)了。QQ.Com是公司級平臺,為了鞏固現(xiàn)有門戶的媒體資訊優(yōu)勢,加強(qiáng)公司其他業(yè)務(wù)的拉動,打造中國第一的網(wǎng)絡(luò)平臺,提高公司的影響力,重新規(guī)劃和設(shè)計(jì)現(xiàn)有的網(wǎng)站刻不容緩。這中間我們將面臨最大的挑戰(zhàn)是:
1.如何平衡資訊/業(yè)務(wù)/廣告的需求?繁雜的內(nèi)容如何通過板塊劃分來合理布局和協(xié)調(diào)?
2.如何突顯自己的風(fēng)格?既容易被大眾接受又不乏個(gè)性化?
這些看似矛盾的諸多方面將是我們本次改版的關(guān)鍵點(diǎn)和難點(diǎn)。
往年的QQ首頁對比大觀:
二、QQ首頁引人矚目的亮點(diǎn)
本次改版經(jīng)歷了無數(shù)次腦爆,無數(shù)次破陳推新,積累了很多別出心裁的閃光點(diǎn),也淘汰了很多不合時(shí)宜或者過于前衛(wèi)的想法,最后留下來的是最寶貴的沉淀。
1. 個(gè)性化換膚設(shè)計(jì):一方面突出soso的表現(xiàn),一方面借此位置展現(xiàn)豐富個(gè)性的皮膚設(shè)計(jì):
2. 新穎的天氣icon:細(xì)膩的天氣圖標(biāo)將是頁面上的點(diǎn)睛之筆,該套天氣圖標(biāo)的風(fēng)格將會延續(xù)應(yīng)用到所有其他公司產(chǎn)品上。
3. 布局的大膽整合:強(qiáng)化推廣業(yè)務(wù)的能力,增加用戶的互動性。新聞區(qū)滿足地區(qū)用戶個(gè)性化的定制。
4. 其他調(diào)整:
頁面寬度:為適應(yīng)寬頻的普及,本次采用了910尺寸,承載更多的信息量。
文字大小:采用“14”號字體 ,適應(yīng)寬屏的顯示。符合閱讀的流行趨勢。
視頻廣告:提供更加豐富的廣告表現(xiàn)方式,提升廣告價(jià)值,給用戶帶來全新的視聽享受。
三、騰訊網(wǎng)首頁蛻變的七次歷程
騰訊網(wǎng)首頁是跨團(tuán)隊(duì)合作的項(xiàng)目,最終的成功上線與科學(xué)的工作流程分不開的,更與整個(gè)團(tuán)隊(duì)的奮斗分不開的。
設(shè)計(jì)流程:
需求分析——交互設(shè)計(jì)——視覺設(shè)計(jì)
1.專業(yè)的需求分析:
全面的戰(zhàn)略規(guī)劃/用戶分析/競品分析
2.激情的交互創(chuàng)新:
交互體驗(yàn)的創(chuàng)新是交互設(shè)計(jì)階段最頭疼的一件事情,經(jīng)歷了無數(shù)次的嘗試,這是能力和耐力的較量,是精益求精的雕琢,一個(gè)小小的button優(yōu)化都可能直接影響著點(diǎn)擊量和收入的變化,這中間太多的挫折和考驗(yàn)…
3.坎坷的視覺之路:
成功=無數(shù)次失敗+ 永不言敗。
迄今為止,參與過QQ首頁設(shè)計(jì)的視覺設(shè)計(jì)師有9位之多。我們摸索了近一年的時(shí)間。
這中間嘗試的設(shè)計(jì)稿不計(jì)其數(shù),大的風(fēng)格調(diào)整就多達(dá)十幾次。所有設(shè)計(jì)稿件近百份。
讓我們看看業(yè)務(wù)導(dǎo)航區(qū)的細(xì)節(jié)調(diào)整稿:
風(fēng)格演變過程:
這一年時(shí)間里,經(jīng)過和“小馬哥”(馬化騰)的七次碰撞,也是QQ首頁經(jīng)歷最重要的七個(gè)階段,他有時(shí)甚至親自指導(dǎo):每一個(gè)模塊的位置和表現(xiàn)、文字的大小和顏色;包括業(yè)務(wù)導(dǎo)航區(qū)的每一個(gè)產(chǎn)品都是他親自斟酌敲定。
2008年03月25日6:00,這激動人心的時(shí)刻,所有人都坐立在電腦面前,刷新!刷新!再刷新!看到新版的那一刻沸騰了,我們期待的太久,激動的心狂跳不止,無法用言語表達(dá),大家不約而同的鼓掌慶祝,這一刻我們終于等來了。
四、騰訊網(wǎng)首頁改版的滿意度調(diào)查
本次上線同時(shí)對外發(fā)布了《騰訊網(wǎng)首頁改版用戶滿意度調(diào)查》問卷,讓我們第一時(shí)間聽到用戶的反饋聲音……
“改版后的風(fēng)格更加簡潔,專業(yè)。更加像一個(gè)門戶網(wǎng)站了。多了一個(gè)清新的SOSO導(dǎo)航搜索工具,并且可以自定義10種顏色, 同時(shí)顯示當(dāng)?shù)氐奶鞖馇闆r。 ”
“騰訊網(wǎng)首頁今日改版。新版界面第一直觀感受,大氣、信息、熱點(diǎn)體現(xiàn)到到位。還提供了10套顏色樣式供選擇,很個(gè)性,很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)首頁變化好多,全新的界面,帥呆了!
反正挺激動了,越來越明晰了,一個(gè)字形容,帥閉了!”
本次回收了有效樣本上萬份,根據(jù)新版得分的平均分和分布情況判斷,對新版的滿意度較高。并且平均分值相比同類網(wǎng)站都要高。5分以上占56.8%(7分制)。說明騰訊網(wǎng)首頁改版較為成功,并且比騰訊以往的改版數(shù)據(jù)都要振奮人心。
CDC一直期望能為大家展現(xiàn)每一次的高水準(zhǔn)的作品,本次改版還有很多不足之處,但我們會不斷的摸索和嘗試,全力以赴的精益求精,努力打造“中國第一網(wǎng)絡(luò)平臺”。
原文:http://cdc.tencent.com/?p=223
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2012-02-22 22:39:51] 如何進(jìn)行網(wǎng)站首頁改版
- [2014-11-01 14:21:54] 國外頂尖設(shè)計(jì)師制作的網(wǎng)站首頁Banner設(shè)計(jì)實(shí)例
- [2012-06-22 00:29:04] dede如何實(shí)現(xiàn)動態(tài)首頁
- [2012-02-20 22:14:44] Dede后臺系統(tǒng)首頁反應(yīng)慢 解決辦法
- [2011-12-27 20:26:55] ucenter整合記事狗微博、新浪微博Xweibo、騰訊微博iweibo教程
- [2008-10-18 17:02:00] Taobao的首頁改版評測
- [2011-11-10 14:32:23] 超炫黑酷焦點(diǎn)flash圖片切換 結(jié)合了DEDE首頁和列表調(diào)用(原創(chuàng))
- [2011-09-01 09:54:27] dede如何整合騰訊微博iweibo 與ucenter實(shí)現(xiàn)通信
- [2008-10-29 18:01:00] 改變首頁需要慎重考慮
- [2012-06-22 00:29:04] dede如何實(shí)現(xiàn)動態(tài)首頁
- [2008-10-21 09:02:00] 電視/電影類網(wǎng)站首頁設(shè)計(jì)10條建議
- [2012-02-28 22:46:36] DEDE 首頁 列表頁 按照權(quán)重排序
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
GOOGLE 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站建設(shè)的步驟有哪些 營銷型網(wǎng)站建設(shè) 青島輪胎網(wǎng)站設(shè)計(jì) 良好的導(dǎo)航 網(wǎng)站品牌 青島網(wǎng)頁設(shè)計(jì) 網(wǎng)站規(guī)劃 青島SEO 力圖 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 版面布局 青島網(wǎng)站SEO H5定制設(shè)計(jì) IT資訊 網(wǎng)站視覺 官網(wǎng)建設(shè) 力圖數(shù)字科技 青島網(wǎng)站營銷 如何做網(wǎng)站優(yōu)化 營銷型網(wǎng)站 圖形網(wǎng)格 網(wǎng)站設(shè)計(jì)趨勢 中小型企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站制作 青島網(wǎng)站建設(shè)基礎(chǔ)知識 集團(tuán)官網(wǎng) 新的元素 舒適的界面