在本篇開(kāi)始之前，我們稍作回顧。目前已經(jīng)完成的兩個(gè)系列包括：「iOS 13 設(shè)計(jì)新特性」，涉及深色模式、SF Symbols、卡片面板及情境菜單等話題，錯(cuò)過(guò)的朋友不妨回看，畢竟新系統(tǒng)將會(huì)在近兩日正式推送。在「基礎(chǔ)設(shè)計(jì)原理」當(dāng)中，演講人通過(guò)一場(chǎng)夏威夷之旅帶領(lǐng)我們了解了一系列重要的設(shè)計(jì)原理，包括一致性、可供性、心智模型、漸進(jìn)呈現(xiàn)等等，深入淺出，老少咸宜，強(qiáng)烈推薦。

△ Mike Stern 老師的「基礎(chǔ)設(shè)計(jì)原理」

而本期開(kāi)始的新話題則聚焦于如何面向 Apple 生態(tài)體系中的多種設(shè)備進(jìn)行設(shè)計(jì)，包括如何選擇平臺(tái)，如何針對(duì)不同的平臺(tái)權(quán)衡功能與外觀風(fēng)格，如何構(gòu)建生態(tài)體驗(yàn)等等；演講者是 Apple 的設(shè)計(jì)師 Cas Lemmens。

跨平臺(tái)設(shè)計(jì) – 平臺(tái)選擇

在 Apple，我們非常自豪于我們所創(chuàng)造的一系列設(shè)備平臺(tái)。在創(chuàng)造和升級(jí)這些平臺(tái)的過(guò)程中，我們都會(huì)以提升人們的日常生活品質(zhì)為目標(biāo)，并力圖在人與設(shè)備之間構(gòu)建富有意義的關(guān)聯(lián)。這關(guān)聯(lián)未必僅存在于單一平臺(tái)當(dāng)中；你所使用的 Apple 設(shè)備越多，便越發(fā)能體會(huì)到整個(gè)生態(tài)帶來(lái)的依存關(guān)系。

你可能會(huì)戴著 Apple Watch 晨跑，可能會(huì)在 MacBook 或是 iMac 上完成一天的工作；下班后，你可能會(huì)借助 iPhone 的一系列功能來(lái)使用公共交通，或是在你的車?yán)锸褂?CarPlay；回到家，你可能會(huì)通過(guò) Apple TV 看劇或電影；睡前，你可能還會(huì)在 iPad 上讀書。

無(wú)論你正在使用何種設(shè)備，Apple 的平臺(tái)生態(tài)都可以識(shí)別你、理解你，并幫助到你。

面向這樣的生態(tài)體系進(jìn)行設(shè)計(jì)，你必須對(duì)其中的每一個(gè)平臺(tái)都有著深刻的理解。對(duì)于 Apple 的設(shè)計(jì)師而言，這樣的挑戰(zhàn)已經(jīng)變得司空見(jiàn)慣。我們必須謹(jǐn)慎思考每一個(gè) app 可能適合的平臺(tái)類型，以及如何使其針對(duì)不同的平臺(tái)進(jìn)行相應(yīng)的調(diào)整。

Apple 開(kāi)發(fā)的 app 當(dāng)中，有些是面向全平臺(tái)的，例如「照片」或「音樂(lè)」。

而有些則僅存在于特定的平臺(tái)當(dāng)中，例如「?jìng)渫洝?、「郵件」等等。

有些服務(wù)可以在你擁有多種設(shè)備的情況下帶來(lái)最優(yōu)體驗(yàn)，例如 ApplePay；另外一些則必須基于多臺(tái)設(shè)備同時(shí)運(yùn)行，例如 FaceTime。

今天，我要與各位分享的，便是 Apple 的設(shè)計(jì)師在進(jìn)行跨平臺(tái)設(shè)計(jì)時(shí)所采用的典型流程。希望這些經(jīng)驗(yàn)可以幫助各位更加且目標(biāo)明確地將你的產(chǎn)品和服務(wù)推向 Apple 生態(tài)圈當(dāng)中的更多平臺(tái)。

我們首先會(huì)從「平臺(tái)選擇」開(kāi)始，即了解每一個(gè)平臺(tái)的情境特質(zhì)與能力特征，并以此為基礎(chǔ)選擇最恰當(dāng)?shù)哪繕?biāo)平臺(tái)。

