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

Josh Clark——業(yè)界知名的用戶界面設(shè)計顧問，《觸動人心 – 設(shè)計優(yōu)秀的iPhone應(yīng)用》的作者——時常在全球各地的設(shè)計開發(fā)大會中發(fā)表關(guān)于界面設(shè)計的現(xiàn)狀及未來的見解。今天，我們(InfoQ)有幸與他面對面就這些問題進(jìn)行交流探討。
自我介紹
InfoQ：Hi Josh，很高興見到你，能否向我們的讀者簡單介紹一下你自己？

Josh Clark：我是一名專注于移動策略及用戶體驗的設(shè)計師。這里所說的“移動”不單單指手機，我指的是關(guān)于多設(shè)備平臺的設(shè)計策略與用戶體驗。面對我們眼前那么多的屏幕規(guī)格及設(shè)備類型，你怎樣才能設(shè)計出真正優(yōu)秀的數(shù)字化體驗？我寫過三本這方面的書，包括《觸動人心 – 設(shè)計優(yōu)秀的iPhone應(yīng)用》。

我的客戶有AOL、Time Inc(時代)和eBay等等。我通過設(shè)計咨詢、策略咨詢和培訓(xùn)等方式幫助這些公司充分利用不同類型的設(shè)備平臺最大化的展示自己的產(chǎn)品與價值。我基本上就是做這些的。

什么是優(yōu)秀的用戶界面
InfoQ：在我們開始聊移動界面的未來之前，你能否先談一談究竟什么是優(yōu)秀的用戶界面，它對于用戶和開發(fā)者來說意味著什么？在你看來，當(dāng)前的界面設(shè)計領(lǐng)域處于一種怎樣的狀態(tài)？

Josh Clark：嗯，優(yōu)秀的界面是不會讓你察覺到的，對吧？界面設(shè)計的目的就是讓界面本身變得更加無形，用起來更加省力。內(nèi)容是第一位的，而不是界面；沒人是沖著界面而來到你的網(wǎng)站或是打開應(yīng)用的。當(dāng)然，其實這樣的人還是有的，尤其是設(shè)計師，我們會單純?yōu)榱私缑娑剿?；但這其實是一種行業(yè)內(nèi)的實踐，是一種收藏界面的行為。而絕大多數(shù)的普通用戶打開網(wǎng)站或應(yīng)用只是為了完成目標(biāo)任務(wù)。所以，優(yōu)秀的界面會幫用戶更好的完成目標(biāo)，而不是擋在路中間。

觸屏技術(shù)所帶給我們的，就是一種我們與內(nèi)容進(jìn)行直接互動的幻覺；我覺得這是件挺有意思的事情。過去的30多年里，我們在使用可視化界面時，必須去理解那層隔在我們與信息當(dāng)中的視覺隱喻，而觸屏技術(shù)干掉了這個干擾層面，讓我們在感覺上像是能夠與內(nèi)容進(jìn)行實體上的溝通。伸展手指，移動內(nèi)容，把它放到一旁…看看這些操作，它們真的改變了我們創(chuàng)造界面時思維模式，同時也改變了用戶在使用界面時的思維模式。

不過觸摸只是新輸入技術(shù)當(dāng)中最早普及起來的一種，我們陸陸續(xù)續(xù)還會看到更多的。例如語音技術(shù)正在變得越來越成熟，就像當(dāng)初我們看著觸屏技術(shù)在日益成長。Apple仍然將Siri稱為beta版本，實際上它用起來也確實如此。此外，我們還有Kinect或Leap Motion這樣的自然手勢控制設(shè)備。這類設(shè)備距離成熟還有很長的路要走，我不覺得現(xiàn)在會有人想用Kinect控制核電站，但是你可以看到它們正在向成熟邁進(jìn)。最重要的是，這些新技術(shù)其實已經(jīng)來到我們身邊了，它們已經(jīng)成為了我們常用設(shè)備上的一部分。它們在手機上，在臥室里，在游戲主機當(dāng)中。越來越多的筆記本電腦也開始融入這些技術(shù)，例如華碩承諾今年會將Leap Motion捆綁在他們的新款筆記本當(dāng)中，這意味著體感控制技術(shù)開始正式走進(jìn)消費級筆記本電腦。還有微軟正在打造的新Kinect將用在筆記本和平板當(dāng)中；他們在實驗室里已經(jīng)有了用于將Windows與Kinect適配起來的API。

