起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識界面設計 ≠ 屏幕設計：什么是界面設計？
各位在互聯網做設計的朋友，工作中幾乎每天都接觸著電腦和手機屏幕，像我的交互設計工作也以接需求畫原型圖寫文檔為主。但我今天想說的，和這些看起來沒有幾毛錢關系。這篇文章我想說點屏幕外的交互設計。
在設計界，我們幾乎無時無刻不接觸到一個概念：界面。我們常說的“人機交互”，其實中間省去了一個“界面”。就狹義上大部分電子產品來講，人也就是用戶，向界面有輸入的過程，界面將用戶的輸入翻譯成機器語言，交由機器來處理，機器將處理結果在界面上轉變成人類可知的信息，再輸出向人，形成一個閉環。
這里我們發現有兩個處理過程，一個是把人的輸入信息變為機器的可知語言，一個是把機器的處理結果變為人類可知信息?？v觀幾十年的人機交互發展，這兩種處理過程一直是一個優化進程。這個過程由設計概念和技術突破來引領。設計上提出前瞻性的設想和概念來刺激技術，技術上攻破一道道難關來實現設計。
從最初的CUI到GUI，到現在的TUI、VUI以及逐漸發展的NUI，可以看到這個過程中，對機器的性能要求越來越高，對人的輸入輸出成本要求越來越低。人機交互的發展，其實是一個從機到人的發展。我們要求機器能說，能聽，能看，甚至能理解（機器學習、人工智能等），這都是朝著我們人的認知世界和感知信息的方向去發展的。
那么再回到“界面”上。界面作為人與機中間的信息傳遞媒介，是我們交互設計汪關注的重中之重。可是，做了這么久的交互設計，我們常常會有種誤解，就是我們所謂的界面，就是電腦上和手機上的屏幕。我們所謂的“界面設計”更像是“屏幕設計”。
然鵝，并非如此。
當我們對界面進行抽象和概括性的理解會發現，界面本質是在傳遞和展示信息。那么三個問題來了：
- 只有屏幕可以嗎？
- 到NUI時代，屏幕還是最好的信息載體嗎？
- 屏幕適用于所有的數字產品用戶嗎？
下面給大家分享幾個界面設計的實例來回答這三個問題。
電梯樓層按鈕
電梯里的樓層按鈕我們幾乎天天見，這樣的界面太過于常見，我們常忽視了它們也是界面的一類?？赡苡腥擞X得這沒什么啊，沒什么好設計的。實際上，電梯樓層按鈕的排布設計，我在不同地方見過好幾種。
有的是從左到右從下往上排樓層，有的從下往上從左到右排樓層，哪種更合理？樓層數相對比較多的情況下是否需要優化設計？還有開門關門按鈕放上面合適還是下面合適？以及樓層到達提示怎樣看著更清晰？當數字鍵盤成為我們要設計的界面時，這些就是我們要思考的問題。
“智能”自行車
再看第二個例子，這是當初讀研時在X工作室和百度合作的百度自行車。
就車身而言，我們的騎行行為作為輸入，車頭的方向指示燈就是輸出。那么車頭就可以理解為界面，它所要傳達的是告知用戶轉向信息以及部分路況信息。在這個界面上，交互設計師所能思考的地方有很多：在戶外騎行的場景下這種信息的傳遞怎樣才最有效？傳遞哪些信息是合理的？這些信息分別以什么樣的形式告知用戶？怎樣才能確定用戶接收到了信息？這樣的界面交互思考是我們平時不太遇到的。
小機器人
第三個例子也是當初和百度合作的項目，小度機器人。
在這個機器人的身上，我們看到了我們熟悉的屏幕，也就是機器人的臉?？沙诉@張萌萌噠的臉，小度身上也可以“調戲”。在做這個機器人的時候，我們思考怎么讓這個機器人更像人。試想一下，我們是怎么跟活生生的人交流的。表情、語言、肢體等等，這是人類交流的方式。
所以當設計機器人的時候，我們不能把它完全當一個機器去設計，雖然有一個屏幕，但我們會跟別人交流的時候在人家臉上點來點去嗎？并不會。我們和對方主要的交流方式是語言溝通，親昵的時候，還會有身體接觸。這些交流方式我們不會覺得怪異和陌生。所以我們設計小度的時候，你也可以摸摸它的頭，它會害羞地笑一下或者滿足地看著你；你摸摸它的胳膊，它會跟你說外面冷你也記得多加點衣服。這才趨近于自然的人類交流。而在小度這里，所謂的界面也就不再僅僅是臉上的屏幕，是整個身體。我們的輸入方式也變得多元化。
可變形金屬
前面說到的都是已經落地的產品例子。下一個是我學弟的研究類項目，他研究的方向是可變形金屬。
在這個例子中我們可以看到，金屬通過自身的形態變化表達一些所謂的“情緒”，可以想象，如果這樣的可變性金屬成為一種界面，我們會有怎樣的輸入，它又會有怎樣的反饋輸出？這個例子明顯比之前的感覺離我們遙遠一些，我們只是朦朧地看到某些可能性，并不清楚會走向什么方向。
但我覺得這是交互設計研究領域非常有趣的一點。對于未來，我們可以探索，可以展望，可以試錯，有些事情我們覺得會成為可能我們就去研究。它可能走不通，也可能帶來新的交互方式，這就很讓人興奮。
盲人觸摸顯示器
我們通常提到的界面，很大程度是通過視覺去感知的。那么對于盲人朋友來說，視覺通道是關閉的。對于他們來說，顯示屏幾乎是沒用的。所以有團隊針對這樣的人群，設計了盲人觸摸界面，通過語音輸入，以點陣盲文的形式來呈現信息。
盲人觸摸顯示器頁面刷新頻率一般很高，因為受過學習和訓練的盲人其閱讀盲文的速度快到驚人。那么這樣的界面上，從交互設計上來說，如何讓盲人閱讀時不錯行，盲人閱讀是否有更好的體驗，文字和圖片的展示如何做區分等等，這種界面的設計都需要嚴謹的交互設計流程去解決。
最后說幾句
通過以上這些例子，分享一下我自己對我們常見的“界面”這個詞的更多角度的認知。
可以看到的是，在不同的產品中，我們所面對的界面不再僅僅是屏幕，作為交互設計師，我們所要關注的也不僅限于眼前這個發光的方塊。多年后，我們可能處在各行各業，都在做界面設計，只是有人在做屏幕界面，有人在做其他各種界面，但我們都還是交互設計師。
說不定，以后我再發推文的時候，不一定非要用電腦，嗨，誰知道呢。
作者：Vicol，微信公眾號：略設小計
本文由 @Vicol 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自PEXELS，基于CC0協議
作者寫的這篇關于人機交互的文章我覺得很有意思 但是有一點我要糾正一下 界面的作用僅僅只有展示 也就是輸出 并沒有輸入 所以你的那個閉環是有問題的 ??
你好，界面本身是有為用戶提供輸入入口的，屏幕上的按鈕，鍵盤上的按鍵等等，這些都是。
CUI（命令行交互，DOS），GUI（圖形交互，windows），TUI（文本交互，收銀系統），NUI（自然用戶界面，VR、Surface交互桌面和任天堂的Wii游戲），VUI是啥？沒查到。
你好，感謝關注~ TUI是Tangible UI，不是Text UI； NUI目前還在發展中，surface 桌面我不認為是NUI范疇產品； VUI 是Voice UI，比如Amazon Echo. 具體可看文中插圖。