@C7210?：這篇最近一兩周陸續(xù)看到一些實(shí)實(shí)在在的Watch App設(shè)計(jì)案例文章，而不是過去那些概念設(shè)計(jì)或是臆想，于是想要拿來一些做譯文。今天是第一篇，希望接下來還會(huì)多做些，下面進(jìn)入譯文 >>>

“優(yōu)秀的設(shè)計(jì)師會(huì)對(duì)新的設(shè)計(jì)方式有所預(yù)見并做好充分的準(zhǔn)備，而不只是被動(dòng)的響應(yīng)與跟從?！?- David Hoang

我們的團(tuán)隊(duì)決定在Apple Watch正式發(fā)售之前就對(duì)我們的Geocaching（地理藏寶）app進(jìn)行新平臺(tái)的重設(shè)計(jì)工作，以下就是我們?cè)诖似陂g學(xué)到的東西，特此分享給大家。

為什么？怎樣做？

首先我們問自己，為什么要面向Apple Watch重新設(shè)計(jì)我們的產(chǎn)品？怎樣做才能充分利用Watch的平臺(tái)特性為我們現(xiàn)有的iPhone版產(chǎn)品提供體驗(yàn)上的補(bǔ)充與增強(qiáng)？

地理藏寶是一種在現(xiàn)實(shí)當(dāng)中隨時(shí)隨地可以進(jìn)行的探險(xiǎn)游戲，用戶（玩家）可以藏寶或通過導(dǎo)航工具進(jìn)行尋寶。很多時(shí)候，為了尋找一個(gè)藏寶點(diǎn)，我們必須徒步爬山；這種情況下真的不愿也不便去把手機(jī)或其他導(dǎo)航工具從口袋甚至是背包當(dāng)中翻出來并一直實(shí)時(shí)的查看距離藏寶點(diǎn)還有多遠(yuǎn)。在地理藏寶活動(dòng)中，類似這樣的場(chǎng)景還有很多，所以我們認(rèn)為Geocaching app與Apple Watch這樣的可穿戴設(shè)備簡(jiǎn)直就是天作之合。

想清楚了“為什么”，我們便更加自信的投入到工作流程當(dāng)中，為這款我們都不曾親身使用過的小設(shè)備進(jìn)行產(chǎn)品設(shè)計(jì)探索。接下來便是“怎樣做”的問題了。

1、簡(jiǎn)化現(xiàn)有功能

正如《Apple Watch界面設(shè)計(jì)規(guī)范》所說，Watch應(yīng)用是對(duì)iOS應(yīng)用的補(bǔ)充。輕量化的界面形式，簡(jiǎn)單快捷并與場(chǎng)景緊密相關(guān)的功能形式，這些都是Watch應(yīng)用產(chǎn)品的重要特質(zhì)。以此為原則，我們從現(xiàn)有的iPhone版產(chǎn)品中識(shí)別出了一些最適于在Watch平臺(tái)上為用戶提供優(yōu)質(zhì)體驗(yàn)的關(guān)鍵功能。

我們決定從最基本也是最常用的導(dǎo)航功能入手，例如羅盤功能的呈現(xiàn)方式，以及怎樣顯示相關(guān)的內(nèi)容，譬如最近的尋寶活動(dòng)動(dòng)態(tài)。此外，基于之前的用研結(jié)果，我們明白其實(shí)很多用戶愿意在自己有片刻時(shí)間需要打發(fā)的時(shí)候玩玩低成本的尋寶游戲，所以我們決定在Watch上為用戶顯示與其所在位置距離最近的藏寶點(diǎn)，使他們不用掏出手機(jī)就能很便捷的了解周圍是否有適合自己快速參與的活動(dòng)。

2、簡(jiǎn)化內(nèi)容形式

在iPhone版的Geocaching當(dāng)中，用戶可以在Activity里查看有哪些人找到了寶藏，以及尋寶過程中的故事；但在實(shí)際使用當(dāng)中，這里對(duì)用戶來說更重要的是了解那些沒能找到寶藏的信息，也就是我們所說的DNF(Did Not Find)。所以我們決定在Watch上突顯DNF信息，將內(nèi)容數(shù)量縮減為最近的5條，并移除相關(guān)的故事內(nèi)容。此外我們還為DNF使用了不同的字色，使其在視覺上更加突出，用戶簡(jiǎn)單一瞥即可獲取信息。

3、簡(jiǎn)化圖標(biāo)形式

過去幾年里，Geocaching app擴(kuò)展到了很多不同的平臺(tái)。大約在一年前，我們也發(fā)了Android版本。我們?cè)趧?chuàng)建品牌規(guī)范時(shí)沒有考慮到將來多種平臺(tái)的狀況，隨著時(shí)間的推移，產(chǎn)品在品牌識(shí)別和設(shè)計(jì)語言方面的問題越發(fā)突顯。最近，我們已經(jīng)開始著手在這方面進(jìn)行統(tǒng)一和規(guī)范，首先要解決的就是界面視覺設(shè)計(jì)方面的一些問題。借著為Apple Watch進(jìn)行設(shè)計(jì)的契機(jī)，我們決定對(duì)界面中的圖標(biāo)進(jìn)行一輪簡(jiǎn)化工作。

