交互設(shè)計：從物理邏輯到行為邏輯

交互設(shè)計的對象：行為的設(shè)計

交互設(shè)計作為正式的研究方向早在上個世紀(jì)六十年代就開始了。早期的交互設(shè)計主要關(guān)注的還是人與機(jī)器癣猾、尤其是與計算機(jī)的交互夸盟，其主要的目的是通過提供簡單易懂的操作界面使計算機(jī)和其他新興的數(shù)字產(chǎn)品能購為更多的普通用戶所接受满俗。

上世紀(jì)六十年代計算機(jī)領(lǐng)域個人電腦的發(fā)展是推動交互設(shè)計的重要原因唆垃。但隨后交互設(shè)計拓展到了信息技術(shù)辕万、互聯(lián)網(wǎng)渐尿、物聯(lián)網(wǎng)等涉及服務(wù)與體驗的不同領(lǐng)域或行業(yè)砖茸。但最終交互的設(shè)計不離初衷凉夯，是為了讓更多的普通用戶能夠接受并簡易的使用產(chǎn)品劲够。

“行為的設(shè)計”與“物的設(shè)計”之區(qū)別

設(shè)計在傳統(tǒng)意義上一般被理解為造物征绎，也就是對物的設(shè)計人柿。交互設(shè)計則不同顷扩，是在創(chuàng)造“行為”隘截，它也需要物婶芭，但只是把物當(dāng)作實現(xiàn)行為的媒介犀农。

辛向陽教授指出交互設(shè)計與傳統(tǒng)的設(shè)計行為不同呵哨。傳統(tǒng)的設(shè)計是在設(shè)計物品孟害，為人所用击你，此時人類的行為是人與物品進(jìn)行溝通的媒介谎柄。而在交互設(shè)計中，設(shè)計的是人的行為鸿摇，物品本身變成了一種媒介户辱。即是說，交互設(shè)計首先是調(diào)研分析人的行為必逆，再根據(jù)人的行為去對物品進(jìn)行設(shè)計揽乱。

以手機(jī)為例损拢。手機(jī)作為被消費者廣泛使用的一個軟硬件一體福压、產(chǎn)品與服務(wù)結(jié)合的通訊和社交產(chǎn)品荆姆，它的用戶體驗常常被交互設(shè)計師津津樂道，也往往是手機(jī)品牌和服務(wù)供應(yīng)商重點關(guān)注的內(nèi)容诈豌。iPhone通常被認(rèn)為是交互設(shè)計成功的典范，雖然很少有人能夠清楚地描述出iPhone的交互形態(tài)或者它有別于其他手機(jī)的交互特點构诚，但我們可以從下面一個簡單現(xiàn)象中獲得很多啟示员魏。不管是設(shè)計師還是普通用戶有了自己的iPhone之后叠聋，都一定會關(guān)注其中的種種界面碌补，并喜歡向朋友和家人演示這些界面镇匀。從滑動開啟界面袜啃、圖片放大汗侵、自動轉(zhuǎn)向、CD唱片的翻轉(zhuǎn)等等群发。

iPhone的舉例說明首先用戶在演示iPhone時晰韵，首先是去介紹iPhone是如何使用的，并非去關(guān)注iPhone工業(yè)設(shè)計上的精巧或界面的華麗熟妓。

如圖所示雪猪，使用諾基亞手機(jī)撥打電話需要5個步驟，而使用三星手機(jī)則需要8個步驟起愈；使用諾基亞手機(jī)發(fā)送短信需要8個步驟只恨，而使用三星手機(jī)則需要（8 6）14個步驟。依此類推坤次，可以看出兩者的更多區(qū)別滑绒。因此不難理解，為什么在先前的用戶感性評測中，用戶普遍認(rèn)為諾基亞有更好的用戶體驗牛曹，因為它可以使任務(wù)的完成變得更加簡單阅虫，操作當(dāng)然也更容易见间。

1.jpg

同樣是調(diào)整屏幕的亮度，在外形也很相似的情形下，蘋果的iOS操作系統(tǒng)和Android系統(tǒng)為用戶提供的路徑卻完全不同（如圖2）正林。圖中不同顏色的線條是在實際用戶測試中，用戶嘗試過的路徑瞳脓。顯然板辽，iOS的路徑更加便捷明了邑跪。Android系統(tǒng)雖然提供了更多的可能路徑轴踱，卻使用戶在選擇過程中耗費

2.jpg

