多模式交互櫥窗的用戶體驗(yàn)研究

樊相珍，邵敏之

（同濟(jì)大學(xué) 藝術(shù)與傳媒學(xué)院，上海 201804）

多模式交互櫥窗的用戶體驗(yàn)研究

樊相珍，邵敏之

（同濟(jì)大學(xué) 藝術(shù)與傳媒學(xué)院，上海 201804）

文章以開放式櫥窗設(shè)計(jì)的結(jié)構(gòu)形式，結(jié)合多種交互技術(shù)設(shè)計(jì)了一個(gè)以經(jīng)典童話故事為主題的多模式交互櫥窗系統(tǒng)，探索如何吸引并激發(fā)用戶與公共展示的交互興趣。通過(guò)分析用戶的交互行為，總結(jié)系統(tǒng)過(guò)渡性和交流性特點(diǎn)，為交互櫥窗設(shè)計(jì)和公共空間展示提供一些指導(dǎo)和建議。

交互櫥窗;公共展示;用戶體驗(yàn);多模式界面

一、引言

公共展示（public displays）是近年來(lái)在人機(jī)交互技術(shù)不斷發(fā)展下而出現(xiàn)的一個(gè)新的研究和應(yīng)用領(lǐng)域。然而盡管公共展示的應(yīng)用越來(lái)越多，實(shí)際生活中人們卻很少關(guān)注它，即使注意到了，停留的時(shí)間一般也很短暫。通常人們并不期望這些展示可以交互，因此不會(huì)主動(dòng)探索其交互性。有些公共展示雖然運(yùn)用了交互技術(shù)，也起到了吸引人的作用，但人們似乎很少主動(dòng)產(chǎn)生興趣參與交互。這引發(fā)了一個(gè)問(wèn)題，那就是公共展示應(yīng)該如何激發(fā)人們與之交互的興趣。我們認(rèn)為可以借鑒商業(yè)櫥窗設(shè)計(jì)研究解決這個(gè)問(wèn)題。顧客在進(jìn)入一家商店選購(gòu)商品之前，通常促使他們走進(jìn)去的一個(gè)主要原因就是被外面的櫥窗展示所吸引。因此借用櫥窗設(shè)計(jì)的形式來(lái)研究交互公共展示，或許可以為有效解決展示視盲（display blindness）問(wèn)題提供一個(gè)獨(dú)特的思路。本文設(shè)計(jì)一個(gè)公共空間的交互櫥窗系統(tǒng)，結(jié)合現(xiàn)有不同模式的交互技術(shù)，通過(guò)實(shí)地觀察用戶的交互行為和體驗(yàn)效果，研究公共展示如何能吸引用戶，激發(fā)用戶的交互興趣，使他們從中獲得更加豐富有趣的體驗(yàn)。

二、交互櫥窗設(shè)計(jì)

本文設(shè)計(jì)并實(shí)現(xiàn)一個(gè)以經(jīng)典童話故事《小紅帽與大灰狼》為主題，融合五種不同交互模式的開放式交互櫥窗。這五種模式分別為：1）木偶（puppet），用戶可以與坐在床上的實(shí)體大灰狼互動(dòng)，其位于眼部的攝像頭一旦捕捉到用戶的臉部，可以做出打招呼等不同的動(dòng)作并轉(zhuǎn)動(dòng)頭部跟隨用戶的移動(dòng)；2）玩偶（tangible），用戶可以通過(guò)操縱內(nèi)置傳感器的大灰狼玩偶控制電子屏里的小紅帽角色玩一個(gè)小游戲；3）剪影（gesture），用戶站在大屏幕前時(shí)被Kinect深度相機(jī)捕捉，可以看到自己浮現(xiàn)于森林里的剪影并與之互動(dòng)；4）手機(jī)（mobile），用戶可以通過(guò)用手機(jī)掃描大屏幕上的二維碼登入網(wǎng)頁(yè)選擇角色及動(dòng)畫，與其他用戶一同在大屏幕上進(jìn)行大灰狼追逐小紅帽的游戲；5）觸屏（touchscreen），用戶可以通過(guò)觸摸拖動(dòng)櫥窗右下方小屏幕上在大灰狼肚子里的老奶奶角色使其產(chǎn)生趣味形變和運(yùn)動(dòng)效果。櫥窗的搭建實(shí)現(xiàn)見(jiàn)圖1。

圖1 多模式交互櫥窗

圖2 實(shí)地研究：左圖：上海1933老場(chǎng)坊 右圖：上海大劇院

三、用戶體驗(yàn)