所以這些技術(shù)不僅僅是“即將到來”——他們已經(jīng)來了。這意味著，我們在設(shè)計軟件時不光要像從前那樣考慮各種類型和規(guī)格的輸出設(shè)備，同時也該開始考慮各種類型的輸入方式了。過去，我們設(shè)計了基于鍵鼠操作的界面；如今，面向觸屏設(shè)備的設(shè)計多少還算有些新鮮的味道；接下來，我們就要準(zhǔn)備打造能夠適用于體感操作、面部識別、語音、手寫等各種輸入技術(shù)的完美界面了。那將是非常具有挑戰(zhàn)性，不過一旦我們將這件事做好，廣大用戶將受益匪淺。

關(guān)于響應(yīng)式設(shè)計

InfoQ：那么，下一代的響應(yīng)式設(shè)計也將考慮到輸入方式的因素？

Josh：沒錯！你知道，在Web世界中，大約三年前，響應(yīng)式設(shè)計的到來帶給了我們真正的啟示；真相其實一直在我們眼前，那就是對于Web來說，沒有一個“真正”的輸出模式。這東西并沒有一個所謂的固定尺寸。道理其實一直是這樣的，只是移動的大潮將這個問題推到了前沿。

而另外一點越來越清晰的擺在我們面前的就是，Web同樣沒有一個“真正”的輸入模式。我們通常會想“哦，有的呢，是鼠標(biāo)和鍵盤；而且我們可以針對觸屏設(shè)備單獨打造一套體驗?zāi)Ｊ健?。但是，隨著這些搭載著各種新交互技術(shù)的設(shè)備逐漸成為主流，一個越來越明顯的情況就是，我們必須同時考慮多種輸入方式而進(jìn)行設(shè)計。

對于響應(yīng)式Web設(shè)計來說，這很有意思——我們習(xí)慣于依靠屏幕尺寸作為參照來判斷一款設(shè)備是否為觸屏設(shè)備。其實這并不是一個很棒的方法，而到了如今，它甚至更加難以適用。想想看，這種方法就是“哦，這是個小屏幕，它必然是觸屏手機”，或者“大屏幕，有著鼠標(biāo)和鍵盤的桌面設(shè)備”。而實際上，筆記本和超極本都開始搭載觸摸屏了，簡直就是18寸規(guī)格的平板設(shè)備。所以屏幕尺寸已經(jīng)不能準(zhǔn)確的告訴我們界面的設(shè)計目標(biāo)究竟是鼠標(biāo)點擊還是手指觸控了。

所以，從輸入的角度來講，我覺得這對于響應(yīng)式設(shè)計來說是個轉(zhuǎn)折點。我的結(jié)論是，從現(xiàn)在開始，對于任何的屏幕尺寸，對于曾經(jīng)那些“面向桌面的設(shè)計”，都應(yīng)該轉(zhuǎn)為面向觸摸的設(shè)計了。

InfoQ：是的，我想問題在于，響應(yīng)式設(shè)計過于聚焦“尺寸”這個因素了。前幾周，我個人在響應(yīng)式設(shè)計上花了些時間；我發(fā)現(xiàn)自己真正需要了解的是用戶的設(shè)備能力，而非尺寸。如果有人使用著最新的Nexus平板電腦，那么我的代碼所探測到的分辨率規(guī)格甚至?xí)^我所用過的桌面設(shè)備?？雌饋?，依靠這種方式做設(shè)備探測將變得不再可行了。

Josh：是這么回事。我想，接下來我們也許會看到一些有趣的media query技術(shù)，它們能告訴我們的不僅僅是屏幕尺寸或定向方式。當(dāng)然，你可以通過JavaScript來捕獲觸屏事件，但奇怪的是，不是所有的觸屏版瀏覽器都能產(chǎn)生觸屏事件，所以這種方法也是模棱兩可的。另外還有些獨特的案例，譬如微軟的Surface，當(dāng)它連上鍵盤之后，就同時擁有了觸屏和觸摸板這兩種輸入方式。這種情況下，如果人們在兩種方式之間變著法兒的使用，那么你要面向什么設(shè)備而設(shè)計呢？我個人覺得這時所面向的應(yīng)該是“最小公分母”，在這個案例里就是最粗糙的那個指針，即我們的手指。

