去年，我在一篇關(guān)于“智能腕表就是未來(lái)－三星Galaxy Gear正行駛在路途中”的文章里分析了三星Galaxy Gear腕表。如今，蘋果腕表的問(wèn)世再次燃起人們的滿腔熱情，但是盡管許多科技網(wǎng)站對(duì)蘋果腕表都已有很多評(píng)論和報(bào)道，不得不指出蘋果腕表的用戶界面并沒(méi)有向未來(lái)的發(fā)展方向靠攏的趨勢(shì)。以下是筆者對(duì)蘋果腕表的一些觀察和建議，希望能給予設(shè)計(jì)師相應(yīng)的啟發(fā)。

微小的目標(biāo)觸點(diǎn)

人類的指觸輸入比鼠標(biāo)輸入需要更大的觸及區(qū)域已經(jīng)不是什么新鮮的話題了。無(wú)論個(gè)人喜好，人們的手指比鼠標(biāo)的屏幕光標(biāo)要寬大很多。一般成功穩(wěn)妥的指觸輸入需要的區(qū)域大小是：1cmx1cm（1平方厘米，大約一個(gè)指甲蓋的面積），從蘋果腕 表來(lái)看，似乎蘋果已經(jīng)接受這種微小的指觸輸入的方式。當(dāng)你在解鎖腕表屏幕的時(shí)候，你需要在一個(gè)很迷你的數(shù)字屏上輸入你的密碼。并且，蘋果通過(guò)若干個(gè)中心聚 集向外擴(kuò)散的小圓來(lái)表示應(yīng)用程序，這就使得啟動(dòng)應(yīng)用程序其實(shí)是一次冒險(xiǎn)和挑戰(zhàn)，因?yàn)榧幢阄挥谧钪行牡哪莻€(gè)看似最大的圓對(duì)我們最小的手指來(lái)說(shuō)也還是太小。而 且辨認(rèn)這些圖標(biāo)還需要很好的眼力，以及愿意通過(guò)滾動(dòng)使它們成功對(duì)焦的意志力。此外，如果你想刪掉某個(gè)應(yīng)用程序同樣需要很好的運(yùn)氣才行，因?yàn)槲挥趫D標(biāo)左上角 的小圓x只適合嬰兒的手指?。m然人們可以通過(guò)觸摸整個(gè)圖標(biāo)來(lái)刪除程序，但事實(shí)上大多數(shù)用戶還是會(huì)嘗試去觸及那個(gè)小圓x，因?yàn)橛脩粢呀?jīng)習(xí)慣于點(diǎn)擊含有x的 小格子來(lái)關(guān)閉或刪除程序了。盡管蘋果試圖通過(guò)填補(bǔ)一些可觸的區(qū)域來(lái)減小用戶誤觸率，但還是無(wú)法真正解決人們“胖胖的手指”問(wèn)題，因?yàn)閺奈覀兊臏y(cè)試中得知用 戶會(huì)嘗試在可視的觸及區(qū)域內(nèi)觸摸屏幕。）

「解鎖腕表需要在迷你的數(shù)字鍵盤上用指觸輸入密碼，每一個(gè)按鍵大概6mmx4mm（僅僅0.24平方厘米，而上文中建議的輸入?yún)^(qū)域是1平方厘米）」

「蘋果通過(guò)若干個(gè)中心聚集向外擴(kuò)散的小圓來(lái)可視化應(yīng)用程序，但是即便位于最中心的那個(gè)看似最大的圓對(duì)用戶用手指來(lái)開(kāi)啟程序這一任務(wù)來(lái)說(shuō)也還是太小。此外，用于刪除應(yīng)用程序的小x圖標(biāo)只有2mm的直徑?！?

你可能會(huì)問(wèn)：在一個(gè)如此小的屏幕上（蘋果腕表較小的版本發(fā)布的屏幕官方尺寸是38mmx38mm，實(shí)際屏幕尺寸更小一點(diǎn)－僅大約32mmx35mm），除了能設(shè)計(jì)被 包含在小屏幕中的小圖標(biāo)外，我們還能夠做什么呢？這是一個(gè)很好的問(wèn)題。此處答案有兩個(gè)：聲音和手勢(shì)。當(dāng)用戶想要瀏覽應(yīng)用程序，設(shè)備，和輸入信息的時(shí)候，聲 音和手勢(shì)這兩種方式都可以替代用戶界面上的元素（這里的元素指Chrome，而Chrome被定義為一種用來(lái)為用戶提供操作信息的視覺(jué)設(shè)計(jì)元素，而不是 Google的網(wǎng)頁(yè)瀏覽器）以節(jié)省屏幕。