然后是「平臺(tái)適配」，即基于目標(biāo)平臺(tái)的設(shè)備特性，對(duì)我們希望實(shí)現(xiàn)的功能進(jìn)行權(quán)衡與管理。

接下來(lái)是「風(fēng)格協(xié)調(diào)」，即在品牌風(fēng)格與平臺(tái)規(guī)范之間尋求平衡，對(duì) app 的視覺(jué)外觀及操作體驗(yàn)進(jìn)行定義。

然后是「平臺(tái)連接」，即探索如何在不同的設(shè)備平臺(tái)之間實(shí)現(xiàn)功能的連續(xù)性，打造輕松、無(wú)縫的使用體驗(yàn)。

最后，我們還會(huì)嘗試「平臺(tái)擴(kuò)展」，即探索如何同時(shí)基于多平臺(tái)實(shí)現(xiàn)最優(yōu)的綜合生態(tài)體驗(yàn)。

以上便是跨平臺(tái)設(shè)計(jì)的主要流程。接下來(lái)，我們將對(duì)這五個(gè)步驟逐一進(jìn)行了解。

平臺(tái)選擇

所謂「平臺(tái)選擇」，即回答「我要面向哪個(gè)平臺(tái)進(jìn)行設(shè)計(jì)」這個(gè)問(wèn)題。

或許你還沒(méi)有上線過(guò)任何 app，目前正在考慮以哪個(gè)平臺(tái)作為首發(fā)；或許你已經(jīng)在一兩個(gè)平臺(tái)上發(fā)布過(guò) app，正在考慮接下來(lái)應(yīng)該進(jìn)行怎樣的擴(kuò)展。

在選擇平臺(tái)時(shí)，有兩個(gè)最為關(guān)鍵的概念需要我們重點(diǎn)思考：

• 情境：特定平臺(tái)最為適用的時(shí)間、地點(diǎn)及其他環(huán)境要素。
• 能力：特定平臺(tái)最具差異性的功能特征。

對(duì)于「情境」的理解至關(guān)重要，因?yàn)楫?dāng)情境發(fā)生變化時(shí)，人們通常會(huì)切換他們所使用的設(shè)備，以不同的方式完成不同的任務(wù)。

舉個(gè)例子。譬如你正在辦公室里工作，或是在學(xué)校上著課；這些都是高度聚焦和穩(wěn)定的情境。當(dāng)你離開(kāi)這些場(chǎng)所，乘上了公交車或地鐵，你便進(jìn)入了高度動(dòng)態(tài)和移動(dòng)化的情境。這兩類情境之間的差異非常明顯，我們通常會(huì)從 Mac 切換至 iPhone 或 Watch，因?yàn)楹髢烧弑揪褪敲嫦蛞苿?dòng)化情境進(jìn)行設(shè)計(jì)的。

而對(duì)于「能力」的理解則可以幫助你掌握并充分利用特定平臺(tái)的獨(dú)特功能。

接下來(lái)，讓我們從「情境」與「能力」這兩個(gè)方面，對(duì) Apple 生態(tài)體系當(dāng)中的一些典型平臺(tái)進(jìn)行分析。

平臺(tái)分析

首先是 iPhone，因?yàn)檫@可能是我們多數(shù)人最為熟悉的平臺(tái)了。

從情境的角度來(lái)看，iPhone 始終保持開(kāi)機(jī)，始終與我們相隨，因此它是高度移動(dòng)化的；同時(shí)，iPhone 也是高度私人化的設(shè)備，我們不會(huì)輕易與他人共享使用；此外，iPhone 通常被用于高頻而短時(shí)的互動(dòng)，我們每次使用不會(huì)超過(guò)幾分鐘。

iPhone 所具有的能力可以有效地支持其情境特質(zhì)?！甘冀K開(kāi)機(jī)，常伴于身」的特性要求 iPhone 必須具備良好的環(huán)境感知能力，其內(nèi)置的陀螺儀、加速計(jì)等傳感器可以始終在背景進(jìn)程當(dāng)中處理環(huán)境相關(guān)的信息，即便是在我們沒(méi)有使用 iPhone 的時(shí)候；iPhone 的 Touch ID（及 Face ID 等機(jī)制）則會(huì)為我們提供私人化的保護(hù)；其高清晰度的觸屏則能確保我們?cè)诙虝r(shí)間的互動(dòng)過(guò)程中獲得輕松與愉悅的體驗(yàn)。