2016年8月我們?cè)谏虾?933老場(chǎng)坊進(jìn)行了為期三天的用戶體驗(yàn)實(shí)地研究。該場(chǎng)地位于上海的老城區(qū)，坐擁各式各樣的商業(yè)店鋪，如咖啡館、餐廳、珠寶店、無(wú)人機(jī)店及跑車俱樂(lè)部等（圖2左）。每天至少有兩名研究人員在場(chǎng)，通常坐在遠(yuǎn)處觀察并記錄行人的交互情況。偶爾會(huì)對(duì)交互的使用操作為用戶進(jìn)行一些必要的引導(dǎo)，時(shí)機(jī)合適的情況下還進(jìn)行簡(jiǎn)短的采訪。除了用一臺(tái)攝像機(jī)放置在距離櫥窗大約5米處進(jìn)行錄像外，也會(huì)做筆記并使用手機(jī)拍照或錄像。除了在第一、二天有些技術(shù)上的小故障，三天整體的交互觀察數(shù)據(jù)出人意料地一致。

經(jīng)過(guò)統(tǒng)計(jì)，第三天一共有3041人經(jīng)過(guò)，其中有895人（29.4%）與系統(tǒng)進(jìn)行了交互。用戶對(duì)于系統(tǒng)的總體印象都很積極。我們比較了五個(gè)模式的交互數(shù)據(jù)，發(fā)現(xiàn)超過(guò)一半的人（54.5%）與剪影進(jìn)行了交互，16.3%的人與木偶進(jìn)行了交互，8.4%的人與觸屏進(jìn)行了交互，交互比較少的是手機(jī)（2.0%）和玩偶（1.7%）。從數(shù)據(jù)結(jié)果可以看出用戶的剪影的效果最佳，證實(shí)之前多個(gè)交互公共展示的研究發(fā)現(xiàn)，即用戶的影像或剪影是傳遞系統(tǒng)交互可見(jiàn)性的一個(gè)非常有效的手段。用戶整體的交互時(shí)間與之前公共展示的許多研究結(jié)果相比有很大（大約一個(gè)數(shù)量級(jí)）提高。平均每段交互的時(shí)長(zhǎng)約為6分鐘，中值為2分鐘。其中交互時(shí)間最長(zhǎng)的為58分鐘，是一位媽媽帶著兩位小女孩，他們分別體驗(yàn)了所有模式的交互，其中有一位小女孩在晚飯后又單獨(dú)和媽媽來(lái)體驗(yàn)了12分鐘左右。

分析現(xiàn)場(chǎng)觀察和用戶采訪，有別于之前的一些觀察結(jié)果，我們認(rèn)為導(dǎo)致行人在我們的櫥窗前的停留和交互時(shí)間有很大增加是有以下幾個(gè)原因：1）櫥窗開放和立體的結(jié)構(gòu)具有親近感，吸引力；2）以經(jīng)典童話為主題營(yíng)造的幻想世界讓用戶想要一探究竟；3）櫥窗的多模式交互界面適合多人、多年齡參與，比如位置較低的觸屏更適合小孩子使用，而位置略高的剪影則更適合大人們；4）多個(gè)交互模式有助于用戶之間的互動(dòng)交流；5）融合虛擬和實(shí)物的混合現(xiàn)實(shí)設(shè)計(jì)帶給用戶新奇的體驗(yàn)。

整體而言，五個(gè)交互模式都運(yùn)行得相當(dāng)協(xié)調(diào)順利，各顯優(yōu)勢(shì)。在與剪影交互時(shí)，用戶表現(xiàn)了各種頗具創(chuàng)意的動(dòng)作和姿勢(shì)。雖然他們?cè)谶@個(gè)模式停留的平均時(shí)間較短，但是整個(gè)櫥窗交互模式的功能可見(jiàn)性因此被大大提升。當(dāng)用戶注意到一個(gè)界面的交互性后，他們多會(huì)主動(dòng)探尋其他界面的交互可能性。手機(jī)和玩偶模式的交互次數(shù)較少，但是平均交互時(shí)間卻較長(zhǎng)。對(duì)于手機(jī)模式，很少有人注意到二維碼并主動(dòng)掃描（三天里只有兩個(gè)人嘗試了掃碼）。大部分人很可能認(rèn)為這個(gè)二維碼屬于商業(yè)推廣，因此不在意它。而玩偶模式的缺陷在于人們難以發(fā)覺(jué)其交互性，許多人可能是出于禮貌而不主動(dòng)觸碰拿起玩偶。盡管如此，經(jīng)過(guò)研究人員的鼓勵(lì)，大部分嘗試過(guò)這兩個(gè)模式的用戶，交互時(shí)間都明顯更長(zhǎng)。觸屏由于其合適的位置（位于櫥窗右下角前端）和簡(jiǎn)易性，也同樣增加了很多用戶（特別是兒童）的交互時(shí)間。五個(gè)交互模式提供了不同的內(nèi)容、布局和控制，支持并鼓勵(lì)多用戶多層次上的交互。