手勢(shì)

目前為止，觸屏的應(yīng)用程序正努力完善手勢(shì)操作，使其能被合理合法地使用。然而手勢(shì)的啟示作用很弱，學(xué)習(xí)起來(lái)有一定難度。在用戶測(cè)試中，那些需要手勢(shì) 完成的應(yīng)用程序在常規(guī)用戶中的響應(yīng)情況不佳，因?yàn)樗鼈兺枰脩舾冻瞿托模母是樵傅厝W(xué)習(xí)。因此在手機(jī)和平板電腦上，為了減緩過(guò)多手勢(shì)操作，設(shè)計(jì)師往往會(huì)選擇其他途徑，如冗余的界面，以及上文提及的可視化的Chrome（被定義為一種用來(lái)為用戶提供操作信息的視覺(jué)設(shè)計(jì)元素，而不是Google的網(wǎng)頁(yè)瀏覽器），而不是依靠手勢(shì)作為成功操作任務(wù)的唯一方式。

但是手勢(shì)操作在智能腕表上卻成為了不二之選。一個(gè)滑動(dòng)的手勢(shì)在腕表上要比點(diǎn)按（目前最簡(jiǎn)單的人機(jī)交互方式）更容易被用戶接受。因此，腕表的應(yīng)用程序使用大量的滑動(dòng)手勢(shì)來(lái)移動(dòng)一個(gè)卡片組中的不同元素（請(qǐng)看下圖），大多數(shù)右滑都表示返回命令。

「字典：輕擊Word of the Day可以顯示當(dāng)前頁(yè)上的入口，用戶然后可以通過(guò)輕擊頁(yè)面頂部的WotD（雖然有些難度，但是視覺(jué)上可以清楚看見(jiàn)）或者向右的滑動(dòng)手勢(shì)（不可見(jiàn)，但是比較簡(jiǎn)便）?！?

在Apple腕表中引入的一個(gè)新手勢(shì)是Force Touch ( Force Touch是一項(xiàng)Apple 用于 Apple Watch、全新MacBook 以及全新 MacBook Pro 的觸摸傳感技術(shù)。通過(guò) Force Touch，設(shè)備可以感知輕壓以及重壓的力度，并調(diào)出不同的對(duì)應(yīng)功能。Apple 也表示 Force Touch 是研發(fā) Multi-Touch 以來(lái)，最重要的全新感應(yīng)功能。），這個(gè)功能和Android的長(zhǎng)按功能很相似，在Android的長(zhǎng)按功能的初始版本中，F(xiàn)orce Touch可以用于表示與當(dāng)前頁(yè)面相關(guān)的菜單（類似于Windows桌面的鼠標(biāo)右鍵功能）。值得一提的是，F(xiàn)orce Touch是基于整個(gè)屏幕的，而不是局限于用戶界面上的某個(gè)特定元素。因此，用戶可以通過(guò)觸摸屏幕任何一處開(kāi)啟傳感功能，這樣上文中提及的「胖胖的手指」 問(wèn)題也可以被解決。

「天氣：通過(guò)觸摸傳感技術(shù)來(lái)改變屏幕中天氣信息視覺(jué)呈現(xiàn)的方式」

除了硬件的創(chuàng)新，F(xiàn)orce Touch技術(shù)和滑動(dòng)返回作為手勢(shì)操作的兩股核心力量在Apple腕表上的表現(xiàn)也很出色。雖然目前將手勢(shì)標(biāo)準(zhǔn)化普及的可能性還不大，很多用戶還不熟悉（因 為返回按鍵在Safari瀏覽器中是很明確的，用戶會(huì)更熟悉這樣可觸及的按鍵——作為一個(gè)上述界面冗余的例子之一）但是滑動(dòng)返回已然成為Apple腕表手 勢(shì)語(yǔ)言中不可或缺的一部分。如果Apple使用戶逐漸依賴習(xí)慣與這種滑動(dòng)返回的操作手勢(shì)，那么這一手勢(shì)將逐漸流行于手機(jī)和平板電腦，也會(huì)逐漸標(biāo)準(zhǔn)化。但 是，滑動(dòng)返回這一功能在腕表上也可以通過(guò)Back/up按鍵被復(fù)制（如上圖中Dictionary App的層級(jí)圖示），因?yàn)榘存I圖標(biāo)的可視性會(huì)使得它獲得更多用戶青睞，即便這種方式在小屏幕中的操作難度很大。

