原作者:Michelle Li & Abby Deering 譯者:C7210(UX玩家、交互設(shè)計(jì)師、貓奴、guitar fucker,現(xiàn)就職于騰訊ISUX上海) 本文轉(zhuǎn)載自譯者博客:BeForWeb.com 譯者:這是一篇實(shí)實(shí)在在的Watch app設(shè)計(jì)案例文章,而不是過(guò)去那些概念設(shè)計(jì)或是臆想。
我們的團(tuán)隊(duì)決定在Apple Watch正式發(fā)售之前就對(duì)我們的Geocaching(地理藏寶)app進(jìn)行新平臺(tái)的重設(shè)計(jì)工作,以下就是我們?cè)诖似陂g學(xué)到的東西,特此分享給大家。 為什么?怎樣做? 首先我們問(wèn)自己,為什么要面向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)游戲,用戶(玩家)可以藏寶或通過(guò)導(dǎo)航工具進(jìn)行尋寶。很多時(shí)候,為了尋找一個(gè)藏寶點(diǎn),我們必須徒步爬山;這種情況下真的不愿也不便去把手機(jī)或其他導(dǎo)航工具從口袋甚至是背包當(dāng)中翻出來(lái)并一直實(shí)時(shí)的查看距離藏寶點(diǎn)還有多遠(yuǎn)。在地理藏寶活動(dòng)中,類似這樣的場(chǎng)景還有很多,所以我們認(rèn)為Geocaching app與Apple Watch這樣的可穿戴設(shè)備簡(jiǎn)直就是天作之合。 想清楚了“為什么”,我們便更加自信的投入到工作流程當(dāng)中,為這款我們都不曾親身使用過(guò)的小設(shè)備進(jìn)行產(chǎn)品設(shè)計(jì)探索。接下來(lái)便是“怎樣做”的問(wèn)題了。 1.簡(jiǎn)化現(xiàn)有功能 正如Apple Watch界面設(shè)計(jì)規(guī)范所說(shuō),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)航功能入手,例如羅盤(pán)功能的呈現(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里查看有哪些人找到了寶藏,以及尋寶過(guò)程中的故事;但在實(shí)際使用當(dāng)中,這里對(duì)用戶來(lái)說(shuō)更重要的是了解那些沒(méi)能找到寶藏的信息,也就是我們所說(shuō)的DNF(Did Not Find)。所以我們決定在Watch上突顯DNF信息,將內(nèi)容數(shù)量縮減為最近的5條,并移除相關(guān)的故事內(nèi)容。此外我們還為DNF使用了不同的字色,使其在視覺(jué)上更加突出,用戶簡(jiǎn)單一瞥即可獲取信息。 3.簡(jiǎn)化圖標(biāo)形式 過(guò)去幾年里,Geocaching app擴(kuò)展到了很多不同的平臺(tái)。大約在一年前,我們也發(fā)了Android版本。我們?cè)趧?chuàng)建品牌規(guī)范時(shí)沒(méi)有考慮到將來(lái)多種平臺(tái)的狀況,隨著時(shí)間的推移,產(chǎn)品在品牌識(shí)別和設(shè)計(jì)語(yǔ)言方面的問(wèn)題越發(fā)突顯。最近,我們已經(jīng)開(kāi)始著手在這方面進(jìn)行統(tǒng)一和規(guī)范,首先要解決的就是界面視覺(jué)設(shè)計(jì)方面的一些問(wèn)題。借著為Apple Watch進(jìn)行設(shè)計(jì)的契機(jī),我們決定對(duì)界面中的圖標(biāo)進(jìn)行一輪簡(jiǎn)化工作。 我們一直以來(lái)所使用的圖標(biāo)太過(guò)復(fù)雜,無(wú)論樣式還是尺寸都不適于在Watch上快速傳達(dá)信息。所以我們拋棄了之前的矢量圖風(fēng)格,取而代之的是更加簡(jiǎn)約、表意更清晰的線形風(fēng)格。此外,過(guò)去的圖標(biāo)會(huì)根據(jù)內(nèi)容數(shù)值的不同而動(dòng)態(tài)變化,相應(yīng)的素材數(shù)量及維護(hù)成本也極大的提升;這次我們?cè)赪atch上取消了這一設(shè)計(jì),統(tǒng)一使用一套圖標(biāo),既降低了管理難度,也便于用戶識(shí)別與記憶,無(wú)需在短小的互動(dòng)過(guò)程中再付出不必要的認(rèn)知成本。 4.簡(jiǎn)化配色方案 我們現(xiàn)在的UI配色對(duì)于Apple Watch的黑色邊框及背景來(lái)說(shuō)太淺了。因?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)室來(lái)封閉測(cè)試自己的設(shè)計(jì)方案。在測(cè)試過(guò)程中,我們發(fā)現(xiàn)新的配色方案在易讀性方面仍有提升空間,于是進(jìn)一步的提升了一些關(guān)鍵色的亮度,使其與San Francisco字體及黑色背景搭配起來(lái)的對(duì)比度更強(qiáng),更便于快速獲取信息。 設(shè)計(jì)上的局限 在為Watch設(shè)計(jì)的過(guò)程中,我們遇到了一些意料之外的局限性問(wèn)題。譬如在Glance方面,我們希望它能基于不同的狀態(tài)以不同的形式呈現(xiàn)內(nèi)容。 我們需要三種視圖模式,包括導(dǎo)航模式、呈現(xiàn)附近寶藏的模式以及附近沒(méi)有寶藏時(shí)的空狀態(tài)模式。蘋(píng)果官方提供了很多設(shè)計(jì)資源,包括大量的Glance模板,但難點(diǎn)在于怎樣通過(guò)一款模板來(lái)實(shí)現(xiàn)不同的視圖需求。我們最終選擇了提供兩個(gè)分組容器的Glance模板,以獲取最大程度的靈活性。 Apple僅向第三方產(chǎn)品提供靜態(tài)地圖,這也給我們?cè)斐闪撕艽蟮木窒?。Geocaching本是一種對(duì)地圖有重度依賴性的產(chǎn)品,因?yàn)橛脩粢S時(shí)了解自己所在的位置以及目標(biāo)寶藏的地點(diǎn)。作為替代方案,我們一方面提供著靜態(tài)地圖,一方面也設(shè)計(jì)了羅盤(pán)視圖,幫助用戶隨時(shí)隨地進(jìn)行實(shí)時(shí)導(dǎo)航。要實(shí)現(xiàn)羅盤(pán)視圖也不容易,我們不能利用iPhone上的羅盤(pán)功能來(lái)獲取數(shù)據(jù),因?yàn)樵趯?shí)際情境中,iPhone還呆在用戶的口袋里,不可能保持水平姿態(tài)。所以我們只能基于用戶前進(jìn)的方向與寶藏地點(diǎn)之間的相對(duì)關(guān)系來(lái)變相的實(shí)現(xiàn)羅盤(pán)功能。 接下來(lái)? 雖然有機(jī)會(huì)去蘋(píng)果的實(shí)驗(yàn)室來(lái)測(cè)試產(chǎn)品,但遺憾的是不能把Watch帶出來(lái)到尋寶的實(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)用方式,譬如看看有沒(méi)可能將它鏈接到Apple自帶的地圖app。不過(guò)可以預(yù)計(jì)的是,在很長(zhǎng)一段時(shí)間內(nèi),用戶還是要依賴羅盤(pán)功能進(jìn)行導(dǎo)航,所以我們會(huì)將它作為接下來(lái)迭代工作的重點(diǎn),探索各種提升體驗(yàn)的可能性。 在所有這些事情之前,我們能做的就只有急切的盼望著Watch能盡快發(fā)貨到我們手中了。 【版權(quán)聲明】 譯文代表原作者觀點(diǎn)。本文由C7210原創(chuàng)編譯。如需轉(zhuǎn)載,請(qǐng)注明:本文來(lái)自Be For Web 更多精彩經(jīng)驗(yàn)分享,請(qǐng)點(diǎn)擊“閱讀原文”! ↓↓↓↓↓ |
|