界面設計 ≠ 屏幕設計

各位在互聯網做設計的朋友,工作中幾乎每天都接觸著電腦和手機屏幕,像我的交互設計工作也以接需求畫原型圖寫文檔為主。但我今天想說的,和這些看起來沒有什么關系。我想說點屏幕外的交互設計。

在設計界,我們幾乎無時無刻不接觸到一個概念:界面。我們常說的“人機交互”,其實中間省去了一個“界面”。就狹義上大部分電子產品來講,人也就是用戶,向界面有輸入的過程,界面將用戶的輸入翻譯成機器語言,交由機器來處理,機器將處理結果在界面上轉變成人類可知的信息,再輸出向人,形成一個閉環。

這里我們發現有兩個處理過程,一個是把人的輸入信息變為機器的可知語言,一個是把機器的處理結果變為人類可知信息。縱觀幾十年的人機交互發展,這兩種處理過程一直是一個優化進程。這個過程由設計概念和技術突破來引領。設計上提出前瞻性的設想和概念來刺激技術,技術上攻破一道道難關來實現設計。

從最初的CUI到G,到現在的TUI、VUI以及逐漸發展的NUI,可以看到這個過程中,對機器的性能要求越來越高,對人的輸入輸出成本要求越來越低。人機交互的發展,其實是一個從機到人的發展。我們要求機器能說,能聽,能看,甚至能理解(機器學習、人工智能等),這都是朝著我們人的認知世界和感知信息的方向去發展的。不得不說,懶惰的人類??!懶惰讓科技進步!

那么再回到“界面”上。界面作為人與機中間的信息傳遞媒介,是我們交互設計師關注的重中之重??墑?,做了這么久的交互設計,我們常?;嵊兄治蠼?,就是我們所謂的界面,就是電腦上和手機上的屏幕。我們所謂的“界面設計”更像是“屏幕設計”。

然而,并非如此。

當我們對界面進行抽象和概括性的理解會發現,界面本質是在傳遞和展示信息。那么三個問題來了:

  • 只有屏幕可以嗎?

  • 到NUI時代,屏幕還是最好的信息載體嗎?

  • 屏幕適用于所有的數字產品用戶嗎?

下面給大家分享幾個界面設計的實例來回答這三個問題。

 

電梯樓層按鈕

電梯里的樓層按鈕我們幾乎天天見,這樣的界面太過于常見,我們常忽視了它們也是界面的一類??贍苡腥司醯謎餉皇裁窗?,沒什么好設計的。實際上,電梯樓層按鈕的排布設計,我在不同地方見過好幾種。有的是從左到右從下往上排樓層,有的從下往上從左到右排樓層,哪種更合理?樓層數相對比較多的情況下是否需要優化設計?還有開門關門按鈕放上面合適還是下面合適?以及樓層到達提示怎樣看著更清晰?當數字鍵盤成為我們要設計的界面時,這些就是我們要思考的問題。

 

“智能”自行車

就車身而言,我們的騎行行為作為輸入,車頭的方向指示燈就是輸出。那么車頭就可以理解為界面,它所要傳達的是告知用戶轉向信息以及部分路況信息。在這個界面上,交互設計師所能思考的地方有很多:在戶外騎行的場景下這種信息的傳遞怎樣才最有效?傳遞哪些信息是合理的?這些信息分別以什么樣的形式告知用戶?怎樣才能確定用戶接收到了信息?這樣的界面交互思考是我們平時不太遇到的。

 

小度機器人

接下來的例子是我當初參與設計的小度機器人。在這個機器人的身上,我們看到了熟悉的屏幕,也就是機器人的臉??沙蘇庹琶讓冗盞牧?,小度身上也可以“調戲”。在做這個機器人的時候,我們思考怎么讓這個機器人更像人。試想一下,我們是怎么跟活生生的人交流的。表情、語言、肢體等等,這是人類交流的方式。

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

 

可變形金屬

前面說到的都是已經落地的產品例子。下一個是清華大學美術學院的研究類項目,研究方向是可變形金屬。

點擊觀看視頻:

在這個例子中我們可以看到,金屬通過自身的形態變化表達一些所謂的“情緒”,可以想象,如果這樣的可變性金屬成為一種界面,我們會有怎樣的輸入,它又會有怎樣的反饋輸出?這個例子明顯比之前的感覺離我們遙遠一些,我們只是朦朧地看到某些可能性,并不清楚會走向什么方向。但我覺得這是交互設計研究領域非常有趣的一點。對于未來,我們可以探索,可以展望,可以試錯,有些事情我們覺得會成為可能我們就去研究。它可能走不通,也可能帶來新的交互方式,這就很讓人興奮。

 

盲人觸摸顯示器

我們通常提到的界面,很大程度是通過視覺去感知的。那么對于盲人朋友來說,視覺通道是關閉的。對于他們來說,顯示屏幾乎是沒用的。所以有團隊針對這樣的人群,設計了盲人觸摸界面,通過語音輸入,以點陣盲文的形式來呈現信息。

盲人觸摸顯示器頁面刷新頻率一般很高,因為受過學習和訓練的盲人其閱讀盲文的速度快到驚人。那么這樣的界面上,從交互設計上來說,如何讓盲人閱讀時不錯行,盲人閱讀是否有更好的體驗,文字和圖片的展示如何做區分等等,這種界面的設計都需要嚴謹的交互設計流程去解決。

通過以上這些例子,分享一下我自己對我們常見的“界面”這個詞的更多角度的認知。

可以看到的是,在不同的產品中,我們所面對的界面不再僅僅是屏幕,作為交互設計師,我們所要關注的也不僅限于眼前這個發光的方塊。多年后,我們可能處在各行各業,都在做界面設計,只是有人在做屏幕界面,有人在做其他各種界面,但我們都還是交互設計師。

說不定,以后我再想刷朋友圈的時候,不一定非要用手機或平板。嗨,誰知道呢。

 

原文地址:(公眾號)

作者:Vicol

來源:學UI網

上一篇: 騰訊設計師:解析效率至上的全新微云改版

下一篇: 碎紙機教程【教程】

分享到: 更多
手机怎么干扰老虎机 能提现的棋牌 快乐时时开奖号码 大乐透预测专家汇总 时时彩在线计划网大全 麻将玩法 pk10最牛稳赚5码计划两期 平特三肖多少倍数 新强时时彩票开奖 三中三稳赚方法技巧 玩二八杠的技巧口诀 北京pk10在线人工杀码 广东十一选五计划软件怎么买? 逆袭欢乐生肖计划手机版 11选五江苏 怎么稳赚不赔 百赢棋牌炸金花作弊器