- 交互設(shè)計及經(jīng)典案例點評
- 陳根
- 4413字
- 2019-01-21 17:37:44
1.2 交互設(shè)計的界定
開始先向大家提個問題,“交互設(shè)計”一詞里面的每個字相信大家都懂,“那合起來的意思是什么呢?你能不能用最簡單的一句話,告訴大家交互設(shè)計到底是什么?”相信很多人表述出來肯定五花八門,含糊不清,就算是正在從事或想從事這個專業(yè)的人也不一定厘得清,交互設(shè)計似乎是個很難解釋,有點“虛、空、玄”的東西。
一個嚴肅的問題來了,居然連交互設(shè)計的概念是什么都搞不清,我們憑什么跟別人說“我是一名資深交互設(shè)計師,我設(shè)計的產(chǎn)品客戶肯定會滿意的”或者“我告訴你們什么是交互設(shè)計吧,我就是做這個的……”
那接下來還等什么,我們“吹毛求疵”,打破砂鍋求到底,來重新好好認識一下我們的老朋友“交互設(shè)計”或者對于想要了解交互設(shè)計的人來說,我們今天就來結(jié)交一下“交互設(shè)計”這個新朋友吧。
1.2.1 Interactive vs· Interaction
“交互設(shè)計”所造成的混淆感,有一大部分其實來自于專有名詞在經(jīng)過翻譯之后,難免會被過濾掉的那一分精致。查看英漢字典,英文的interaction是“交互作用,互相影響”,而interactive則是“交互作用的,互相影響的”。兩者極為相近,其間唯一的差異,只不過就是一個平凡不過爾爾“的”字兒。因此,英文的interactive design和interaction design,通常也都被一視同仁地翻譯成“交互設(shè)計”。
這種翻譯方式,在絕大多數(shù)情況下,其實并不會造成太大的問題。但如果我們要精究,就會發(fā)現(xiàn)這兩者在英文本意上是有差異的。直接從詞性上來看,interaction是名詞,也就是說,它指的是“互動”這個行為本身。然而,interactive是形容詞,也就是說,它是用來形容某種東西蘊含有“互動”這種功能或特質(zhì)。從這個觀點出發(fā)進行討論,我們其實就能夠發(fā)現(xiàn),這個“的”字兒其實具有關(guān)鍵意義,它絕對不是可有可無的贅字。Interactive design,應該翻譯為互動“的”設(shè)計才比較精確。因為“互動”二字在這里是形容詞,用來表述后面所提的這個“設(shè)計”蘊含有與使用者互動的能力和特質(zhì)。
而interaction design比較麻煩,也許把它改寫成“設(shè)計交互”會比較容易理解。因為它所指的,其實是規(guī)劃出一種模式,讓互動行為在這個架構(gòu)之內(nèi),合理、成功而且有效率地產(chǎn)生;甚至可能因為互動形態(tài)上的優(yōu)越性,讓整體設(shè)計產(chǎn)生一種獨特的魅力。所謂的人機互動(Human-Computer Interaction,HCI)就是典型的interaction design,因為它所探討的,是如何在人與計算機之間,設(shè)計出一種互動的架構(gòu),讓使用者能夠有效率地操作器械與數(shù)字信息互動。
廣義地說,這種設(shè)計互動的概念,可以運用在人與人、人與信息、人與數(shù)字軟硬件產(chǎn)品,或是人透過科技與其他人溝通的各種互動模式。也就是說,設(shè)計客服流程、設(shè)計數(shù)字信息平臺、設(shè)計手機或者設(shè)計一個國際通信網(wǎng)路,都必須運用到interaction design的概念。
1.2.2 交互設(shè)計的專業(yè)化
當然,筆者不會天真地認為只要分析字義,就能夠完全厘清或者是界定“交互設(shè)計”一詞。如果事情這么好辦,也不需要我們在此大張旗鼓地進行探討。就像本書開頭所說的人從誕生以來就開始了和環(huán)境、產(chǎn)品的多元互動,互動存在于許多不同的設(shè)計中。就拿做飯吃飯來說,人與鍋碗瓢盆、桌子、椅子、筷子、切菜板、洗菜盆、煤氣灶、微波爐等廚房用品都有其相異的互動方式。既然這并不是數(shù)字產(chǎn)品才有的特質(zhì),那為什么所謂的交互設(shè)計,卻是在這幾年才被熱烈討論呢?僅在數(shù)十年前,第一個互動系統(tǒng)首次亮相,交互設(shè)計也就由此產(chǎn)生。新的界面帶來了新的挑戰(zhàn),涌現(xiàn)出一批新的設(shè)計師來接受這個挑戰(zhàn)。隨后,一系列書籍紛紛出版,以闡釋這個未知領(lǐng)域的方方面面。原因我們似乎可以歸結(jié)于互聯(lián)網(wǎng)技術(shù)和數(shù)字科技的迅猛發(fā)展為互動提供了許多新的可能性,同時也將它復雜化,因此它必須被抽離出來,獨立成為一門專業(yè)來探討。
比如書本和網(wǎng)站,同樣都是傳遞信息的媒介。要去閱讀一本書,你必須翻頁。也就是說,人必須和書的硬件結(jié)構(gòu)與內(nèi)容信息作互動。但除非你是在設(shè)計親子互動書那種有機關(guān)和游戲的書本,不然絕大多數(shù)時候,人與書之間的互動模式是固定、單純且不需要花太多去創(chuàng)新的。也就是說一本書的設(shè)計師,并不需要絞盡腦汁去設(shè)計互動,而需要他們用心和注意的地方是在視覺引導,也就是文字、圖版、色彩等的編排。有時候,如果在設(shè)計書籍時刻意要求改變它的互動模式,不但不會加分,甚至還會出現(xiàn)反效果。相對的,在數(shù)字的世界里,使用者和網(wǎng)站的互動模式不但五花八門,而且還必須日新月異。互動模式是否方便、合理、有趣或有效率,能夠成就一個網(wǎng)站,也足以摧毀一個網(wǎng)站。因此與書籍恰巧相反,“設(shè)計交互”在網(wǎng)站建構(gòu)過程之中,不僅是一個需要費心思量的議題,而且還必須交由專人或?qū)I(yè)團隊負責。
不只是網(wǎng)站,在數(shù)字科技的加持之下,所有軟硬件產(chǎn)品都可以擁有無限的互動可能性。只要拿文書處理軟件和打字機相比,PDA和記事本對照,iPad和紙本雜志比較,我們很快就能夠理解:在數(shù)字時代,錯綜復雜的互動產(chǎn)品無處不在。因此交互設(shè)計不但必須成為一項專業(yè),而且在人才供不應求的情況下,它一定會快速崛起成為一項很賺錢的專業(yè)。
交互設(shè)計概念之所以在近幾年廣為討論,主要是因為許多廠商開始意識到,絕大部分數(shù)字產(chǎn)品在市場上的失敗,并不是因為美學或者實質(zhì)功能方面的缺憾,而是因為互動模式設(shè)計上的錯誤,導致使用者不想或根本不知道該如何使用這個產(chǎn)品。例如蘋果公司在G3時代推出的圓形鼠標,從美學上來看,它的外形非常可愛;從性能上來看,它在靈敏度方面也絕對沒有問題。但它正圓的形狀,卻讓使用者無法用觸覺來找到正確的使用角度,因此在可用性上出現(xiàn)了明顯的瑕疵。這是一個交互設(shè)計上的嚴重缺失,被許多人認為是計算機史上最失敗的鼠標。這就是失敗的interaction design,導致產(chǎn)品在市場上遭滑鐵盧的典型范例。
1.2.3 網(wǎng)頁設(shè)計=交互設(shè)計?
另外,相信當我們向周遭的人詢問什么是交互設(shè)計時,肯定有不少人會這樣回答:“交互設(shè)計?你指的是網(wǎng)頁設(shè)計嗎?”如果我們依循前面所架構(gòu)出來的邏輯,你就可以發(fā)現(xiàn),網(wǎng)頁設(shè)計是一種interactive design,因為網(wǎng)絡這個科技媒體具有互動的特質(zhì),因此網(wǎng)頁設(shè)計與傳統(tǒng)的平面設(shè)計不同,它是一種互動“的”設(shè)計。然而在設(shè)計網(wǎng)頁時,必須依使用者的需求和習慣去考慮互動流程、組織信息架構(gòu)、安排按鈕和選項,以及設(shè)計和規(guī)劃視覺引導策略等。這許多設(shè)計方面的考量,都是為了讓使用者能夠享受使用這個系統(tǒng)的操作過程。所以你是在設(shè)計互動的機制,建構(gòu)人和數(shù)字信息之間的方便門。這個過程,就是interaction design,因為你在“設(shè)計”一種“交互”的模式。
所以,“網(wǎng)頁設(shè)計是不是交互設(shè)計”這個問題其實是詭異的。因為網(wǎng)站是一種互動的設(shè)計(interactive design);而在建構(gòu)網(wǎng)頁的過程中,則需要運用設(shè)計互動(interaction design)的觀念和原則,才能在人和數(shù)字信息之間設(shè)定出合理的互動模式、界面和機制。
簡而言之,interactive design的重點,在于促成互動的這個“科技”層面;interaction design考量的重點,則在于如何幫助和照顧使用系統(tǒng)或產(chǎn)品的“人”。盡管兩者之間有相當?shù)牟町悾诤芏鄧一虻貐^(qū),將interactive design及interaction design都譯成“交互設(shè)計”,似乎已經(jīng)是一種慣例。因此,筆者也不便逆勢而行,在本書的內(nèi)容范圍之內(nèi),筆者將會沿用“交互設(shè)計”。但筆者所指的,是創(chuàng)造、設(shè)計和規(guī)劃互動模式的藝術(shù),也就是interaction design。
1.2.4 界面設(shè)計=交互設(shè)計?
界面設(shè)計與交互設(shè)計這兩個專有名詞之間的差異,比“網(wǎng)頁設(shè)計是不是交互設(shè)計”更難說明。因為不管是界面(interface)、使用者界面(user interface)或人機界面(human-computer interface),其實都是交互設(shè)計成果的具體呈現(xiàn),因此界面設(shè)計與交互設(shè)計幾乎被認為是同義詞。
界面的基本定義,就是使用者(user)與系統(tǒng)(system)的接觸面,使用者必須透過這個表面來理解和操作系統(tǒng),系統(tǒng)也必須透過這個表面來向使用者傳達信息。因此不管你如何稱呼它,界面設(shè)計所聚焦的重點都是在這個表面的構(gòu)成,而且它通常是設(shè)計互動過程中最后一個關(guān)鍵環(huán)節(jié)。曾經(jīng)在一個討論交互設(shè)計的部落格看過一個不錯的圖示,以非常簡單的方式說明了界面與交互設(shè)計的對應關(guān)系。由圖1.10我們可以看出,界面是交互設(shè)計的具體呈現(xiàn),而整體設(shè)計從最初的抽象概念出發(fā),一直發(fā)展到最后的具體的界面,其間的整體過程都必須以交互設(shè)計觀念和思考為軸心。

