官網(wǎng)作為用戶(hù)了解一個(gè)產(chǎn)品最權(quán)威和直接的窗口，應(yīng)該承載什么樣的內(nèi)容，取決于產(chǎn)品特征和調(diào)性。QQ是中國(guó)用戶(hù)量最大的即時(shí)通訊件之一，功能越來(lái)越細(xì)致、豐富，僅僅提供展示和下載產(chǎn)品的信息源當(dāng)然遠(yuǎn)遠(yuǎn)不夠。我們迫切希望不僅僅是新品發(fā)布，QQ每一次改版的創(chuàng)新功能點(diǎn)，以及越發(fā)年輕化的品牌基調(diào)都可以更直接有效的傳遞給用戶(hù)，讓大家喜歡QQ，愛(ài)上QQ。同時(shí)進(jìn)入官網(wǎng)能更加快捷的解決注冊(cè)、下載以及安全問(wèn)題。所以在這個(gè)前提下，IMQQ官網(wǎng)改版迫在眉睫。

探索需求：

改版的前提是弄清楚修改的出發(fā)點(diǎn)，才能梳理出解決方案。在此，團(tuán)隊(duì)做了一次用戶(hù)調(diào)研，總結(jié)出了我們需要優(yōu)化的方向。

一.訪問(wèn)目的以下載為主，QQ安全和新版本功能介紹也非常重要：

從用研結(jié)論上看（如下圖），QQ用戶(hù)進(jìn)入官網(wǎng)的預(yù)期和行為基本一致，其中下載的占比66%，其次是安全服務(wù)的需求或了解最新版本功能，占比分別是60%和40%。

同時(shí)對(duì)照百度搜“QQ”關(guān)鍵字的數(shù)據(jù)，QQ下載搜索量排名第三（圖2），可以進(jìn)一步驗(yàn)證用戶(hù)進(jìn)入IM官網(wǎng)首要訴求是下載。

二.官網(wǎng)界面美觀和流暢度需要提升，同時(shí)應(yīng)做好多平臺(tái)適配。

在移動(dòng)互聯(lián)網(wǎng)這個(gè)大趨勢(shì)下，用戶(hù)使用移動(dòng)設(shè)備瀏覽網(wǎng)頁(yè)越發(fā)頻繁。而對(duì)于使用電腦的用戶(hù)，隨著電腦屏幕越來(lái)越大，分辨率也隨之增高，他們?cè)桨l(fā)習(xí)慣精美的大圖和飽滿(mǎn)的網(wǎng)頁(yè)設(shè)計(jì)。在大趨勢(shì)下，web設(shè)計(jì)所運(yùn)用的技術(shù)有了新變革，設(shè)計(jì)風(fēng)格較幾年已有所進(jìn)步。所以，全新的信息結(jié)構(gòu)與視覺(jué)表現(xiàn)，也是此次改版的最重要任務(wù)之一。

結(jié)合用研數(shù)據(jù)與對(duì)網(wǎng)頁(yè)結(jié)構(gòu)的分析，關(guān)于改版，我們得到了一致的結(jié)論：

1.  全新視覺(jué)風(fēng)格+豐富內(nèi)容承載：原官網(wǎng)界面比較中規(guī)中矩，所承載的功能和內(nèi)容較少。而用戶(hù)調(diào)研的結(jié)論是，用戶(hù)除了完成下載以外，最多的便是了解增加的新功能，學(xué)習(xí)新功能使用方法；或遇到使用問(wèn)題后，希望在官網(wǎng)上尋求解決方案。

2.  功能服務(wù)（快捷下載/注冊(cè)/安全信息）的需求：從調(diào)研中發(fā)現(xiàn)用戶(hù)非常注重下載，安全、注冊(cè)等服務(wù)。他們希望在遇到問(wèn)題的時(shí)候在官網(wǎng)上能找到相應(yīng)的解決方案。所以加強(qiáng)快捷下載，賬號(hào)安全等服務(wù)入口也非常重要。

3.  移動(dòng)端的適配：移動(dòng)端的用戶(hù)使用量增大，需要完善手機(jī)端IMQQ官網(wǎng)的體驗(yàn)，完成移動(dòng)端和PC端的官網(wǎng)適配。同時(shí)注重手機(jī)QQ在PC端下載的途徑，減少用戶(hù)操作成本。

設(shè)計(jì)方案

所以依照以上訴求，新版官網(wǎng)從結(jié)構(gòu)和布局上我們都進(jìn)行了全新的探索。

從最初的交互方案一步一步優(yōu)化至最后的過(guò)程稿中，我們不斷地修改和反思。歷經(jīng)了方案的修改、推翻、回爐，整個(gè)官網(wǎng)信息結(jié)構(gòu)逐步開(kāi)始清晰：

那么最后的方案究竟做了哪些特別的優(yōu)化呢？

一.  強(qiáng)化運(yùn)營(yíng):

（1）優(yōu)化首頁(yè)推廣運(yùn)營(yíng)模塊

隨著設(shè)備biger than biger，網(wǎng)頁(yè)主流分辨率提升到了1366*768。網(wǎng)頁(yè)設(shè)計(jì)更多的開(kāi)始思考，如何利用越來(lái)越大的屏幕的空間。于是這次改版的首頁(yè)頂部采用大圖、大文字方式展現(xiàn)產(chǎn)品；打通全局導(dǎo)航，讓頁(yè)面更加通透。全屏的Banner會(huì)給進(jìn)入網(wǎng)站的用戶(hù)帶來(lái)前所未有的視覺(jué)沖擊力，并加強(qiáng)了內(nèi)容的吸引力。Banner上常駐的“立即下載”按鈕讓用戶(hù)高效轉(zhuǎn)入對(duì)應(yīng)平臺(tái)子官網(wǎng)，進(jìn)行下載。