聊聊Apple Watch平臺(tái)認(rèn)知與產(chǎn)品設(shè)計(jì)

WatchKit app畢竟是Watch應(yīng)用的主要表現(xiàn)形式，從各類UI控件的使用到布局、字體、配色原則、動(dòng)效實(shí)現(xiàn)等等，有太多需要去了解，本文也不會(huì)深入到如此細(xì)化的層面。建議各位道上的兄弟姐妹花些時(shí)間完整閱讀官方的界面設(shè)計(jì)規(guī)范 – Apple Watch Human Interface Guidelines，我做的中文版在這里，如有需要也可參考，不作為首選推薦，因?yàn)闀r(shí)效性欠佳，官方更新過(guò)的一些內(nèi)容沒(méi)有做。另外如果情況允許，也可以同時(shí)讀下同樣來(lái)自官方的Apple Watch Programming Guide，過(guò)于技術(shù)性的話題不屬于我們的范疇，但那些解釋UI元素定制方法的內(nèi)容對(duì)于設(shè)計(jì)師來(lái)說(shuō)還是有些參考價(jià)值的。

Glance自從 19 世紀(jì)手表誕生以來(lái)，瞥一眼手腕查看時(shí)間，已經(jīng)成了人們的習(xí)慣動(dòng)作，有了 Apple Watch，這個(gè)習(xí)慣性的一瞥可以給你更多訊息。我們開(kāi)發(fā)了Glance，這個(gè)功能可以將你查看最頻繁的訊息提煉出來(lái)，使你常用的 app 更加適合在手腕上瀏覽操作。要查看相關(guān)訊息時(shí)，你只需用手指向上輕掃一下，就能立即瀏覽天氣預(yù)報(bào)、查看日歷上的下一步安排，或在地圖上查找當(dāng)前位置。你可以通過(guò)左右輕掃來(lái)翻閱不同的 Glance，或輕點(diǎn)其中一個(gè)，即可打開(kāi)相應(yīng)的 app 查看詳情。

即使沒(méi)有實(shí)際上手，官方的簡(jiǎn)介也足夠幫我們結(jié)合有可能的實(shí)境進(jìn)行腦補(bǔ)了。

Glance是WatchKit app的一種可選性附加組件，從屏幕下邊緣向上輕掃即可喚出，用于快速查看對(duì)應(yīng)app中的即時(shí)信息，類似于iPhone通知中心里的Widget。既然是可選組件，就意味著只有某些特定形式的產(chǎn)品才有必要去使用，譬如對(duì)日歷應(yīng)用來(lái)說(shuō)，可以使用Glance來(lái)顯示用戶接下來(lái)的安排；航旅方面的應(yīng)用可以在Glance當(dāng)中顯示用戶所要搭乘航班的登機(jī)信息；而to-do類產(chǎn)品則可通過(guò)Glance幫用戶快速查看待辦事項(xiàng)。

每個(gè)應(yīng)用最多只能擁有一個(gè)Glance視圖，所以對(duì)于航旅應(yīng)用來(lái)說(shuō)，無(wú)法將用戶近期的所有航程各自放到一個(gè)Glance里；to-do類產(chǎn)品也不能同時(shí)利用多個(gè)Glance來(lái)展示多個(gè)待辦清單。所有應(yīng)用的Glance會(huì)以分頁(yè)的形式排列，在屏幕上左右輕掃即可切換查看，就像我們?cè)贏pple的演示當(dāng)中看到的那樣。

在為產(chǎn)品設(shè)計(jì)Glance視圖之前，要對(duì)其在樣式與行為方面的特性有所了解：

樣式

每個(gè)Glance都相當(dāng)于一張尺寸固定、容量有限的卡片，其中的內(nèi)容是無(wú)法滾動(dòng)的。如果你的app當(dāng)中有太多信息需要即時(shí)呈現(xiàn)給用戶，那么面對(duì)如此狹小且無(wú)法擴(kuò)展的空間，展示哪些，舍棄哪些？?jī)?yōu)先級(jí)的判斷尤其重要 – 你要確保將那些與用戶查看Glance時(shí)的行為目標(biāo)最為相關(guān)的信息以最簡(jiǎn)短的形式呈現(xiàn)出來(lái)。