圖1.10 界面設(shè)計與交互設(shè)計的關(guān)系示意圖
1.2.5 到底什么是交互設(shè)計
關(guān)于交互設(shè)計成為一個專業(yè)的必要性,可以參考知名軟件設(shè)計師米契·卡波(Mitchell Kapor)的說法。在數(shù)字科技發(fā)展的初期,軟件的開發(fā)被視為是一項技術(shù)性的工程,因此大多是由撰寫軟件的科學家來一手包辦。卡波在20世紀80年代,開始將“設(shè)計”的概念帶入當時正在萌芽的軟件工業(yè)。以現(xiàn)在的眼光來看,卡波的工作內(nèi)容就是所謂的交互設(shè)計,他也因此被許多人公認為是第一位專業(yè)的軟件設(shè)計師。
1990年,卡波發(fā)表了著名的《軟件設(shè)計宣言》(A Software DesignManifesto)。在這篇宣言中卡波如此表示:什么是設(shè)計?在怎樣的情況下,設(shè)計會成為一個需要重視的問題呢?這個情況,就出現(xiàn)在你同時涉足“科技”與“人類需求”,而必須嘗試將兩者連接起來的時候……以建筑為例,當你想要蓋一間房子,你首先必須和“建筑師”溝通,而不是去和“工程師”溝通。為什么呢?因為要蓋出一棟好房子所需要的條件,并不屬于工程技術(shù)的范疇。你需要把臥房安排在安靜的位置讓人可以休息,你要讓廚房鄰近餐廳……這些都不是大自然的定律,也不是技術(shù)性的知識,而是一種設(shè)計上的智慧。同理可證,計算機軟件之所有元件和元素的選擇,都必須以使用者的需求以及使用上的狀況為依據(jù),這就必須透過有智慧、深思熟慮的設(shè)計才能達成。”卡波的這一番話,為交互設(shè)計做出了一個明確的定位。因此我們可以歸納出以下這個結(jié)論:交互設(shè)計是一種超越技術(shù)性,能夠以使用者的需求和使用經(jīng)驗為中心去考量的大智慧,其終極目的在于創(chuàng)造出科技與人類之間的完美連接。
交互設(shè)計所牽連的范圍很廣,界面設(shè)計、軟件設(shè)計、人因工程、人機互動、信息工程等,都需要用到與交互設(shè)計相關(guān)的專業(yè)知識。在美國,工業(yè)設(shè)計公司、網(wǎng)絡設(shè)計公司、軟件設(shè)計公司、媒體設(shè)計公司、數(shù)字廣告公司等,近幾年來都紛紛成立交互設(shè)計部門,因為科技與人類的互動與結(jié)合,已經(jīng)成為一個必然的趨勢。以剛被選為本世紀最具代表性數(shù)字廣告公司的R/GA為例,每一個廣告案件,都會由交互設(shè)計師、視覺設(shè)計師和程序設(shè)計師組成團隊共同負責,因為他們相信如此打造出來的創(chuàng)意,才會人性、美感和技術(shù)兼?zhèn)洌拖袷峭瓿梢粭澓梅孔樱枰ㄖ煛⑹覂?nèi)設(shè)計和工程師的通力合作一樣。
丹·賽弗(Dan Saffer)的交互設(shè)計及其他相關(guān)領(lǐng)域關(guān)系如圖1.11所示。

