超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

國際QQ新版官網(wǎng)項目總結(jié)

2013-9-16    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   m.miumiuwan.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://isux.tencent.com/qq-international-web-design.html

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

18

項目背景:

國際QQ官網(wǎng)是宣傳國際QQ品牌的主力站點、下載國際QQ的重要入口。舊版國際QQ官網(wǎng)更加偏向于一個門戶類網(wǎng)站,重點提供相關(guān)新聞資訊,互動社區(qū),群組推薦等基礎(chǔ)服務(wù),而對于產(chǎn)品本身的功能介紹,品牌推廣以及下載服務(wù)提供的版面較少。雖然網(wǎng)站提供的相關(guān)社交服務(wù)能夠更好的提高產(chǎn)品活躍度,不過由于國際QQ的用戶群體與QQ的用戶群體存在著很大的差異,很大一部分使用國際QQ的用戶并沒有用過QQ,對于產(chǎn)品本身甚至是功能使用還不是很熟悉。而新版國際QQ官網(wǎng)的主要目標(biāo)是以宣傳和推廣國際QQ品牌為主,相應(yīng)的加入適量的社交服務(wù)。減少網(wǎng)站后期的運營壓力,強化品牌風(fēng)格,并且舊版官網(wǎng)整體視覺風(fēng)格已經(jīng)相對過時。在這個背景下,有必要對國際QQ官網(wǎng)進行一次大改版。

網(wǎng)站結(jié)構(gòu)與內(nèi)容調(diào)整:

舊版官網(wǎng)出于運營的考慮,加入了很多第三方網(wǎng)站鏈接以及新聞資訊消息等等,導(dǎo)致整個國際QQ官網(wǎng)沒有很好的去說明產(chǎn)品本身,同時資訊的運營也給相對較小的國際版團隊帶來了不小的壓力。根據(jù)這個問題我們對于新版框架進行以下調(diào)整:

  • 網(wǎng)頁Tab根據(jù)內(nèi)容調(diào)整重新分級,新版Tab分為 Download,F(xiàn)eature,Explore,Help幾個大類,去掉Events,Lifestyle,Web directory等運營類版面,只提供部分第三方服務(wù)在Explore一項。
  • 模塊化整體頁面布局與內(nèi)容,推進響應(yīng)式網(wǎng)頁設(shè)計進行,使在不同的設(shè)備與環(huán)境下都能夠更好的瀏覽國際版官網(wǎng),實現(xiàn)移動端和PC端的一站式無縫體驗。

網(wǎng)站設(shè)計定位:

新版官網(wǎng)將對網(wǎng)站定位進行重新調(diào)整,更多的讓用戶了解什么是國際QQ,更方便的找到下載入口,從而傳達出國際QQ的品質(zhì)感。其次,設(shè)計方向上會做出很大的改變。之前的舊版官網(wǎng)過于工具化,這次改版會加入更多的感情元素,通過情感化設(shè)計更好的傳達我們產(chǎn)品的主旨。

交互&視覺設(shè)計:

交互設(shè)計:

交互設(shè)計這次的主要的難點是對網(wǎng)站結(jié)構(gòu)調(diào)整帶來的頁面布局設(shè)計,而首頁是難點。首頁這次除了要展現(xiàn)6個功能點以外,還要展現(xiàn)部分的Explore信息,這樣勢必會造成首頁頁面過長,對于用戶瀏覽不是一個很好地體驗,最后經(jīng)過和產(chǎn)品討論,決定把功能點分成3個分類,通過分級Tab形式展現(xiàn)功能點。而Explore只展現(xiàn)相對比較熱門的3類,橫向展現(xiàn)在底部。以展現(xiàn)功能點為主,Explore往后排保持頁面的主次性。

nnw1

視覺風(fēng)格:

做網(wǎng)站視覺風(fēng)格設(shè)定時一定要考慮好整體方向,首先一定要符合承載產(chǎn)品的氣質(zhì),同時也一定要考慮好后期頁面實現(xiàn)的技術(shù)要求和時間成本。因為考慮到國際QQ本身產(chǎn)品的定位,相對于QQ,去掉了很多例如微博,朋友網(wǎng)等社交運營服務(wù),基本只保留了以聊天為主的產(chǎn)品框架,主攻外國用戶,所以產(chǎn)品風(fēng)格大氣,簡潔。視覺風(fēng)格決定采用最近比較流行的flat風(fēng),不僅能夠使網(wǎng)站整體視覺風(fēng)格更加清晰簡明,同時矢量化圖形也能夠更好的配合responsive響應(yīng)式網(wǎng)頁樣式的實現(xiàn)。

首頁視覺設(shè)計:

首頁的第一屏對于整個網(wǎng)站的風(fēng)格展示以及產(chǎn)品定位起著十分重要的作用。這次嘗試使用三個不同的場景banner做為主要展示元素,分別是展現(xiàn)的國際QQ在“朋友間,家庭里,工作中”的使用狀態(tài)。朋友間的暢快交流,家庭里的溫暖對話,工作中的無縫溝通無不體現(xiàn)了國際QQ “Boundless World, Boundless Chat”的產(chǎn)品定位,情感化元素也更能抓住用戶眼球,提供網(wǎng)站轉(zhuǎn)化率的同時也豐富產(chǎn)品層次。

Pic1

 

而新版官網(wǎng)首頁呈現(xiàn)的的另一大重要信息是6個feature功能點。對于功能點展現(xiàn),傳統(tǒng)產(chǎn)品類網(wǎng)站基本是以產(chǎn)品截圖來說明,這次改版采用插圖結(jié)合相關(guān)界面元素來詮釋六個功能點,不僅能夠很好地詮釋產(chǎn)品功能,同時矢量化圖片放大縮小也不會存在質(zhì)量損失,能夠更好地適應(yīng)響應(yīng)式網(wǎng)站的多平臺實現(xiàn),減少視覺修改成本。

pic22233sdfsdgg

 

Download頁面設(shè)計:

舊版官網(wǎng)由于產(chǎn)品發(fā)展的關(guān)系,只提供了桌面客戶端的下載區(qū)域。隨著國際QQ產(chǎn)品線的不斷豐富,必須提供多模塊下載區(qū)域來滿足產(chǎn)品需求。Download頁面采用頂部Tab切換方式供用戶選擇不同平臺國際QQ產(chǎn)品的下載。頂部會有網(wǎng)頁所在位置提示,同時采用深色背景條做底與首頁banner相協(xié)調(diào),使用戶從首頁跳轉(zhuǎn)至下載頁面時保持視覺的貫通性。

123414r-已修復(fù)-已修復(fù)

用戶反饋和成果:

國際QQ新版官網(wǎng)改版以后,網(wǎng)站整體設(shè)計,方向定位,產(chǎn)品下載量等各方面均得到了提升。網(wǎng)站自8月20號上線一周以來總體訪問量增加了20%,國際QQ產(chǎn)品大陸下載量增加了2倍(香港為6倍)有效的為國際QQ的產(chǎn)品及品牌進行宣傳。

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.miumiuwan.com

存檔