我們一直以來所使用的圖標(biāo)太過復(fù)雜，無論樣式還是尺寸都不適于在Watch上快速傳達(dá)信息。所以我們拋棄了之前的矢量圖風(fēng)格，取而代之的是更加簡(jiǎn)約、表意更清晰的線形風(fēng)格。此外，過去的圖標(biāo)會(huì)根據(jù)內(nèi)容數(shù)值的不同而動(dòng)態(tài)變化，相應(yīng)的素材數(shù)量及維護(hù)成本也極大的提升；這次我們?cè)赪atch上取消了這一設(shè)計(jì)，統(tǒng)一使用一套圖標(biāo)，既降低了管理難度，也便于用戶識(shí)別與記憶，無需在短小的互動(dòng)過程中再付出不必要的認(rèn)知成本。

4、簡(jiǎn)化配色方案

我們現(xiàn)在的UI配色對(duì)于Apple Watch的黑色邊框及背景來說太淺了。因?yàn)槲覀冏罱苍诳紤]增加一些新的、更具對(duì)比度和識(shí)別性的配色，所以這次正好進(jìn)行嘗試。

在我們最近的一次可用性測(cè)試當(dāng)中，很多用戶下意識(shí)的會(huì)將綠色與我們的產(chǎn)品關(guān)聯(lián)在一起，于是我們決定將綠色定義為我們的品牌關(guān)鍵色。

此外，前段日子我們有幸能進(jìn)入Apple的實(shí)驗(yàn)室來封閉測(cè)試自己的設(shè)計(jì)方案。在測(cè)試過程中，我們發(fā)現(xiàn)新的配色方案在易讀性方面仍有提升空間，于是進(jìn)一步的提升了一些關(guān)鍵色的亮度，使其與San Francisco字體及黑色背景搭配起來的對(duì)比度更強(qiáng)，更便于快速獲取信息。

設(shè)計(jì)上的局限

在為Watch設(shè)計(jì)的過程中，我們遇到了一些意料之外的局限性問題。譬如在Glance方面，我們希望它能基于不同的狀態(tài)以不同的形式呈現(xiàn)內(nèi)容。我們需要三種視圖模式，包括導(dǎo)航模式、呈現(xiàn)附近寶藏的模式以及附近沒有寶藏時(shí)的空狀態(tài)模式。蘋果官方提供了很多設(shè)計(jì)資源（https://developer.apple.com），包括大量的Glance模板，但難點(diǎn)在于怎樣通過一款模板來實(shí)現(xiàn)不同的視圖需求。我們最終選擇了提供兩個(gè)分組容器的Glance模板，以獲取最大程度的靈活性。

Apple僅向第三方產(chǎn)品提供靜態(tài)地圖，這也給我們?cè)斐闪撕艽蟮木窒蕖eocaching本是一種對(duì)地圖有重度依賴性的產(chǎn)品，因?yàn)橛脩粢S時(shí)了解自己所在的位置以及目標(biāo)寶藏的地點(diǎn)。作為替代方案，我們一方面提供著靜態(tài)地圖，一方面也設(shè)計(jì)了羅盤視圖，幫助用戶隨時(shí)隨地進(jìn)行實(shí)時(shí)導(dǎo)航。要實(shí)現(xiàn)羅盤視圖也不容易，我們不能利用iPhone上的羅盤功能來獲取數(shù)據(jù)，因?yàn)樵趯?shí)際情境中，iPhone還呆在用戶的口袋里，不可能保持水平姿態(tài)。所以我們只能基于用戶前進(jìn)的方向與寶藏地點(diǎn)之間的相對(duì)關(guān)系來變相的實(shí)現(xiàn)羅盤功能。

接下來？

雖然有機(jī)會(huì)去蘋果的實(shí)驗(yàn)室來測(cè)試產(chǎn)品，但遺憾的是不能把Watch帶出來到尋寶的實(shí)境當(dāng)中進(jìn)行測(cè)試。我們計(jì)劃在拿到預(yù)訂的Watch之后立刻進(jìn)行可用性測(cè)試，看看真實(shí)用戶在實(shí)際活動(dòng)中使用新平臺(tái)產(chǎn)品的情況，然后我們會(huì)根據(jù)他們的反饋及統(tǒng)計(jì)數(shù)據(jù)盡快迭代出下一個(gè)版本。

我們還會(huì)繼續(xù)探索靜態(tài)地圖的運(yùn)用方式，譬如看看有沒可能將它鏈接到Apple自帶的地圖app。不過可以預(yù)計(jì)的是，在很長(zhǎng)一段時(shí)間內(nèi)，用戶還是要依賴羅盤功能進(jìn)行導(dǎo)航，所以我們會(huì)將它作為接下來迭代工作的重點(diǎn)，探索各種提升體驗(yàn)的可能性。

在所有這些事情之前，我們能做的就只有急切的盼望著Watch能盡快發(fā)貨到我們手中了。

【Apple Watch精選好文及資源】

騰訊同學(xué)出品的全方位教程：
《不要落伍！深聊APPLE WATCH平臺(tái)認(rèn)知與產(chǎn)品設(shè)計(jì)》

來自創(chuàng)業(yè)設(shè)計(jì)師的分享：
《潮流干貨！超實(shí)用的APPLE WATCH設(shè)計(jì)入門》

一大波免費(fèi)的Apple Watch 展示模板！
《干貨必收！高質(zhì)量APPLE WATCH展示模板+GUI免費(fèi)下載》

原文地址：medium
譯文地址：beforweb

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：