官網(wǎng)作為用戶了解一個產(chǎn)品最權威和直接的窗口,應該承載什么樣的內(nèi)容,取決于產(chǎn)品特征和調(diào)性。QQ是中國用戶量最大的即時通訊件之一,功能越來越細致、豐富,僅僅提供展示和下載產(chǎn)品的信息源當然遠遠不夠。我們迫切希望不僅僅是新品發(fā)布,QQ每一次改版的創(chuàng)新功能點,以及越發(fā)年輕化的品牌基調(diào)都可以更直接有效的傳遞給用戶,讓大家喜歡QQ,愛上QQ。同時進入官網(wǎng)能更加快捷的解決注冊、下載以及安全問題。所以在這個前提下,IMQQ官網(wǎng)改版迫在眉睫。
探索需求:
改版的前提是弄清楚修改的出發(fā)點,才能梳理出解決方案。在此,團隊做了一次用戶調(diào)研,總結(jié)出了我們需要優(yōu)化的方向。
一.訪問目的以下載為主,QQ安全和新版本功能介紹也非常重要:
從用研結(jié)論上看(如下圖),QQ用戶進入官網(wǎng)的預期和行為基本一致,其中下載的占比66%,其次是安全服務的需求或了解最新版本功能,占比分別是60%和40%。
同時對照百度搜“QQ”關鍵字的數(shù)據(jù),QQ下載搜索量排名第三(圖2),可以進一步驗證用戶進入IM官網(wǎng)首要訴求是下載。
二.官網(wǎng)界面美觀和流暢度需要提升,同時應做好多平臺適配。
在移動互聯(lián)網(wǎng)這個大趨勢下,用戶使用移動設備瀏覽網(wǎng)頁越發(fā)頻繁。而對于使用電腦的用戶,隨著電腦屏幕越來越大,分辨率也隨之增高,他們越發(fā)習慣精美的大圖和飽滿的網(wǎng)頁設計。在大趨勢下,web設計所運用的技術有了新變革,設計風格較幾年已有所進步。所以,全新的信息結(jié)構與視覺表現(xiàn),也是此次改版的最重要任務之一。
結(jié)合用研數(shù)據(jù)與對網(wǎng)頁結(jié)構的分析,關于改版,我們得到了一致的結(jié)論:
1. 全新視覺風格+豐富內(nèi)容承載:原官網(wǎng)界面比較中規(guī)中矩,所承載的功能和內(nèi)容較少。而用戶調(diào)研的結(jié)論是,用戶除了完成下載以外,最多的便是了解增加的新功能,學習新功能使用方法;或遇到使用問題后,希望在官網(wǎng)上尋求解決方案。
2. 功能服務(快捷下載/注冊/安全信息)的需求:從調(diào)研中發(fā)現(xiàn)用戶非常注重下載,安全、注冊等服務。他們希望在遇到問題的時候在官網(wǎng)上能找到相應的解決方案。所以加強快捷下載,賬號安全等服務入口也非常重要。
3. 移動端的適配:移動端的用戶使用量增大,需要完善手機端IMQQ官網(wǎng)的體驗,完成移動端和PC端的官網(wǎng)適配。同時注重手機QQ在PC端下載的途徑,減少用戶操作成本。
設計方案
所以依照以上訴求,新版官網(wǎng)從結(jié)構和布局上我們都進行了全新的探索。
從最初的交互方案一步一步優(yōu)化至最后的過程稿中,我們不斷地修改和反思。歷經(jīng)了方案的修改、推翻、回爐,整個官網(wǎng)信息結(jié)構逐步開始清晰:
那么最后的方案究竟做了哪些特別的優(yōu)化呢?
一. 強化運營:
(1)優(yōu)化首頁推廣運營模塊
隨著設備biger than biger,網(wǎng)頁主流分辨率提升到了1366*768。網(wǎng)頁設計更多的開始思考,如何利用越來越大的屏幕的空間。于是這次改版的首頁頂部采用大圖、大文字方式展現(xiàn)產(chǎn)品;打通全局導航,讓頁面更加通透。全屏的Banner會給進入網(wǎng)站的用戶帶來前所未有的視覺沖擊力,并加強了內(nèi)容的吸引力。Banner上常駐的“立即下載”按鈕讓用戶高效轉(zhuǎn)入對應平臺子官網(wǎng),進行下載。