案例學習 – 為Apple Watch簡化現有產品的設計思路

發表於2015-08-14

週六晚間,木頭的小床頭桌,上面有一個2009年買的宜家鬧鐘,方方正正的,頂上一個條狀的大按鈕,平時按一下螢幕會有背光,鬧鐘響起時看都不用看直接伸手隨便一拍就能拍到然後鬧鐘停止,好棒的設計。那些年習慣給它定好夜裡3點鬧一次,為的是醒來發現還有那麼長時間可以睡,徒增幸福感。

前面在朋友圈看到一篇攝影師跟拍無人領養的喵汪被安樂死的文章,如鯁在喉,心裡剜著的那麼難受。只代表我自己,做出一些微不足道的呼籲:如果哪位朋友有養喵養汪的打算,並且生活狀況確實允許長期守護,還請以領養代替購買;它們當中有太多,平白無故就等待著被人類終結生命。

自從2006年開始養喵,整個人從過去無所顧忌無心無慮,到如今對家庭衛生環境細節神經質一般的維護以及對外面喵汪的關注,自己回頭看看,也是百感交集。我好希望自己死後能化作某種,能夠在冥冥之中守護所有這些小動物的,存在,讓這些單純而美好的生靈在這個世界上自然的發展著,而不被人類這種醜陋的物種傷害。

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

英文原文:4 Ways we Simplified Our App for the Apple Watch By by Michelle Li and Abby Deering

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

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

為什麼?怎樣做?

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

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

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

1.簡化現有功能

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

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

2.簡化內容形式

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

3.簡化圖示形式

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

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

4.簡化配色方案

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

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

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

設計上的侷限

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

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

接下來?

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

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

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

相關文章