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

大家好我是杜昭，今天給大家?guī)?lái)的是知乎和微信中相同功能的設(shè)計(jì)方案對(duì)比，背景如下：

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

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

一、刪除方式

打開(kāi)浮窗后，知乎需要使用手勢(shì)操作滑動(dòng)刪除，微信是點(diǎn)擊刪除。

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

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

二、浮窗信息

當(dāng)只有一個(gè)浮窗時(shí)，知乎顯示的是數(shù)字，而微信會(huì)顯示公眾號(hào)頭像、文件類型圖標(biāo)等等信息。

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

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

三、計(jì)數(shù)方式

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

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

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

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

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

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

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

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

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

#專欄作家#

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

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

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