從聊天界面的設(shè)計(jì)，看QQ和微信的不同

本文以聊天界面為例，分析QQ和微信這兩大國民IM軟件的不同。

這篇文章重要從這兩款應(yīng)用的最關(guān)鍵網(wǎng)頁——聊天界面來分析一下兩者的不同。

摯友在線狀況

在QQ聊天界面，頂部題目欄里展示了摯友的昵稱，同時(shí)在摯友昵稱的下方，展示了摯友的在線狀況。假如摯友不在線，則該狀況不展示，而沒有展示“不在線”，我認(rèn)為這是手機(jī)QQ團(tuán)隊(duì)，盼望大家不要形成不在線就沒法給「這個(gè)摯友發(fā)新聞」的認(rèn)知，因此沒有強(qiáng)調(diào)這個(gè)不在線的狀況。而在微信里，則只有摯友的昵稱。這一點(diǎn)其實(shí)吐露出QQ在PC時(shí)期的一個(gè)思維體例：摯友在線才能聊天，不在線就沒辦法了。但是微信里是沒有所謂的「在線」?fàn)顩r的，任何時(shí)候我都默認(rèn)你是可以接受信息的。這個(gè)細(xì)節(jié)吐露出兩個(gè)產(chǎn)品的不同思路。

不知道大家還有沒有印象，在手機(jī)QQ的一個(gè)版本中，QQ把所有摯友的頭像都默認(rèn)點(diǎn)亮了，即使是不在線的摯友，頭像也從詬誶變成了彩色，臨時(shí)間遭到了用戶的強(qiáng)烈吐糟，以至于這個(gè)功能被很快下掉了，并且手機(jī)QQ的產(chǎn)品經(jīng)理在知乎做出了回應(yīng)《手機(jī) QQ 2013（安卓 4.1，iOS 4.0 版）的聯(lián)系人頭像全點(diǎn)亮，QQ 產(chǎn)品團(tuán)隊(duì)做這個(gè)決定是出于什么考慮？》，回應(yīng)原文如下：

首先得詮釋，2013版本的QQ頭像不代表在線狀況，這個(gè)最大的轉(zhuǎn)變還沒有被大家理解。

頭像表達(dá)的內(nèi)容，除了代表一個(gè)摯友，曩昔一向都通過是否「點(diǎn)亮」附帶表達(dá)了是否在線，這是一個(gè)持續(xù)了十多年的風(fēng)俗，QQ上最緊張的認(rèn)知之一。這一認(rèn)知帶來的直接影響，就是在線即可溝通，不在線的人，就是發(fā)了新聞也不能即時(shí)回復(fù)，典型的PC時(shí)代特性。由于電腦不能隨身，不能隨時(shí)上網(wǎng)。

最近幾年發(fā)生了偉大轉(zhuǎn)變，天天QQ新聞中，65%是通過手機(jī)發(fā)送的。手機(jī)大部分時(shí)候都隨身帶著，再加上推送能力，新聞都是即時(shí)可達(dá)。QQ的用戶也特別很是活躍，雖然不是24小時(shí)都在線，但使用頻率高，加上手機(jī)QQ的推送，即使對(duì)方不在PC端前，一樣平常也能很快被看到。對(duì)于新聞發(fā)送方，心里更期待的是盡快把信息傳達(dá)并且盡快收到反饋，而因?yàn)轭^像不亮就是離線狀況的這一認(rèn)知，會(huì)阻礙留言的動(dòng)機(jī)，所以，整個(gè)調(diào)整的初衷，是盼望讓QQ具備隨時(shí)可溝通的認(rèn)知，好比短信，可靠性特別很是高，發(fā)之前就不會(huì)想對(duì)方有沒有開手機(jī)。

在QQ里，有相稱多的互動(dòng)，不僅僅是聊天，還有空間動(dòng)態(tài)。頭像所表達(dá)的，應(yīng)該是一個(gè)更生動(dòng)的聯(lián)系人，后面有雄厚的資料和動(dòng)態(tài)，不僅僅是一個(gè)聊天的狀況。對(duì)于聯(lián)系人視圖的轉(zhuǎn)變，很久之前就在預(yù)備，也分析過用戶舉動(dòng)數(shù)據(jù)，包括溝通對(duì)象數(shù)量、新聞量、使用時(shí)間等等，也做過很多的訪談，日常溝通頻率高的摯友特別很是集中，溝通時(shí)候是不會(huì)在意是否在線的，會(huì)放心的留言，對(duì)于溝通較少的對(duì)象，即使是對(duì)方在線，典型的開場(chǎng)白就是：「Hi、在嗎？」

QQ上有相稱多灰頭像，盡管隱身也是合理的需求，但這些信息肯定程度上阻礙了溝通，本來是有話想要說，由于灰頭像，到嘴邊的話又咽下去了，或者轉(zhuǎn)用其他工具。我們的理想是提供輕松不加思考的溝通服務(wù)，保證新聞可靠可送達(dá)。于是在離線新聞、跨終端新聞漫游做了許多的預(yù)備，但發(fā)新聞的動(dòng)機(jī)，還沒有徹底的解決。

