【交互設計】最前沿的交互設計解讀Ⅰ

作者:孫 嶢

HArt藝術留學海歸導師。美國喬治亞理工學院碩士,浙江大學學士。長期從事工業設計交互設計用戶體驗工作,設計思維、用戶體驗、醫療設計、參數化建模、智能感測器等相關領域。曾參與設計世界首台物聯網冰箱,獲得過iF產品設計獎,紅點設計獎,中國青少年科技創新獎。

近幾年,隨著交互設計專業發展速度的加快和人才需求的提升,交互設計開始逐漸成為了美國留學的一個熱門專業。今天我們就來談一下什麼是交互,它的本質是什麼,以及我對交互設計的一些感知。我也不希望去跟大家說一些特別定式的東西,所以我們這是一個open ending的一個topic,希望這些內容對於想出國的同學能夠提供一定的幫助。

1.什麼是交互?

有些同學會認為交互是我們與電腦或手機之間的操作方式,下面舉一個簡單的例子來說一下交互到底是什麼:

大家可以看一下這個瓶子,大家應該都認識,是吃西餐會遇到的番茄醬。這個瓶子跟交互有什麼關係呢?這個瓶子在使用的過程中,每次我倒番茄醬的時候都要使勁地拍瓶子的後面讓番茄醬出來,其實這是一個比較笨的交互方式。那麼我們來看我們對這個瓶子的交互有什麼,首先,我看到了這個瓶子,識別到了這個瓶子到底是幹什麼的,裡面裝了什麼,有什麼功能?

然後就是我去拿這個瓶子去操作這個瓶子,在這中間最重要的一點是什麼?我們去使用它的動機是什麼,是通過我們自己的需求,吃薯條的時候我需要番茄醬,那麼我才會去打開這個瓶子但是整個的交互方式大家會發現很笨重也不是很雅觀,大家也應該能記住拍打這個瓶子後面所發出的聲音就是「啪啪啪」的聲音,其實還趕不上這聲音好聽。

大家再來看一下這幅圖,這幅圖就是我們所說的交互方式的一種改進剛才我們說了這種老式的番茄醬瓶子在使用的過程中出現了一些問題,現在我們發現瓶子加上了一種新的設計,就是把這個瓶口做成了面積更大的,可以讓瓶子倒放的方式,這樣我們每次再去使用它的時候,番茄醬本來就在它的瓶蓋的位置,那我們再打開蓋一擠,瓶身的材質從玻璃材質變成了塑料材質,方便了我們的使用。

其實大家會發現這兩種交互方式並沒有太大的區別,都是把瓶子拿起來打開蓋子往外倒,但是它通過一個新的設計完善了我們對它使用過程中的體驗,這個我也標註了,一個是 「Design the product」這是我們設計這個產品,第二個是「Design the experience」,這個experience其實是交互的一個最重要的特性。為什麼呢?因為在最早的時候,我們去使用這個東西開始還是滿足要我們的功能,就是希望這個產品給我帶來什麼功能,但是再往後我們就會考慮如何使用它和怎麼更好地使用它。換句話說就是我們怎麼使用起來更舒服。如果瓶子是有生命的話,不管是瓶子自身還是我們自己的感覺都會舒服。

這其實就是我們所說的交互設計,雖然大家會發現我舉的這個例子沒有什麼電子顯示屏,但其實這就是我們所說的交互的本質,不是設計,是我們交互的一個本質,就是使用這個瓶子,這個產品。那麼這個設計體現在哪呢?就是我們如何更好地去使用它

2.交互的本質

我們來看一下交互的本質到底是什麼。我給大家舉個例子看一下,我們從一開始沒有顯示屏、沒有電的設備上,是如何一步步發展到今天最主流的與電腦和手機交互的這種形式的。我們來看交互的核心因素是什麼,我們怎麼去理解這個交互。

首先看上面這張圖,這張圖裡面站著一個小人是什麼意思呢?我剛才舉了削木頭的設備的例子,它滿足了用戶自身的需求,因為在削木頭的時候都是拿著這個設備去削,首先是我有動機去使用它而且是我單獨的去把這個產品做完 。

除了自身需求外,再往後的產品有可能把我們幾個人協同連接到一起。

再之後的發展就是互聯網時代的到來,它讓交互的本質除了滿足我們自身的需求以外,再去擴大用戶範圍,乃至把整個人類的需求都建立起一定的聯繫。

3.交互的幾個因素

我們來看一下交互的幾個因素:首先要滿足自身需求,然後放大滿足更多人的需求或者達到一個共同需求,在滿足需求的同時讓更多的人產生連繫,這是現代交互方式的一個核心要素。

這張圖片,我印象非常深刻,跟大家分享一下。這個交互設計對於我們所說的設計是什麼。想出國的同學看這句話應該沒有任何問題,我們來看一下「MAKING PEOPLE WANT THINGS」這是什麼意思呢?這個是我們要做用戶想要的東西,比如用戶想喝水,我就要給用戶做一個杯子給他使用。我們做的交互設計其實就是把「MAKE PEOPLE WANT THINGS」變成「MAKING THINGS PEOPLE WANT」這是一個主動和被動的關係,是動機的先後順序的工作。

