編輯導語：知乎更新版本后，增加了和微信一樣的功能——懸浮窗功能。相同的功能，在微信和知乎上的展現(xiàn)方式又有什么差異呢？二者又有什么可以改進的地方呢？本文作者為我們做了分析。

大家好我是杜昭，今天給大家?guī)淼氖侵鹾臀⑿胖邢嗤δ艿脑O(shè)計方案對比，背景如下：

知乎在最新版本中也增加了懸浮窗功能，在顯示位置和操作方式上幾乎和微信一模一樣（一模一樣不是缺點，這樣可以減少很多學習成本和記憶成本），如下圖：

作者對兩款產(chǎn)品在一些細節(jié)設(shè)計上的區(qū)別，思考如下：

一、刪除方式

打開浮窗后，知乎需要使用手勢操作滑動刪除，微信是點擊刪除。

這里作者比較傾向于微信的設(shè)計方案，類似于浮窗不能套浮窗的規(guī)則，手勢操作本身就需要一定的認知成本；在這個場景中用戶已經(jīng)處于一個類似浮窗的狀態(tài)了，再使用手勢操作認知成本會更高。

作者在使用的時候也是猜了一下才找到如何刪除已經(jīng)添加的浮窗，微信直接把刪除按鈕露出的方法更容易被用戶發(fā)現(xiàn)和使用。

二、浮窗信息

當只有一個浮窗時，知乎顯示的是數(shù)字，而微信會顯示公眾號頭像、文件類型圖標等等信息。

這里作者依然傾向于微信的方案，原因是作為產(chǎn)品方，設(shè)置浮窗就是希望用戶能夠再次打開浮窗繼續(xù)閱讀信息的。只放一個數(shù)字的話用戶可能過后就忘記了自己之前設(shè)置了什么信息，對于繼續(xù)閱讀的興趣會減弱很多。

相反，如果通過這個浮窗就能想到之前是什么信息還沒有看完那打開繼續(xù)閱讀的概率會大很多。

三、計數(shù)方式

知乎使用的數(shù)字計數(shù)方式，微信使用的圖形計數(shù)方式。

作者覺得兩種方案各有好處，數(shù)字計數(shù)在浮窗數(shù)量較多的時候能夠更快速的把數(shù)量信息傳達給用戶，而圖形計數(shù)則可以在一定程度上保留辨識度信息。

如果是作者來做這個方案的話可以會考慮一下用戶平均設(shè)置浮窗的數(shù)量來決定使用哪一種，如果這個數(shù)字是2左右的話，那數(shù)字計數(shù)方式就沒有什么優(yōu)勢了。

四、最大數(shù)量后的流程

兩個產(chǎn)品都是最多可以設(shè)置5個浮窗，當已有5個浮窗再繼續(xù)添加之后就會給出如下提示（兩個產(chǎn)品文字都差不多）：

但是在點擊這浮窗之后，兩個產(chǎn)品的反饋卻完全不一樣，知乎是點擊【我知道了】按鈕之后停留在本頁面，而微信是點擊之后進入浮窗列表頁面。

作者覺得微信的做法稍微好一些，能夠在用戶希望刪除其他浮窗時減少用戶做出的操作數(shù)量。

但是一個設(shè)計方案到底好不好，一定要結(jié)合其業(yè)務(wù)目標來看，如果知乎的業(yè)務(wù)目標是希望用戶繼續(xù)瀏覽本頁面內(nèi)容，那這種做法當然也沒有問題；否則的話那就是完敗了。

以上就是今天的分享了，如果感覺內(nèi)容不錯，就分享給更多朋友吧，轉(zhuǎn)發(fā)就是對作者最大的創(chuàng)作鼓勵！

#專欄作家#

杜昭，微信公眾號：設(shè)計的威嚴，人人都是產(chǎn)品經(jīng)理專欄作家。實戰(zhàn)派設(shè)計師，千萬用戶級產(chǎn)品交互設(shè)計負責人，致力于用戶體驗設(shè)計和用戶增長實驗，努力成為能為商業(yè)目標負責的設(shè)計師中～

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Pexels，基于 CC0 協(xié)議