移動設(shè)備的崛起帶來了用戶界面設(shè)計(jì)的變革。除了我們所熟悉小尺寸觸屏設(shè)備之外，物聯(lián)網(wǎng)的概念也逐漸浮出水面，隨之而來的是更多新設(shè)備類型；相應(yīng)的，我們在設(shè)計(jì)內(nèi)容輸出格式以及諸如語音和手勢這樣的自然化輸入模式的時(shí)候，需要考慮的問題以及要面對的挑戰(zhàn)就逐漸多了起來。

Josh Clark——業(yè)界知名的用戶界面設(shè)計(jì)顧問，《觸動人心 - 設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用》的作者——時(shí)常在全球各地的設(shè)計(jì)開發(fā)大會中發(fā)表關(guān)于界面設(shè)計(jì)的現(xiàn)狀及未來的見解。今天，我們(InfoQ)有幸與他面對面就這些問題進(jìn)行交流探討。
自我介紹
InfoQ：Hi Josh，很高興見到你，能否向我們的讀者簡單介紹一下你自己？
Josh Clark：我是一名專注于移動策略及用戶體驗(yàn)的設(shè)計(jì)師。這里所說的“移動”不單單指手機(jī)，我指的是關(guān)于多設(shè)備平臺的設(shè)計(jì)策略與用戶體驗(yàn)。面對我們眼前那么多的屏幕規(guī)格及設(shè)備類型，你怎樣才能設(shè)計(jì)出真正優(yōu)秀的數(shù)字化體驗(yàn)？我寫過三本這方面的書，包括《觸動人心 - 設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用》。
我的客戶有AOL、Time Inc(時(shí)代)和eBay等等。我通過設(shè)計(jì)咨詢、策略咨詢和培訓(xùn)等方式幫助這些公司充分利用不同類型的設(shè)備平臺 大化的展示自己的產(chǎn)品與價(jià)值。我基本上就是做這些的。
什么是優(yōu)秀的用戶界面
InfoQ：在我們開始聊移動界面的未來之前，你能否先談一談究竟什么是優(yōu)秀的用戶界面，它對于用戶和開發(fā)者來說意味著什么？在你看來，當(dāng)前的界面設(shè)計(jì)領(lǐng)域處于一種怎樣的狀態(tài)？
Josh Clark：嗯，優(yōu)秀的界面是不會讓你察覺到的，對吧？界面設(shè)計(jì)的目的就是讓界面本身變得更加無形，用起來更加省力。內(nèi)容是 位的，而不是界面；沒人是沖著界面而來到你的網(wǎng)站或是打開應(yīng)用的。當(dāng)然，其實(shí)這樣的人還是有的，尤其是設(shè)計(jì)師，我們會單純?yōu)榱私缑娑剿?；但這其實(shí)是一種行業(yè)內(nèi)的實(shí)踐，是一種收藏界面的行為。而絕大多數(shù)的普通用戶打開網(wǎng)站或應(yīng)用只是為了完成目標(biāo)任務(wù)。所以，優(yōu)秀的界面會幫用戶更好的完成目標(biāo)，而不是擋在路中間。
觸屏技術(shù)所帶給我們的，就是一種我們與內(nèi)容進(jìn)行直接互動的幻覺；我覺得這是件挺有意思的事情。過去的30多年里，我們在使用可視化界面時(shí)，必須去理解那層隔在我們與信息當(dāng)中的視覺隱喻，而觸屏技術(shù)干掉了這個(gè)干擾層面，讓我們在感覺上像是能夠與內(nèi)容進(jìn)行實(shí)體上的溝通。伸展手指，移動內(nèi)容，把它放到一旁...看看這些操作，它們真的改變了我們創(chuàng)造界面時(shí)思維模式，同時(shí)也改變了用戶在使用界面時(shí)的思維模式。
不過觸摸只是新輸入技術(shù)當(dāng)中 早普及起來的一種，我們陸陸續(xù)續(xù)還會看到更多的。例如語音技術(shù)正在變得越來越成熟，就像當(dāng)初我們看著觸屏技術(shù)在日益成長。Apple仍然將Siri稱為beta版本，實(shí)際上它用起來也確實(shí)如此。此外，我們還有Kinect或Leap Motion這樣的自然手勢控制設(shè)備。這類設(shè)備距離成熟還有很長的路要走，我不覺得現(xiàn)在會有人想用Kinect控制核電站，但是你可以看到它們正在向成熟邁進(jìn)。 重要的是，這些新技術(shù)其實(shí)已經(jīng)來到我們身邊了，它們已經(jīng)成為了我們常用設(shè)備上的一部分。它們在手機(jī)上，在臥室里，在游戲主機(jī)當(dāng)中。越來越多的筆記本電腦也開始融入這些技術(shù)，例如華碩承諾今年會將Leap Motion捆綁在他們的新款筆記本當(dāng)中，這意味著體感控制技術(shù)開始正式走進(jìn)消費(fèi)級筆記本電腦。還有微軟正在打造的新Kinect將用在筆記本和平板當(dāng)中；他們在實(shí)驗(yàn)室里已經(jīng)有了用于將Windows與Kinect適配起來的API。
所以這些技術(shù)不僅僅是“即將到來”——他們已經(jīng)來了。這意味著，我們在設(shè)計(jì)軟件時(shí)不光要像從前那樣考慮各種類型和規(guī)格的輸出設(shè)備，同時(shí)也該開始考慮各種類型的輸入方式了。過去，我們設(shè)計(jì)了基于鍵鼠操作的界面；如今，面向觸屏設(shè)備的設(shè)計(jì)多少還算有些新鮮的味道；接下來，我們就要準(zhǔn)備打造能夠適用于體感操作、面部識別、語音、手寫等各種輸入技術(shù)的完美界面了。那將是非常具有挑戰(zhàn)性，不過一旦我們將這件事做好，廣大用戶將受益匪淺。
關(guān)于響應(yīng)式設(shè)計(jì)
InfoQ：那么，下一代的響應(yīng)式設(shè)計(jì)也將考慮到輸入方式的因素？
Josh：沒錯(cuò)！你知道，在Web世界中，大約三年前，響應(yīng)式設(shè)計(jì)的到來帶給了我們真正的啟示；真相其實(shí)一直在我們眼前，那就是對于Web來說，沒有一個(gè)“真正”的輸出模式。這東西并沒有一個(gè)所謂的固定尺寸。道理其實(shí)一直是這樣的，只是移動的大潮將這個(gè)問題推到了前沿。
而另外一點(diǎn)越來越清晰的擺在我們面前的就是，Web同樣沒有一個(gè)“真正”的輸入模式。我們通常會想“哦，有的呢，是鼠標(biāo)和鍵盤；而且我們可以針對觸屏設(shè)備單獨(dú)打造一套體驗(yàn)?zāi)Ｊ?rdquo;。但是，隨著這些搭載著各種新交互技術(shù)的設(shè)備逐漸成為主流，一個(gè)越來越明顯的情況就是，我們必須同時(shí)考慮多種輸入方式而進(jìn)行設(shè)計(jì)。
對于響應(yīng)式Web設(shè)計(jì)來說，這很有意思——我們習(xí)慣于依靠屏幕尺寸作為參照來判斷一款設(shè)備是否為觸屏設(shè)備。其實(shí)這并不是一個(gè)很棒的方法，而到了如今，它甚至更加難以適用。想想看，這種方法就是“哦，這是個(gè)小屏幕，它必然是觸屏手機(jī)”，或者“大屏幕，有著鼠標(biāo)和鍵盤的桌面設(shè)備”。而實(shí)際上，筆記本和超極本都開始搭載觸摸屏了，簡直就是18寸規(guī)格的平板設(shè)備。所以屏幕尺寸已經(jīng)不能準(zhǔn)確的告訴我們界面的設(shè)計(jì)目標(biāo)究竟是鼠標(biāo)點(diǎn)擊還是手指觸控了。
所以，從輸入的角度來講，我覺得這對于響應(yīng)式設(shè)計(jì)來說是個(gè)轉(zhuǎn)折點(diǎn)。我的結(jié)論是，從現(xiàn)在開始，對于任何的屏幕尺寸，對于曾經(jīng)那些“面向桌面的設(shè)計(jì)”，都應(yīng)該轉(zhuǎn)為面向觸摸的設(shè)計(jì)了。
InfoQ：是的，我想問題在于，響應(yīng)式設(shè)計(jì)過于聚焦“尺寸”這個(gè)因素了。前幾周，我個(gè)人在響應(yīng)式設(shè)計(jì)上花了些時(shí)間；我發(fā)現(xiàn)自己真正需要了解的是用戶的設(shè)備能力，而非尺寸。如果有人使用著 新的Nexus平板電腦，那么我的代碼所探測到的分辨率規(guī)格甚至?xí)^我所用過的桌面設(shè)備?？雌饋恚揽窟@種方式做設(shè)備探測將變得不再可行了。
Josh：是這么回事。我想，接下來我們也許會看到一些有趣的media query技術(shù)，它們能告訴我們的不僅僅是屏幕尺寸或定向方式。當(dāng)然，你可以通過JavaScript來捕獲觸屏事件，但奇怪的是，不是所有的觸屏版瀏覽器都能產(chǎn)生觸屏事件，所以這種方法也是模棱兩可的。另外還有些獨(dú)特的案例，譬如微軟的Surface，當(dāng)它連上鍵盤之后，就同時(shí)擁有了觸屏和觸摸板這兩種輸入方式。這種情況下，如果人們在兩種方式之間變著法兒的使用，那么你要面向什么設(shè)備而設(shè)計(jì)呢？我個(gè)人覺得這時(shí)所面向的應(yīng)該是“ 小公分母”，在這個(gè)案例里就是 粗糙的那個(gè)指針，即我們的手指。
關(guān)于隱私
InfoQ：說到自然界面，你是否看到關(guān)于隱私方面的挑戰(zhàn)？我的iPhone上有Siri，但我確實(shí)很少用它。我們甚至看到過那種將投影設(shè)備整合到智能手機(jī)當(dāng)中的產(chǎn)品原型，通過它，你可以將屏幕上的東西直接投在墻壁上與之進(jìn)行互動。但是我的感覺是，界面和人機(jī)交互方式越自然，我們所失去的隱私就越多。
Josh：確實(shí)是這樣。我們與手機(jī)和筆記本電腦之間的傳統(tǒng)互動方式是非常隱私化和個(gè)人化的，我們與設(shè)備之間有著非常緊密的視覺與交互渠道，這與過去我們和圖書及雜志之間的關(guān)聯(lián)是類似的。誰會知道你正在讀一本書中的哪些內(nèi)容？即使身處公共場所，你也可以讀任何東西，這是非常個(gè)人化的互動方式。
但是當(dāng)你在使用自然界面、語音或是面部識別技術(shù)的時(shí)候，便會開始更多的顧及到自己的行為會與他人產(chǎn)生怎樣的關(guān)聯(lián)。所以現(xiàn)在有個(gè)比較有意思的現(xiàn)象就是，這類新的輸入方式從技術(shù)的角度講正在日趨成熟，但從用戶和使用的角度上看卻不是。我們與他人交流時(shí)所用到的方式，例如觸摸、語言、手勢、面部表情等，如今已經(jīng)開始被機(jī)器所理解。平時(shí)，我們在公共場合與他人交談時(shí)會注重保護(hù)自己的隱私；類似的，我想將來我們在公共場合與機(jī)器對話時(shí)也需要注意這一點(diǎn)。在這方面，也許社會約定的逐漸建立會起到一定的幫助作用。你知道，當(dāng)你 次在路上看到有人正在通過耳機(jī)講電話時(shí)，你可能以為他正在和你說話，或是以為他是個(gè)自言自語的瘋子；而如今，這樣的交互行為已經(jīng)變得再平常不過了。我想，這類情況 初看上去確實(shí)會很怪，比如大模大樣的通過體感控制機(jī)器，或是對它們講話；但是一旦這些行為成為了社會約定，那么事情就會變得不那么奇怪了。
InfoQ：你覺得這種情況要多久之后才會出現(xiàn)？
Josh：我想，只要這些新交互技術(shù)變得真正好用，這種情況立刻就會發(fā)生。舉個(gè)例子，如今的Siri還沒有足夠好用到可以讓那些會覺得難為情的人去拿起手機(jī)對它說話并且泄露出個(gè)人信息。這些應(yīng)用還沒有那么好用。不過一旦這些技術(shù)和交互成熟起來，并且足夠吸引人，那么這些行為將很快變得自然起來。你可以看到人們舉起平板電腦來拍照，這感覺確實(shí)有些怪，但正是因?yàn)槠桨咫娔X在這方面的功能確實(shí)足夠好用了，所以這些用戶會產(chǎn)生這樣的行為。反之，如果功能和交互方式本身不夠有用，那么人們就不會這樣去用。
關(guān)于傳感技術(shù)
InfoQ：你上一次看到一款iPhone或安卓應(yīng)用并且驚呼“喔，好棒的想法，好棒的體驗(yàn)！”是在什么時(shí)候？目前我們所熟悉的這類界面已經(jīng)發(fā)展了6年，這種情況還有沒有可能發(fā)生？我們現(xiàn)在是否需要將技術(shù)向前推進(jìn)一步，去打造全新類型的界面了？
Josh：我想，對于我們現(xiàn)有的設(shè)備和界面模式來說，其實(shí)還有很多東西沒有做好，還有很多東西有待探索。幾乎每一天，我都能在手機(jī)或平板應(yīng)用當(dāng)中發(fā)現(xiàn)一些新玩意兒。我覺得， 吸引人的是那些能夠以新奇的方式利用硬件設(shè)備當(dāng)中那些傳感技術(shù)的應(yīng)用。舉個(gè)例子，有個(gè)小鼓機(jī)應(yīng)用，名叫TableDrum。其實(shí)App Store當(dāng)中有很多同類產(chǎn)品，讓你可以選擇某種樂器或是鼓的音色，然后通過敲擊界面發(fā)出相應(yīng)的聲音。TableDrum包含這方面的功能，但它同時(shí)允許你把設(shè)備放在一旁，通過敲擊桌面來發(fā)生，而且音色會隨著你敲擊不同的物體而發(fā)生變化。這就像你在無聊的時(shí)候做的那樣，隨便用什么東西敲些節(jié)奏出來，比如咖啡杯。這款應(yīng)用會監(jiān)聽這些敲擊，并通過iPhone輸出鼓的音色。
這個(gè)應(yīng)用有意思的地方在于，它將交互行為移出了屏幕，融入到了周圍的環(huán)境當(dāng)中；雖然運(yùn)算邏輯仍然在iPhone當(dāng)中，但交互發(fā)生在其他地方，這時(shí)iPhone只扮演了一個(gè)話筒的角色。這類產(chǎn)品會讓我們想“喔，這種通過傳感技術(shù)探測周圍環(huán)境，并根據(jù)用戶行為進(jìn)行響應(yīng)的方式還可以幫我們做些什么嗎？”。也許通過這類技術(shù)，我們就不會迷失在界面當(dāng)中了，更不用提我們前面說到的那些看似反社會的、太過容易吸引他人注意的交互行為了。
我想這里有大把的機(jī)會可以挖掘。我們能見到例如Word Lens這種通過攝像頭感應(yīng)及現(xiàn)實(shí)增強(qiáng)技術(shù)來完成目標(biāo)的應(yīng)用。通過Word Lens，你可以隨時(shí)舉起手機(jī)對準(zhǔn)某個(gè)單詞，然后在屏幕上的相同位置便會出現(xiàn)對應(yīng)這個(gè)單詞的翻譯；這就是一種即時(shí)翻譯工具。這類用法簡直像變魔術(shù)一樣。
當(dāng)你將這些技術(shù)組合起來，并打造出訂制化的傳感模式時(shí)，事情就變得真正讓人興奮起來，如今，你可以將傳感器和網(wǎng)絡(luò)以非常廉價(jià)的方式連接在幾乎任何東西上面。有一家名叫Proteus的醫(yī)療設(shè)備廠商，他們發(fā)明了一種藥片，當(dāng)病患吃下該藥片時(shí)，就會有信號發(fā)出，這對于醫(yī)生及醫(yī)護(hù)人員都是非常有用的，因?yàn)樗麄兛梢院芮宄恼莆詹』际欠裾诎凑蔗t(yī)囑進(jìn)行治療。其實(shí)他們就是在藥片里安裝了一個(gè)沙粒大小的傳感器；你也可以在一些維他命當(dāng)中找到同樣的東西——無非是一些鎂金和銅。當(dāng)你吞下這樣的藥片之后，胃酸就會使傳感器激活，就像電池的原理；傳感器會發(fā)出很微弱的信號，傳達(dá)出藥片已經(jīng)被吃下的信息。你還需要在腹部放置一個(gè)設(shè)備，它能接收到這個(gè)信號，并將信息通過藍(lán)牙發(fā)送到你的手機(jī)上。接下來，你的手機(jī)會通過網(wǎng)絡(luò)將信息發(fā)送給醫(yī)生。
這是很不尋常的事情，你會開始琢磨各種將現(xiàn)實(shí)世界以類似這種方式進(jìn)行數(shù)字化的可能性，也就是所謂的物聯(lián)網(wǎng)。通過這些內(nèi)置在手機(jī)和平板電腦當(dāng)中的復(fù)雜技術(shù)，我們能找到很多與現(xiàn)實(shí)世界進(jìn)行互動的全新方式。
所以我想，過去5、6年當(dāng)中的 大挑戰(zhàn)，就是怎樣處理數(shù)字世界越來越現(xiàn)實(shí)化的問題。我們一點(diǎn)點(diǎn)的將數(shù)字界面“貼”到我們在現(xiàn)實(shí)當(dāng)中可以隨身攜帶的東西上面，其中的挑戰(zhàn)就在于怎樣讓用戶更好的與這些界面進(jìn)行交互。而如今，事情變得更加有趣，現(xiàn)實(shí)世界正變得更加數(shù)字化。我們應(yīng)該以怎樣的方式面向那些連接著現(xiàn)實(shí)物體的傳感器進(jìn)行設(shè)計(jì)呢...
InfoQ：聽上去有點(diǎn)像星際迷航了...
Josh：確實(shí)！很長時(shí)間以來，這類事情就像是“哦，這在未來是會發(fā)生的，我們會有這個(gè)有那個(gè)...”，而如今，我們已經(jīng)有了這些！它們已經(jīng)變得可行，價(jià)格也可以被接受——我們當(dāng)中的大部分人都揣著包含了各種先進(jìn)技術(shù)的智能手機(jī)，例如傳感器、GPS、音頻、視頻等等。還記得你 次看到Shazam時(shí)的感受嗎？它可以識別出環(huán)境當(dāng)中的某首歌曲，告訴你這是什么歌。“喔，這是怎么實(shí)現(xiàn)的...太棒了！” 這種模式還要繼續(xù)發(fā)展下去，讓機(jī)器收集信息，并利用這些信息實(shí)現(xiàn)各種強(qiáng)大的功能。
關(guān)于智能手表
InfoQ： 近幾周有很多關(guān)于智能手表的新聞。傳聞微軟打算做，蘋果也打算做...至少傳聞是這么說的。在你看來，那些是真正的智能手表嗎？或者只是某種界面的擴(kuò)展？
Josh：我想，多數(shù)人在談到這東西的時(shí)候，都把它當(dāng)做界面的擴(kuò)展，就像Pebble Watch那樣作為手機(jī)屏幕的延伸。不過我們也不能確定，例如各種極客團(tuán)體對智能手機(jī)就有著顯而易見的興趣。我們會看到實(shí)際產(chǎn)品是怎樣的。正如你所說，目前多數(shù)只是傳聞，而我個(gè)人覺得，我們將會看到，任何能被連上網(wǎng)的東西都將連網(wǎng)。也許我們將能看到多少有些價(jià)值的交互界面，不過我們也曾見到過很多小設(shè)備，雖然界面很一般，卻很有實(shí)用性。像Nike能量腕帶這樣的產(chǎn)品可以幫助你追蹤一整天的行為動作。雖然它的界面很簡單，但重要的是它能與其他設(shè)備進(jìn)行通訊，將數(shù)據(jù)傳遞給對方，這樣你就可以在其他設(shè)備上得到更豐富的體驗(yàn)。
我毫不懷疑我們將看到智能手表這樣的產(chǎn)品，問題在于它們的形態(tài)究竟是怎樣的。是一種全功能的智能手機(jī)替代品？也許吧。但我覺得，我們將逐漸看到越來越多在交互方面存在限制，但是可以消費(fèi)或生成內(nèi)容的智能設(shè)備。于是我會想到一個(gè)挺有意思的問題：你的網(wǎng)站在手表上看起來是怎樣的？甚至，它在由10各LED字母組成的Nike腕帶界面上顯示起來使如何的？我們應(yīng)該怎樣將內(nèi)容發(fā)送到各類設(shè)備上？有了響應(yīng)式設(shè)計(jì)，我們開始琢磨怎樣將良好的設(shè)計(jì)和體驗(yàn)落實(shí)到不同尺寸的設(shè)備上。但是接下來我們又要面對新東西了，比如Google眼鏡；我不知道Web體驗(yàn)在這樣的設(shè)備上應(yīng)該有怎樣的表現(xiàn)，我們需要期待這樣的驚喜。所謂期待，我不是指現(xiàn)在就可以為他們進(jìn)行設(shè)計(jì)了。我的意思是，怎樣做好準(zhǔn)備，使我們的內(nèi)容具有足夠的彈性，使它們像水一樣能灌進(jìn)任何一種容器。
InfoQ：這將會是巨大的挑戰(zhàn)。不久的將來，大量設(shè)備將來到我們身邊，這些都是我們必須考慮的...
Josh：是的，內(nèi)容策略師和數(shù)據(jù)庫設(shè)計(jì)師太久以來都在叫嚷著：“我們需要更多結(jié)構(gòu)化的數(shù)據(jù)！我們需要更多結(jié)構(gòu)化的數(shù)據(jù)！”，不過這些呼聲就像石沉大海，因?yàn)椴]有足夠的依據(jù)或明確的收益值得如此大量的工作。不過現(xiàn)在，回報(bào)正變得越來越清晰。我認(rèn)為，以iPhone和其他各類設(shè)備為起點(diǎn)而到來的移動大潮，對于很多公司來說是巨大的危機(jī)，但同時(shí)也是機(jī)遇。例如手機(jī)和平板這樣的移動設(shè)備只是冰山一角，隨著Google Glass的到來，我們開始意識到，我們必須為任何東西做準(zhǔn)備了。借著這個(gè)機(jī)遇，我們應(yīng)該回過頭來打掃打掃房間，將內(nèi)容梳理的整潔有序，嘗試不同的設(shè)計(jì)流程。