我們團(tuán)隊比較小，不會細(xì)分交互設(shè)計師和視覺設(shè)計，基本討論過程中就把交互和視覺表現(xiàn)形式給定了。過程大約是先確定網(wǎng)站的導(dǎo)航模塊，然后抽取了產(chǎn)品最具代表性的功能和特點，與項目組同事溝通確定沒有問題后針對其中的每一個要表現(xiàn)的點來尋找最合適的表現(xiàn)方式。

目前較流行的產(chǎn)品官網(wǎng)設(shè)計是圖片文字左右錯排的功能介紹，例如line的官網(wǎng)。它的目的性很強(qiáng)，就是希望用戶能通過一次瀏覽就把產(chǎn)品的功能點爛熟于心。而達(dá)到這個目的，用反復(fù)重復(fù)的方式和固定的內(nèi)容排版很明顯更能達(dá)到目的。

這次QQ國際版的官網(wǎng)，我們并沒有采用這種方案，而是選擇了非常多樣的表現(xiàn)形式。在設(shè)計過程中，我們反復(fù)問一個問題，我們官網(wǎng)設(shè)計的目標(biāo)是什么？

最關(guān)鍵也是最容易衡量的一點是下載轉(zhuǎn)化率。所以，設(shè)計要解決的問題是用戶看到網(wǎng)頁后有沒有足夠的興趣和好感，并樂意去點擊和下載產(chǎn)品。

這種下載的動力無可否認(rèn)的會包含需求是否被滿足，但是需求與功能點的匹配是否是唯一的動力？

我們都有過并不因為需要，單純因為喜歡而購買商品，尤其是女生，血拼過程中看到喜歡的衣服絕大多數(shù)是不會考慮衣櫥里當(dāng)季是否有足夠的衣物的。

說回互聯(lián)網(wǎng)產(chǎn)品，我為數(shù)不多花錢購買的APP中有一款叫Sooshi，是一個介紹壽司相關(guān)的食材、做法，器具的APP，購買到現(xiàn)在也有很長一段時間了，很多次打開，翻看，但是其實從未閱讀文字，對壽司的故事的不敏感并未影響到我對這個APP的喜愛，它精致得如同藝術(shù)品。

言歸正傳，QQ國際版的官網(wǎng)設(shè)計在用戶情感，包括喜愛，認(rèn)同，興趣激發(fā)上和對于功能介紹上應(yīng)該做到的權(quán)衡是什么？

我個人的理解是這樣的：QQ國際版是QQ的兄弟產(chǎn)品，用戶定位更偏向于需要涉外溝通，跨語言溝通和簡潔體驗的群體。首先，從本質(zhì)上說兩者在功能上的 差異并不顯著，我們并沒有太多QQ沒有的功能可以吸引用戶。其次，產(chǎn)品目前的用戶群體仍然以華人居多，對QQ本身的定位和功能已經(jīng)有一定認(rèn)知。第三，我們 需要給用戶足夠的動力使用我們的產(chǎn)品，所以和QQ的差異點需要明確傳達(dá)。

在頁面設(shè)計中，我們做了一些努力：

最重要的功能差異，消息即時翻譯功能上給足篇幅

官網(wǎng)上用一個篇章來重點介紹消息即時翻譯功能，并且引入互動形式，吸引用戶點擊氣泡，這樣用戶會有直觀的感受和深一層的理解，也多一個渠道教育用戶點擊氣泡就能翻譯消息。

用戶群體的暗示和人群定位的引導(dǎo)

我們發(fā)動身邊的朋友和同事拍攝了一些國外用戶使用QQ國際版的場景，也找了團(tuán)隊里的美女設(shè)計師以外灘為背景拍攝使用QQ國際版的畫面，突出國內(nèi)外交 流，把我們?nèi)蚧亩ㄎ挥酶由鷦拥姆绞秸故境鰜恚瑫o我們的目標(biāo)用戶強(qiáng)烈的人群認(rèn)同感，對于身在國外或者需要和國外交流的用戶，會自然地覺得QQ國際版 是最適合的產(chǎn)品，比列出一堆功能點更加直接打動用戶。

品牌效果提升

我們整個網(wǎng)頁盡量采用大圖的表現(xiàn)方式，簡潔的內(nèi)容展現(xiàn)，希望用前沿大膽的設(shè)計語言傳達(dá)出我們產(chǎn)品的氣質(zhì)，拉開和其他競品的差距，這些因素都會給QQ 國際版的品牌帶來助力，積累品牌效應(yīng)。在鼠標(biāo)滾動過程中我們加入一些細(xì)膩的動畫，希望當(dāng)它們出現(xiàn)時會給用戶帶來驚喜，這種驚喜會讓用戶對網(wǎng)頁的品質(zhì)產(chǎn)生認(rèn) 同，進(jìn)而愿意相信我們APP的品質(zhì)。

究竟國際版改版的情況怎樣，在官網(wǎng)上線后我們拉取了一些數(shù)據(jù)：

我們官網(wǎng)在3月27日下午正式上線，下載轉(zhuǎn)化率從20%穩(wěn)定提升至35%，跳出率從60%降至44%。

為了了解用戶對于官網(wǎng)的直觀感受，我們也做了用戶訪談，用戶對國際版QQ官網(wǎng)的品牌感受和印象如下：大氣，國際化，高端，簡潔，商業(yè)化，看著舒服， 挺清爽，時尚。這些印象基本符合設(shè)計師的設(shè)計初衷，訪談過程中我們也發(fā)現(xiàn)了一些問題，比如并沒有將用戶普遍會有疑問的問題（QQ國際版支持哪些語言，賬號 是否和QQ互通等）都在首頁上給出解答，我們會在后面進(jìn)行持續(xù)優(yōu)化。

回到形式追隨內(nèi)容這個話題，我的理解是：

內(nèi)容追隨需求，形式服務(wù)情感，內(nèi)容與形式找到最好的匹配。

最后給國際版QQ打個廣告，歡迎大家體驗和交流，下載鏈接官網(wǎng)上有哦～

?原文來自：騰訊ISUX