這句話的變化其實說明了我們做交互設計還是要以用戶的需求做出發點,不管是交互設計還是一些其他設計本質,交互設計其實就是我們做的各種交互方式和交互產品是以用戶的需求為著眼點,最基本的就是「MAKING PEOPLE WANT THINGS」:我們要做用戶想要的東西。通過一步步的設計達到「MAKING TINGS PEOPLE WANT」:我們做的東西就是用戶想要的東西。

我們再來看一下,這就是我們所說的「innovation」或者 「interaction design」。交互的innovation是怎麼產生的,有三個因素:第一個是 「poeple」,我們可以理解為是用戶,用戶的需求是一個最基本的方向;第二個是「business」,就是我們所說的商業,我們現在所做的交互產品都是屬於要盈利的,不可能說做一個產生不了價值的東西,這種因素就是我們要考慮的「business」;第三個就是「technology」,它是一個基礎。現在交互方式包括VR、智能腕錶、Googleglass等等都是技術的進步帶給我們的新的交互方式的出現,所以科技肯定是我們要考慮的一個根本因素,而且這是制約我們的新交互方式出現的很重要的因素。

通過這兩張圖片,是想跟大家說一下交互設計的因素,首先第一個是要以人為中心以用戶為中心來去做這個設計,我們要先去了解用戶的需求。第二個就是business,我們需要去研究用戶的需求如何同商業去結合。最後一個就是technology,技術是我們提供新交互方式的基石。希望大家記住上面說的「MAKING PEOPLE WANT THINGS」和「MAKING TINGS PEOPLE WANT」,這個就是語言的微妙。在中文上我們可能很難去表達這句話給我們傳達的意思,但是在英文當中一語點破了其精華。

4.交互設計是怎麼產生的?

我們接下來看一下交互設計是怎麼產生的。看下面這張圖片,這張圖片其實想表達的意思就是我們最早開始跟產品進行交互,它是非常純潔的,沒有我們所說的電子顯示屏,後來是隨著技術的發展有了我們所說的電子設備,就是因為它有電。最早的電子設備就是燈泡。

我們首先看一下,這個圖片上展示的東西到底有什麼樣的功能。其實對於外行人來說,並不知道這個東西它到底有什麼功能,只有說在這個專業領域之內或者工種之內才知道它是幹什麼的。它其實就是我們所說的木製傢具清理木屑、打磨邊角的一種工具。這個東西就是早期的人和物體(這種物體屬於非智能物體)的一種交互方式。隨著技術的發展,後來出現了越來越多的智能設備。

大家再來看一下上面這個圖,這個圖是我們所說的第一台計算機,我上面也說到最早的設備是沒有電的,或者是沒有顯示屏的,最早的計算機的出現也是沒有顯示屏的,當時我們人和它交互方式是通過插拔線,但是我們插拔數據線之後,機器需要給我們一個反饋,那麼它是通過什麼來給我們反饋的呢?那就是一個小燈泡。如果它運作時燈泡就會亮起,不運作時燈泡就會是熄滅的狀態。

我們來看一下上面這個產品,這個是我們的第一台微型電腦,與我們現在的微型電腦相比它已經很大了。我們同這種設備如何交互呢?一個是我們通過用手去撥動它撥片式的按鈕,然後上面的燈給我一個指示,告訴我它是不是在工作。它跟我們看到的第一台計算機有了很大的改進,第一台計算機我們需要插拔線,同一台計算機我們需要好幾十人上百人來操作,再來看這台微型計算機的操作方式就已經人性化多了。

我們再來看一下,這張圖是「punch card」,就是最早的計算機代碼,最早時我們和計算機進行交互的時候,沒有鍵盤這些東西,它是通過這種卡片上面去打孔然後顯示出一些二進位的字元串來識別。舉個例子,最早美國在做人口普查的時候需要去清點到底有多少人時數據量太大,還需要人工一個個累加計算,後來就通過計算機把信息放到了卡片上。人類第一次用這麼短的時間(大約用了一周左右)做了人口普查,在那時已經算是相當節省時間了。這個「punch card」等於是我們和機器之間的新的交互方式,比起之前已經改進很多了,它有一個信息的輸入和輸出。之前我們只是通過按按鈕來輸入信息,而用「punch card」我們就會有更多的信息輸入,這是一種新的交互方式的體現。

上面這張圖片不知道大家有沒有見過,它是1962年的時候第一款我們所說的「可視化遊戲」,或者說是「圖形化遊戲」。男生應該都知道「星球大戰」。這款遊戲的鼻祖最早就是通過一塊電子顯示屏來工作,大家發現圖中這兩個人拿的是我們現在所說的「手柄」來操縱這個遊戲。那麼大家會發現這種交互方式又比之前的交互方式領先了,他是通過一個操縱桿來控制電腦上或者說是顯示屏上的物體的移動。

再往後大家會發現這是在1970年IBM研發出的一台電腦,這台電腦大家就應該不是那麼陌生了。在90九十年代大家也都是在用,在國內剛引進計算機的時候也是用這個產品,大家會發現操作員面對著屏幕,下面有個特別大的鍵盤。(但是大家會發現它沒有滑鼠對不對?)