InfoQ：說到自然界面，你是否看到關(guān)于隱私方面的挑戰(zhàn)？我的iPhone上有Siri，但我確實很少用它。我們甚至看到過那種將投影設(shè)備整合到智能手機當(dāng)中的產(chǎn)品原型，通過它，你可以將屏幕上的東西直接投在墻壁上與之進(jìn)行互動。但是我的感覺是，界面和人機交互方式越自然，我們所失去的隱私就越多。

Josh：確實是這樣。我們與手機和筆記本電腦之間的傳統(tǒng)互動方式是非常隱私化和個人化的，我們與設(shè)備之間有著非常緊密的視覺與交互渠道，這與過去我們和圖書及雜志之間的關(guān)聯(lián)是類似的。誰會知道你正在讀一本書中的哪些內(nèi)容？即使身處公共場所，你也可以讀任何東西，這是非常個人化的互動方式。

但是當(dāng)你在使用自然界面、語音或是面部識別技術(shù)的時候，便會開始更多的顧及到自己的行為會與他人產(chǎn)生怎樣的關(guān)聯(lián)。所以現(xiàn)在有個比較有意思的現(xiàn)象就是，這類新的輸入方式從技術(shù)的角度講正在日趨成熟，但從用戶和使用的角度上看卻不是。我們與他人交流時所用到的方式，例如觸摸、語言、手勢、面部表情等，如今已經(jīng)開始被機器所理解。平時，我們在公共場合與他人交談時會注重保護(hù)自己的隱私；類似的，我想將來我們在公共場合與機器對話時也需要注意這一點。在這方面，也許社會約定的逐漸建立會起到一定的幫助作用。你知道，當(dāng)你第一次在路上看到有人正在通過耳機講電話時，你可能以為他正在和你說話，或是以為他是個自言自語的瘋子；而如今，這樣的交互行為已經(jīng)變得再平常不過了。我想，這類情況最初看上去確實會很怪，比如大模大樣的通過體感控制機器，或是對它們講話；但是一旦這些行為成為了社會約定，那么事情就會變得不那么奇怪了。

InfoQ：你覺得這種情況要多久之后才會出現(xiàn)？

Josh：我想，只要這些新交互技術(shù)變得真正好用，這種情況立刻就會發(fā)生。舉個例子，如今的Siri還沒有足夠好用到可以讓那些會覺得難為情的人去拿起手機對它說話并且泄露出個人信息。這些應(yīng)用還沒有那么好用。不過一旦這些技術(shù)和交互成熟起來，并且足夠吸引人，那么這些行為將很快變得自然起來。你可以看到人們舉起平板電腦來拍照，這感覺確實有些怪，但正是因為平板電腦在這方面的功能確實足夠好用了，所以這些用戶會產(chǎn)生這樣的行為。反之，如果功能和交互方式本身不夠有用，那么人們就不會這樣去用。

關(guān)于傳感技術(shù)

InfoQ：你上一次看到一款iPhone或安卓應(yīng)用并且驚呼“喔，好棒的想法，好棒的體驗！”是在什么時候？目前我們所熟悉的這類界面已經(jīng)發(fā)展了6年，這種情況還有沒有可能發(fā)生？我們現(xiàn)在是否需要將技術(shù)向前推進(jìn)一步，去打造全新類型的界面了？

Josh：我想，對于我們現(xiàn)有的設(shè)備和界面模式來說，其實還有很多東西沒有做好，還有很多東西有待探索。幾乎每一天，我都能在手機或平板應(yīng)用當(dāng)中發(fā)現(xiàn)一些新玩意兒。我覺得，最吸引人的是那些能夠以新奇的方式利用硬件設(shè)備當(dāng)中那些傳感技術(shù)的應(yīng)用。舉個例子，有個小鼓機應(yīng)用，名叫TableDrum。其實App Store當(dāng)中有很多同類產(chǎn)品，讓你可以選擇某種樂器或是鼓的音色，然后通過敲擊界面發(fā)出相應(yīng)的聲音。TableDrum包含這方面的功能，但它同時允許你把設(shè)備放在一旁，通過敲擊桌面來發(fā)生，而且音色會隨著你敲擊不同的物體而發(fā)生變化。這就像你在無聊的時候做的那樣，隨便用什么東西敲些節(jié)奏出來，比如咖啡杯。這款應(yīng)用會監(jiān)聽這些敲擊，并通過iPhone輸出鼓的音色。

