今天我們以“小組件”作為一條線，好好聊聊 PC、移動(dòng)端這么多件和提效相關(guān)的動(dòng)作。

一、起源于 90 年代

1. 開(kāi)端：蘋(píng)果公司的“桌面裝飾”

這事還得從 Mac 說(shuō)起，當(dāng) Mac 還被稱為 Macintosh 時(shí)，初始團(tuán)隊(duì)工程師 Andy Hertzfeld 就在思考：（當(dāng)時(shí)）電腦都是單線程的，同一時(shí)間只能運(yùn)行一個(gè)主程序。但他們?cè)O(shè)想“可以讓一些小程序（little program）在主程序運(yùn)行時(shí)同時(shí)運(yùn)行”。因?yàn)槲锢硎澜缰械淖烂嫔铣朔盼募?，也?huì)放時(shí)鐘、筆記這些小東西，Andy Hertzfeld 將這個(gè)功能命名為“桌面裝飾品”（desk ornament）[1]。后來(lái)被改名叫桌面配件“desk accessories”，因?yàn)? ornament 這個(gè)詞感覺(jué)太“裝飾感”，缺乏功能性。

早期的控制面板也是用桌面配件的方式實(shí)現(xiàn)的。這樣用戶在打開(kāi)任何主程序時(shí)，都可以調(diào)整對(duì)系統(tǒng)的設(shè)定（比如音量大小、亮度等等）。

我們可以看到當(dāng)時(shí)由開(kāi)發(fā)者主導(dǎo)的設(shè)計(jì)流程中，不太會(huì)去系統(tǒng)性地評(píng)估思考這個(gè)功能的使用場(chǎng)景是什么，我們有這個(gè)能力，似乎這個(gè)能力也是必要的，因此我們就往下做了。做著做著發(fā)現(xiàn)其實(shí)很多場(chǎng)景下能夠使用這種能力，那就歪打正著了。

但的確從“桌面配件”這個(gè)功能誕生之初，它要解決的訴求就很明確：多線程/多任務(wù)處理。用戶可能在使用軟件的時(shí)候，突然就需要看一眼時(shí)間/復(fù)制粘貼什么東西/調(diào)一下亮度，那這些訴求都適用桌面配件來(lái)實(shí)現(xiàn)。

2. 與互聯(lián)網(wǎng)產(chǎn)生關(guān)聯(lián)：微軟的“活動(dòng)桌面”

Active desktop 誕生于 90 年代 windows 和網(wǎng)景 Netscape 著名的“瀏覽器大戰(zhàn)”的時(shí)期。

當(dāng)時(shí) Windows 在網(wǎng)絡(luò)瀏覽器方面缺乏布局，而 Netscape 占領(lǐng)了很大的市值，據(jù)說(shuō)創(chuàng)始人馬克安德森甚至飽含雄心壯志地聲稱：“未來(lái)網(wǎng)景將不只是一個(gè)瀏覽器，而會(huì)成為跨平臺(tái)的操作系統(tǒng)。微軟則將只剩下一個(gè)到處是 bug 的驅(qū)動(dòng)程序?！碑?dāng)然最后的結(jié)果還是 Windows 憑借自己在 PC 驅(qū)動(dòng)程序這個(gè)領(lǐng)域的優(yōu)勢(shì)打敗了網(wǎng)景，從此瀏覽器就作為一個(gè)預(yù)裝軟件和 windows 系統(tǒng)捆綁銷(xiāo)售。

Active desktop 就是這場(chǎng)戰(zhàn)爭(zhēng)之中 windows 研究出來(lái)的一個(gè)操作系統(tǒng)與瀏覽器結(jié)合的奇特功能。用戶可以從一些“網(wǎng)絡(luò)頻道”中選擇自己喜歡的內(nèi)容，然后像添加收藏網(wǎng)頁(yè)一樣，直接把這些網(wǎng)絡(luò)內(nèi)容“添加到”自己桌面上，用窗口的形式展示出來(lái)。比如說(shuō)你可以在不打開(kāi)任何網(wǎng)頁(yè)/程序的情況下，就能看到當(dāng)天的股票走勢(shì)，然后點(diǎn)擊一下這個(gè)股票走勢(shì)圖又能帶你去股票網(wǎng)站。

雖然這個(gè)想法挺先鋒，某種程度上甚至可以算是今天小組件的雛形，但很遺憾因?yàn)?90 年代電腦內(nèi)存不足、內(nèi)容提供方少、用戶教育不怎么到位等多種原因，這個(gè)功能并沒(méi)有堅(jiān)持下去。

