連 iOS 14 都跟進(jìn)的小窗模式是什么?

8 評(píng)論 18979 瀏覽 27 收藏 14 分鐘

北京時(shí)間2020年6月23日凌晨召開(kāi)的 WWDC 2020 上,蘋(píng)果為 iOS 帶來(lái)了一項(xiàng)新特性「畫(huà)中畫(huà)」,允許用戶(hù)在看視頻或者 FaceTime 時(shí)使用其他APP,然而安卓廠商提供的小窗模式使用場(chǎng)景更加豐富,一起來(lái)看看吧。本文從四個(gè)方面展開(kāi)分析,希望對(duì)你有幫助。

一、iOS 14 提供的「畫(huà)中畫(huà)」

更大的手機(jī)屏幕,在我們需要的時(shí)候,應(yīng)該能顯示更多的信息,而不只是更大的信息。更強(qiáng)的手機(jī)性能,在我們需要的時(shí)候,應(yīng)該能在多個(gè)應(yīng)用間快速切換,而不只在游戲時(shí)才火力全開(kāi)。

所以在告別了喬幫主黃金3.5 吋,以及性能捉襟見(jiàn)肘的時(shí)代后,手機(jī)多窗口交互應(yīng)運(yùn)而生。

但受屏幕尺寸所限,我并不認(rèn)為手機(jī)多窗口是用來(lái)像電腦多窗口一樣提高生產(chǎn)效率的。比如邊看網(wǎng)課邊做筆記、邊查資料邊寫(xiě)文章,而是提高特定場(chǎng)景下的消費(fèi)效率。比如邊關(guān)注滴滴司機(jī)的位置邊看新聞,邊看視頻邊聊微信。

二、什么是友好的交互?

在正式聊市面上的手機(jī)多窗口交互前,我們先籠統(tǒng)地看看什么是友好的交互。

友好的交互應(yīng)滿(mǎn)足以下 4 點(diǎn)基本要求:

  1. 操作意圖明確。如果不知道操作后會(huì)發(fā)生什么,那么這個(gè)操作就會(huì)讓用戶(hù)焦慮。
  2. 操作反饋明確。例如相機(jī)對(duì)上焦后會(huì)發(fā)出“滴滴”兩聲。
  3. 穩(wěn)定可靠。其實(shí)這并不算交互層面的問(wèn)題,而是技術(shù)問(wèn)題。不同情況對(duì)于穩(wěn)定性要求不同,如果兒童手表的電子圍欄有過(guò)一次識(shí)別不出小孩離開(kāi)了圍欄區(qū)域,那家長(zhǎng)以后還能放心嗎?
  4. 操作步驟少、簡(jiǎn)便。同時(shí)還需要避免由于太簡(jiǎn)便而容易誤觸發(fā),比如滴滴司機(jī)端的乘客到達(dá)操作不是點(diǎn)擊確認(rèn),而是類(lèi)似早期 iPhone 的滑動(dòng)滑塊確認(rèn)。

加分項(xiàng):操作過(guò)程可以停止,甚至可以恢復(fù)到之前的樣子,那么用戶(hù)在進(jìn)行這種操作時(shí)幾乎不會(huì)有任何壓力。

此外,一個(gè)功能的使用過(guò)程,應(yīng)從打開(kāi)、使用、關(guān)閉 3 個(gè)階段全面考慮。正如出汁率再高的榨汁機(jī),使用完難以清洗的,都離不開(kāi)吃灰的命運(yùn)。

三、手機(jī)多窗口交互場(chǎng)景

接下來(lái)我們具體看目前的手機(jī)多窗口針對(duì)的 4 個(gè)場(chǎng)景。

1. 正在使用應(yīng)用 A 時(shí),需要臨時(shí)使用應(yīng)用 B

優(yōu)化效果:不離開(kāi)應(yīng)用 A,可便捷插入和退出應(yīng)用 B 。

魅族提供了雙擊小窗外區(qū)域退出小窗的方式,就是考慮到單擊過(guò)于方便,無(wú)意碰到屏幕也會(huì)把小窗關(guān)了。

如果看小說(shuō)時(shí)來(lái)了消息,想看完這個(gè)段落再回消息,雖然通知已經(jīng)消失了,但還在通知中心里,魅族的通知中心里依然保留了「小窗打開(kāi)」按鈕。

