屏幕外的交互設(shè)計界面設(shè)計 ≠ 屏幕設(shè)計

網(wǎng)易UEDC – Vicol ：在互聯(lián)網(wǎng)做設(shè)計的同伙，工作中幾乎天天都接觸著電腦和手機屏幕，像我的交互設(shè)計工作也以接需求畫原型圖寫文檔為主。但我今天想說的，和這些看起來沒有什么關(guān)系。我想說點屏幕外的交互設(shè)計。

在設(shè)計界，我們幾乎無時無刻不接觸到一個概念：界面。我們常說的「人機交互」，其實中心省去了一個「界面」。就狹義上大部分電子產(chǎn)品來講，人也就是用戶，向界面有輸入的過程，界面將用戶的輸入翻譯成機器語言，交由機器來處理，機器將處理效果在界面上變化成人類可知的信息，再輸出向人，形成一個閉環(huán)。

這里我們發(fā)現(xiàn)有兩個處理過程：

• 一個是把人的輸入信息變?yōu)闄C器的可知語言。
• 一個是把機器的處理效果變?yōu)槿祟惪芍畔ⅰ?/li>

縱觀幾十年的人機交互發(fā)展，這兩種處理過程一向是一個優(yōu)化進程。這個過程由設(shè)計概念和技術(shù)突破來引領(lǐng)。設(shè)計上提出前瞻性的設(shè)想和概念來刺激技術(shù)，技術(shù)上攻破一道道難關(guān)來實現(xiàn)設(shè)計。

從最初的CUI到GUI，到如今的TUI、VUI以及漸漸發(fā)展的NUI，可以看到這個過程中，對機器的性能要求越來越高，對人的輸入輸出成本要求越來越低。人機交互的發(fā)展，其實是一個從機到人的發(fā)展。我們要求機器能說，能聽，能看，甚至能理解（機器學(xué)習(xí)、人工智能等），這都是朝著我們?nèi)说恼J知世界和感知信息的方向去發(fā)展的。

那么再回到「界面」上。界面作為人與機中心的信息傳遞序言，是我們交互設(shè)計師關(guān)注的重中之重?？墒?，做了這么久的交互設(shè)計，我們常常會有種誤解，我們所謂的界面，就是電腦上和手機上的屏幕。我們所謂的「界面設(shè)計」更像是「屏幕設(shè)計」。

然而，并非如此。

當(dāng)我們對界面進行抽象和概括性的理解會發(fā)現(xiàn)，界面本質(zhì)是在傳遞和展示信息。那么三個題目來了：

• 只有屏幕可以嗎？
• 到NUI時代，屏幕照舊最好的信息載體嗎？
• 屏幕適用于所有的數(shù)字產(chǎn)品用戶嗎？

下面給大家分享幾個界面設(shè)計的實例往返答這三個題目。

電梯樓層按鈕

電梯里的樓層按鈕我們幾乎每天見，如許的界面太過于常見，我們常忽視了它們也是界面的一類。可能有人覺得這沒什么好設(shè)計的。

現(xiàn)實上，電梯樓層按鈕的排布設(shè)計，我在不同地方見過好幾種。有的是從左到右從下往上排樓層，有的從下往上從左到右排樓層，哪種更合理？樓層數(shù)相對比較多的情況下是否必要優(yōu)化設(shè)計？還有開門關(guān)門按鈕放上面合適照舊下面合適？以及樓層到達提醒怎樣看著更清晰？當(dāng)數(shù)字鍵盤成為我們要設(shè)計的界面時，這些就是我們要思考的題目。

智能自行車

就車身而言，我們的騎行舉動作為輸入，車頭的方向指示燈就是輸出。那么車頭就可以理解為界面，它所要傳達的是告知用戶轉(zhuǎn)向信息以及部分路況信息。在這個界面上，交互設(shè)計師所能思考的方面有許多：在戶外騎行的場景下這種信息的傳遞怎樣才最有用？傳遞哪些信息是合理的？這些信息分別以什么樣的情勢告知用戶？怎樣才能確定用戶接收到了信息？如許的界面交互思考是我們平時不太碰到的。