二、興于 00～10 年代

1. 第三方小組件廠商入局

2000 年以后，小組件引擎 DesktopX/Konfabulator[2][3]等等如雨后春筍般出現(xiàn)在市場(chǎng)上。2003 年出現(xiàn)的蘋(píng)果第三方軟件 Konfabulator 雖然不算是第一個(gè)小組件引擎，但被認(rèn)為是第一個(gè)成功商業(yè)化的、現(xiàn)象級(jí)的小組件產(chǎn)品。當(dāng)時(shí)這款售價(jià) 25 美金的軟件能夠在你的桌面上放置許多別人制作好的組件，假如你會(huì)一些 Javascript 和 UI 知識(shí)，你也能簡(jiǎn)單的開(kāi)發(fā)自己想要的小組件。

第三方引擎當(dāng)然不會(huì)限制用戶制作小組件的風(fēng)格和樣式，當(dāng)時(shí)市場(chǎng)上不僅存在提升桌面效率的小組件引擎，還有許多以桌面主題定制化為目標(biāo)的主題風(fēng)格引擎。比如現(xiàn)在還有很多 windows 用戶使用 desktopX 制作一些很炫酷的主題。

第三方市場(chǎng)發(fā)展的那么好，肯定會(huì)被平臺(tái)注意到。在 2004 年的 Mac OS X Tiger 上蘋(píng)果馬上推出了自己的小組件功能，在這個(gè)版本中，你只要單擊底部欄上的“訪達(dá)”入口就能看“儀表盤(pán)”dashboard，這是一個(gè)懸浮在所有窗口上面的蒙層，里面裝著一大堆不同的小組件。

在后來(lái)的 OS X Lion 中，蘋(píng)果進(jìn)一步將儀表盤(pán)與桌面進(jìn)行了拆分，儀表盤(pán)被放在了一個(gè)獨(dú)立的空間中，你可以通過(guò)橫滑手勢(shì)進(jìn)入這個(gè)類似于移動(dòng)端“負(fù)一屏”的空間內(nèi)，看到你自己下載的小組件。當(dāng)然后來(lái)負(fù)一屏這個(gè)東西最終還是被取消了，蘋(píng)果后來(lái)采用了類似 Windows Vista 的設(shè)計(jì)來(lái)承載小組件。

2. 設(shè)想與遺憾：微軟的“桌面組件”

2007，Windows 發(fā)布了一套叫做“Vista”的操作系統(tǒng)。在 Vista 系統(tǒng)中，微軟啟用了一套前瞻性的、不同于以往任何版本的視覺(jué)系統(tǒng) Aero，這套以半透明、磨砂玻璃質(zhì)感為標(biāo)志性特征的視覺(jué)樣式，是微軟早期比較少見(jiàn)的有名字的視覺(jué)系統(tǒng)[4]。

“桌面組件”這個(gè)東西和 Aero 一起來(lái)了。和 active desktop 一樣，桌面組件能夠展示本地或者來(lái)自網(wǎng)絡(luò)的信息與服務(wù)。一開(kāi)始，桌面組件以屏幕上的固定右側(cè)邊欄（sidebar）來(lái)展示，后來(lái)在 2018 年的時(shí)候微軟更新了這個(gè)功能，去掉了這個(gè)側(cè)邊欄并且將小組件的展示直接并入桌面。

為什么要去掉呢？微軟自己的說(shuō)法是為了“提升向下兼容性、提升桌面的整體性、降低視覺(jué)雜音”。從這里其實(shí)可以看出早期 windows 和蘋(píng)果的設(shè)計(jì)理念差異還是挺大的，當(dāng)時(shí)蘋(píng)果考慮的是如何將花里胡哨的小組件與桌面任務(wù)區(qū)隔開(kāi)，而微軟則在想辦法讓不同形式的信息融合在一起。

但是，盡管 Vista 在設(shè)計(jì)上有很多創(chuàng)新點(diǎn)，它仍然從來(lái)沒(méi)有真正普及過(guò)，“桌面組件”系統(tǒng)在 Win7 系統(tǒng)中也可以使用，但是到 Win8 就不再以這樣的形式支持，而是被集成到了“啟動(dòng)菜單”里。Win8 啟用了著名的設(shè)計(jì)系統(tǒng) Metro，對(duì)啟動(dòng)菜單做了大刀闊斧的改革，讓其變成了一個(gè)整合信息、操作等多種元素的大頁(yè)面，而不再只是一個(gè)簡(jiǎn)單的浮層菜單。