Force Touch是一個(gè)沒(méi)有視覺(jué)感知符號(hào)引導(dǎo)的手勢(shì)操作，對(duì)于iPhone用戶來(lái)說(shuō)，這個(gè)手勢(shì)操作是相對(duì)陌生的（因?yàn)樵趇OS系統(tǒng)中很少用到長(zhǎng)按手勢(shì)）。如果這 種手勢(shì)被持續(xù)應(yīng)用在app中，它將會(huì)被用戶熟知并且可以廣泛應(yīng)用于其他的觸摸屏上。然而，經(jīng)驗(yàn)告訴我們這種沒(méi)有視覺(jué)符號(hào)引導(dǎo)的手勢(shì)操作要被用戶接納要經(jīng)歷 漫長(zhǎng)的時(shí)間。

卡片式是最佳方法

微小的目標(biāo)觸點(diǎn)對(duì)設(shè)計(jì)具有重要的啟發(fā)作用。由于按鍵、鏈接這樣的方式往往令人感到冗長(zhǎng)沉悶，事實(shí)上，在腕表上最佳的呈現(xiàn)方法是卡片式。

「NYTimes app：卡片模式可以使用戶橫向?yàn)g覽不同的信息」

「CNN通過(guò)一個(gè)列表使所有信息顯示在同一頁(yè)上，一個(gè)接一個(gè)，然后用戶可以輕觸其中的任何一條以獲取更多信息?！?

卡片式的展示模式可以追溯到至少20年前，通常情況下，它可以清晰地為用戶展示具有連續(xù)性的信息流或是由一些少量元素組成的信息列表而替代用戶直接 訪問(wèn)具體的網(wǎng)頁(yè)內(nèi)容。在腕表上，卡片式比豎列式更出彩，是因?yàn)樨Q列的信息排列形式還需要前進(jìn)和后退來(lái)查看信息的具體內(nèi)容（a form of pogo sticking），這就促使了多步導(dǎo)航。而卡片式，用戶可以很容易地在每一個(gè)卡片信息上點(diǎn)開(kāi)上下文菜單（例如，做一些保存信息，稍后在手機(jī)上繼續(xù)瀏覽等 操作）。在豎列式視圖中，用戶就需要導(dǎo)航到具體內(nèi)容去調(diào)試對(duì)應(yīng)于該項(xiàng)目上下文菜單。

「NYTimes：用戶在卡片上可以通過(guò)Force Touch來(lái)保存信息以稍后查看」

當(dāng)然，如果當(dāng)你的信息有100條時(shí)（或者只是大于20條）卡片模式也會(huì)顯得冗長(zhǎng)。事實(shí)上，用戶不會(huì)在腕表上瀏覽10－12條卡片信息，此時(shí)，用戶應(yīng)該已經(jīng)取出手機(jī)來(lái)繼續(xù)查看信息了。

「股票：如圖中，豎列模式會(huì)比卡片式更難使用。用戶通過(guò)輕觸一條股票數(shù)據(jù)來(lái)看到具體內(nèi)容，但當(dāng)進(jìn)入了具體內(nèi)容視圖中，我們可以發(fā)現(xiàn)頂部的返回導(dǎo)航欄 事實(shí)上是累贅，僅起到用以提示用戶可以返回上級(jí)視圖的作用，從某種程度上說(shuō)，它浪費(fèi)了屏幕的空間（如圖中的Stocks和AAPL部分）?！?

豎列示圖的另一個(gè)缺點(diǎn)是通常情況下容易引發(fā)用戶在上下滑動(dòng)時(shí)候的誤觸。

越區(qū)切換（handoff）

越區(qū)切換是一項(xiàng)允許用戶從腕表轉(zhuǎn)移到手機(jī)而繼續(xù)原先腕表上任務(wù)的操作。這曾是三星Galaxy Gear的優(yōu)勢(shì)之一，然而在Apple腕表上，越區(qū)切換的表現(xiàn)似乎令人苦惱，主要表現(xiàn)在以下兩點(diǎn)：第一，不是所有的應(yīng)用程序都能讓用戶在手機(jī)上繼續(xù)任務(wù)， 更重要的是，第二，繼續(xù)項(xiàng)目的交互成本頗高。與三星Galaxy Gear不同的是，當(dāng)腕表靠近iPhone時(shí)，iPhone不能自動(dòng)解鎖。如果用戶需要在手機(jī)上繼續(xù)瀏覽腕表信息，用戶需要向上滑動(dòng)（而不是點(diǎn)觸）鎖屏左 下角一個(gè)很小的圖標(biāo)，然后才能解鎖手機(jī)以繼續(xù)瀏覽，這是一個(gè)很古怪的交互設(shè)計(jì)。

