QQ 為什麼在聊天窗口的下方放一個「關閉」按鈕？

01-05

既然右上角已經有了關閉按鈕，在這兒放一個關閉按鈕不多餘嗎？這樣的好處是什麼？

新員工培訓時，cdc的同事講過這個案例，大意是，後台數據顯示，一半的人要點關閉，就保留了。我們自以為了解用戶習慣，設計原則，但事實往往不是那回事。數據會說話，尤其是面對海量用戶時。

可能有源頭....那從源頭說起。

小白用戶需要（你媽，你爸，就是那些連點擊了XX鍵都會擔心造成系統中病毒的用戶），顯然有一個關閉字樣，讓他們點得心安理得。別驚訝，回到10年前，大家第一次接觸電腦都會有擔心自己操作損壞電腦的心裡。而QQ就是那時候出來的，就這樣，形成了長年累月的用戶習慣。 QQ第一批移民大部分都是小白用戶，你也可以反過來思考，拿現在很先進的MSN給10年前的人用，估計也競爭不過10年前的QQ。

數據驗證了這個東西。

而現在，大家追求簡潔易用，新理念培養了新的用戶習慣，如果用新眼光是看待老傢伙，估計老傢伙會被看成不符合潮流，可是，也因這樣，成為經典！

歷史遺留問題

早期的qq是直接彈出窗口，且聊天輸出界面沒有滾動設計。

有點像系統彈窗，那麼就需要一個關閉。

現在的聊天記錄滾屏設計，對關閉的需求更少了。

只是歷史問題而已。

接著@Helium Chan 的答案說：

發送消息後，最常用的操作就是關閉窗口，放在這就是為了方便點擊。

如果非要找點科學依據，那就是「費茨法則」。

費茨法則是用戶界面設計人機工程學中的著名原則，其基本思想是：
目標越遠，滑鼠到目標所花費的時間就越長。

目標越小，滑鼠到目標所花費的時間就越長。
所以要讓用戶比較容易的完成操作，我們在設計界面時應該讓目標夠大，離滑鼠所在位置夠近。

和別人聊天時，滑鼠大多時候停留在輸入框附近（因為發送表情、截圖、消息記錄等常用操作都在輸入框上方，而且有時輸入框失去焦點後需要點擊輸入框才能開始輸入），輸入完成點擊「發送」後，很容易就點擊到關閉（目標大、距離近）。

____________________________________________

費茨法則： http://zh.wikipedia.org/wiki/%E8%B4%B9%E8%8C%A8%E6%B3%95%E5%88%99

當時QQ的數據顯示：很多用戶在和別人聊完天之後，會直接關閉，於是就提供一個快捷方式吧！

看了上面那麼多原則啊什麼的噁心評論以後終於忍不住回了一貼。

建議你們去桌面找個文件刪除一下看看，在彈出的確認框中，有【X】，有【否】，也就是傳說中的【取消】，為什麼在這裡兩個按鈕披上了不同的外衣卻行使了同樣的職責？假設你把僅有的【是】【否】【X（右上角的）】去掉其中一個，能想像畫面嗎？當我們失誤點擊了刪除，想關閉確認窗口時，用X關閉窗口，順理成章；而我們想做出選擇不進行刪除時，會輕鬆在是、否之中得到答案，這完全是在用戶不同使用情境不同思維方式之下做出的不同的第一反應。沒有完全一樣的人，沒有完全一樣的操作習慣，只有這個問題的嚴重性值不值得我們為之做出更改。這其中的道理雖然和QQ的【關閉】【X】的問題不盡相同，但至少反駁了上面所說的那些狗屁一樣的「規則」。

在我眼裡，規則啊原則啊都是給門外漢快速入門學慣用的。這裡引用一句很欣賞的話：書從出生以來就是舊東西，真正意義上的「新書」是不存在的。還有句話：盡信書不如無書。

所以說，用戶的習慣是好是壞都不是她自己的責任，而是設計（或者偽設計）人員拋給用戶的。拿這個問題的例子來說，非常非常明顯的一種感覺是，馬化騰當年也許沒仔細想就把按鈕放在了那裡，然後大家都這麼用，時間久了就是習慣了，習慣就成自然了，再改變就會遇到重重阻力了。