這個(gè)理念我還是很喜歡的，但 Metro 的設(shè)計(jì)風(fēng)格可能對(duì)當(dāng)時(shí)的用戶來(lái)講還是太過(guò)于超前了，評(píng)價(jià)并不怎么樣，后來(lái)的 Fluent Design 又在很多地方往回“收”了很多。

3. 安卓的嘗試

小組件在安卓系統(tǒng)上的應(yīng)用源遠(yuǎn)流長(zhǎng)，幾乎可以算作安卓系統(tǒng)的一大特色，官方翻譯叫它“應(yīng)用微件”，但這個(gè)名字實(shí)在太別扭了我們還是叫它小組件吧。

小組件的應(yīng)用最早可以追溯到安卓 1.5 版“杯子蛋糕 Cupcake”，在這個(gè)版本中，“桌面”和“菜單”是兩個(gè)平行的獨(dú)立的空間。用戶可以為菜單里的應(yīng)用“創(chuàng)建桌面上的快捷方式”，也就是“小組件”?？梢哉f(shuō)這個(gè)版本的小組件是非常核心的設(shè)計(jì)理念。

在“杯子蛋糕”里，你可以通過(guò)長(zhǎng)按菜單里的圖標(biāo)喚出右鍵菜單，來(lái)將對(duì)應(yīng)的小組件添加到桌面。小組件的類型很多，包含電池、便利貼、日歷等實(shí)用系統(tǒng)工具，也支持第三方小組件。這些組件是可以直接操作的，也就是說(shuō)通過(guò)組件，用戶可以完全不打開(kāi)應(yīng)用就可以進(jìn)行核心操作，比如錄一段音頻。

這套設(shè)計(jì)一直堅(jiān)持到了 2011 年安卓 4.0“冰淇淋三明治 Ice Cream Sandwich”。在這個(gè)版本的架構(gòu)中，小組件不再只是應(yīng)用的快捷方式，而成為了和應(yīng)用平行的一套服務(wù)。在菜單中多了一個(gè)“小組件”tab，你可以直接從這里挑選喜歡的放在桌面上。

從這個(gè)版本開(kāi)始，用戶可以自主設(shè)置小組件的大小比例。小組件 tab 里的“2X2、1X1”這種字樣，就是在說(shuō)明這個(gè)組件占屏幕的大小。這個(gè)設(shè)計(jì)在當(dāng)時(shí)就被吐槽“難用”、“亂”。雖然安卓為小組件提供了一些比例上限制，但他們形狀樣式都不同，最終呈現(xiàn)出來(lái)一種很不協(xié)調(diào)的感覺(jué)。導(dǎo)致并非發(fā)燒友的普通用戶要想做出一個(gè)好看的頁(yè)面并不容易。

Ice Cream Sandwich 的這套設(shè)計(jì)撐了 1 個(gè)版本，后續(xù)的多個(gè)版本中又對(duì)小組件的交互進(jìn)行了調(diào)整，“軟豆糖 Jelly Bean”中首次出現(xiàn)了鎖屏小組件、“巧克力條 KitKat ”中取消了菜單中的小組件 tab，改成長(zhǎng)按首頁(yè)觸發(fā)小組件設(shè)置?！懊藁ㄌ? Marshmallow ”調(diào)整了小組件設(shè)置的排版樣式。自此，基本形成了安卓組件交互的穩(wěn)定模式。

4. 蘋(píng)果的另一條路

和安卓相反，蘋(píng)果在很長(zhǎng)一段時(shí)間都在極力避免小組件與應(yīng)用菜單的耦合。

iOS 5 應(yīng)該是蘋(píng)果最初啟用“小組件”這個(gè)說(shuō)法的版本，在這個(gè)版本中，小組件的主要展示場(chǎng)景在通知中心。在主頁(yè)面做下滑手勢(shì)可以喚出“通知中心”，這里支持天氣、股市、日歷等常用組件，還支持快速發(fā) Twitter 和 Facebook。

在這個(gè)時(shí)候，“通知中心”的定位都是很復(fù)雜的，它既包含了實(shí)時(shí)信息的詳細(xì)展示（比如“5 分鐘前有個(gè)朋友給你發(fā)了一條短信”），又包含了用戶的高頻操作（比如“快速發(fā)推”），明顯前者的查看頻率/場(chǎng)景和后者是不一樣的。因此在后續(xù) iOS7 中，蘋(píng)果去掉了操作類的小組件在消息中心中的展示，從而使它成為一個(gè)純粹的“信息盒子”。