以上，辛向陽教授舉了三個例子證明針對物品進(jìn)行設(shè)計與針對用戶行為進(jìn)行設(shè)計的不同。其中包含iPhone和Motorola V3的用戶關(guān)注點對比、諾基亞與三星的用戶可用性對比嗓节、iOS和Android操作系統(tǒng)的對比皆警。

在交互行為過程里，器物包括軟硬件只是實現(xiàn)行為的媒介、工具或手段豆瘫。交互設(shè)計師更多地關(guān)注經(jīng)過設(shè)計的昵宇、合理的用戶體驗，而不是簡單的產(chǎn)品功能。這樣倒槐，消費者獲得的不只是單一的產(chǎn)品崔赌，而是以產(chǎn)品作為媒介的一個完整的服務(wù)平臺。交互設(shè)計和產(chǎn)品設(shè)計的區(qū)別如圖3所示耸别。

3.jpg

交互設(shè)計的五要素

當(dāng)行為過程作為設(shè)計對象的時候健芭，其屬性不再是傳統(tǒng)工業(yè)設(shè)計通常關(guān)注的諸如功能、結(jié)構(gòu)太雨、材料、色彩等物理屬性魁蒜。交互（interaction）是因為有了“動作”（action）和相應(yīng)的“反饋”（reaction）才形成了一個回合的交互行為囊扳。這里的動作一般是指有意識的行為，當(dāng)然也就有了執(zhí)行動作的人兜看、行為的目的锥咸、實現(xiàn)動作的手段或工具（可以是軟硬件，也可能是身體的某個部位细移，甚至可能是外在的環(huán)境媒介）搏予、行為發(fā)生的場景。暫且把人弧轧、動作雪侥、工具或媒介、目的精绎、和場景界定為交互設(shè)計的基本元素或行為五要素（圖4）速缨。五要素的提出是受了文藝?yán)碚摷铱夏崴?伯克（Kenneth Burke）戲劇五位一體和“同一”理論的啟發(fā)[4]。如果說代乃，通過改變材料旬牲、色彩、結(jié)構(gòu)或功能可以獲得一個新的工業(yè)產(chǎn)品的概念，那么一個新的交互設(shè)計概念則往往需要當(dāng)行為過程作為設(shè)計對象的時候原茅，其屬性不再是傳統(tǒng)工業(yè)設(shè)計通常關(guān)注的諸如功能吭历、結(jié)構(gòu)、材料擂橘、色彩等物理屬性晌区。交互（interaction）是因為有了“動作”（action）和相應(yīng)的“反饋”（reaction）才形成了一個回合的交互行為。這里的動作一般是指有意識的行為贝室，當(dāng)然也就有了執(zhí)行動作的人契讲、行為的目的、實現(xiàn)動作的手段或工具（可以是軟硬件滑频，也可能是身體的某個部位捡偏，甚至可能是外在的環(huán)境媒介）、行為發(fā)生的場景峡迷。暫且把人银伟、動作、工具或媒介绘搞、目的彤避、和場景界定為交互設(shè)計的基本元素或行為五要素（圖4）。五要素的提出是受了文藝?yán)碚摷铱夏崴?伯克（Kenneth Burke）戲劇五位一體和“同一”理論的啟發(fā)[4]夯辖。如果說琉预，通過改變材料、色彩蒿褂、結(jié)構(gòu)或功能可以獲得一個新的工業(yè)產(chǎn)品的概念圆米，那么一個新的交互設(shè)計概念則往往需要從重新確定參與者、定位行為動機(jī)啄栓、規(guī)劃行為過程娄帖、謀求新的手段、營造新的場景和環(huán)境等角度來入手昙楚。

4.jpg

交互行為(interaction)因為有了動作(action)和響應(yīng)的反饋(reaction)才形成了一個回合的交互行為近速。要創(chuàng)造一個新的工業(yè)產(chǎn)品概念，可以通過改變產(chǎn)品的材料堪旧、色彩削葱、結(jié)構(gòu)或功能。而需要獲得一個新的交互設(shè)計的概念淳梦，則需要從參與者(people)佩耳、行為動機(jī)(purpose)、行為過程(actions)谭跨、新的行為手段(means)干厚、行為發(fā)生的場景和環(huán)境等角度來設(shè)計李滴。

從物理邏輯到行為邏輯

既然交互設(shè)計是對行為進(jìn)行設(shè)計，而物品是設(shè)計的媒介蛮瞄。那么理清物品上的物理邏輯到行為邏輯上的轉(zhuǎn)換至關(guān)重要所坯。