大家會發現通過這種方式,人去鍵入信息的自主度就會更高。那麼通過屏幕給他一個反饋,這也是現代交互方式的一個雛形。

這張圖有很多同學會說這不是滑鼠嗎?那很多同學會認為第一款滑鼠是蘋果出的,那是那個時候的商用滑鼠,而這個是1964年的時候地球上第一款滑鼠的原型機,滑鼠的出現就不用說了,它比鍵盤的靈活度更高,那麼為什麼現在又有滑鼠又有鍵盤呢?因為滑鼠是用來選取對象的,而鍵盤則用來鍵入信息。

我們再來看一下這張圖片,我們看到的界面是我們現在用的Word和Excel的鼻祖,當時是在DOS系統下。不知道同學們有沒有接觸過最早的DOS系統,當時在沒有圖形化界面的時候還是非常領先的。再往後就有了圖形界面的出現,這樣就方便了用戶去明白理解,這樣操作的自由空間就會更大。包括我們最早的畫板,用電腦去繪製一個非常簡單的圖像,這個功能在當時也是非常轟動的。

蘋果公司是介入商用圖形化界面製作最早的一家公司,但是大家也都知道由於其策略不慎,後來銷聲匿跡了一段時間,期間被微軟和IBM公司趕上。

這張圖就是我們所說的第一台商業化有滑鼠和圖形化界面的電腦,是蘋果發布的「Lisa」。其名字的由來有看過喬布斯傳的同學可能知道,喬布斯有個女兒叫Lisa,所以他是用他女兒的名字來命名的。大家如果放大圖片會發現這台電腦界面上有手寫的幾個字,這其實就是用滑鼠來繪製的圖像。

後面大家就自己腦補一下,自從電腦的出現到我們現在的電腦的應用,其交互方式有沒有發生太大的變化?其實是沒有發生太大變化的,為什麼呢?是因為都還是沿用的的可視化圖形界面,再者用的輸入設備都是鍵盤和滑鼠。最早還有我們所說的卡槽插入的磁碟(軟盤),現在我們用了CD,之後CD也不用了有了U盤的出現。整個交互方式一直還是沿用的這條主線,就是輸入設備用的一個是鍵盤一個是滑鼠,還有就是外接的輸入設備。

大家會發現,從電腦還有智能手機的出現逐漸發展到今天,我們的生活一步步地被這些智能設備所「綁架」,對我們的上一代或下一代的日常生活都會有很大地改變。其實我們現在過度依賴電子設備的核心因素,是因為它滿足了用戶的需求,我們使用它會讓我們的生活越來越便捷,所以它才會有資本去「綁架」我們。

通過上面這些例子大家來看一下交互設計是如何產生的呢?最開始給大家舉的例子從沒有屏幕到後來有屏幕。我的個人理解,交互就是屏幕的一步步放大,從一個燈泡到了燈泡的矩陣到LED屏、OLED屏,屏幕的逐步放大產生出了界面,現在的界面發展到這個地步我們會發現我們最常見的兩種交互產品一個是手機,一個就是電腦。 其實在早期工業革命的時候就有了一個新的專業叫「工業設計」,那時電子顯示屏還沒有被廣泛應用。隨著電子顯示屏越來越大,工業設計師就會把一開始電子顯示屏裡面的內容去做一些規範和設計。再往後顯示屏越來越大,設計師就會發現「哎?這些東西現在有可能已經複雜到一定程度了,它的信息量已經足夠大了,那麼我們需要新成立一個工種或者一個行業、專業」,這就是交互設計的初期發展。再往後出現了我們現在比較熱的VR技術和Apple Watch這種可穿戴的新技術,如今我們和這些設備的交互方式已經脫離出了傳統單一的電子顯示屏和滑鼠鍵盤或者手指操作的過程,尤其以VR為例,VR它是我們所說的虛擬現實,這個技術其實讓我們在現實生活中很難完成的一些東西用一種很自然的手段在虛擬的世界中把它完成。

其實整個交互的發展,從純物理的沒有電的產品然後到現在電子技術越來越發達,我們會發現一開始剛出現電腦的時候是為了滿足更高效的功能,再往後發展又回歸到「Non Electronic」無電子化的設備,其實它更多的是要還原到原始的人與自然的交互方式來操縱新的設備。

————————————————————————————————————————

  • 歡迎關注我的專欄:作品集分享portfolio

  • 有任何作品集或者藝術留學的問題,可以私信我,看到即回復。

  • 原創文章,轉載請註明出處,違者必究。
  • 公眾號:作品集分享portfolio
  • 留學作品集資料共享QQ群:190672735
  • 推薦閱讀:

    成為牛逼的設計師(4)-有效的調研方法
    ▲伍拾柒▼「藝術癮」你看RISD的宿舍,它又大又闊!
    前途渺茫?看不到方向?學習服裝設計的同學笑了
    你看沒看過,申請到Parsons服設的作品集?

    TAG:交互设计 | 艺术留学 | 作品集portfolio |