貌似沒人提最早的版本不是聊天對話框而是消息彈出框，下面有關閉和回復2個按鈕。

現在有是舊有習慣的保留。沒那麼多規矩條例在

我爹：

右上角是關閉按鈕嗎？我只看到右上角是一個「一」字，一個「口」字，還有一個「X」字。不過我看到下面有個叫「關閉」的東西

我：

右上角有關閉？沒細看，不過按照常理，肯定會有；原來窗口下面還有一個「關閉」按鈕呢？也沒細看，反正我一直是Esc關閉窗口。

我爹和我都是QQ非典型用戶。

多這麼一個關閉按鈕給用戶造成的更多的困惑，還是更多的方便？

非得讓右上角的X和下面的關閉拼個你死我活不可？

大部分時候視線流是在左側的對話和輸入框上，對話信息的閱讀方式是從上至下的，當最後一條閱讀完畢後，用戶其實習慣在附近最近的地方尋找他下一個操作的點擊，比如關閉，比如輸入文字
關閉按鈕比右上角的圖標關閉按鈕面積大，按照費茲定律原理，移到任意目標上的時間大約跟目標距離除以目標大小的對數成正比，也就是按鈕樣式約大，滑鼠移動上去所需要的時間就越短

一般窗口類界面，需要用戶進行操作的，都會給予取消入口，原理跟這個一樣，快速，便捷的讓使用者找到心理訴求

1、依騰訊對數據的敏感，必然有數據支撐

2、隨便講個場景實例，網吧用戶經常會和N多人聊天，任務欄一堆窗口很麻煩，所以說一句話就關，然後快捷鍵打開最新的會話，這樣的用戶定然不少。

看完樓上的回答，大多是談及神馬原則、使用習慣之類的。其實沒那麼多學問，QQ上億的用戶中，大部分都是計算機基礎很薄弱的，比如民工、小孩子、老人等等，右上角的X代表的關閉並非人人都知道，就好比初用mac，你不知道X在左上角一樣。而且並非所有的人都會使用快捷鍵，這種高門檻的東西也只有少數人使用，大多數人，打字都還是一陽指，又怎麼會使用鍵盤去關閉對話框呢？

騰訊的設計人員在網吧里蹲守N久之後發現的結果，大多數人都喜歡用滑鼠去點發送，然後再用數遍去點關閉，所以把關閉設計在發送旁邊，這樣最節省時間和體力~

因為這裡擺了這個按鈕，所以數據「會說話」。如果在「關閉」按鈕的左邊加上一個「最小化」的按鈕，照樣很多人點擊。

那麼，是不是因為「最小化」按鈕有很多人點擊，所以也很「重要」呢？

————————

補充：

之前討論瀏覽器兼容的時候，@johnhax 說過，一個網站只支持IE，然後最後得出數據，本站用戶99%以上是IE用戶，在產品設計中也一樣，數據並不能代表一個功能的設計就是正確了，或許是你從一開始就錯了，只是用戶習慣已經形成，所以只能將錯就錯

來自：http://weibo.com/1648069983/xAJOcBOKo

在產品設計中,有些交互功能入口是為了保留用戶習慣,沒有可不可以也沒有能不能,只是為了在照顧習慣,降低學習成本的同時能夠最大的滿足用戶基礎需求.

所謂的用戶體驗也是建立在需求之後的,沒有需求,交互體驗再牛逼也只是個玩具.

其實如果拋開參照體系講,聊天窗口真正符合邏輯的關閉應該是下方和發送在同級別和同焦點位置的關閉才是正確的,因為在功能流程上"發送"和"關閉"是同級操作,且唯一同級.

至於右上角的關閉按鈕,不如想想,有人把QQ窗口最大化的玩嗎?如下:

沒有吧,但是這個PC窗口化產品的"最小化""最大化""關閉"是沿用系統規範,零學習成本的功能入口.一個曾經使用過電腦但從未使用過QQ的人一定不需要引導就知道在這裡關閉窗口.

這部分用戶,我們暫稱為習慣性用戶.

下面的關閉按鈕,上面說過這個才是符合功能層級設計邏輯的,因為我們正常的聊天流程是這樣的(不適用快捷鍵的情況下):打開聊天窗口——點擊輸入框激活(默認)——打字——發送——關閉

操作在下方區域完成，無需長距離移動滑鼠軌跡。要知道在優秀的交互產品設計中，是要考慮一套閉環流程的滑鼠移動軌跡的。

這部分用戶我們也可以同樣的稱為自主性用戶,習慣於按照自主性邏輯判斷使用規則.

至於點擊頻率,我不知道,因為我使用過程是ctrl+alt+Z——alt+S——alt+C

多說一句，前面兩個我就不點名了，不願意以規則來解釋一些問題，但往往一些規則就是用用戶的操作數據中總結的，沿用規則可以保證你不犯錯。發送旁邊的關閉按鈕可能不是因為用戶體驗而設計，但是他們是因為用戶體驗而保留。（原本的聊天記錄和消息模式功能按鈕和現在的發送關閉在同位置上，07年版本開始被刪除和移動到現在的位置。）

扯淡的越來越多。這有什麼好爭論的，

讓用戶用最簡短的路徑，在舒適的場景下完成他想要的常用操作。這個道理有這麼難懂么？

糟糕的設計在習慣面前也能成為經典。自己基本不用，還有時點錯，當成發送。

1.如果根據用戶的行為流程分析：輸入文字→點擊發送→關閉，這樣看來把關閉按鈕放在這個位置確實比較合理。

2.而審視了下自己的操作習慣：若不用快捷鍵的話也只會點擊右上角的"X"來關閉，這個關閉按鈕從未用過。原因應該在於這種對話框的形式與我們總是遇到的彈出對話框有點類似，而在彈出對話框中右下角的操作按鈕往往都是「確定」、「取消」；「是」、「否」等，幾乎很少見到「關閉」，因為對話框右上角有關閉按鈕。對於這種對話框「最大化」、「最小化」、「關閉」這三個是相近的功能，因此我們趨向於在同一個地方尋找它們，將它們放置在一起是合理的。這是windows系統造就了我們的習慣。而所以我也從未用過QQ對話框中「發送」按鈕旁的「關閉」。

那麼這個按鈕之所以存在，大概是針對那些小白用戶的吧，因為從始至終它都存在，突然的消失也許就會讓小白用戶不知所措。

因此，很多時候在同一個設計上可以運用多個原則，而很可能這些原則又恰好讓設計產生矛盾，那麼應該採取怎樣的措施呢？也許再怎麼權威的原則有時都會輸給用戶的習慣吧……

沒什麼好處。

這個是早期qq產品還很粗糙的時候設計的按鈕。

後來他們去掉了這個按鈕，發現很多用戶舉報，說不會關閉窗口了。。。(其實對於很多小白用戶，他們只會開機和聊qq，對於qq的操作也僅限於別人教的流程，換一個流程過來就不會用了)

經過數據統計，絕大部分用戶習慣與通過按這個按鈕關閉qq，按發送按鈕發送，最後只好保留這個按鈕。

用戶習慣擺在那裡，再爛的設計，用戶也不願意改變。

QQ主面板被我設置成「按右上角的叉叉會把QQ最小化」（最早應該來自某個版本的TM），所以下意識告訴我在QQ的界面里右上角的叉叉只是最小化的功能，於是我會用＂關閉＂來關閉對話框．

QQ消息框下面的兩個按鈕，我用到的還就是這個「關閉」，發送信息直接用ctrl+enter了。

騰訊這個確實該改一下。既然不能把這個關閉去掉，那就說明這個關閉放到整個窗口的右上角是個不好的設計。

所以，我覺得把信息顯示和輸入分開，不要兩個都是白色的輸入框的樣子。把信息顯示框上的操作，下移到輸入框上，上面只是用來顯示，那些打開視頻，傳文件之類的操作，全下移到輸入框之上，順便把最大最小和關閉按鈕一併移下來。這樣，就可以慢慢引導用戶，把兩個關閉合併了。

根據上面的回答，一切按書本的教條，自然是要不得的，但一切都拿用戶就習慣這個也是不可取的吧。啥都按用戶已有習慣，不打破常規，那就沒有進步，更沒有突破了。