這個應(yīng)用有意思的地方在于，它將交互行為移出了屏幕，融入到了周圍的環(huán)境當(dāng)中；雖然運算邏輯仍然在iPhone當(dāng)中，但交互發(fā)生在其他地方，這時iPhone只扮演了一個話筒的角色。這類產(chǎn)品會讓我們想“喔，這種通過傳感技術(shù)探測周圍環(huán)境，并根據(jù)用戶行為進(jìn)行響應(yīng)的方式還可以幫我們做些什么嗎？”。也許通過這類技術(shù)，我們就不會迷失在界面當(dāng)中了，更不用提我們前面說到的那些看似反社會的、太過容易吸引他人注意的交互行為了。

我想這里有大把的機會可以挖掘。我們能見到例如Word Lens這種通過攝像頭感應(yīng)及現(xiàn)實增強技術(shù)來完成目標(biāo)的應(yīng)用。通過Word Lens，你可以隨時舉起手機對準(zhǔn)某個單詞，然后在屏幕上的相同位置便會出現(xiàn)對應(yīng)這個單詞的翻譯；這就是一種即時翻譯工具。這類用法簡直像變魔術(shù)一樣。

當(dāng)你將這些技術(shù)組合起來，并打造出訂制化的傳感模式時，事情就變得真正讓人興奮起來，如今，你可以將傳感器和網(wǎng)絡(luò)以非常廉價的方式連接在幾乎任何東西上面。有一家名叫Proteus的醫(yī)療設(shè)備廠商，他們發(fā)明了一種藥片，當(dāng)病患吃下該藥片時，就會有信號發(fā)出，這對于醫(yī)生及醫(yī)護(hù)人員都是非常有用的，因為他們可以很清楚的掌握病患是否正在按照醫(yī)囑進(jìn)行治療。其實他們就是在藥片里安裝了一個沙粒大小的傳感器；你也可以在一些維他命當(dāng)中找到同樣的東西——無非是一些鎂金和銅。當(dāng)你吞下這樣的藥片之后，胃酸就會使傳感器激活，就像電池的原理；傳感器會發(fā)出很微弱的信號，傳達(dá)出藥片已經(jīng)被吃下的信息。你還需要在腹部放置一個設(shè)備，它能接收到這個信號，并將信息通過藍(lán)牙發(fā)送到你的手機上。接下來，你的手機會通過網(wǎng)絡(luò)將信息發(fā)送給醫(yī)生。

這是很不尋常的事情，你會開始琢磨各種將現(xiàn)實世界以類似這種方式進(jìn)行數(shù)字化的可能性，也就是所謂的物聯(lián)網(wǎng)。通過這些內(nèi)置在手機和平板電腦當(dāng)中的復(fù)雜技術(shù)，我們能找到很多與現(xiàn)實世界進(jìn)行互動的全新方式。

所以我想，過去5、6年當(dāng)中的最大挑戰(zhàn)，就是怎樣處理數(shù)字世界越來越現(xiàn)實化的問題。我們一點點的將數(shù)字界面“貼”到我們在現(xiàn)實當(dāng)中可以隨身攜帶的東西上面，其中的挑戰(zhàn)就在于怎樣讓用戶更好的與這些界面進(jìn)行交互。而如今，事情變得更加有趣，現(xiàn)實世界正變得更加數(shù)字化。我們應(yīng)該以怎樣的方式面向那些連接著現(xiàn)實物體的傳感器進(jìn)行設(shè)計呢…

InfoQ：聽上去有點像星際迷航了…