Yahoo和Flickr主頁界面對比

5.jpg

讓我們再看兩個互聯(lián)網(wǎng)服務(wù)的對比，Yahoo網(wǎng)站和Flickr網(wǎng)站（圖5）挂捅。為了組織復(fù)雜的信息芹助，Yahoo主頁至少同時使用了“LATCH（位置Location、字母Alphabet闲先、時間Time状土、分類Category、層級Hierarchy）方法”伺糠、信息組織方法中的分類法（頂部和左側(cè)的信息或服務(wù)板塊）蒙谓、層級劃分（正中的視頻和右上角“熱點話題”）和按時間順序排列（中間偏下的“所有新聞”）。當(dāng)然了训桶，這些還不是Yahoo主頁信息組織的所有方法累驮。作為九十年代中期起步的搜索引擎和門戶網(wǎng)站，為了滿足人們獲取信息的需求舵揭，精心組織信息和相應(yīng)的服務(wù)成為了Yahoo主要的任務(wù)谤专。在這里信息的組織（比如說LATCH方法的運用）和展現(xiàn)（排版、視覺呈現(xiàn)等）類似于傳統(tǒng)的實體產(chǎn)品設(shè)計中對產(chǎn)品功能午绳、結(jié)構(gòu)置侍、造型、材料拦焚、色彩的優(yōu)化組合蜡坊，因為設(shè)計師相信經(jīng)過合理組織的信息和服務(wù)是Yahoo為互聯(lián)網(wǎng)用戶服務(wù)的基礎(chǔ)。

這是Yahoo網(wǎng)站為了組織信息對網(wǎng)站的設(shè)計方法耕漱。設(shè)計的出發(fā)點是基于信息本身算色，即使用何種方法組織利用信息才能取得信息最大的獲取效率抬伺。

接下來看Flickr網(wǎng)站螟够。Flickr主頁的設(shè)計則采用了完全不同的思路,中心位置“Upload”、“Discover”和“Share”三個醒目的入口顯然不是按照圖片的某種分類方法而設(shè)定的三個圖片信息板塊[5]峡钓，它們的出現(xiàn)是因為用戶三種典型行為妓笙。來到Flickr的人首先想到的是我可以做些什么，“上傳能岩、尋找還是分享寞宫？”，而不是瀏覽Flickr里提供了什么樣的圖片拉鹃。在這里辈赋，用戶的行為成為了設(shè)計的對象主體鲫忍，各種用戶的不同行為通過用戶研究以典型用戶行為呈現(xiàn)在主頁上，最大限度地契合了主流用戶可能的钥屈、理想的行為路徑悟民。

Flickr的設(shè)計出發(fā)點是用戶的行為，首先分析用戶進(jìn)入網(wǎng)站后最合理的行為是什么篷就，再根據(jù)行為進(jìn)行設(shè)計射亏。

行為邏輯與物理邏輯

如果把“合理組織行為作為決策依據(jù)”稱之為“行為邏輯”，那么,“強(qiáng)調(diào)物的自身屬性合理配置的決策依據(jù)”則可稱之為“物理邏輯”竭业。Yahoo和Flickr同樣是互聯(lián)網(wǎng)產(chǎn)品智润，盡管都強(qiáng)調(diào)為用戶服務(wù)，反映的卻是兩種完全不同的思路未辆。首先是關(guān)注對象的不同窟绷，Yahoo關(guān)注的物（虛擬的信息）和Flickr關(guān)注的行為；更重要的是鼎姐，由于對象的不同钾麸，設(shè)計決策過程中依賴的是完全不同的邏輯思維。Yahoo是對信息作為虛擬物的“物”屬性（分類炕桨、結(jié)構(gòu)饭尝、呈現(xiàn)形式等等）的合理組織，它遵循的是物理邏輯献宫；另一方面钥平，F(xiàn)lickr是根據(jù)人的行為、目的和習(xí)慣來規(guī)劃行為過程姊途，它遵循的則是行為邏輯涉瘾。

Yahoo和Google同樣提供搜索引擎服務(wù)，但卻使用了兩種完全不同的思維方式捷兰。Yahoo是利用組織信息的方法和工具把所有復(fù)雜的信息按照合理的方式呈現(xiàn)給用戶的時候立叛，用戶則需要在信息架構(gòu)的不同層級里去發(fā)現(xiàn)自己需要的信息。這里采用的是物理邏輯贡茅。而Google則是采用行為邏輯秘蛇，它的一鍵到達(dá)的模式無疑從行為角度講是最經(jīng)濟(jì)合理的。