「在手機(jī)上要閱讀一篇NYTimes的文章，用戶需要向上滑動(dòng)手機(jī)解鎖屏左下角的圖標(biāo)，然后密碼解鎖才能看到文章?！?

通過(guò)越區(qū)切換，這一強(qiáng)大的功能，用戶不僅可以獲得未能在腕表屏幕上顯示的內(nèi)容信息，還可以完成無(wú)法在腕表上完成的任務(wù)。設(shè)計(jì)師應(yīng) 該尤其注意要幫助用戶減少誤操作以更順暢地使用越區(qū)切換。以Keynote為例（Keynote是應(yīng)用于Apple OS X操作系統(tǒng)的演示幻燈片的應(yīng)用軟件，現(xiàn)與Pages、Numbers組成工具軟件套裝iWork），在切換到手機(jī)app前，Keynote會(huì)提示用戶需要 轉(zhuǎn)移到手機(jī)上繼續(xù)操作，而不是用越區(qū)切換來(lái)幫助用戶完成這一操作。理想的情況應(yīng)該是應(yīng)用程序會(huì)自動(dòng)從腕表程序同步切換到手機(jī)上，而不應(yīng)該由用戶自己在手機(jī) 上打開(kāi)程序。

「左圖中的Keynote和右圖中的Buzzfeed都沒(méi)有用越區(qū)切換功能來(lái)幫助用戶修復(fù)錯(cuò)誤或啟用通知。用戶仍需要單獨(dú)地解鎖手機(jī)，自行啟動(dòng)apps和修復(fù)錯(cuò)誤?！?

可以借鑒一下Starbucks的做法：腕表上的程序告知用戶要登錄用戶，通過(guò)越區(qū)切換 功能，用戶在手機(jī)上直接可以進(jìn)入到Starbucks的登錄界面。

「Starbucks會(huì)在腕表上告知用戶登錄，然后通過(guò)越區(qū)切換把用戶直接帶入手機(jī)上的Starbucks登錄界面?！?

獨(dú)立的內(nèi)容

不能僅僅因?yàn)橥蟊淼钠聊恍《財(cái)嘈畔?。盡管越區(qū)切換作為一種信息平臺(tái)的轉(zhuǎn)換工具應(yīng)該被支持，然而腕表上內(nèi)容也應(yīng)該被視作一塊可以自己獨(dú)立的信息片 段。由于從腕表到手機(jī)的信息轉(zhuǎn)移成本頗高，因此不應(yīng)該追求最快速的交互。在此，可以學(xué)一學(xué)BBC的做法，自從有圖文電視開(kāi)始，BBC就一直將內(nèi)容提要安排 在34個(gè)字以內(nèi)。

「USA Today的故事提要被截?cái)?，而且整條信息是不完整的。」

圖中，Buzzfeed在其應(yīng)用中安排了一個(gè)投票，但是具體的投票選項(xiàng)卻是不完整的。初始頁(yè)面和慢速的加載（一些圖片加載時(shí)間頗長(zhǎng)，這也會(huì)帶來(lái)混亂），使我們無(wú)法判斷我們是被邀請(qǐng)投票的對(duì)象，還是這已經(jīng)是一個(gè)搜集好的投票結(jié)果。

「在Buzzfeed中的投票選項(xiàng)被截?cái)嗔恕！?

有時(shí)候，為了應(yīng)用程序中信息排列的合理化，一些重要信息會(huì)因迎合小屏幕而被削減。例如，當(dāng)我們初次打開(kāi)天氣的app，屏幕上顯示當(dāng)下溫度是5攝氏度 （41華氏度），然而這個(gè)溫度對(duì)于加利福尼亞州森尼維爾市（Sunnyvale）來(lái)說(shuō)，即便是晚上9：48，也是罕見(jiàn)的低溫。那為什么會(huì)這樣呢？打開(kāi)我手 機(jī)上天氣app中的方位列表，第一位置我設(shè)置的是太浩市（Tahoe City），而此時(shí)太浩市就是5攝氏度，因此可以推斷，
腕表上顯示的是我在手機(jī)上所設(shè)置的第一位置，而不是當(dāng)前位置，因?yàn)橥蟊砩蠜](méi)有具體位置顯示，因此會(huì)誤導(dǎo)用戶。

「Weather Channel應(yīng)用程序沒(méi)有顯示天氣所對(duì)應(yīng)的地點(diǎn)，圖中所示的溫度對(duì)應(yīng)方位與當(dāng)前地點(diǎn)不同?！?

