2014-11-20 高勁
千呼萬(wàn)喚始出來(lái)！隨著Apple Watch開(kāi)賣(mài)的日子臨近，我們終于等來(lái)了Apple Watch的官方文檔（HIG）！發(fā)布會(huì)的時(shí)候，許多用戶(hù)都對(duì)水果神教的智能手表的設(shè)計(jì)表示懷疑，為什么要這么設(shè)計(jì)？答案就隱藏在官方的這份設(shè)計(jì)指南當(dāng)中。
Apple Watch 的設(shè)計(jì)專(zhuān)注于以下三個(gè)方面：
?個(gè)人。由于Apple Watch被設(shè)計(jì)為可穿戴設(shè)備，所以它的UI設(shè)計(jì)應(yīng)該適應(yīng)出穿戴者的存在。當(dāng)用戶(hù)抬起手腕的時(shí)候，（Apple Watch）應(yīng)顯示時(shí)間和提醒。數(shù)字觸摸功能——尤其是心率和草圖功能——提供了更為個(gè)人的全新溝通方式。內(nèi)置的加速度傳感器和心率傳感器為每個(gè)用戶(hù)提供了個(gè)性化的活動(dòng)信息。從未有任何蘋(píng)果設(shè)備能夠像Apple Watch這樣同佩戴者連接在一起。當(dāng)你在為Apple Watch設(shè)計(jì)APP的時(shí)候，在腦中時(shí)刻保有這種意識(shí)是非常重要的。
?整體。Apple Watch 旨在模糊物理設(shè)備和軟件之間的便捷。Apple Watch的側(cè)面旋鈕，也就是Digital Crown，是一個(gè)微小的硬件控制機(jī)構(gòu)，能對(duì)軟件進(jìn)行細(xì)致入微的導(dǎo)航操控。內(nèi)置的Taptic引擎能夠針對(duì)提醒和屏幕交互產(chǎn)生精細(xì)的物理反饋。使用硬件控制物理手勢(shì)的Force Touch技術(shù)則使得Apple Watch 的軟件控制上升到一個(gè)新的層面。Apple Watch所使用的Retina屏幕也使得UI設(shè)計(jì)的物理邊界不再存在。體貼的APP設(shè)計(jì)使得硬件和軟件的體驗(yàn)難以辨別。
?輕量級(jí)。Apple Watch上的APP應(yīng)當(dāng)具備有快速輕便的交互，能最大限度地發(fā)揮出手腕上這塊屏幕的優(yōu)勢(shì)。信息的訪(fǎng)問(wèn)、操作應(yīng)該快速而便捷，確保私密性和可用性。Short Look 旨在為用戶(hù)提供最小化的提醒，用戶(hù)需要點(diǎn)擊操作才能查看更多信息。而 Glances 則為用戶(hù)提供了來(lái)自APP的易于訪(fǎng)問(wèn)，可滑動(dòng)操作的界面。為Apple Watch所設(shè)計(jì)的APP應(yīng)該遵循佩戴者的使用狀況：簡(jiǎn)明、快速以及小屏幕顯示。
Apple Watch上的APP應(yīng)該是iOS APP的補(bǔ)充，而非替代者。假使你在iOS設(shè)備上進(jìn)行一個(gè)操作需要幾分鐘的時(shí)間，那么你在Apple Watch上僅需幾秒就可以完成。因此，交互必須簡(jiǎn)短，界面必須簡(jiǎn)單。
Apple Watch的APP支持兩種導(dǎo)航模式:
?分層模式(Hierarchical)。這種風(fēng)格同iOS的導(dǎo)航模式一致，最適合與信息有層次的APP。在分層模式APP中，用戶(hù)通過(guò)在每一屏上做出選擇，逐層導(dǎo)航瀏覽找到他們要找的目標(biāo)。當(dāng)用戶(hù)要找另外一個(gè)目標(biāo)的時(shí)候，需要回溯部分頁(yè)面，或者回溯全部，然后重新選擇。對(duì)于相對(duì)復(fù)雜的APP交互而言，這種分層模式比起扁平的、用頁(yè)碼標(biāo)識(shí)的頁(yè)面模式來(lái)的更好。
?頁(yè)面模式(Page-based)。通過(guò)頁(yè)碼標(biāo)識(shí)的頁(yè)面模式界面，用戶(hù)只需要在頁(yè)面間滑動(dòng)來(lái)實(shí)現(xiàn)導(dǎo)航。頁(yè)面模式適合包含簡(jiǎn)單數(shù)據(jù)模型的APP，每個(gè)頁(yè)面的數(shù)據(jù)并不直接與其他頁(yè)面上的數(shù)據(jù)關(guān)聯(lián)。每個(gè)頁(yè)面底部的圓點(diǎn)會(huì)指示出用戶(hù)的位置。盡量減少頁(yè)面數(shù)，這樣可以簡(jiǎn)化導(dǎo)航。
你不能將分層模式和頁(yè)面模式同時(shí)用到你的界面設(shè)計(jì)中。在設(shè)計(jì)的時(shí)候，你需要選擇適合這個(gè)APP的模式，并且針對(duì)這種模式來(lái)設(shè)計(jì)。
不管使用哪種界面風(fēng)格，內(nèi)容的呈現(xiàn)都是模式化的。模式化的界面使得用戶(hù)可以無(wú)干擾地完成任務(wù)或者獲取信息，但是這種方式會(huì)暫時(shí)阻止用戶(hù)同APP的其他部分進(jìn)行交互，更多信息請(qǐng)參考ModalSheets。
?基于動(dòng)作的事件(Action-based events)。單點(diǎn)手勢(shì)是Apple Watch中用戶(hù)與APP進(jìn)行交互的主要方式。表格、按鈕、開(kāi)關(guān)以及其他的控件都需要通過(guò)點(diǎn)擊來(lái)操作。這些點(diǎn)擊隨后會(huì)以代碼的形式反饋到WatchKit拓展中。
?手勢(shì)(Gestures)。你不能為你的APP添加手勢(shì)識(shí)別，相反，系統(tǒng)會(huì)為你處理所有的手勢(shì)，并且使用手勢(shì)來(lái)執(zhí)行標(biāo)準(zhǔn)操作：
Apple Watch不支持多指手勢(shì)操作，比如雙指縮放（pinch）。
?按壓觸摸（Force Touch）。小尺寸屏幕屏幕上能容納的控件非常有限，這就是為什么會(huì)在Apple Watch中引入按壓觸摸（Force Touch）這種全新的交互模式。正如屏幕能感應(yīng)到觸摸一樣，Apple Watch的視網(wǎng)膜屏幕還能感知到壓力。當(dāng)按壓屏幕的操作出現(xiàn)的時(shí)候，屏幕上會(huì)顯示與當(dāng)前屏幕相關(guān)的菜單，APP可以通過(guò)這個(gè)菜單來(lái)展示與當(dāng)前內(nèi)容相關(guān)的操作。
?Digital Crown，也就是側(cè)面旋鈕。Digital Crown是在不影響屏幕顯示的前提下，為更細(xì)微的操作和加速滾動(dòng)而設(shè)計(jì)的。它可以更為簡(jiǎn)單地滾動(dòng)長(zhǎng)頁(yè)面。
在Apple Watch上，Glance可以讓你快速預(yù)覽一個(gè)APP中最核心的內(nèi)容。理想狀態(tài)下，Glance是即時(shí)的，且與環(huán)境信息相關(guān)。當(dāng)你集中查看的時(shí)候，Glance是你最?lèi)?ài)的APP的有意義時(shí)刻的合集。不同于系統(tǒng)主動(dòng)推送的提醒，Glance更像是你主動(dòng)獲取的信息，所以，通常是佩戴者來(lái)決定是否訪(fǎng)問(wèn)它們。
Glance的特性：
?基于模板的(Template-based)。Glance擁有針對(duì)屏幕上半部分和下半部分的單獨(dú)模板。你可以使用Xcode來(lái)選擇你需要的模板，并且根據(jù)規(guī)格設(shè)計(jì)你要的內(nèi)容。
?不可滾動(dòng)的(Not scrollable)。這意味著所有的內(nèi)容都需要位于屏幕中。
?只讀的(Read-only)。在Glance狀態(tài)下，點(diǎn)擊屏幕任何地方都可以打開(kāi)對(duì)應(yīng)的APP。
?可選的(Optional)。并非所有APP都需要Glance，并且用戶(hù)可以選擇需要展示哪個(gè)Glance。
Glance的底部區(qū)域預(yù)留給頁(yè)面指示圓點(diǎn)。
基于用戶(hù)當(dāng)前環(huán)境配置Glance。過(guò)時(shí)或者不相干的信息會(huì)降低Glance的有效性，盡量借助時(shí)間和地點(diǎn)信息來(lái)反映當(dāng)前與用戶(hù)相關(guān)的內(nèi)容。
Glance可以深度鏈接到相關(guān)的APP。Glance可以利用Handoff來(lái)通知APP，當(dāng)用戶(hù)點(diǎn)擊Glance的時(shí)候會(huì)顯示的內(nèi)容。然后APP可使用該通知信息來(lái)展示一個(gè)不同的界面，或者相應(yīng)地配置現(xiàn)有的界面。
Glance需要為用戶(hù)提供有用的信息。不要為用戶(hù)提供一個(gè)僅僅引導(dǎo)用戶(hù)打開(kāi)某個(gè)APP的Glance界面。
Apple Watch上的通知是一種快速而輕量級(jí)的交互，它主要體現(xiàn)為兩種形式：Short Look和Long Look。當(dāng)本地或者遠(yuǎn)程的通知需要呈現(xiàn)給用戶(hù)的時(shí)候，Short Look會(huì)出現(xiàn)。Short Look 提供的信息相對(duì)較少也更為審慎——或者說(shuō)更為私密。當(dāng)佩戴者放下手腕的時(shí)候，Short Look的通知信息會(huì)自動(dòng)消失。當(dāng)佩戴者長(zhǎng)時(shí)間抬高手腕查看通知的時(shí)候，或者點(diǎn)擊Short Look信息的時(shí)候，通知會(huì)轉(zhuǎn)為L(zhǎng)ong Look。在Long Look狀態(tài)下，通知會(huì)呈現(xiàn)出更多的信息，提供更多的功能，這個(gè)時(shí)候需要佩戴者手動(dòng)關(guān)閉或者操作。
所以，請(qǐng)謹(jǐn)慎地控制向用戶(hù)推送通知的頻率。如果通知頻率過(guò)高的話(huà)，用戶(hù)會(huì)覺(jué)得煩躁并且禁用你APP的推送。請(qǐng)務(wù)必確保推送的通知是用戶(hù)想要的內(nèi)容。
Short Look 通知會(huì)讓用戶(hù)知道是什么APP推送的通知，并且內(nèi)容會(huì)非常簡(jiǎn)短。Short Look的界面是基于模板的，并且包含了相應(yīng)APP的名稱(chēng)、圖標(biāo)以及所附通知的標(biāo)題內(nèi)容。系統(tǒng)所展示的APP的名稱(chēng)，會(huì)使用APP的關(guān)鍵色。
請(qǐng)保持標(biāo)題簡(jiǎn)短而重點(diǎn)突出。由于展示文字內(nèi)容的空間非常有限，所以?xún)?nèi)容請(qǐng)務(wù)必簡(jiǎn)短精悍，不要塞入通知的過(guò)多細(xì)節(jié)，包含簡(jiǎn)短的提示就好了。
Long Look 通知將會(huì)為用戶(hù)帶來(lái)更多細(xì)節(jié)。系統(tǒng)為默認(rèn)的Long Look 通知提供了一個(gè)默認(rèn)的外觀(guān)，但是APP也可以自定義其中的圖形和品牌。所有的Long Look 通知都擁有相同的結(jié)構(gòu)。界面的頂部的空間可以疊加APP的圖標(biāo)和名稱(chēng)，最底部是系統(tǒng)默認(rèn)的取消按鈕，在兩者之間的空間是可以自定義的內(nèi)容。
APP的內(nèi)容可以與頂部的空間交疊，也可以置于其下方。對(duì)于以文字為主的通知，可以在Xcode中使用直接通知內(nèi)容的選項(xiàng)，讓內(nèi)容直接在頂部欄下展示出來(lái)。
對(duì)于自定義Long Look界面，APP必須提供一個(gè)靜態(tài)的界面，并且可以選擇性地提供一個(gè)動(dòng)態(tài)的界面。動(dòng)態(tài)界面比靜態(tài)界面擁有更大的配置空間，但是兩者其中能夠顯示的圖片和品牌內(nèi)容是一樣多。靜態(tài)界面提供了一個(gè)備用位置，以防止動(dòng)態(tài)界面無(wú)法正常顯示。
Long Look通知下，最多可以容納4個(gè)自定義的按鈕。Apple Watch中Long Look通知所展示的可操作的按鈕，主要受到對(duì)應(yīng)的iOS APP的影響。所顯示的按鈕會(huì)自動(dòng)調(diào)用APP的通知欄按鈕。
取消按鈕是始終存在的，并且不算在4個(gè)按鈕當(dāng)中。
關(guān)于靜態(tài)和動(dòng)態(tài)界面的具體信息以及按鈕操作和配置信息，請(qǐng)參閱WatchKit編程指南。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sdgs6788.com