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

探索需求：

改版的(de)前提是(shì)弄清楚修改的(de)出發點，才能(néng)梳理(lǐ)出解決方案。在此，團隊做(Ωzuò)了(le)一(yī)次用(yòng)戶調研，總結出了(le)我們需要(yào)優化(huà)的(de)方向。

一(yī).訪問(wèn)目的(de)以下(xià)載為(wèi)主，QQ安全和(hé)新版本功能(néng)介紹也(yě)非常重要(yào)：

從(cóng)用(yòng)研結論上(shàng)看(kàn)（如(rú)下(xià)圖），QQ用(yòng)戶進入官網的(de)©預期和(hé)行(xíng)為(wèi)基本一(yī)緻，其中下(xià)載的(de)占比66%，其次是♥(shì)安全服務的(de)需求或了(le)解最新版本功能(néng)，占比分(fēn)别是(shì)60%和(hé)40%♣。

同時(shí)對(duì)照(zhào)百度搜“QQ”關鍵字的(de)數(shù)據，QQ下(xià)載搜索量排名第三（圖2），可(kě)以β進一(yī)步驗證用(yòng)戶進入IM官網首要(yào)訴求是(shì)下(xià)載。

二.官網界面美(měi)觀和(hé)流暢度需要(yào)提升，同時(shí)應做(zuò)好(hǎo)多(duō)平台适配。γ

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

結合用(yòng)研數(shù)據與對(duì)網頁結構的(de)分(fēn)析，關于改版，我們得(de)到(dào)了(le)一(yī)緻的(de)結論：

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

2.  功能(néng)服務（快(kuài)捷下(xià)載/注冊/安全信息）的(de)需求：從'(cóng)調研中發現(xiàn)用(yòng)戶非常注重下(xià)載，安全、注冊等服務。他(tā)們希望在 遇到(dào)問(wèn)題的(de)時(shí)候在官網上(shàng)能(néng)找到(dào)相&(xiàng)應的(de)解決方案。所以加強快(kuài)捷下(xià)載，賬号安全等服務入口也(yě)非常重要(yào)。≤

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

設計(jì)方案

所以依照(zhào)以上(shàng)訴求，新版官網從(cóng)結構和(hé)布局上(shàng)我們都(dōu)進行(xíγng)了(le)全新的(de)探索。

從(cóng)最初的(de)交互方案一(yī)步一(yī)步優化(huà)至最後的(de)過程稿中，我們不(bù)斷地(dì)修改和(hé)反思。曆經了(le)✔方案的(de)修改、推翻、回爐，整個(gè)官網信息結構逐步開(kāi)始清晰：

那(nà)麽最後的(de)方案究竟做(zuò)了(le)哪些(xiē)特别的(de)優化(huà)呢(ne)？

一(yī).  強化(huà)運營:

（1）優化(huà)首頁推廣運營模塊

随著(zhe)設備biger than biger，網頁主流分(fēn)辨率提升到(dào)了(le)1366*768。網頁設計(jì)更多(duō)的(de)開(kāi♣)始思考，如(rú)何利用(yòng)越來(lái)越大(dà)的(de)屏幕的(de)空(kōng)間(jiān)。于是(shì)這​(zhè)次改版的(de)首頁頂部采用(yòng)大(dà)圖、大(dà)文(wén)字方式展現(xiàn)産品；打通(tōng)全局導航，讓頁面更加通(tōng)透。全屏的(de)φBanner會(huì)給進入網站(zhàn)的(de)用(yòng)戶帶來(lái)前所未有(yǒu)的(de)視(shγì)覺沖擊力，并加強了(le)內(nèi)容的(de)吸引力。Banner上(shàng)常駐的(de)“立即下(xià)載”按鈕讓用(yòng)戶高(gāo)效轉入≠對(duì)應平台子(zǐ)官網，進行(xíng)下(xià)載。

注：相(xiàng)關網站(zhàn)建設技(jì)巧閱讀(dú)請(qǐng)移步到(dào)建站(zhàn)教程頻(pín)道(dào)。