關(guān)注最主要的

不是因?yàn)槊恳粋€(gè)人都有一個(gè)腕表app所以你才也需要有一個(gè)。如Fandango用于展示電影經(jīng)典對(duì)白的app，還有上述的BuzzFeed app也是很無(wú)用，尤其在現(xiàn)實(shí)狀態(tài)中。一款腕表的應(yīng)用程序不應(yīng)該是作為用于模仿iPhone app的嘗試，因?yàn)槠聊惶《鵁o(wú)法像iPhone 手機(jī)屏幕那樣提供相同數(shù)量的信息。

歷史告訴我們：
從1997－1999年，我們知道網(wǎng)站并不是屏幕版的小手冊(cè)，亦不是電視節(jié)目。
從2007－2009年，我們知道移動(dòng)手機(jī)并不是小型的電腦。
也許第三次，我們可以大聲說(shuō)：腕表并不應(yīng)該是一款更小的手機(jī)!

「Fandango應(yīng)用程序有一個(gè)單獨(dú)頁(yè)用來(lái)呈現(xiàn)電影中的經(jīng)典對(duì)白?！?

用戶與一款應(yīng)用程序在手機(jī)上的平均交互時(shí)間大約是70秒，這個(gè)時(shí)長(zhǎng)幾近電腦上網(wǎng)頁(yè)會(huì)話的一半。因此在腕表上，我們可以預(yù)期用戶與其平均每次交互時(shí)間實(shí)際上會(huì)更短。想一想什么樣的信息是人們所關(guān)注的，并且希望能夠在短短幾秒的時(shí)間內(nèi)輕易獲知？那就是需要呈現(xiàn)在腕表上的信息。

腕表的小屏幕需要設(shè)計(jì)師努力思考的是：1.用戶在他們的應(yīng)用程序中最關(guān)心什么；2.如何壓縮這些信息使其適合如此小的屏幕。一切復(fù)雜的交互方式并不適合腕表：記住用戶可以隨時(shí)去手機(jī)上繼續(xù)搜索如果他們認(rèn)為有必要的話。

允許用戶在腕表上像在手機(jī)上操作有時(shí)候是沒(méi)有必要的，如蘋果的Stock app。如果我很熱衷于股票信息，并且在我的手機(jī)上有我自己的股票列表，我可能在腕表上也只需要知道股市變化，而不需要最近6個(gè)月的。

「在股票應(yīng)用程序中，人們可以看到股市在不同時(shí)段的變化：1天，1周，1月或是6
個(gè)月。這些多余的信息可以為小屏幕節(jié)約16％的有效像素用于更重要信息分配?！?

同樣的，下圖中是一款房地產(chǎn)應(yīng)用程序，可以提供房?jī)r(jià)和地圖，但是從這張空中俯瞰視圖中誰(shuí)能分辨具體的位置在哪里？72英尺這個(gè)標(biāo)題也是含糊不清的： 是距離我有72英尺？那么是哪一個(gè)方向呢？這是離我最近的正在銷售的房子嗎？那么僅僅是最近的房子，還是距離我72英尺任意的房子？在地圖上的哪里？如果 我碰巧滑動(dòng)了屏幕，我可以看到具體的地址，但是地圖在這樣的圖示中真的很無(wú)用。

「Zillow中顯示了距離當(dāng)前位置較近的房?jī)r(jià)信息，但是如果用戶不向下滑動(dòng)菜單，想看到具體地址是不可能的?？罩懈┮暤貓D并沒(méi)有對(duì)此頁(yè)有任何作用。」

寫給設(shè)計(jì)師的一些建議

如果您正在構(gòu)思一個(gè)腕表上的應(yīng)用程序，請(qǐng)首先好好思考一下，因?yàn)槟庀虻膽?yīng)用程序可能不適合這個(gè)平臺(tái)。如果您想為腕表用戶創(chuàng)造價(jià)值，以下幾點(diǎn)建議可能對(duì)您有所幫助：
?提取人們最感興趣以及最重要的信息，并把它們盡可能壓縮以適應(yīng)于腕表的小屏幕。
?盡可能避免按鍵和復(fù)雜的導(dǎo)航，如果一定需要，那么按鍵必須精簡(jiǎn)而且要大。
?使用越區(qū)切換來(lái)解決用戶獲取更多信息時(shí)多余的交互操作。
?創(chuàng)建獨(dú)立的，易讀的，并可以明確傳達(dá)內(nèi)容主旨的文本信息。