小度機器人

接下來的例子是我當(dāng)初參與設(shè)計的小度機器人。在這個機器人身上，我們看到了認識的屏幕，也就是機器人的臉。可除了這張萌萌噠的臉，小度身上也可以「調(diào)戲」。在做這個機器人的時候，我們思考怎么讓這個機器人更像人。試想一下，我們是怎么跟活生生的人交流的。表情、語言、肢體等等，這是人類交流的體例。

所以當(dāng)設(shè)計機器人的時候，我們不能把它完全當(dāng)一個機器去設(shè)計。雖然有一個屏幕，但我們會跟別人交流的時候在人家臉上點來點去嗎？并不會。我們和對方重要的交流體例是語言溝通，親昵的時候，還會有身體接觸。這些交流體例我們不會覺得怪異和陌生。所以我們設(shè)計小度的時候，你也可以摸摸它的頭，它會害羞地笑一下或者知足地看著你；你摸摸它的胳膊，它會跟你說表面冷你要記得多加點衣服。這才趨近于天然的人類交流。而在小度這里，所謂的界面也就不僅僅是臉上的屏幕，是整個身體，我們的輸入體例也變得多元化。

可變形金屬

前面說到的都是已經(jīng)落地的產(chǎn)品例子。下一個是清華大學(xué)美術(shù)學(xué)院的研究類項目，研究方向是可變形金屬。（觀看視頻→可變性金屬）

在這個例子中我們可以看到，金屬通過自身的形態(tài)轉(zhuǎn)變表達一些所謂的「情緒」，可以想象，假如如許的可變性金屬成為一種界面，我們會有怎樣的輸入，它又會有怎樣的反饋輸出？這個例子顯明比之前的感覺離我們迢遙一些，我們只是昏黃地看到某些可能性，并不清楚會走向什么方向。但我覺得這是交互設(shè)計研究領(lǐng)域特別很是風(fēng)趣的一點。對于將來，我們可以探索，可以瞻望，可以試錯，有些事情我們覺得會成為可能我們就去研究。它可能走不通，也可能帶來新的交互體例，這就很讓人愉快。

瞽者觸摸表現(xiàn)器

我們通常提到的界面，很大程度是通過視覺去感知的。那么對于瞽者同伙來說，視覺通道是關(guān)閉的。對于他們來說，表現(xiàn)屏幾乎是沒用的。所以有團隊針對如許的人群，設(shè)計了瞽者觸摸界面，通過語音輸入，以點陣盲文的情勢來呈現(xiàn)信息。

瞽者觸摸表現(xiàn)器網(wǎng)頁刷新頻率一樣平常很高，由于受過學(xué)習(xí)和訓(xùn)練的瞽者其閱讀盲文的速度快到驚人。那么如許的界面，從交互設(shè)計上來說，如何讓瞽者閱讀時不錯行，瞽者閱讀是否有更好的體驗，筆墨和圖片的展示如何做區(qū)分等等，這種界面的設(shè)計都必要嚴(yán)謹(jǐn)?shù)慕换ピO(shè)計流程去解決。

通過以上這些例子，分享一下我本身對我們常見的「界面」這個詞的更多角度的認知。

可以看到的是，在不同的產(chǎn)品中，我們所面對的界面不再僅僅是屏幕，作為交互設(shè)計師，我們所要關(guān)注的也不僅限于面前目今這個發(fā)光的方塊。多年后，我們可能處在各行各業(yè)，都在做界面設(shè)計，只是有人在做屏幕界面，有人在做其他各種界面，但我們都照舊交互設(shè)計師。

迎接關(guān)注作者「網(wǎng)易UEDC」的微信公眾號：