我們發(fā)現(xiàn)將多個(gè)交互模式融為一體的設(shè)計(jì)可以讓用戶在不經(jīng)意間自然地從一個(gè)模式轉(zhuǎn)換過(guò)渡到另一個(gè)模式。這種過(guò)渡也會(huì)導(dǎo)致著陸效應(yīng)（landing effect）。由于櫥窗長(zhǎng)方體和多模式的設(shè)計(jì)，有些行人經(jīng)過(guò)時(shí)可能錯(cuò)過(guò)剪影但會(huì)注意到木偶并停下來(lái)，接著再返回去與剪影交互（反之亦然）。五個(gè)交互模式相互之間有故事內(nèi)容的聯(lián)系。每個(gè)交互模式的設(shè)計(jì)都與大灰狼有關(guān)，用戶在交互時(shí)常常會(huì)把不同模式聯(lián)系在一起，并且產(chǎn)生相應(yīng)的聯(lián)想。這些聯(lián)想使用戶從多個(gè)渠道感受到更為豐富的交互樂(lè)趣和體驗(yàn)。未來(lái)商店櫥窗的設(shè)計(jì)和實(shí)際應(yīng)用中，這種多個(gè)交互模式相互之間潛在的過(guò)渡和關(guān)聯(lián)關(guān)系，應(yīng)該有助于將他們的注意力自然地從故事角色引導(dǎo)到櫥窗內(nèi)陳列的商品。

經(jīng)過(guò)實(shí)地用戶體驗(yàn)研究，我們針對(duì)櫥窗系統(tǒng)存在的問(wèn)題進(jìn)行了改進(jìn)：1）用戶對(duì)二維碼的忽視使得手機(jī)模式的交互率非常低——我們將二維碼改為彩色，并添加小紅帽和大灰狼循環(huán)角色動(dòng)畫，使其更為親切和引人注目；2）玩偶的交互可見(jiàn)性不夠，難以吸引用戶——我們?cè)跈淮鞍惭b紅外測(cè)距傳感器和指示燈并在玩偶眼睛嵌入LED小燈，當(dāng)行人走進(jìn)玩偶附近，這些小燈即亮起和閃爍，同時(shí)觸發(fā)小屏幕上的游戲；3）觸屏交互的老奶奶角色在初始狀態(tài)為靜止，導(dǎo)致其交互性難以傳達(dá)——我們將角色設(shè)定為即使在沒(méi)有手指觸碰的情況下，也會(huì)進(jìn)行微小但明顯的隨機(jī)抖動(dòng)和運(yùn)動(dòng)；4）許多用戶沒(méi)有意識(shí)到裝置在木偶眼睛里的攝像頭一直在捕捉并跟隨他們自己的臉部——我們將頭部舵機(jī)的轉(zhuǎn)動(dòng)速度和步距過(guò)度調(diào)高，形成一定的超射振蕩，從而達(dá)到明顯的頭部跟蹤抖動(dòng)效果。

改進(jìn)后我們?cè)?016年10月的一個(gè)周末進(jìn)行了為期兩天的第二次場(chǎng)地實(shí)驗(yàn)。地點(diǎn)是在上海大劇院所舉辦的創(chuàng)意市集，櫥窗場(chǎng)地為眾多市集中的一個(gè)攤位（圖2右）。由于活動(dòng)性較強(qiáng)，前來(lái)參觀游玩的人也更多、更為密集。我們將一臺(tái)攝像機(jī)放置在櫥窗對(duì)面的走廊進(jìn)行錄像記錄。研究人員則坐在攝像機(jī)附近的椅子上遠(yuǎn)距離觀察和記錄，盡量保持不干涉用戶的交互過(guò)程。實(shí)驗(yàn)觀察除了用手機(jī)拍照記錄以外，還對(duì)使用過(guò)多個(gè)交互模式的用戶進(jìn)行了問(wèn)卷采訪。