圖1.11 丹·賽弗(Dan Saffer)的交互設(shè)計及其他相關(guān)領(lǐng)域關(guān)系
在揭示何謂交互設(shè)計時,IDEO公司的交互設(shè)計部負責人督恩·貝(Duane Bay)曾經(jīng)將交互設(shè)計整理歸納成以下三大類。
(1)透過熒幕的體驗
這應該是大家最熟悉的交互設(shè)計形態(tài),網(wǎng)站、軟件、電玩等使用者必須透過熒幕體驗的互動,都屬于這個類別。
(2)互動產(chǎn)品
這種交互設(shè)計與工業(yè)設(shè)計息息相關(guān),像手機、相機、鼠標等,都隸屬于這個范疇。因為產(chǎn)品具有實體,因此在交互設(shè)計過程中,除了視覺,還必須考慮材料、硬件結(jié)構(gòu)、人因工程等元素。
(3)服務
所謂的服務交互設(shè)計,指的是公司與客戶群之間的互動,它并沒有固定的管道、形態(tài)或產(chǎn)品。因應個案的需求,會有不同的計劃和策略,目的在于提供良好的互動經(jīng)驗,借以提升用戶對于公司或其產(chǎn)品的信賴度與忠誠度。客服電話語音系統(tǒng)、互動營銷(Interactive Marketing)、展場內(nèi)查詢數(shù)據(jù)的互動裝置等,都是屬于以服務為出發(fā)點的交互設(shè)計。
- Premiere Pro CS6標準教程(全視頻微課版)
- Photoshop CS6中文版圖像處理實戰(zhàn)從入門到精通
- 3ds Max效果圖制作基礎(chǔ)教程
- AutoCAD繪圖要義
- 新印象 Premiere 短視頻剪輯基礎(chǔ)與實戰(zhàn)(培訓教材版)
- CG影視特效制作揭秘
- 一本書玩轉(zhuǎn)信息圖制作
- 交互式電子白板與多媒體CAI課件制作教程(第2版)
- 中文版Flash CS5多媒體課件制作案例教程
- 數(shù)碼影像銳化深度剖析
- Photoshop CS6中文版從入門到精通
- Photoshop CS6從入門到精通
- After Effects CS6完全自學教程(第2版)
- After Effects CS5完全自學一本通
- 中文版AutoCAD 2013全套建筑圖紙繪制典型實例