以上場(chǎng)景是在應(yīng)用有通知時(shí),我們被動(dòng)打開(kāi)應(yīng)用,那么沒(méi)有通知時(shí),我們?nèi)绾巫园l(fā)打開(kāi)應(yīng)用呢?比如看到新聞里說(shuō)老婆那邊會(huì)降溫,要發(fā)微信提醒老婆加衣服,如何不退出新聞卻打開(kāi)微信呢?

這里我們需要的是一個(gè)操作入口,操作入口目前有 4 種形式:

  1. 屏幕上明確的標(biāo)識(shí),比如應(yīng)用的圖標(biāo);
  2. 機(jī)身按鍵,比如 iPhone 雙擊側(cè)鍵打開(kāi)Apple Pay;
  3. 在屏幕上作出特定動(dòng)作,比如從屏幕底部上滑回到桌面;
  4. 語(yǔ)音識(shí)別。

魅族的方案是從屏幕左/右下角向內(nèi)滑,調(diào)出主動(dòng)小窗打開(kāi)應(yīng)用入口,手指停在哪個(gè)圖標(biāo)上再松開(kāi),就直接小窗打開(kāi)那個(gè)應(yīng)用。

小米則不能在不離開(kāi)應(yīng)用 A 的情況下主動(dòng)打開(kāi)應(yīng)用 B,需要先進(jìn)入最近打開(kāi)的應(yīng)用界面,再點(diǎn)擊“小窗應(yīng)用”按鈕展開(kāi)“小窗應(yīng)用”窗口。這個(gè)交互可以進(jìn)一步優(yōu)化,當(dāng)“小窗應(yīng)用”窗口里有應(yīng)用時(shí),默認(rèn)展開(kāi)“小窗應(yīng)用”窗口,從而減少一步操作。

正在讀微信公眾號(hào)時(shí),好友發(fā)來(lái)消息的場(chǎng)景,微信已經(jīng)給出了解決方案:把公眾號(hào)頁(yè)面縮小到懸浮氣泡里,回復(fù)完消息后,可以打開(kāi)氣泡繼續(xù)讀公眾號(hào)。

魅族的小窗此時(shí)則更加巧妙:在微信公眾號(hào)里小窗打開(kāi)微信對(duì)話(huà)。相當(dāng)于同時(shí)打開(kāi)了同一賬號(hào)的兩個(gè)微信,這個(gè)交互魅族稱(chēng)為「平行小窗」。

2. 應(yīng)用 A 的狀態(tài)需要頻繁甚至實(shí)時(shí)關(guān)注,但不需要太多注意力,同時(shí)想要使用應(yīng)用 B

優(yōu)化效果:同時(shí)顯示應(yīng)用 B 以及應(yīng)用 A 的狀態(tài)。

3. 從應(yīng)用 A 中復(fù)制內(nèi)容到應(yīng)用 B

優(yōu)化效果:選中應(yīng)用 A 中信息,直接拖拽到應(yīng)用 B。

堅(jiān)果手機(jī)的直接拖拽操作非常方便,但不能忽略此前需要先進(jìn)入「一步模式」,再把另一個(gè)應(yīng)用添加到小窗。如果只是為了復(fù)制一段文字,并不會(huì)比先在應(yīng)用 A 中復(fù)制,再打開(kāi)應(yīng)用 B 粘貼方便很多,啟用「一步模式」反而會(huì)顯得陣仗太大。如果需要在多個(gè)應(yīng)用間頻繁的復(fù)制內(nèi)容,那么只有「一步模式」解決了這個(gè)問(wèn)題,且解決的非常漂亮。

堅(jiān)果 Pro3 發(fā)布會(huì)上演示把便簽直接拖拽到微信里發(fā)送

4. 多個(gè)應(yīng)用切換

優(yōu)化效果:同時(shí)顯示多個(gè)應(yīng)用,最大窗口為正在使用應(yīng)用,其他小窗口為待使用應(yīng)用,點(diǎn)擊待使用應(yīng)用可放大窗口。

上文提到好的交互要預(yù)期明確、穩(wěn)定可靠、步驟少,「一步模式」全都滿(mǎn)足。