在這個(gè)版本中還另增了一個(gè)包含高頻操作的“控制中心”。雖然這個(gè)“控制中心”里聚合了一些用戶常用的操作，但它的定位很明顯類似于系統(tǒng)控制臺(tái)，因此這些操作僅包含系統(tǒng)操作（比如手電筒、相機(jī)），第三方的操作/服務(wù)不包含在內(nèi)。

那么如何能滿足用戶快速獲取想要的第三方服務(wù)/信息呢？iOS8 的答案是：優(yōu)先支持目標(biāo)明確的“找信息”的場(chǎng)景，也就是迭代搜索功能。從 iOS8 開(kāi)始，蘋(píng)果的搜索不再局限于搜索本機(jī)內(nèi)的信息，還兼任互聯(lián)網(wǎng)/App Store/不同第三方服務(wù)內(nèi)部的檢索等等。雖然這和我們本篇聊的“小組件”解決方案不同，但它也是提效手段中的一種。

“找”的場(chǎng)景基本支持了，接下來(lái)蘋(píng)果又調(diào)轉(zhuǎn)方向去支持“看”的場(chǎng)景。在 iOS10，蘋(píng)果終于還是做了負(fù)一屏，并且將其與搜索功能做了強(qiáng)聚合，在滑動(dòng)負(fù)一屏?xí)r搜索功能始終固定在頁(yè)面頂部。

和安卓不同的是，盡管蘋(píng)果還是支持了一般意義上說(shuō)的的“小組件”，但對(duì)樣式做了非常嚴(yán)格的限制。2019 年的人機(jī)交互手冊(cè)中注明，小組件雖然支持按鈕/圖片/文字等多種內(nèi)容形式，但：

1. 盡量避免橫滑/滾動(dòng)
2. 盡量避免自定義小組件的背景顏色。所以你可以看到大多數(shù)小組件都用了蘋(píng)果原生的毛玻璃灰色作為背景色
3. 不允許開(kāi)發(fā)者在小組件上放“打開(kāi)應(yīng)用”按鈕。而要求用戶點(diǎn)擊小組件上的內(nèi)容自動(dòng)跳轉(zhuǎn)。

這些規(guī)矩幫助蘋(píng)果的第三方小組件保持了與原生設(shè)計(jì)類似的風(fēng)格，并且用戶也不需要對(duì)排版做太大修改，就能得到一個(gè)還能用的、長(zhǎng)得過(guò)得去的頁(yè)面。

5. 在硬件上花功夫

不管是小組件、消息中心、聚焦搜索還是負(fù)一屏，都是為了提升移動(dòng)端用戶找到自己想要的信息的效率。但是不是一定要用軟件交互的形式解決這個(gè)問(wèn)題？也許蘋(píng)果是這么堅(jiān)持的，但廣大廠商其實(shí)在 00～10 年間做過(guò)很多硬件方向的嘗試。

在 2000 年，三星率先推出一款帶有兩個(gè)屏幕的手機(jī)。蓋上手機(jī)的時(shí)候，小屏承擔(dān)起來(lái)電顯示、天氣時(shí)間等簡(jiǎn)單的信息展示?？梢哉f(shuō)是上古時(shí)代的“鎖屏小組件”了。

近一點(diǎn)的智能機(jī)中，魅族 Pro 7 Plus 和小米 Ultra 也都嘗試給手機(jī)加上了附屏。但與其說(shuō)這是一種提效手段，不如說(shuō)它是一種專門(mén)支持自拍需求的場(chǎng)景化設(shè)計(jì)。特別是看魅族上市后的市場(chǎng)表現(xiàn)，也能佐證大多數(shù)用戶也不怎么買(mǎi)這塊屏幕的帳。

除了把屏幕放到手機(jī)后面支持自拍，HTC Ultra 走了另一條路，直接將主屏幕“拆”成兩個(gè)區(qū)域。在主屏幕上方有一個(gè)小小的附屏，用來(lái)放置通知、高頻操作等場(chǎng)景化的服務(wù)或者信息。這個(gè)設(shè)計(jì)在當(dāng)時(shí)是很迷惑的，引用一句臺(tái)灣測(cè)評(píng)博主的看法：“與其增加那一個(gè)小小的屏幕，為何不要直接拉長(zhǎng)就好了呢? ”

三、現(xiàn)狀：小組件和靈動(dòng)島

1. 小組件：提效以外的應(yīng)用