與第一次的實(shí)地研究相比，玩偶、木偶和觸屏三個(gè)交互模式的交互率得到了不同程度的提高。玩偶模式最為明顯，其功能可見(jiàn)性有了很大的提高，它的交互幾乎不需要研究人員進(jìn)行任何引導(dǎo)。其次是木偶的跟蹤交互與觸屏交互，許多用戶都能注意到木偶的頭在不停轉(zhuǎn)動(dòng)或許是在觀察什么，因而引發(fā)他們進(jìn)一步的好奇心。而觸屏交互的角色動(dòng)態(tài)改進(jìn)則為許多小孩子提供了暗示，孩子們看到角色的抖動(dòng)便本能地想用手去觸碰，進(jìn)而很快發(fā)現(xiàn)可以通過(guò)觸摸與角色互動(dòng)。剪影模式的交互率與第一次實(shí)地研究持平，大多數(shù)行人仍然是首先被它所吸引而駐足停下。但是手機(jī)交互模式在兩天內(nèi)沒(méi)有一位用戶嘗試掃描二維碼。采訪顯示許多用戶還是沒(méi)有注意到屏幕上的二維碼，也有不少用戶認(rèn)為那是常見(jiàn)的廣告宣傳而不予理會(huì)。二維碼在當(dāng)今社會(huì)環(huán)境下仍有較強(qiáng)的商業(yè)色彩，我們認(rèn)為手機(jī)模式的交互可見(jiàn)性和傳達(dá)設(shè)計(jì)可能需要另辟蹊徑。最近德國(guó)包豪斯大學(xué)的一個(gè)工作也報(bào)告了類似的結(jié)果。

木偶模式突顯出更多值得深入改進(jìn)的地方。許多用戶在看到它的打招呼以及轉(zhuǎn)頭跟蹤的動(dòng)作后，都明顯產(chǎn)生了更進(jìn)一步的探索興趣，會(huì)嘗試想要對(duì)它做別的動(dòng)作或者與其對(duì)話進(jìn)行交互。例如，有一位小女孩在看到木偶打招呼后，便不停地對(duì)它說(shuō)“你好”，希望得到更多的回應(yīng)。有一位小男孩看到木偶揮手打招呼后，不停地對(duì)其揮手，甚至?xí)闷饳淮袄锏娘椢飿屩钢九迹Ｍ玫剿幕貞?yīng)。還有些年齡稍大的孩子們會(huì)在拿起玩偶大灰狼與屏幕里的小紅帽交互的同時(shí)，轉(zhuǎn)身將它放在木偶的眼前不停地?fù)]動(dòng)，希望以此來(lái)獲得木偶的回應(yīng)。這些情況都表明木偶模式還可以進(jìn)行一些更為深入的交互設(shè)計(jì)改進(jìn)。

四、總結(jié)

本文根據(jù)交互公共空間所普遍存在的展示視盲問(wèn)題，結(jié)合傳統(tǒng)展示櫥窗設(shè)計(jì)形式與開放式結(jié)構(gòu)，設(shè)計(jì)了一個(gè)以經(jīng)典童話故事為主題的多模式交互櫥窗系統(tǒng)，通過(guò)兩次不同場(chǎng)地的實(shí)驗(yàn)來(lái)探索系統(tǒng)對(duì)用戶的吸引力和交互興趣的激發(fā)。觀察結(jié)果顯示，融合多模式交互技術(shù)能夠激發(fā)用戶的興趣和想象力，在使用戶交互時(shí)間明顯增加的同時(shí)，也呈現(xiàn)出許多意料之外，值得進(jìn)一步深入挖掘的交互行為。交互櫥窗系統(tǒng)設(shè)計(jì)只是一個(gè)較為初步的原型設(shè)計(jì)，未來(lái)或許可以嘗試融入新的交互模式。交互櫥窗也可以應(yīng)用在其他領(lǐng)域，如劇院和博物館?；蛟S在真正的應(yīng)用環(huán)境中系統(tǒng)才能切實(shí)展現(xiàn)出更多實(shí)際而有效的潛力和有意思的研究問(wèn)題?！?/p>

[1] Elaine M. Huang, Anna Koster, Jan Borchers. Overcoming assumptions and uncovering practices: When does the public really look at public displays? [M].Pervasive Computing，2008，5013：228-243.

[2] J?rg Müller, Florian Alt, Albrecht Schmidt, Daniel Michelis. Requirements and design space for interactive public displays[C]. MM 2010：1285-1294.

[3] J?rg Müller, Robert Walter, Gilles Bailly, Michael Nischt, Florian Alt. Looking glass: A fi eld study on noticing interactivity of a shop window[C]. CHI 2012, 297-306.

[4] Hasibullah Sahibzada, Eva Hornecker, Florian Echtler, Patrick Tobias Fischer. Designing interactive advertisements for public displays[C]. CHI 2017, 1518-1529.

A User Experience Study of a Multimodal Interactive Window

FAN Xiang-zhen，SHAO Min-zhi
（College of Arts & Media,Tongji University, Shanghai 201804, China）

This paper presents a multimodal interactive system with an open window design by integrating a classic fairy tale and several interactive techniques in order to explore how to attract and encourage users to interact with public displays. With the analysis of the user interaction behaviors, the transition and communication characteristics of the system are summarized, providing guidelines and suggestions for the interactive window design in public space.

interactive window; public displays; user experience; multimodal interface

Internet :www.artdesign.org.cn

檢 索 :www.artdesign.org.cn

TP311

A

1008-2832（2017）12-0083-03