起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識解讀產品設計差異：知乎和微信的懸浮窗功能
編輯導語：知乎更新版本后，增加了和微信一樣的功能——懸浮窗功能。相同的功能，在微信和知乎上的展現方式又有什么差異呢？二者又有什么可以改進的地方呢？本文作者為我們做了分析。
大家好我是杜昭，今天給大家帶來的是知乎和微信中相同功能的設計方案對比，背景如下：
知乎在最新版本中也增加了懸浮窗功能，在顯示位置和操作方式上幾乎和微信一模一樣（一模一樣不是缺點，這樣可以減少很多學習成本和記憶成本），如下圖：
作者對兩款產品在一些細節設計上的區別，思考如下：
一、刪除方式
打開浮窗后，知乎需要使用手勢操作滑動刪除，微信是點擊刪除。
這里作者比較傾向于微信的設計方案，類似于浮窗不能套浮窗的規則，手勢操作本身就需要一定的認知成本；在這個場景中用戶已經處于一個類似浮窗的狀態了，再使用手勢操作認知成本會更高。
作者在使用的時候也是猜了一下才找到如何刪除已經添加的浮窗，微信直接把刪除按鈕露出的方法更容易被用戶發現和使用。
二、浮窗信息
當只有一個浮窗時，知乎顯示的是數字，而微信會顯示公眾號頭像、文件類型圖標等等信息。
這里作者依然傾向于微信的方案，原因是作為產品方，設置浮窗就是希望用戶能夠再次打開浮窗繼續閱讀信息的。只放一個數字的話用戶可能過后就忘記了自己之前設置了什么信息，對于繼續閱讀的興趣會減弱很多。
相反，如果通過這個浮窗就能想到之前是什么信息還沒有看完那打開繼續閱讀的概率會大很多。
三、計數方式
知乎使用的數字計數方式，微信使用的圖形計數方式。
作者覺得兩種方案各有好處，數字計數在浮窗數量較多的時候能夠更快速的把數量信息傳達給用戶，而圖形計數則可以在一定程度上保留辨識度信息。
如果是作者來做這個方案的話可以會考慮一下用戶平均設置浮窗的數量來決定使用哪一種，如果這個數字是2左右的話，那數字計數方式就沒有什么優勢了。
四、最大數量后的流程
兩個產品都是最多可以設置5個浮窗，當已有5個浮窗再繼續添加之后就會給出如下提示（兩個產品文字都差不多）：
但是在點擊這浮窗之后，兩個產品的反饋卻完全不一樣，知乎是點擊【我知道了】按鈕之后停留在本頁面，而微信是點擊之后進入浮窗列表頁面。
作者覺得微信的做法稍微好一些，能夠在用戶希望刪除其他浮窗時減少用戶做出的操作數量。
但是一個設計方案到底好不好，一定要結合其業務目標來看，如果知乎的業務目標是希望用戶繼續瀏覽本頁面內容，那這種做法當然也沒有問題；否則的話那就是完敗了。
以上就是今天的分享了，如果感覺內容不錯，就分享給更多朋友吧，轉發就是對作者最大的創作鼓勵！
#專欄作家#
杜昭，微信公眾號：設計的威嚴，人人都是產品經理專欄作家。實戰派設計師，千萬用戶級產品交互設計負責人，致力于用戶體驗設計和用戶增長實驗，努力成為能為商業目標負責的設計師中～
本文原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自 Pexels，基于 CC0 協議
- 目前還沒評論，等你發揮！