所以我們做了特別很是勇敢的嘗試，重新定義頭像所表達(dá)的信息，不再表達(dá)是否在線，僅僅只是表達(dá)小我形象，由于摯友都是鮮活的。在特別很是多的舉動(dòng)觀察和訪談中，與密友的溝通都是特別很是直接地發(fā)新聞或者留言，而對(duì)于無聊場(chǎng)景，或者不常溝通的摯友，才會(huì)從在線摯友里遴選溝通對(duì)象，所以我們也提供了一個(gè)新的“在線摯友”，直接表現(xiàn)悉數(shù)的在線狀況，解決這部分溝通場(chǎng)景。

因?yàn)榉答侇}目的用戶比較多，我們已經(jīng)開始研究關(guān)于在線表現(xiàn)狀況的優(yōu)化方案，盡量過渡好用戶的使用風(fēng)俗。移動(dòng)化和多終端是將來QQ堅(jiān)定的戰(zhàn)略方向，我們將和用戶一路，來完成QQ在移動(dòng)互聯(lián)網(wǎng)時(shí)代的自我革新。

從文中，我們也可以看出，QQ團(tuán)隊(duì)對(duì)于手機(jī)QQ在表達(dá)用戶在線狀況這件事其實(shí)是不樂意的，QQ團(tuán)隊(duì)盼望用戶能夠像微信一樣去使用QQ——不在乎對(duì)方是否在線，而是直接發(fā)新聞?？墒?，有一個(gè)事實(shí)就橫在那里：QQ的用戶好多都是從PC端遷移過來的，還保留著PC時(shí)代的認(rèn)知，即QQ頭像亮，這小我就在線，可以聊天；不亮，就是不在線，ta如今看不到新聞。QQ團(tuán)隊(duì)強(qiáng)行將所有效戶的頭像點(diǎn)亮，在用戶毫無防備的情況下推翻了用戶的認(rèn)知，所以遭到強(qiáng)烈吐槽也是理所應(yīng)當(dāng)?shù)摹?/p>

除了在線狀況，在QQ摯友昵稱的后面，還有一個(gè)icon（示例圖中是一艘小船），這是代表了你和摯友的互動(dòng)關(guān)系層級(jí)：

這種思路，跟QQ一向的「QQ等級(jí)」策略一脈相承，是一種鼓勵(lì)用戶更多互動(dòng)的設(shè)計(jì)。

相比之下，微信就簡單的多：只展示昵稱。從這一點(diǎn)也能表現(xiàn)出微信看重服從的設(shè)計(jì)思路，這使微信更像是一款工具；而QQ有更多更風(fēng)趣味性的設(shè)計(jì)，使QQ呈現(xiàn)出了更多的娛樂社交屬性。這一點(diǎn)從微信和QQ的聊天新聞框也可以窺見一斑：微信同一都是白色和綠色的新聞框，不能定制；QQ中可以使用會(huì)員特權(quán)，或者單獨(dú)購買經(jīng)過個(gè)性化設(shè)計(jì)的新聞框。

語音/視頻聊天

從界面上來看，手Q團(tuán)隊(duì)對(duì)語音/視頻聊天很正視，在題目欄上就露出了語音/視頻聊天的入口，并且在底部操作欄中的加號(hào)里，第1、2位照舊語音/視頻入口，可見是對(duì)這個(gè)功能給足了曝光。微信中，語音/視頻聊天的入口，只在點(diǎn)擊加號(hào)后，出如今第三個(gè)入口中，而且入口的題目是「視頻聊天」，點(diǎn)擊后可選擇進(jìn)行語音照舊視頻。微信如許設(shè)計(jì)，可見微信團(tuán)隊(duì)照舊盼望用戶能夠進(jìn)行視頻聊天，而對(duì)語音聊天不是分外有傾向性。

底部聊天工具

最后我們來分析一下底部聊天工具欄。QQ是在底部把聊天的工具分成了兩行，一行是筆墨輸入框，另一行是圖片、表情等入口。雖然把各個(gè)入口都羅列出來，削減了層級(jí)，進(jìn)步了各個(gè)入口的展示量，但一下羅列出7個(gè)入口，無形中增長了用戶的選擇負(fù)擔(dān)。

而微信的底部聊天工具欄只有一行：語音、筆墨輸入、表情、加號(hào)。相比較而言，微信的排布更清晰，對(duì)語音和表情的凸起也更顯明，操作起來會(huì)更方便。筆者認(rèn)為，微信如許設(shè)計(jì)，是微信團(tuán)隊(duì)認(rèn)為用戶在聊天中使用最多的是語音、筆墨和表情。筆者也贊成微信的這個(gè)判斷。不得不說，微信的這個(gè)設(shè)計(jì)，用更簡明的界面，削減了用戶的困擾，是“少就是多”的最佳提現(xiàn)，也表現(xiàn)了微信正視服從的原則。

本文以聊天界面為例，分析了QQ和微信這兩大國民IM軟件的不同。從分析中也可以看出：界面中展示何種元素，以及元素的排布體例，的確是會(huì)影響用戶如何使用的。這也表現(xiàn)出交互設(shè)計(jì)不可忽視的價(jià)值。

迎接關(guān)注作者的微信公眾號(hào)：「新設(shè)計(jì)青年」