SmartsianOSv7.1 更新日志中對(duì)「一步模式」的介紹

此外,目前手機(jī)廠商普遍提供的應(yīng)用切換方式是左右滑動(dòng)底部橫桿,這個(gè)操作足夠方便,但用戶(hù)不會(huì)時(shí)刻記得屏幕左側(cè)、右側(cè)是哪個(gè)應(yīng)用,對(duì)于切換操作沒(méi)有明確的預(yù)期。

四、手機(jī)多窗口交真的有用嗎?

我們?cè)賮?lái)質(zhì)疑一下手機(jī)多窗口交互的各種場(chǎng)景。

1.「小窗模式」真的很厲害嗎?

Flyme 7 發(fā)布會(huì)上楊顏這么形容:即用即走,非常方便。千萬(wàn)不要小看這個(gè)設(shè)計(jì),當(dāng)你實(shí)際體驗(yàn)之后,你就會(huì)發(fā)現(xiàn),它會(huì)大幅度的減少因?yàn)轭l繁的應(yīng)用跳轉(zhuǎn)而帶來(lái)的心理負(fù)擔(dān)。

應(yīng)用跳轉(zhuǎn)而已,怎么還牽扯到“心理負(fù)擔(dān)”了呢?

這并不是聳人聽(tīng)聞,細(xì)微的改善經(jīng)過(guò)成千上萬(wàn)次的重復(fù),也會(huì)被放大。

舉個(gè)應(yīng)用更加廣泛的例子,全面屏手機(jī)通過(guò)從底部上滑來(lái)返回桌面,如果上滑中暫??梢圆榭醋罱褂玫膽?yīng)用,繼續(xù)上滑還是回到桌面,如果下滑的話(huà)又可以回到當(dāng)前的界面,相當(dāng)于后悔藥。所以我們可以邊操作邊決策,在進(jìn)行上滑操作時(shí)我們則不會(huì)有任何壓力。

2.「一步模式」真的能改善手機(jī)辦公的體驗(yàn)嗎?

Smartsian OS 的「一步模式」實(shí)現(xiàn)了內(nèi)容在兩個(gè)應(yīng)用之間的直接拖拽,甚至可以在手機(jī)上把 Word 里的圖片拖拽復(fù)制到 Excel 里,但由于手機(jī)屏幕尺寸限制,單獨(dú)使用 Word、Excel 的基礎(chǔ)體驗(yàn)并不太好。所以我甚至懷疑這個(gè)演示更多是服務(wù)于發(fā)布會(huì)效果,并且朱蕭木老師也說(shuō)過(guò)產(chǎn)品設(shè)計(jì)時(shí)也要考慮到營(yíng)銷(xiāo)的需要。

手機(jī)的優(yōu)勢(shì)是方便攜帶,電腦的優(yōu)勢(shì)是能夠進(jìn)行專(zhuān)業(yè)操作,所以用手機(jī)隨時(shí)隨地記錄想法的閃念膠囊,結(jié)合 TNT 大屏交互,就是吸收了兩者優(yōu)勢(shì)的創(chuàng)新產(chǎn)品。我想象中下一代個(gè)人電腦的樣子,恰好也是 TNT 的樣子,希望新石實(shí)驗(yàn)室能在這條寂寞路上堅(jiān)持下去。

朱海舟在堅(jiān)果 Pro3 發(fā)布會(huì)上演示把圖片從Word 直接拖拽到 Excel里

再說(shuō)回「一步模式」,將其搬到帶有鼠標(biāo)鍵盤(pán)的 iPad 或 TNT 上,則會(huì)切實(shí)改善生產(chǎn)效率,因?yàn)樯a(chǎn)力的基礎(chǔ)體驗(yàn)通過(guò)大屏幕和鼠標(biāo)鍵盤(pán)得到了保障。

3. 等待游戲更新很無(wú)聊,除了把游戲放進(jìn)「迷你窗」,還有其他辦法嗎?

MIUI 12 發(fā)布會(huì)上介紹了這個(gè)場(chǎng)景:等待游戲更新時(shí)將游戲縮小為「迷你窗」懸浮在屏幕上,此時(shí)可以刷微博,而不必等著游戲更新完而什么都不能做。

