DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計理論:淺析電影中的未來交互
交互設計理論:淺析電影中的未來交互
編輯:關於網頁技巧     

讓我看到未來的樣子——淺析電影中的未來交互

  在一次交互例會上,有同學提到電影中的未來交互,引發了我的興趣,所以收集了一些電影中的資料,做一些粗淺的分析,希望能夠拋磚引玉,引發出一些思考。

  新穎的人機交互方式一直是科幻電影奪目的亮點之一,好萊塢的科幻大片投入了大量金錢、精力到電影的細節設計中,比如湯姆克魯斯主演的《少數派報告》,主創團隊邀請了HCI科學家參與電影制作,電影的視覺設計師特意走訪了MIT 多媒體實驗室,觀看了各種姿態識別的前沿技術。斯皮爾伯格說服了John Underkoffler(著名的手勢識別專家)以及Jaron Lanier(“Virtual Reality”這個詞的創造者)加入團隊,組成了智囊團,一起腦爆2048年的人機界面。通過這些努力,電影中才呈現出各種新奇的人機交互方式,所以研究這些電影中的人機交互是非常有價值的。

讓我看到未來的樣子——淺析電影中的未來交互

  我注意到電影中未來的用戶界面其實是比較復雜和混亂的,和現實中界面簡單、直觀的趨勢是南轅北轍了。其中的原因也很簡單:電影角色性格塑造的需要!復雜的系統給人的印象往往是非常強大和先進,熟練操作這個復雜系統相對於操作一個簡單的會更讓觀眾印象深刻。你瞧,不管界面如何復雜,我們的英雄總是能熟練的操作,炫酷的界面和演員的技巧讓觀眾眼花缭亂。有可能一些UI發燒友會非常著迷這樣的UI操作,但這肯定不是我們現實中的需要和UI的發展趨勢。電影中這種復雜的交互界面趨勢其實並沒有讓我們看清UI未來的樣子。

  雖然說電影中的設計並沒有真正把未來的人機交互是什麼樣子展示給我們,但還是能從中能看出一些交互方式趨勢。

手勢操作

  《少數派報告》中最引人注目的就是其中的手勢操作方式。湯姆克魯斯揮動雙臂到處打電話和操作視頻的酷勁讓我印象深刻。然而這麼大的界面操作起來還真是有些問題,由於幅度較大,胳膊應該容易累吧,之後就沒法做到精確的操作,而且其中還沒有任何實體的操作反饋。其實現實中,目前已經有些設備中有手勢操作了,比如IPhone和WII。我相信手勢操作將能成為我們未來的一部分。

讓我看到未來的樣子——淺析電影中的未來交互

眼睛跟蹤界面

  如果你看過《鋼鐵俠》,那你肯定會有印象。當Tony Stark穿上鋼鐵衣後,他操作時的界面就會跟蹤他的眼睛。他查看各個部件的信息時只需要去看,相對應的信息便會聚焦放大。我搞不太懂的是,系統要怎麼快速判斷目光是劃過這個區域還是聚焦在這裡。據我所知,人的眼睛焦點在一個UI界面上並不是平滑的劃過落到目標點上,而是一個點一個點伴隨短暫停留通過界面的,所以界面可能沒法像電影裡那樣流暢順滑。另外,有可能我們在使用過程中由於一些其他事情打斷,眼神移動就會導致正在操作的程序關閉。不過,看到過一些互動式廣告的設計,有用到這樣的技術,可能我們以後看廣告不會那麼乏味。

讓我看到未來的樣子——淺析電影中的未來交互

語音控制

  這個大家應該很熟了,手機裡很早就能做到語音打電話了,IPhone能夠做到更復雜的一些操作。在電影中印象深刻的是《特種部隊》中Ripcord開著夜鴉飛機追趕最後一枚導彈,當需要開火擊毀導彈的時候,他卻沒發現操作按鈕,在千鈞一發之際,通過紅發女的提醒,他最終通過語音控制激發了操作,不過電影中開了個小玩笑,這架夜鴉只聽得懂蘇格蘭人的凱爾特語。其實《鋼鐵俠》Tony Stark的鋼鐵衣系統也是通過語音進行控制。目前,現實中語音操作還有些問題:不能夠靈活的聽懂人的語言,使用者還需要記住特定的控制詞語等。不過對於手暫時不方便或者身體殘障的人,這還是非常有用的。在未來,語音控制應該會有更廣闊的應用,會變的更智能、更易用。

讓我看到未來的樣子——淺析電影中的未來交互

立體/全息界面

  《阿凡達》和《第九區》你應該看過了吧。《阿凡達》中傑克在和自己的“阿凡達”連通時,工作人員可以通過一個3D的界面直接看到他腦子各部分的活動圖像,可以隨時發現異常。

讓我看到未來的樣子——淺析電影中的未來交互

  在《第九區》中,外星飛船的駕駛使用的是一個全息的操作界面。這樣界面非常有利於航行操作,它能夠自動的從UI上區別內容的重要度,判斷把那些當前有用信息的呈現在眼前,無用的暫時隱藏。這個界面不能算做是3D界面,兩層信息層間是有前後的空間關系,但每層的信息是平面的。在這樣的使用情境下,此種信息呈現已經適用,如果為了炫酷使用3D,我想可能會形成干擾,弊大於利。3D界面用在地圖、工業模型等多維度展示時應該更合時宜,這個在《阿凡達》中地圖呈現和《鋼鐵俠》中鋼鐵衣的設計過程中均有表現。

讓我看到未來的樣子——淺析電影中的未來交互
讓我看到未來的樣子——淺析電影中的未來交互
讓我看到未來的樣子——淺析電影中的未來交互

透明用戶界面

  透明界面在最近的電影中幾乎都有呈現,例如上面提到的幾部:《鋼鐵俠》中鋼鐵衣的操作界面;《阿凡達》中技術人員使用的環形透明顯示屏幕;《第九區》中主人公威庫斯駕駛的機器人操作界面和外星飛船的操作界面都是透明的。透明界面真的很酷,目前已經有廠商推出了透明屏幕的筆記本和手機,不過這個應該不能成為未來一個主要的界面交互方式。由於透明,界面上的元素很容易被背景中的事物干擾。不過作為飛行器的操作界面是合適的,可以把當前的用戶界面疊到後邊的自然實景中。

讓我看到未來的樣子——淺析電影中的未來交互

  不知不覺講了這麼多,其實除了以上這些,還有很多值得關注的點,比如《第九區》中威庫斯駕駛機器人時,沒有任何動作和語言,估計這個操作是腦電感應控制,現實中也已經有了這樣的實際應用,比如控制輪椅,下棋等等。 如果大家有興趣,可以多多討論,期待看到你的分享:)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved