萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 4個設計思路幫你簡化APPLE WATCH平台的產品

4個設計思路幫你簡化APPLE WATCH平台的產品

   這篇最近一兩周陸續看到一些實實在在的Watch App設計案例文章,而不是過去那些概念設計或是臆想,於是想要拿來一些做譯文。今天是第一篇,希望接下來還會多做些,下面進入譯文 >>>

  “優秀的設計師會對新的設計方式有所預見並做好充分的准備,而不只是被動的響應與跟從。” – David Hoang

  我們的團隊決定在Apple Watch正式發售之前就對我們的Geocaching(地理藏寶)app進行新平台的重設計工作,以下就是我們在此期間學到的東西,特此分享給大家。

  為什麼?怎樣做?

  首先我們問自己,為什麼要面向Apple Watch重新設計我們的產品?怎樣做才能充分利用Watch的平台特性為我們現有的iPhone版產品提供體驗上的補充與增強?

  地理藏寶是一種在現實當中隨時隨地可以進行的探險游戲,用戶(玩家)可以藏寶或通過導航工具進行尋寶。很多時候,為了尋找一個藏寶點,我們必須徒步爬山;這種情況下真的不願也不便去把手機或其他導航工具從口袋甚至是背包當中翻出來並一直實時的查看距離藏寶點還有多遠。在地理藏寶活動中,類似這樣的場景還有很多,所以我們認為Geocaching app與Apple Watch這樣的可穿戴設備簡直就是天作之合。

  想清楚了“為什麼”,我們便更加自信的投入到工作流程當中,為這款我們都不曾親身使用過的小設備進行產品設計探索。接下來便是“怎樣做”的問題了。

  1、簡化現有功能

  正如《Apple Watch界面設計規范》所說,Watch應用是對iOS應用的補充。輕量化的界面形式,簡單快捷並與場景緊密相關的功能形式,這些都是Watch應用產品的重要特質。以此為原則,我們從現有的iPhone版產品中識別出了一些最適於在Watch平台上為用戶提供優質體驗的關鍵功能。

  我們決定從最基本也是最常用的導航功能入手,例如羅盤功能的呈現方式,以及怎樣顯示相關的內容,譬如最近的尋寶活動動態。此外,基於之前的用研結果,我們明白其實很多用戶願意在自己有片刻時間需要打發的時候玩玩低成本的尋寶游戲,所以我們決定在Watch上為用戶顯示與其所在位置距離最近的藏寶點,使他們不用掏出手機就能很便捷的了解周圍是否有適合自己快速參與的活動。

4個設計思路幫你簡化APPLE WATCH平台的產品 三聯

  2、簡化內容形式

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

02-apple-watch-product-ux-design.png

  3、簡化圖標形式

  過去幾年裡,Geocaching app擴展到了很多不同的平台。大約在一年前,我們也發了Android版本。我們在創建品牌規范時沒有考慮到將來多種平台的狀況,隨著時間的推移,產品在品牌識別和設計語言方面的問題越發突顯。最近,我們已經開始著手在這方面進行統一和規范,首先要解決的就是界面視覺設計方面的一些問題。借著為Apple Watch進行設計的契機,我們決定對界面中的圖標進行一輪簡化工作。

  我們一直以來所使用的圖標太過復雜,無論樣式還是尺寸都不適於在Watch上快速傳達信息。所以我們拋棄了之前的矢量圖風格,取而代之的是更加簡約、表意更清晰的線形風格。此外,過去的圖標會根據內容數值的不同而動態變化,相應的素材數量及維護成本也極大的提升;這次我們在Watch上取消了這一設計,統一使用一套圖標,既降低了管理難度,也便於用戶識別與記憶,無需在短小的互動過程中再付出不必要的認知成本。

03-apple-watch-product-ux-design.png

  4、簡化配色方案

  我們現在的UI配色對於Apple Watch的黑色邊框及背景來說太淺了。因為我們最近也在考慮增加一些新的、更具對比度和識別性的配色,所以這次正好進行嘗試。

  在我們最近的一次可用性測試當中,很多用戶下意識的會將綠色與我們的產品關聯在一起,於是我們決定將綠色定義為我們的品牌關鍵色。

  此外,前段日子我們有幸能進入Apple的實驗室來封閉測試自己的設計方案。在測試過程中,我們發現新的配色方案在易讀性方面仍有提升空間,於是進一步的提升了一些關鍵色的亮度,使其與San Francisco字體及黑色背景搭配起來的對比度更強,更便於快速獲取信息。

04-apple-watch-product-ux-design.png

  設計上的局限

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

  Apple僅向第三方產品提供靜態地圖,這也給我們造成了很大的局限。Geocaching本是一種對地圖有重度依賴性的產品,因為用戶要隨時了解自己所在的位置以及目標寶藏的地點。作為替代方案,我們一方面提供著靜態地圖,一方面也設計了羅盤視圖,幫助用戶隨時隨地進行實時導航。要實現羅盤視圖也不容易,我們不能利用iPhone上的羅盤功能來獲取數據,因為在實際情境中,iPhone還呆在用戶的口袋裡,不可能保持水平姿態。所以我們只能基於用戶前進的方向與寶藏地點之間的相對關系來變相的實現羅盤功能。

05-apple-watch-product-ux-design.png

  接下來?

  雖然有機會去蘋果的實驗室來測試產品,但遺憾的是不能把Watch帶出來到尋寶的實境當中進行測試。我們計劃在拿到預訂的Watch之後立刻進行可用性測試,看看真實用戶在實際活動中使用新平台產品的情況,然後我們會根據他們的反饋及統計數據盡快迭代出下一個版本。

  我們還會繼續探索靜態地圖的運用方式,譬如看看有沒可能將它鏈接到Apple自帶的地圖app。不過可以預計的是,在很長一段時間內,用戶還是要依賴羅盤功能進行導航,所以我們會將它作為接下來迭代工作的重點,探索各種提升體驗的可能性。

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

copyright © 萬盛學電腦網 all rights reserved