MIUI 12 發(fā)布會(huì)上介紹「迷你窗」

只要游戲更新時(shí)還能進(jìn)行其他操作,這個(gè)痛點(diǎn)就被治愈了。那為什么不把游戲退到后臺(tái)呢?

因?yàn)橛螒蛟诤笈_(tái)可能會(huì)被殺掉而導(dǎo)致更新終止,那么讓系統(tǒng)識(shí)別并保證后臺(tái)正在更新的游戲不被殺掉,也解決了問(wèn)題。進(jìn)一步提升用戶(hù)體驗(yàn),還可以在游戲更新完成后發(fā)通知提醒用戶(hù)第一時(shí)間開(kāi)始游戲。

相較于迷你窗,把游戲退到后臺(tái)更符合用戶(hù)已有習(xí)慣,且不會(huì)遮擋正在使用的應(yīng)用,體驗(yàn)更好。當(dāng)然對(duì)于既要隨時(shí)知道游戲更新進(jìn)度,又要能進(jìn)行其他操作的用戶(hù)來(lái)說(shuō),「迷你窗」是很好的選擇。

從更高一個(gè)緯度解決這個(gè)痛點(diǎn),則是縮短游戲更新的時(shí)間。使用 5G 網(wǎng)絡(luò)更新過(guò)游戲的朋友,可以分享下更新所需時(shí)間,讓我開(kāi)開(kāi)眼界。讓游戲更新的過(guò)程完全無(wú)感知?jiǎng)t是終極目標(biāo),因?yàn)橛脩?hù)要的是玩游戲,而不是更新游戲。

最后,能和這些挖空心思,壓榨手機(jī)屏幕空間和性能的優(yōu)秀產(chǎn)品設(shè)計(jì)和開(kāi)發(fā)者成為同行,我感到非常榮幸。

 

作者:25磅,微信公眾號(hào):25磅

本文由 @25磅 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 錘子一步是做的最好的,還有圖釘功能也很實(shí)用,不得不說(shuō)老羅確實(shí)牛逼

    來(lái)自江蘇 回復(fù)
  2. 畫(huà)中畫(huà)絕對(duì)是剛需,有時(shí)候不是為了看畫(huà)面,能聽(tīng)聲音就夠了

    回復(fù)
  3. 小窗模式、畫(huà)中畫(huà)的解決的核心問(wèn)題是「同時(shí)運(yùn)行」。至于小窗模式可以快速切換我個(gè)人認(rèn)為都不是重點(diǎn),現(xiàn)在手機(jī)的任務(wù)切換已經(jīng)很nice了,快速切換的一個(gè)痛點(diǎn)就是部分應(yīng)用沒(méi)辦法做到后臺(tái)「同時(shí)運(yùn)行」,比如領(lǐng)導(dǎo)開(kāi)視頻會(huì)議的時(shí)候可以切出去看抖音。

    來(lái)自江蘇 回復(fù)
    1. 對(duì)

      來(lái)自山東 回復(fù)
  4. 我可能不應(yīng)該當(dāng)交互設(shè)計(jì)師,想到注意力會(huì)被切得這么碎,我的心里充滿(mǎn)了焦慮

    來(lái)自北京 回復(fù)
    1. 看視頻、看新聞時(shí)應(yīng)該沒(méi)有人想被打擾吧,但是老板來(lái)了消息還是得回復(fù),小窗回復(fù)就是讓這個(gè)過(guò)程的焦慮少一些。

      來(lái)自江蘇 回復(fù)
    2. 你的理解不對(duì) 一個(gè)很簡(jiǎn)單的例子:很多視頻播放 從以前的單視頻播放 演變到現(xiàn)在 可以邊看視頻 邊刷評(píng)論 這是交互上的提升

      來(lái)自山東 回復(fù)
    3. 嗯,這個(gè)注意力其實(shí)還是在同一件事情上的,我理解這種就是好的交互設(shè)計(jì)。因?yàn)閺淖钚r(shí)候看電視開(kāi)始,我就喜歡一邊看一邊評(píng)論,提問(wèn),(這給家長(zhǎng)造成了很多打擾),到了線(xiàn)上視頻的時(shí)代,這種交流渴求才算是得到了滿(mǎn)足。

      來(lái)自北京 回復(fù)