確定了要呈現(xiàn)哪些信息之后，內(nèi)容的布局同樣要體現(xiàn)出層級(jí)。在1.5寸的屏幕空間當(dāng)中，通過(guò)不同的字號(hào)、字色及分組關(guān)系來(lái)呈現(xiàn)出信息的優(yōu)先級(jí)與邏輯關(guān)系，這也是對(duì)設(shè)計(jì)師基本功的考量。不過(guò)好消息是，Apple官方為我們準(zhǔn)備了一整套Glance布局模板用來(lái)參考，38mm和42mm兩款規(guī)格都有包括在內(nèi)，并提供Sketch格式。

行為

Glance不承載任何交互控件，例如按鈕、切換、滑塊等等；輕點(diǎn)Glance當(dāng)中的任何地方都會(huì)打開(kāi)相應(yīng)的app。為了避免這一特性被濫用，設(shè)計(jì)規(guī)范當(dāng)中特別強(qiáng)調(diào)Glance必須向用戶提供即時(shí)的、有用的信息，不要只是為了給你的應(yīng)用增加一個(gè)快速啟動(dòng)入口而提供Glance視圖。

Notification由于與你的 iPhone 相連，Apple Watch不僅能告知時(shí)間，還能依照你的生活和日程安排，給你貼心的提醒。收到郵件、信息和來(lái)電時(shí)，你會(huì)收到即時(shí)通知，以便第一時(shí)間選擇回應(yīng)或者忽略。Apple Watch 時(shí)刻緊貼你的手腕，因此這種提醒及時(shí)而親密。它會(huì)輕觸你的手腕，悄悄提醒你下一個(gè)會(huì)議的時(shí)間和地點(diǎn)、當(dāng)前的交通狀況，甚至建議你何時(shí)出發(fā)。你隨時(shí)可以向下輕掃進(jìn)入通知中心，查看你可能錯(cuò)過(guò)的內(nèi)容。

Watch上的Notification類似于iPhone當(dāng)中的通知。如果你的iPhone應(yīng)用支持通知功能，那么在Watch端也會(huì)天然支持Notification。有消息進(jìn)來(lái)時(shí)，系統(tǒng)會(huì)通過(guò)Taptic引擎的觸覺(jué)反饋提示到你，如果你抬起手腕查看，系統(tǒng)便會(huì)將消息呈現(xiàn)在屏幕上。

Notification分為“普通”與“可交互”兩種模式，類似于iPhone會(huì)在屏幕頂端默認(rèn)呈現(xiàn)“普通”的通知橫幅，下拉后便會(huì)將其切換至可交互模式，提供回復(fù)一類的操作，不過(guò)在Watch端，這兩種模式分別叫做“Short Look”與“Long Look”。

Short Look的界面簡(jiǎn)單至極，我們無(wú)需（也無(wú)法）動(dòng)手設(shè)計(jì)，形式完全由系統(tǒng)模板定義，包括應(yīng)用圖標(biāo)、消息標(biāo)題以及應(yīng)用名稱三個(gè)組成部分，全部在一屏當(dāng)中顯示，不支持滾動(dòng)。整個(gè)Short Look只提供最少量的必要信息，以便用戶在最短的時(shí)間內(nèi)做出判斷；而系統(tǒng)則會(huì)根據(jù)用戶在完成判斷之后做出的自然反應(yīng)來(lái)進(jìn)行下一步動(dòng)作。如果用戶認(rèn)為通知信息在當(dāng)前對(duì)自己不重要，最符合直覺(jué)的做法就是將手放下，不去理會(huì)，此時(shí)Watch會(huì)感知到用戶的動(dòng)作，并忽略掉這條信息（仍可在Watch的通知中心當(dāng)中回顧）；如果用戶認(rèn)為通知信息是重要的，那么一時(shí)之間不會(huì)把手放下，系統(tǒng)會(huì)將這種“保持姿態(tài)”的行為判定為“用戶產(chǎn)生了了解更多信息的動(dòng)機(jī)”，進(jìn)而自動(dòng)將Short Look轉(zhuǎn)換為L(zhǎng)ong Look模式，以提供更加詳細(xì)的內(nèi)容，包括一些相關(guān)的互動(dòng)功能。

