案例學習 – 為Apple Watch簡化現有產品的設計思路
周六晚間,木頭的小床頭桌,上面有一個2009年買的宜家鬧鐘,方方正正的,頂上一個條狀的大按鈕,平時按一下屏幕會有背光,鬧鐘響起時看都不用看直接伸手隨便一拍就能拍到然后鬧鐘停止,好棒的設計。那些年習慣給它定好夜里3點鬧一次,為的是醒來發現還有那么長時間可以睡,徒增幸福感。 前面在朋友圈看到一篇攝影師跟拍無人領養的喵汪被安樂死的文章,如鯁在喉,心里剜著的那么難受。只代表我自己,做出一些微不足道的呼吁:如果哪位朋友有養喵養汪的打算,并且生活狀況確實允許長期守護,還請以領養代替購買;它們當中有太多,平白無故就等待著被人類終結生命。 自從2006年開始養喵,整個人從過去無所顧忌無心無慮,到如今對家庭衛生環境細節神經質一般的維護以及對外面喵汪的關注,自己回頭看看,也是百感交集。我好希望自己死后能化作某種,能夠在冥冥之中守護所有這些小動物的存在,讓這些單純而美好的生靈在這個世界上自然的發展著,而不被人類這種丑陋的物種傷害。 說正事吧。最近一兩周陸續看到一些實實在在的Watch app設計案例文章,而不是過去那些概念設計或是臆想,于是想要拿來一些做掉譯文。今天是第一篇,希望接下來還會多做些。下面進入譯文。 英文原文:4 Ways we Simplified Our App for the Apple Watch “優秀的設計師會對新的設計方式有所預見并做好充分的準備,而不只是被動的響應與跟從?!?– David Hoang 我們的團隊決定在Apple Watch正式發售之前就對我們的Geocaching(地理藏寶)app進行新平臺的重設計工作,以下就是我們在此期間學到的東西,特此分享給大家。 首先我們問自己,為什么要面向Apple Watch重新設計我們的產品?怎樣做才能充分利用Watch的平臺特性為我們現有的iPhone版產品提供體驗上的補充與增強? 地理藏寶是一種在現實當中隨時隨地可以進行的探險游戲,用戶(玩家)可以藏寶或通過導航工具進行尋寶。很多時候,為了尋找一個藏寶點,我們必須徒步爬山;這種情況下真的不愿也不便去把手機或其他導航工具從口袋甚至是背包當中翻出來并一直實時的查看距離藏寶點還有多遠。在地理藏寶活動中,類似這樣的場景還有很多,所以我們認為Geocaching app與Apple Watch這樣的可穿戴設備簡直就是天作之合。 想清楚了“為什么”,我們便更加自信的投入到工作流程當中,為這款我們都不曾親身使用過的小設備進行產品設計探索。接下來便是“怎樣做”的問題了。 正如Apple Watch界面設計規范所說,Watch應用是對iOS應用的補充。輕量化的界面形式,簡單快捷并與場景緊密相關的功能形式,這些都是Watch應用產品的重要特質。以此為原則,我們從現有的iPhone版產品中識別出了一些最適于在Watch平臺上為用戶提供優質體驗的關鍵功能。 我們決定從最基本也是最常用的導航功能入手,例如羅盤功能的呈現方式,以及怎樣顯示相關的內容,譬如最近的尋寶活動動態。此外,基于之前的用研結果,我們明白其實很多用戶愿意在自己有片刻時間需要打發的時候玩玩低成本的尋寶游戲,所以我們決定在Watch上為用戶顯示與其所在位置距離最近的藏寶點,使他們不用掏出手機就能很便捷的了解周圍是否有適合自己快速參與的活動。 在iPhone版的Geocaching當中,用戶可以在Activity里查看有哪些人找到了寶藏,以及尋寶過程中的故事;但在實際使用當中,這里對用戶來說更重要的是了解那些沒能找到寶藏的信息,也就是我們所說的DNF(Did Not Find)。所以我們決定在Watch上突顯DNF信息,將內容數量縮減為最近的5條,并移除相關的故事內容。此外我們還為DNF使用了不同的字色,使其在視覺上更加突出,用戶簡單一瞥即可獲取信息。 過去幾年里,Geocaching app擴展到了很多不同的平臺。大約在一年前,我們也發了Android版本。我們在創建品牌規范時沒有考慮到將來多種平臺的狀況,隨著時間的推移,產品在品牌識別和設計語言方面的問題越發突顯。最近,我們已經開始著手在這方面進行統一和規范,首先要解決的就是界面視覺設計方面的一些問題。借著為Apple Watch進行設計的契機,我們決定對界面中的圖標進行一輪簡化工作。 我們一直以來所使用的圖標太過復雜,無論樣式還是尺寸都不適于在Watch上快速傳達信息。所以我們拋棄了之前的矢量圖風格,取而代之的是更加簡約、表意更清晰的線形風格。此外,過去的圖標會根據內容數值的不同而動態變化,相應的素材數量及維護成本也極大的提升;這次我們在Watch上取消了這一設計,統一使用一套圖標,既降低了管理難度,也便于用戶識別與記憶,無需在短小的互動過程中再付出不必要的認知成本。 我們現在的UI配色對于Apple Watch的黑色邊框及背景來說太淺了。因為我們最近也在考慮增加一些新的、更具對比度和識別性的配色,所以這次正好進行嘗試。 在我們最近的一次可用性測試當中,很多用戶下意識的會將綠色與我們的產品關聯在一起,于是我們決定將綠色定義為我們的品牌關鍵色。 此外,前段日子我們有幸能進入Apple的實驗室來封閉測試自己的設計方案。在測試過程中,我們發現新的配色方案在易讀性方面仍有提升空間,于是進一步的提升了一些關鍵色的亮度,使其與San Francisco字體及黑色背景搭配起來的對比度更強,更便于快速獲取信息。 在為Watch設計的過程中,我們遇到了一些意料之外的局限性問題。譬如在Glance方面,我們希望它能基于不同的狀態以不同的形式呈現內容。我們需要三種視圖模式,包括導航模式、呈現附近寶藏的模式以及附近沒有寶藏時的空狀態模式。蘋果官方提供了很多設計資源,包括大量的Glance模板,但難點在于怎樣通過一款模板來實現不同的視圖需求。我們最終選擇了提供兩個分組容器的Glance模板,以獲取最大程度的靈活性。 Apple僅向第三方產品提供靜態地圖,這也給我們造成了很大的局限。Geocaching本是一種對地圖有重度依賴性的產品,因為用戶要隨時了解自己所在的位置以及目標寶藏的地點。作為替代方案,我們一方面提供著靜態地圖,一方面也設計了羅盤視圖,幫助用戶隨時隨地進行實時導航。要實現羅盤視圖也不容易,我們不能利用iPhone上的羅盤功能來獲取數據,因為在實際情境中,iPhone還呆在用戶的口袋里,不可能保持水平姿態。所以我們只能基于用戶前進的方向與寶藏地點之間的相對關系來變相的實現羅盤功能。 雖然有機會去蘋果的實驗室來測試產品,但遺憾的是不能把Watch帶出來到尋寶的實境當中進行測試。我們計劃在拿到預訂的Watch之后立刻進行可用性測試,看看真實用戶在實際活動中使用新平臺產品的情況,然后我們會根據他們的反饋及統計數據盡快迭代出下一個版本。 我們還會繼續探索靜態地圖的運用方式,譬如看看有沒可能將它鏈接到Apple自帶的地圖app。不過可以預計的是,在很長一段時間內,用戶還是要依賴羅盤功能進行導航,所以我們會將它作為接下來迭代工作的重點,探索各種提升體驗的可能性。 在所有這些事情之前,我們能做的就只有急切的盼望著Watch能盡快發貨到我們手中了。 作者:C7210 來源:Be For Web 原文鏈接:http://beforweb.com/node/709 為什么?怎樣做?
1.簡化現有功能
2.簡化內容形式
3.簡化圖標形式
4.簡化配色方案
設計上的局限
接下來?
- 目前還沒評論,等你發揮!