柯尼卡.美能達(dá)Bizhub 751型復(fù)合復(fù)印機(jī)

柯尼卡.美能達(dá)Bizhub 751型復(fù)印機(jī)之所以出現(xiàn)簡單任務(wù)操作困難的現(xiàn)象顶考，根據(jù)測試分析報告赁还，主要由于以下幾個方面的問題：

1. 控制界面上的符號不能很好地和用戶的復(fù)印任務(wù)行為語言吻合，也就是說驹沿，按鍵圖標(biāo)不能清楚地告訴用戶艘策，它執(zhí)行的具體任務(wù)和相應(yīng)的結(jié)果；

2. 界面提供的信息架構(gòu)很好地遵循了機(jī)器本身功能渊季、結(jié)構(gòu)或者后天軟件程序的需要朋蔫，但是不能和用戶的思維與行為習(xí)慣匹配罚渐；

3. 界面信息分區(qū)往往遵照了功能板塊的劃分，而沒有對應(yīng)典型的任務(wù)流程驯妄；由于機(jī)器希望完整地展現(xiàn)各種功能搅轿，結(jié)果造成了每一步操作過程都會出現(xiàn)很多的信息干擾，帶來很多的誤操作富玷；

4. 沒有避免出現(xiàn)誤操作的結(jié)果預(yù)覽或提醒璧坟，無法及時修正誤操作。

因此赎懦，不難理解是操作界面設(shè)計的“不合理”導(dǎo)致了測試過程中糟糕的用戶體驗雀鹃。

功能型用戶界面設(shè)計和行為型用戶界面設(shè)計

智能冰箱功能型用戶界面和行為型用戶界面信息架構(gòu)對比

一個原本簡潔的信息架構(gòu)由于它和用戶的使用習(xí)慣并不吻合，使得用戶在完成一個任務(wù)的時候往往需要在不同的功能板塊励两、不同的信息層級之間跳躍黎茎。另一方面，看似復(fù)雜的行為型信息架構(gòu)当悔，由于它的組織原則結(jié)合了典型任務(wù)的典型路徑傅瞻，實際使用的時候，它的路徑更直觀盲憎、便捷嗅骄。其實，這個簡單的案例還反應(yīng)了不少交互設(shè)計師常常忽略的一個現(xiàn)象饼疙，那就是用戶在使用過程中是不可能在大腦里呈現(xiàn)出一個完整的信息架構(gòu)層級的溺森，他也很少會通過全面了解信息架構(gòu)然后進(jìn)行操作的。用戶在每一個決策的時刻窑眯，呈現(xiàn)在他面前的往往是一條路徑上的簡單選擇屏积，包括退出。也就是說磅甩，信息架構(gòu)自身的復(fù)雜程度和用戶使用的復(fù)雜程度是由不同的邏輯思維判斷的炊林。

結(jié)語

行為邏輯的提出并非期待尋找行為流程自身的某種科學(xué)的甚至機(jī)械式的邏輯聯(lián)系，而是強(qiáng)調(diào)以行為作為界面設(shè)計的本體卷要，對界面設(shè)計的考量依照具體任務(wù)的流程合理性和用戶體驗來衡量渣聚。

行為邏輯的提出有助于豐富設(shè)計理念和方法，但并不否定物理邏輯以及在物理邏輯思維指導(dǎo)下的各種設(shè)計方法却妨。哲學(xué)概念的作用往往在于為解決困惑提供思想工具饵逐，而不是闡述原本就未必存在的真理括眠。

其次彪标，心理學(xué)和認(rèn)知學(xué)領(lǐng)域有很多研究行為的學(xué)術(shù)成果可供參考。

心理學(xué)家唐納德.諾曼成功地把對人認(rèn)知掷豺、行為等心理學(xué)研究成果轉(zhuǎn)化成了以人為本的設(shè)計準(zhǔn)則和方法捞烟，包括概念模型薄声、反饋、限制因素题画、啟示（原文“Affordance”,也譯為“預(yù)設(shè)用途”）默辨，這些都是從用戶心理、認(rèn)知和行為等角度對設(shè)計提出的要求[7]苍息，顯然這些原則遵循的不是強(qiáng)調(diào)器物自身屬性合理性的物理邏輯缩幸，而是符合人的認(rèn)知與行為習(xí)慣的行為邏輯。