對(duì)于安卓來(lái)說(shuō)，因?yàn)橐婚_(kāi)始就支持對(duì)小組件的高定制化程度，所以在支持了鎖屏、消息中心、控制中心、搜索等幾個(gè)場(chǎng)景下的迭代后，andROId 12 并沒(méi)有在提效這個(gè)方向給到我什么驚喜。唯一值得一提的是相對(duì)上一個(gè)版本的 material design，material3 明顯對(duì)小組件的設(shè)計(jì)做出了更多在顏色、功能、交互形式上的引導(dǎo)（還談不上限制）[4]。

對(duì)于蘋(píng)果來(lái)說(shuō)，首先是對(duì)小組件的設(shè)計(jì)進(jìn)一步強(qiáng)化，允許用戶直接添加小組件至桌面。但這一舉動(dòng)倒并沒(méi)有明顯提高用戶操作效率，反倒是非常顯著的催生了用戶對(duì)于自定義桌面的熱情。市面上產(chǎn)生了許多幫助用戶創(chuàng)作自定義小組件的產(chǎn)品，比如“Widgetsmith”。通過(guò)這些軟件，你可以把整個(gè)手機(jī)主屏幕改得花里胡哨，而不再只能在蘋(píng)果那套視覺(jué)風(fēng)格上微調(diào)?？梢哉f(shuō)，windows 時(shí)代主題風(fēng)格引擎的風(fēng)潮在移動(dòng)端上又復(fù)現(xiàn)了一遍。

有開(kāi)發(fā)者從這種自定義訴求中嗅到了社交因素的機(jī)會(huì)點(diǎn)。于是“Locket Widget”和國(guó)內(nèi)的“貼貼”出現(xiàn)了，你可以在這款軟件上添加好友，然后直接將自己的照片展示在在對(duì)方主屏幕的小組件里。但蘋(píng)果仍然不允許用戶直接在小組件上進(jìn)行操作，一切行為都需要跳轉(zhuǎn)至應(yīng)用內(nèi)完成。

2. 靈動(dòng)島：提效新方案？

一開(kāi)始概念發(fā)布時(shí)，我對(duì)靈動(dòng)島的定位還是有點(diǎn)疑惑的，因?yàn)槲矣浀卯?dāng)時(shí)有一張概念照片是靈動(dòng)島包含了計(jì)算器的功能。這說(shuō)明這個(gè)東西可能可以起到類似小組件甚至比小組件還有自由的操作功能。

但后來(lái)隨著實(shí)體產(chǎn)品發(fā)布和規(guī)范的產(chǎn)出，現(xiàn)在來(lái)看小組件很明顯支持的是“當(dāng)下活動(dòng)”的實(shí)時(shí)展示，算是蘋(píng)果在多線程工作這個(gè)場(chǎng)景下做的支持。和此前的消息中心可能略有一些重疊，但和小組件的定位又是不相同的。我覺(jué)得從這個(gè)角度上去看，雖然現(xiàn)在因?yàn)橛布脑驅(qū)е? 2022 年的 iPhone14 長(zhǎng)得有點(diǎn)像 HTC Ultra，但小組件這個(gè)東西的思路還是有價(jià)值的。未來(lái)期待在硬件迭代后，小組件能和其他提效手段有一個(gè)比較好的整合。

總體而言，在提效這條路上，其實(shí)很多現(xiàn)在的設(shè)計(jì)都不能算作“新設(shè)計(jì)”。一個(gè)設(shè)計(jì)能夠流行起來(lái)，除了看支持的場(chǎng)景是否立得住，也得考慮當(dāng)下的用戶是不是足夠成熟、能夠接得住這樣的設(shè)計(jì)。蘋(píng)果做的許多嘗試，其實(shí)安卓和 windows 早就支持了，但當(dāng)時(shí)處在一個(gè)用戶能力還不成熟的階段，所以效果也不是特別好。但這并不意味著他們的設(shè)計(jì)就是“爛的”，只是不合時(shí)宜。設(shè)計(jì)最怕不合時(shí)宜。

本文參考

1. https://www.folklore.org/StoryView.py?story=Desk_Ornaments.txt ；
2.  https://littletinyfrogs.com/article/34276/konfabulator-for-windows-vs-desktopx
3. https://www.cnet.com/tech/services-and-software/developer-calls-apples-tiger-a-copycat/
4.  https://www.bilibili.com/video/BV1vY4y1a7Yx/?spm_id_from=333.337.search-card.all.click ；
5. https://m3.material.io/components/widgets

作者：白話說(shuō)交互