微信的懸浮窗功能,啟示我如何選擇正確的方案

29 評(píng)論 19356 瀏覽 57 收藏 10 分鐘

微信的懸浮窗,受到了一致的好評(píng),交互簡(jiǎn)單易學(xué)易觸發(fā)。這種解決方式是我沒有想到的,確實(shí)很取巧,我試圖剖析一下這中間的差別,希望自己能從中學(xué)習(xí)到一些產(chǎn)品設(shè)計(jì)的思路。

一、要解決的問題:

首先我要描述一下,在使用微信時(shí)遇到的問題。根據(jù)問題我們才知道要做什么。

  1. 在閱讀公眾號(hào)文章時(shí),收到新的微信,必須關(guān)閉當(dāng)前頁面,去微信主頁面查看。之后再去公眾號(hào)里找剛才閱讀的文章。
  2. 在刷朋友圈的時(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é)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 發(fā)現(xiàn)同一篇文章可以重復(fù)懸浮 ??

    來自廣東 回復(fù)
  2. 感覺樓主對(duì)問題定義得時(shí)候,不夠全面。只是考慮了閱讀文章過程中,收到微信消息需要去回復(fù)的場(chǎng)景;沒有去考慮閱讀文章過程中,突然想去找微信好友溝通的場(chǎng)景。 如果從這兩個(gè)方面考慮的話,就不會(huì)有樓主那個(gè)解決方案了。

    來自北京 回復(fù)
  3. 大佬們~~能不能一起交流交流啊

    來自北京 回復(fù)
  4. 微信懸浮窗有個(gè)體驗(yàn)待提高的地方,出示付款碼的時(shí)候,碼經(jīng)常會(huì)被懸浮窗擋住,導(dǎo)致付款失敗,建議在付款碼頁面將碼隱藏起來

    回復(fù)
  5. 提問:為什么我看文章的時(shí)候,收到微信消息從未提醒過我

    回復(fù)
    1. ios會(huì)震動(dòng)提醒,這個(gè)需要自己設(shè)置。

      來自北京 回復(fù)
    2. 應(yīng)該是手機(jī)設(shè)置靜音的原因

      來自北京 回復(fù)
  6. iPhone懸浮窗被借鑒了,但是其他app沒人想到

    回復(fù)
    1. 在兩年前,F(xiàn)acebook家的message安卓版聊天窗,就是全局懸浮窗

      來自廣東 回復(fù)
  7. 個(gè)人意見:直接上iOS
    補(bǔ)充: 內(nèi)置的

    回復(fù)
  8. 閱讀是個(gè)人行為,但是溝通是群體行為,你的方案時(shí)建立在只有點(diǎn)對(duì)點(diǎn)溝通的場(chǎng)景下,如果有多人溝通需要你主動(dòng)發(fā)起向另一個(gè)人會(huì)話時(shí)還是需要退出閱讀文章

    來自上海 回復(fù)
    1. 有道理~

      來自北京 回復(fù)
    2. 這里可以把第三個(gè)懸浮窗設(shè)置為“添加鍵”,點(diǎn)擊即可進(jìn)入選擇用戶頁—發(fā)起聊天。

      來自廣東 回復(fù)
    3. 另外建議懸浮窗要控制相間的距離、大小和透明度,以免遮擋用戶的閱讀。

      來自廣東 回復(fù)
  9. 看到第一個(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)等

    來自福建 回復(fù)
    1. 講不好是看到什么數(shù)據(jù)趨勢(shì)才加這個(gè)功能呢?

      來自浙江 回復(fù)
    2. 我更樂意看到你說糟糕的原因和解決方案。

      來自北京 回復(fù)
    3. ? 糟糕的幾個(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)然還有其他原因就不過多說明了。

      來自福建 回復(fù)
  10. 你這個(gè)交互其實(shí)也會(huì)出現(xiàn)一點(diǎn)問題,就是他如果想回好幾個(gè)人的消息,或者有些群設(shè)置了消息免打擾他想看一下。還是要重新回到微信的主頁面去

    來自浙江 回復(fù)
  11. 無論什么改動(dòng),都要追溯到戰(zhàn)略層,這樣才不會(huì)跑偏。

    來自上海 回復(fù)
    1. 又是一個(gè)盡扯犢子,不干事的人

      來自江蘇 回復(fù)
    2. skr skr skr

      來自上海 回復(fù)
    3. 戰(zhàn)略對(duì)用戶沒意義

      回復(fù)
    4. skr skr skr

      來自上海 回復(fù)
  12. 只有我覺得微信的懸浮窗不好用嗎?擋著屏幕內(nèi)容,每次進(jìn)去都要重新加載。
    還是之前的multiwebview好用,內(nèi)置瀏覽器和聊天分離

    來自廣東 回復(fù)
    1. 同,尤其是開啟了assistive touch的時(shí)候。。。兩個(gè)懸浮

      來自浙江 回復(fù)
    2. 對(duì),是有這樣的問題。有時(shí)候我也覺得煩,索性取消了懸浮。但這個(gè)功能還是很常使用。

      來自北京 回復(fù)
    3. 每次都要重新加載我在iOS上沒遇到

      來自浙江 回復(fù)
    4. 可能安卓版的機(jī)制不一樣

      來自廣東 回復(fù)