從系統(tǒng)收到通知，到呈現(xiàn)Long Look的整個(gè)流程，在我個(gè)人看來(lái)是Apple Watch在人機(jī)交互方面相當(dāng)精彩的一筆，充分利用傳感器的能力，根據(jù)用戶的自然行為來(lái)判斷在什么時(shí)候以怎樣的形式展示信息，使界面與內(nèi)容更加情境化的服務(wù)于用戶當(dāng)下的動(dòng)機(jī)，而無(wú)需用戶針對(duì)界面或設(shè)備本身付出認(rèn)知及交互成本，這才是“智能”的味道。

回過(guò)頭來(lái)繼續(xù)說(shuō)Long Look。相比于Short Look，內(nèi)容形式自然豐富了一些，通常也會(huì)更long，所以支持滾屏了呢。雖然內(nèi)容相對(duì)豐富，但仍要遵循系統(tǒng)提供的標(biāo)準(zhǔn)框架：頂部欄由系統(tǒng)提供，用于顯示app的圖標(biāo)及名稱（可自定義背景色）；最底部的Dismiss按鈕同樣由系統(tǒng)輸出，用來(lái)關(guān)閉Notification；而這兩者之間的區(qū)域則可以由app自己來(lái)定義，包括內(nèi)容和互動(dòng)功能兩部分。

其中的內(nèi)容部分，默認(rèn)用來(lái)呈現(xiàn)完整的通知信息；你可以對(duì)其形式進(jìn)行訂制，用來(lái)顯示一些靜態(tài)的、輔助性的UI元素（Static Interface，靜態(tài)化訂制）或是更加詳細(xì)和結(jié)構(gòu)化的信息（Dynamic Interface，動(dòng)態(tài)化訂制），而不止是默認(rèn)的一段文本內(nèi)容。

在互動(dòng)功能部分，你最多可以放置4個(gè)定制化的功能按鈕。別忽視這里，它們不像我們一直以來(lái)習(xí)慣的那樣給某些彈出層添加“確認(rèn)”和“取消”按鈕那么簡(jiǎn)單 – 在充分思考了基于怎樣的情境以怎樣的形式為用戶提供有價(jià)值的信息之后，我們同樣要考慮怎樣幫助用戶在這里直接完成與信息的互動(dòng)，避免將操作負(fù)荷轉(zhuǎn)移到iPhone當(dāng)中；如果只做提醒而不提供有用的互動(dòng)功能，致使用戶必須頻繁的拿出手機(jī)完成所有任務(wù) – 從某種程度上講這反而是在加重用戶的負(fù)擔(dān)，這樣的“生態(tài)圈”還不如iPhone一個(gè)設(shè)備來(lái)的方便些。

產(chǎn)品形態(tài)決定設(shè)計(jì)模式

在本文第二部分（“探索產(chǎn)品形態(tài)”）當(dāng)中，我們從雙向共生的角度將產(chǎn)品大致分為了兩種模式，包括：

Watch是主互動(dòng)設(shè)備，iPhone作為附屬。iPhone是主互動(dòng)設(shè)備，Watch作為附屬。

第一類產(chǎn)品在Watch端的姿態(tài)更加獨(dú)立。用戶通常會(huì)保持在Watch當(dāng)中進(jìn)行操作，直到完成主要任務(wù)；WatchKit app作為產(chǎn)品與用戶的主要接口，承載著絕大部分的人機(jī)交互。對(duì)于這種模式的產(chǎn)品，設(shè)計(jì)重點(diǎn)將聚焦于WatchKit app本身（甚至可能無(wú)需為其配備Glance與Notification） – 基于產(chǎn)品自身在信息架構(gòu)和任務(wù)流程方面的特性，結(jié)合將來(lái)有可能隨著硬件演進(jìn)而產(chǎn)生的擴(kuò)展性需求，選擇最合理的導(dǎo)航模式，盡量確保用戶進(jìn)入app之后通過(guò)最少量的步驟即可來(lái)到主交互界面。