Josh：確實！很長時間以來，這類事情就像是“哦，這在未來是會發(fā)生的，我們會有這個有那個…”，而如今，我們已經(jīng)有了這些！它們已經(jīng)變得可行，價格也可以被接受——我們當(dāng)中的大部分人都揣著包含了各種先進(jìn)技術(shù)的智能手機，例如傳感器、GPS、音頻、視頻等等。還記得你第一次看到Shazam時的感受嗎？它可以識別出環(huán)境當(dāng)中的某首歌曲，告訴你這是什么歌?！班福@是怎么實現(xiàn)的…太棒了！” 這種模式還要繼續(xù)發(fā)展下去，讓機器收集信息，并利用這些信息實現(xiàn)各種強大的功能。

關(guān)于智能手表

InfoQ：最近幾周有很多關(guān)于智能手表的新聞。傳聞微軟打算做，蘋果也打算做…至少傳聞是這么說的。在你看來，那些是真正的智能手表嗎？或者只是某種界面的擴展？

Josh：我想，多數(shù)人在談到這東西的時候，都把它當(dāng)做界面的擴展，就像Pebble Watch那樣作為手機屏幕的延伸。不過我們也不能確定，例如各種極客團(tuán)體對智能手機就有著顯而易見的興趣。我們會看到實際產(chǎn)品是怎樣的。正如你所說，目前多數(shù)只是傳聞，而我個人覺得，我們將會看到，任何能被連上網(wǎng)的東西都將連網(wǎng)。也許我們將能看到多少有些價值的交互界面，不過我們也曾見到過很多小設(shè)備，雖然界面很一般，卻很有實用性。像Nike能量腕帶這樣的產(chǎn)品可以幫助你追蹤一整天的行為動作。雖然它的界面很簡單，但重要的是它能與其他設(shè)備進(jìn)行通訊，將數(shù)據(jù)傳遞給對方，這樣你就可以在其他設(shè)備上得到更豐富的體驗。

我毫不懷疑我們將看到智能手表這樣的產(chǎn)品，問題在于它們的形態(tài)究竟是怎樣的。是一種全功能的智能手機替代品？也許吧。但我覺得，我們將逐漸看到越來越多在交互方面存在限制，但是可以消費或生成內(nèi)容的智能設(shè)備。于是我會想到一個挺有意思的問題：你的網(wǎng)站在手表上看起來是怎樣的？甚至，它在由10各LED字母組成的Nike腕帶界面上顯示起來使如何的？我們應(yīng)該怎樣將內(nèi)容發(fā)送到各類設(shè)備上？有了響應(yīng)式設(shè)計，我們開始琢磨怎樣將良好的設(shè)計和體驗落實到不同尺寸的設(shè)備上。但是接下來我們又要面對新東西了，比如Google眼鏡；我不知道Web體驗在這樣的設(shè)備上應(yīng)該有怎樣的表現(xiàn)，我們需要期待這樣的驚喜。所謂期待，我不是指現(xiàn)在就可以為他們進(jìn)行設(shè)計了。我的意思是，怎樣做好準(zhǔn)備，使我們的內(nèi)容具有足夠的彈性，使它們像水一樣能灌進(jìn)任何一種容器。

InfoQ：這將會是巨大的挑戰(zhàn)。不久的將來，大量設(shè)備將來到我們身邊，這些都是我們必須考慮的…

Josh：是的，內(nèi)容策略師和數(shù)據(jù)庫設(shè)計師太久以來都在叫嚷著：“我們需要更多結(jié)構(gòu)化的數(shù)據(jù)！我們需要更多結(jié)構(gòu)化的數(shù)據(jù)！”，不過這些呼聲就像石沉大海，因為并沒有足夠的依據(jù)或明確的收益值得如此大量的工作。不過現(xiàn)在，回報正變得越來越清晰。我認(rèn)為，以iPhone和其他各類設(shè)備為起點而到來的移動大潮，對于很多公司來說是巨大的危機，但同時也是機遇。例如手機和平板這樣的移動設(shè)備只是冰山一角，隨著Google Glass的到來，我們開始意識到，我們必須為任何東西做準(zhǔn)備了。借著這個機遇，我們應(yīng)該回過頭來打掃打掃房間，將內(nèi)容梳理的整潔有序，嘗試不同的設(shè)計流程。

【原文出處：infoq? 譯文出處：beforweb】