與 iPhone 類似，Watch 也具備「始終開(kāi)機(jī)，常伴于身」的特性，且同樣是高度私人化的。但 Watch 具有更強(qiáng)的即刻性，所面向的是更為短暫的互動(dòng)，譬如你只需一瞥便可以從表盤上獲取與當(dāng)下情境最為相關(guān)的信息；而提示信息在你注視稍久時(shí)還會(huì)進(jìn)一步提供詳細(xì)信息。

Watch 所具備的能力與其私人化的情境特質(zhì)息息相關(guān)。Watch 可以追蹤你的運(yùn)動(dòng)狀態(tài)、地理位置及心率；其觸覺(jué)反饋可以通過(guò)輕觸手腕來(lái)提醒你查看信息；而表盤也是高度定制化的，你可以讓最為需要的信息始終呈現(xiàn)在表盤之上，便于一瞥之間快速獲取。

而 iPad 則具有較為復(fù)雜的情境特質(zhì)，既可以被用于穩(wěn)定的環(huán)境，同時(shí)也支持移動(dòng)化場(chǎng)景。你可以用 iPad 完成一些而聚焦的任務(wù)，也可以將其作為放松型設(shè)備來(lái)享受影視或游戲體驗(yàn)。而所有這些互動(dòng)過(guò)程都比 iPhone 或 Watch 更加持久。

從能力的角度，iPad 的大屏正是對(duì)這些情境特質(zhì)的有效支持。充足的屏幕尺寸可以幫助你完成高精度的操作，環(huán)境光傳感器可以使其良好適應(yīng)于日夜不同的光照條件；高保真揚(yáng)聲器和高精度觸屏可以為影音或游戲帶來(lái)更具沉浸感的視聽(tīng)體驗(yàn)；若是配合 Apple Pencil，iPad 還能幫助你完成更加、更具創(chuàng)意性的工作。

再來(lái)看 Mac。其情境特質(zhì)具有高度的專業(yè)性，你可以進(jìn)行非常而聚焦的工作，譬如設(shè)計(jì)和開(kāi)發(fā) app；MacBook 可以被作為共享設(shè)備來(lái)使用，但它同時(shí)也是個(gè)人化的，因?yàn)槎鄶?shù)使用者都擁有獨(dú)立的個(gè)人帳戶；我們通常會(huì)長(zhǎng)時(shí)間使用 MacBook 或 iMac，譬如每天都會(huì)有幾個(gè)小時(shí)的互動(dòng)時(shí)間。

在能力方面，為了支持高度專業(yè)化的任務(wù)，Mac 具備著非常高的性能表現(xiàn)；鍵盤鼠標(biāo)可以幫助你進(jìn)行而復(fù)雜的操作；多任務(wù)能力允許你以自己所需的方式進(jìn)行工作；而多帳戶體系則能使 Mac 適用于更多樣的工作場(chǎng)景。

最后來(lái)看 Apple TV。這是生態(tài)當(dāng)中最具共享性的平臺(tái)，我們通常會(huì)與家人或朋友一起觀看；TV 最具穩(wěn)定性，始終與電視機(jī)綁定在一起，不會(huì)四處移動(dòng)；TV 是完完全全的放松型設(shè)備，我們用它來(lái)享受影音或游戲，每次使用時(shí)長(zhǎng)通常在三十分鐘到幾個(gè)小時(shí)之間。

配以高清顯示屏，TV 的畫質(zhì)將會(huì)鮮活得呼之欲出；TV 的遙控器輕便易用，你可以輕松地將其傳遞給朋友和家人；TV 可以與 HomeKit 良好配合，使其高度穩(wěn)定的特性得以在「家庭」這個(gè)場(chǎng)景中充分地發(fā)揮；其界面設(shè)計(jì)特別面向 10 碼左右的距離進(jìn)行優(yōu)化，使你可以輕松地窩在沙發(fā)里享受娛樂(lè)體驗(yàn)。

通過(guò)以上分析，你便能理解，為何了解每個(gè)平臺(tái)的「情境」與「能力」對(duì)于你的目標(biāo)平臺(tái)選擇來(lái)說(shuō)是如此重要的事了。

「情境」是平臺(tái)的立命之本，而「能力」則決定了其獨(dú)特性。

