微信的懸浮窗功能,啟示我如何選擇正確的方案
微信的懸浮窗,受到了一致的好評(píng),交互簡(jiǎn)單易學(xué)易觸發(fā)。這種解決方式是我沒有想到的,確實(shí)很取巧,我試圖剖析一下這中間的差別,希望自己能從中學(xué)習(xí)到一些產(chǎn)品設(shè)計(jì)的思路。
一、要解決的問題:
首先我要描述一下,在使用微信時(shí)遇到的問題。根據(jù)問題我們才知道要做什么。
- 在閱讀公眾號(hào)文章時(shí),收到新的微信,必須關(guān)閉當(dāng)前頁面,去微信主頁面查看。之后再去公眾號(hào)里找剛才閱讀的文章。
- 在刷朋友圈的時(shí)候,收到新的微信,必須關(guān)掉朋友圈頁面,去微信主頁面查看。之后再去刷朋友圈,可能要翻很久才能回到剛才的位置。
如此頻繁的打斷與跳出,既影響了閱讀的體驗(yàn),又影響了實(shí)時(shí)的溝通。
二、定義問題,解決問題:
對(duì)于上述問題,我和微信PM在定義問題的關(guān)鍵點(diǎn)上,有不一樣的思維方式。我來具體闡述一下,你就能明顯感到這之間的差別。
微信的懸浮窗只解決了問題1,所以我們只討論問題1的情況。
在閱讀公眾號(hào)文章時(shí),收到新的微信,必須關(guān)閉當(dāng)前頁面,去微信主頁面查看。之后再去找剛才閱讀的文章。
1. 我的思考路徑:
(1)定義問題:我在閱讀,收到了新的微信,想查看,只能關(guān)閉當(dāng)前頁。這種跳出打斷了我目前的閱讀,造成了之后的不便。那么,我需要解決的問題是,在不跳出當(dāng)前頁面的情況下,如何能夠及時(shí)查看新的微信。
(2)解決方案:新增一個(gè)聊天頁面。頁面原型圖請(qǐng)點(diǎn)擊:https://modao.cc/app/JDUOPARrGaOKvCnsPPell4jRDvraBQ2
- 大致的使用流程是: 收到的新微信提醒 –> 變成頭像展示在當(dāng)前頁面 –> 點(diǎn)擊頭像,打開聊天界面。–> ?或者 滑動(dòng)頭像,忽略提醒。
- 這樣做的好處:一次點(diǎn)擊,就可以在當(dāng)前頁面看到新的微信;朋友圈頁面,也可以用此方式,解決無法及時(shí)查看微信的問題。
- 這樣做的問題:新增了一套信息顯示邏輯;新增了一個(gè)聊天界面。
為什么說新增頁面是問題呢,這是因?yàn)閷?duì)比了懸浮窗的功能之后,我最直觀的感受。后面我會(huì)詳細(xì)講述。
2. 微信PM的思考路徑:
這是看到懸浮窗功能后,我的揣測(cè),只代表個(gè)人意見:)
(1)定義問題:我在閱讀,收到了新的微信,想查看,只能關(guān)閉當(dāng)前頁。–> ?去微信主頁面查看。 ?–> ?之后再去公眾號(hào)里找剛才閱讀的文章。
關(guān)掉當(dāng)前頁面,不是問題。問題在于,找到剛才閱讀的文章不容易。那么,需要解決的問題是,如何快速找到要繼續(xù)閱讀的文章。
(2)解決方案:定義的問題不同,解決方案自然不同。
如何繼續(xù)閱讀?很多內(nèi)容型應(yīng)用都有類似的功能,可以參考。
- 視頻類APP,會(huì)在首頁底部顯示一條最近觀看的浮層,點(diǎn)擊之后可以繼續(xù)觀看。
- Safari瀏覽器的閱讀列表,點(diǎn)擊+號(hào),就可以將當(dāng)前頁面放入閱讀列表中,方便下次查看。
解決方案是:
- 懸浮窗: 把要看的文章,收起來,變成一個(gè)浮層,點(diǎn)擊浮層,就可以繼續(xù)閱讀。就像書簽或便利貼。
- 交互: 交互上,最好和用戶原來的操作行為一致。不用點(diǎn)擊+號(hào),或者…,用最直白簡(jiǎn)單易觸發(fā)的方式,告訴用戶,你可以把文章收起來,需要的時(shí)候再打開。
無疑,現(xiàn)在微信懸浮窗的交互,做到了。
三、我的反思:
1. 為什么現(xiàn)在才做
其實(shí)微信早該做這個(gè)功能。
微信從公眾號(hào)的爆發(fā),到信息流的轉(zhuǎn)變,時(shí)隔6年,才改進(jìn)了這個(gè)功能。為什么?隨便一個(gè)產(chǎn)品經(jīng)理都能“容易”解決的問題,為什么微信等了這么久?
說是排期原因我肯定不信,我更愿意理解為,當(dāng)你的用戶規(guī)模以億為單位時(shí),對(duì)于一個(gè)功能的改動(dòng),如果沒有好的解決方案,不如不做。而這個(gè)“好”的評(píng)判標(biāo)準(zhǔn),就看內(nèi)部的流程了。
我的反思是,我在做產(chǎn)品的時(shí)候,充當(dāng)了太多次救火隊(duì)員,哪里有問題,就趕緊沖上去滅火。
這容易造成一種錯(cuò)誤的思維慣性,比如,這里不能查看,那我就加個(gè)頁面讓你看。這里不能點(diǎn)擊,那我加個(gè)點(diǎn)擊功能。
以為這樣解決了問題,實(shí)則是頁面的堆積,不僅造成了頁面和代碼的臃腫,還伴隨著各種邏輯的堆疊,一旦某個(gè)邏輯出現(xiàn)問題,就變得無法拆分。只能邏輯套邏輯,最后誰都不敢碰。
快速解決問題的觀念沒有錯(cuò),但有時(shí)候真的會(huì)忽略產(chǎn)品本身最重要的事情。就是,產(chǎn)品的核心,問題的關(guān)鍵點(diǎn),以及用戶。所以,以為著火了的時(shí)候,敢不敢等一等,多想一想。
2. 什么才是產(chǎn)品的核心
把什么作為主要的考慮對(duì)象,應(yīng)該就是這兩種解決方案最大的不同了吧。
微信的主要功能,從來都沒變過,就是及時(shí)通信。
如果反復(fù)問過,什么才是產(chǎn)品的核心,那我可能會(huì)理解,為什么微信沒有選擇增加新頁面,而是讓用戶返回微信主頁面查看新消息,即便用戶需要3次頁面操作,才能看到新信息。
畢竟,聊天的內(nèi)容不只是文字,還有其他富媒體。回到主頁面,才能最大保證溝通效率與體驗(yàn)。
我的反思是,每提一個(gè)新需求時(shí),是否真的反復(fù)問過自己,產(chǎn)品的核心到底是什么。新需求做完之后,產(chǎn)品核心改變了嗎,重點(diǎn)轉(zhuǎn)移了嗎,解決了真實(shí)問題嗎?
除了自己之外,有沒有其他人,或者內(nèi)部制度,能夠幫助你,反思這些問題,檢驗(yàn)這些問題。如果沒有,能不能想辦法建立。
不要輕易做加法。
3. 解決問題的思路,判斷方式
如何提一個(gè)好問題。 如何找到真實(shí)的問題。 如何定義問題的關(guān)鍵點(diǎn)。 如何驗(yàn)證。
這些有方法論,也有經(jīng)驗(yàn)。
以前我會(huì)覺得,自己邏輯不錯(cuò),我在意我怎么根據(jù)邏輯推理找到問題在哪兒,我更關(guān)心前三點(diǎn)?,F(xiàn)在我會(huì)關(guān)心到第四點(diǎn)。
問題找到了,怎么驗(yàn)證它是對(duì)的呢。思路有100種,99種都說的通,怎么做抉擇?
判斷方式有沒有一套方法論,方法論是否可檢驗(yàn)。大家都知道,要考慮用戶體驗(yàn),資源,成本,但具體到細(xì)節(jié)呢,怎么把控?
四、最后:
不停地自我否定之中,會(huì)陷入迷茫,覺得什么都不對(duì),或者什么都對(duì)。而那套標(biāo)準(zhǔn),可能真的就是每個(gè)產(chǎn)品人之間的細(xì)微差別。
如果不是看到微信的懸浮窗,我可能真的以為,我的解決方案就是最佳。大部分人,也會(huì)采取類似的解決方案。哎,這個(gè)懸浮窗我是真的想不到啊。
定義問題:只有這一種思路嗎?再想想 解決問題:只有這一種方案嗎?再想想 這個(gè)方案為什么更好。解決了哪個(gè)問題。為什么這個(gè)問題最重要…
類似的問題可能永遠(yuǎn)也問不完。
本文由 @rui_liu 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Pexels ,基于 CC0 協(xié)議
發(fā)現(xiàn)同一篇文章可以重復(fù)懸浮 ??
感覺樓主對(duì)問題定義得時(shí)候,不夠全面。只是考慮了閱讀文章過程中,收到微信消息需要去回復(fù)的場(chǎng)景;沒有去考慮閱讀文章過程中,突然想去找微信好友溝通的場(chǎng)景。 如果從這兩個(gè)方面考慮的話,就不會(huì)有樓主那個(gè)解決方案了。
大佬們~~能不能一起交流交流啊
微信懸浮窗有個(gè)體驗(yàn)待提高的地方,出示付款碼的時(shí)候,碼經(jīng)常會(huì)被懸浮窗擋住,導(dǎo)致付款失敗,建議在付款碼頁面將碼隱藏起來
提問:為什么我看文章的時(shí)候,收到微信消息從未提醒過我
ios會(huì)震動(dòng)提醒,這個(gè)需要自己設(shè)置。
應(yīng)該是手機(jī)設(shè)置靜音的原因
iPhone懸浮窗被借鑒了,但是其他app沒人想到
在兩年前,F(xiàn)acebook家的message安卓版聊天窗,就是全局懸浮窗
個(gè)人意見:直接上iOS
補(bǔ)充: 內(nèi)置的
閱讀是個(gè)人行為,但是溝通是群體行為,你的方案時(shí)建立在只有點(diǎn)對(duì)點(diǎn)溝通的場(chǎng)景下,如果有多人溝通需要你主動(dòng)發(fā)起向另一個(gè)人會(huì)話時(shí)還是需要退出閱讀文章
有道理~
這里可以把第三個(gè)懸浮窗設(shè)置為“添加鍵”,點(diǎn)擊即可進(jìn)入選擇用戶頁—發(fā)起聊天。
另外建議懸浮窗要控制相間的距離、大小和透明度,以免遮擋用戶的閱讀。
看到第一個(gè)原型,后面我就沒看了。你只考慮到場(chǎng)景,有再反思下為什么微信不這么做嗎?可以從源頭來推導(dǎo),你就會(huì)覺得這么做 – – 是有多么糟糕。包括現(xiàn)有的懸浮窗其實(shí)已經(jīng)是有點(diǎn)糟糕了,現(xiàn)在的懸浮窗并不是為了滿足你說的那些點(diǎn),本質(zhì)是為了滿足多任務(wù)的處理。 為什么要進(jìn)行多任務(wù)處理,這點(diǎn)你可以考慮下底層操作系統(tǒng)等
講不好是看到什么數(shù)據(jù)趨勢(shì)才加這個(gè)功能呢?
我更樂意看到你說糟糕的原因和解決方案。
? 糟糕的幾個(gè)點(diǎn)吧,微信并沒有給懸浮按鈕一個(gè)“專門區(qū)域”,類似win底部導(dǎo)航欄用戶切換任務(wù)或者桌面端瀏覽器頂部標(biāo)簽切換,多任務(wù)切換直接放置在內(nèi)容上,你覺得這個(gè)體驗(yàn)好??? 另一個(gè),微信目前做的限制 只能同時(shí)有一個(gè)懸浮按鈕,如果同時(shí)多個(gè)懸浮按鈕,那該頁面是聊天為主?還是多任務(wù)處理界面呢? 當(dāng)然還有其他原因就不過多說明了。
你這個(gè)交互其實(shí)也會(huì)出現(xiàn)一點(diǎn)問題,就是他如果想回好幾個(gè)人的消息,或者有些群設(shè)置了消息免打擾他想看一下。還是要重新回到微信的主頁面去
無論什么改動(dòng),都要追溯到戰(zhàn)略層,這樣才不會(huì)跑偏。
又是一個(gè)盡扯犢子,不干事的人
skr skr skr
戰(zhàn)略對(duì)用戶沒意義
skr skr skr
只有我覺得微信的懸浮窗不好用嗎?擋著屏幕內(nèi)容,每次進(jìn)去都要重新加載。
還是之前的multiwebview好用,內(nèi)置瀏覽器和聊天分離
同,尤其是開啟了assistive touch的時(shí)候。。。兩個(gè)懸浮
對(duì),是有這樣的問題。有時(shí)候我也覺得煩,索性取消了懸浮。但這個(gè)功能還是很常使用。
每次都要重新加載我在iOS上沒遇到
可能安卓版的機(jī)制不一樣