在主交互界面，嘗試將最核心的操作集約到一屏范圍當(dāng)中；對(duì)于那些與當(dāng)前界面內(nèi)容相關(guān)，但權(quán)重次于核心功能的操作，也不要強(qiáng)行追求通過(guò)當(dāng)前屏幕呈現(xiàn)，如果空間的局限實(shí)在難以突破，我們甚至無(wú)需像在手機(jī)上那樣至少提供一個(gè)“更多”作為入口。別忘記，我們可以通過(guò)Force Touch來(lái)“憑空”喚出情境化菜單。從設(shè)計(jì)的角度講，Apple在Watch這款“極小屏”設(shè)備當(dāng)中首先推出這項(xiàng)技術(shù)是有原因的：當(dāng)x與y軸所構(gòu)成的平面難以提供更多空間時(shí)，就到z軸上去找；對(duì)交互動(dòng)作來(lái)說(shuō)也是同理，為作用于平面的“輕點(diǎn)”手勢(shì)增加一個(gè)縱深維度，新的可能性便隨之而來(lái)。

而對(duì)于第二類產(chǎn)品來(lái)說(shuō)，為Watch與iPhone之間的連接機(jī)制塑造即時(shí)、簡(jiǎn)約、高效的體驗(yàn)就成了重中之重。正如前文所述，連接機(jī)制分為兩類：用戶主動(dòng)發(fā)起的，以及被動(dòng)接受的；對(duì)應(yīng)到設(shè)計(jì)模式上，則分別由Glance和Notification負(fù)責(zé)承載。對(duì)于這類產(chǎn)品，用戶最終需要基于iPhone來(lái)實(shí)現(xiàn)完整的體驗(yàn)，所以WatchKit app的存在感會(huì)相對(duì)弱化，對(duì)某些產(chǎn)品而言，只提供某種最適于快速訪問(wèn)的內(nèi)容形式以及最輕量的互動(dòng)功能即可 。

這些最小化的內(nèi)容及功能的存在目的是什么？我個(gè)人看來(lái)，意義就在于當(dāng)用戶主動(dòng)發(fā)起“連接”，希望通過(guò)Glance快速了解狀態(tài)信息，并發(fā)現(xiàn)有進(jìn)一步行動(dòng)的需求，但當(dāng)前所處情境未必允許用戶通過(guò)最適合的平臺(tái)（iPhone）來(lái)完成，那么至少可以退而求其次的在附屬設(shè)備上快速進(jìn)行，只要功能和體驗(yàn)方面的削減度是在可承受范圍之內(nèi)。同理，我們?cè)谇拔闹幸矎?qiáng)調(diào)過(guò)，作為“被動(dòng)連接”載體的Notifcation，在互動(dòng)方面的能力也是不可忽視的，我們要確保通過(guò)Long Look視圖提供與通知內(nèi)容最為相關(guān)的若干基本操作，使用戶在認(rèn)為有必要對(duì)信息進(jìn)行反饋時(shí)可以在Watch上以最小化的方式來(lái)完成，而不是無(wú)論何時(shí)都必須從口袋中掏出iPhone、解鎖、找到圖標(biāo)并進(jìn)入app才能執(zhí)行。

說(shuō)到這里，大家或許也會(huì)發(fā)現(xiàn)，就WatchKit app、Glance和Notification這三者的定位關(guān)系來(lái)看，一個(gè)特定的產(chǎn)品究竟屬于哪種模式其實(shí)并非絕對(duì)；我們?cè)谇拔漠?dāng)中也有提到，在某些情況下，模式很可能發(fā)生互換。理論上的框架最終還是要以特定情境中的特定產(chǎn)品作為依托。對(duì)于我們來(lái)說(shuō)，最重要的是確保在任何一個(gè)接口模式當(dāng)中提供最適于快速獲取的信息以及最適于在Watch上進(jìn)行的互動(dòng)功能；至于用戶究竟選擇通過(guò)Watch完成目標(biāo)，還是轉(zhuǎn)移到iPhone來(lái)獲取更完整的體驗(yàn)，則由他根據(jù)自己的目標(biāo)以及所處的特定情境加以判斷。

結(jié)束語(yǔ)

本文到此也該畫上一個(gè)句號(hào)了，但關(guān)于Apple Watch產(chǎn)品設(shè)計(jì)的話題才剛剛進(jìn)入破土階段。很快，Watch就會(huì)正式進(jìn)入我們的生活，我們也將有機(jī)會(huì)在實(shí)際當(dāng)中體驗(yàn)這款新設(shè)備。希望屆時(shí)我能和大家分享更多關(guān)于Watch產(chǎn)品設(shè)計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn)，同時(shí)希望與各位就更多的相關(guān)話題進(jìn)行探討交流。