對(duì)于你的 app 來(lái)說(shuō)也是如此。你需要問(wèn)自己兩個(gè)關(guān)鍵問(wèn)題：我的 app 可以在怎樣的情境里體現(xiàn)產(chǎn)品價(jià)值？要實(shí)現(xiàn)產(chǎn)品價(jià)值，需要哪些特定的技術(shù)能力作為支持？

平臺(tái)選擇練習(xí)

在 Apple 內(nèi)部，每當(dāng)需要為 app 選擇目標(biāo)平臺(tái)時(shí)，我們都會(huì)反復(fù)進(jìn)行一項(xiàng)簡(jiǎn)單的練習(xí)。現(xiàn)在我來(lái)為各位進(jìn)行演示。

首先讓我們以「健身記錄」 app 為例。

想想看「健身記錄」的產(chǎn)品特性，你會(huì)發(fā)現(xiàn)它首先必須具備移動(dòng)性。它需要追蹤你全天的運(yùn)動(dòng)行為，以便進(jìn)行的數(shù)據(jù)統(tǒng)計(jì)。因此它需要設(shè)備平臺(tái)具備「始終開(kāi)機(jī)，常伴于身」的特質(zhì)，即高度的移動(dòng)性。

同時(shí)，「健身記錄」還必須是私人化的。它應(yīng)該能且只能追蹤你個(gè)人的數(shù)據(jù)。

接下來(lái)，我們要通過(guò)象限圖來(lái)建立情境特質(zhì)與平臺(tái)之間的映射關(guān)系。其中橫軸代表「移動(dòng)性」，從左到右遞減；一系列 Apple 設(shè)備平臺(tái)按照各自的特質(zhì)分布在軸線上，譬如 Watch 最具移動(dòng)性，而 TV 最具穩(wěn)定性。

而縱軸代表「私人性」，從上到下遞減。其中 Watch 最具私人性，TV 則最具共享性。

對(duì)于「健身記錄」而言，由于要同時(shí)具備高度的移動(dòng)性與私人性，因此在象限圖當(dāng)中會(huì)大致位于左上方的位置。這便解釋了為什么它會(huì)出現(xiàn)在 Watch 和 iPhone 當(dāng)中，而非其他平臺(tái)。

接下來(lái)我們以 GarageBand 為例。

GarageBand 涉及到的人機(jī)互動(dòng)是高度精準(zhǔn)型的，因?yàn)槿藗冃枰浅?zhǔn)確地操作音頻內(nèi)容，使它們出現(xiàn)在正確的時(shí)間和地點(diǎn)。

此外，GarageBand 必須良好地支持多任務(wù)，因?yàn)槿藗兺鶗?huì)將多種音頻器材和樂(lè)器連接進(jìn)來(lái)同時(shí)進(jìn)行演奏。

我們通過(guò)象限圖來(lái)建立映射關(guān)系。其中橫軸代表交互的性，左端為粗放型，最具代表性的平臺(tái)是 Watch，因?yàn)槠淦聊惠^小，而人們的手指相對(duì)粗大，難以完成具有高精度要求的操作；右端為精準(zhǔn)型，代表平臺(tái)為 MacBook 或 iMac，因?yàn)殒I鼠操作具備最高的度。

縱軸則代表「多任務(wù)能力」，從上到下遞減。在 Mac 上，我們可以輕松地進(jìn)行多任務(wù)操作；而對(duì)于 Watch，你每次只能完成一項(xiàng)任務(wù)。

GarageBand 需要同時(shí)具備高度的交互能力，以及良好的多任務(wù)能力，因此在象限圖當(dāng)中會(huì)大致位于右側(cè)偏上的位置，所對(duì)應(yīng)的即是 Mac、iPad 和 iPhone。

這兩個(gè)例子都非常簡(jiǎn)單，各自僅涉及到兩方面的情境特質(zhì)。在實(shí)際當(dāng)中，我們通常需要將更多、更復(fù)雜的特質(zhì)因素考慮進(jìn)去；最終，我們希望能夠?yàn)?app 找到最適合其生存的平臺(tái)。

以上便是跨平臺(tái)設(shè)計(jì)流程中的第一步，「平臺(tái)選擇」，即綜合考量不同設(shè)備的情境特質(zhì)及能力特征，進(jìn)而為 app 選擇最為適合的平臺(tái)。