移動(dòng)應(yīng)用中的場(chǎng)景交互設(shè)計(jì)研究

孫海洋　吳祐昕

摘要：目的研究移動(dòng)應(yīng)用中場(chǎng)景交互設(shè)計(jì)的特征、設(shè)計(jì)價(jià)值和設(shè)計(jì)策略。方法以場(chǎng)景化思維來進(jìn)行移動(dòng)應(yīng)用的設(shè)計(jì)，通過案例分析場(chǎng)景交互在移動(dòng)設(shè)計(jì)中的價(jià)值。結(jié)論提出了移動(dòng)應(yīng)用中場(chǎng)景交互在形式層面、內(nèi)容層面和行為層面的設(shè)計(jì)內(nèi)容。論述了場(chǎng)景交互在提升產(chǎn)品認(rèn)知度、用戶體驗(yàn)度、核心需求解決程度的有效性，并在此基礎(chǔ)上，探索了移動(dòng)應(yīng)用的場(chǎng)景交互設(shè)計(jì)策略。

關(guān)鍵詞：場(chǎng)景 交互設(shè)計(jì) 移動(dòng)應(yīng)用 用戶體驗(yàn)

中圖分類號(hào)：TB47 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2017）05-0104-02

一、移動(dòng)應(yīng)用中的場(chǎng)景交互解析

（一）移動(dòng)互聯(lián)網(wǎng)時(shí)代下場(chǎng)景概念的變化

“場(chǎng)景（Scenario）”一詞本來為影視用語，其解釋為：指在一定的時(shí)間、空間內(nèi)發(fā)生的一定的任務(wù)行動(dòng)或因任務(wù)關(guān)系所構(gòu)成的具體生活畫面，是通過人物的行動(dòng)來表現(xiàn)劇情內(nèi)容的特定過程。隨著智能終端的出現(xiàn)和互聯(lián)網(wǎng)產(chǎn)品的普及，場(chǎng)景不單單指真實(shí)的地理位置，常常與社交、閱讀、游戲等互聯(lián)網(wǎng)行為聯(lián)系在一起，被稱之為應(yīng)用場(chǎng)景。此外，在移動(dòng)互聯(lián)網(wǎng)時(shí)代，智能設(shè)備和移動(dòng)應(yīng)用將人們的時(shí)間碎片化分割，衍生出不同的新場(chǎng)景，并且伴隨著場(chǎng)景的碎片化和移動(dòng)化發(fā)展，新的互動(dòng)方式和行為也不斷地產(chǎn)生和變化。

（二）移動(dòng)應(yīng)用中場(chǎng)景交互設(shè)計(jì)的內(nèi)涵

移動(dòng)互聯(lián)時(shí)代到來的同時(shí)，也帶來了用戶主流思維模式、行為模式和生活方式的深度改變。場(chǎng)景交互設(shè)計(jì)，旨在研究場(chǎng)景與人如何產(chǎn)生互動(dòng)行為，即如何通過搭建特定的場(chǎng)景，建立用戶與產(chǎn)品間的連接，給予用戶沉浸式的體驗(yàn)或激發(fā)用戶特定的行為，最終完成用戶需求轉(zhuǎn)換到產(chǎn)品功能實(shí)現(xiàn)的自然過渡。聚焦用戶真實(shí)的場(chǎng)景去設(shè)計(jì)，已經(jīng)成為交互設(shè)計(jì)領(lǐng)域新時(shí)代的主流思維范式。

（三）場(chǎng)景交互的特征

1.情感化設(shè)計(jì)。場(chǎng)景交互設(shè)計(jì)旨在通過構(gòu)建場(chǎng)景來提升用戶對(duì)產(chǎn)品的理解力和使用的情感體驗(yàn)，使用戶在移動(dòng)應(yīng)用操作過程中可以追溯到自身的某些情感記憶或得到精神上的滿足，最終讓應(yīng)用場(chǎng)景成為用戶情感的寄托和歸宿。

2.巧妙的敘事邏輯。在移動(dòng)應(yīng)用中，頁面信息架構(gòu)不再單一遵循需求和業(yè)務(wù)的優(yōu)先級(jí)而設(shè)計(jì)，需要更多地依據(jù)用戶的需求，模擬真實(shí)的使用場(chǎng)景，設(shè)計(jì)符合用戶行為習(xí)慣和心智模型的頁面布局和結(jié)構(gòu)，讓用戶沿著產(chǎn)品的“故事線”操作并獲得持續(xù)的互動(dòng)。

3.沉浸式體驗(yàn)。體驗(yàn)非常重要，因?yàn)樗w現(xiàn)了用戶有多么懷念他們同產(chǎn)品的互動(dòng)。場(chǎng)景的流動(dòng)性激發(fā)了用戶不同的互動(dòng)行為，產(chǎn)生著不一樣的產(chǎn)品體驗(yàn)。充滿體驗(yàn)細(xì)節(jié)的場(chǎng)景可以給予用戶沉浸其中的真實(shí)感，同時(shí)不同場(chǎng)景間的轉(zhuǎn)變塑造了體驗(yàn)上的層次感，不斷地吸引用戶浸入其中。

二、場(chǎng)景交互設(shè)計(jì)的內(nèi)容

交互設(shè)計(jì)原則是關(guān)于行為、形式與內(nèi)容的普遍適用法則，促使產(chǎn)品行為支持用戶目標(biāo)與需求，創(chuàng)造積極的用戶體驗(yàn)。移動(dòng)應(yīng)用的場(chǎng)景交互設(shè)計(jì)中，形式層面更多關(guān)注的是視覺頁面和視覺元素對(duì)于場(chǎng)景的渲染力和表達(dá)力，內(nèi)容層面則更側(cè)重于場(chǎng)景信息的傳達(dá)和產(chǎn)品功能的有效實(shí)現(xiàn)，而行為是場(chǎng)景交互的設(shè)計(jì)對(duì)象和核心內(nèi)容，行為層面主要考察場(chǎng)景如何和用戶產(chǎn)生行為上的互動(dòng)。

（一）形式層面

場(chǎng)景交互設(shè)計(jì)中，對(duì)形式的考察內(nèi)容不僅包括視覺美感、頁面完整度，還包括形式能否具有場(chǎng)景的渲染力和表達(dá)力，以引領(lǐng)用戶進(jìn)入設(shè)定場(chǎng)景中，并讓用戶沉浸其中。

1.引入現(xiàn)實(shí)元素，匹配用戶的心智模型。視覺元素的選取和表達(dá)是視覺設(shè)計(jì)的重要組成部分，也是場(chǎng)景渲染最直接有效的方式。父親的自行車、豐收的金黃色、新年的家庭聚會(huì)、丟沙包的兒童游戲等都是設(shè)計(jì)的來源。引入現(xiàn)實(shí)世界的元素，通過視覺效果的呈現(xiàn)，符合用戶的基本認(rèn)知范疇，可以給予用戶身臨其境的體驗(yàn)。

2.視覺頁面有層次有重點(diǎn)。場(chǎng)景頁面功能保持單一，避免過多的有效信息，單個(gè)頁面只闡述一個(gè)目的，頁面所有元素保證目標(biāo)導(dǎo)向的統(tǒng)一性。一是場(chǎng)景信息要有層次感，增強(qiáng)視覺沖擊力和場(chǎng)景渲染力，同時(shí)產(chǎn)生視覺體驗(yàn)上的層次感；二是場(chǎng)景信息要有視覺聚焦點(diǎn)，頁面視覺元素的排布可采用中心擴(kuò)散的方式，并且加強(qiáng)視覺聚焦點(diǎn)與其他元素間的對(duì)比，讓用戶洞察場(chǎng)景時(shí)可以快速發(fā)現(xiàn)和感知場(chǎng)景的目的所在。

（二）內(nèi)容層面

交互設(shè)計(jì)的內(nèi)容層面主要是指功能和信息架構(gòu)的設(shè)計(jì)。

1.具有功能啟發(fā)性的場(chǎng)景設(shè)計(jì)。場(chǎng)景交互的目的在于引導(dǎo)用戶對(duì)產(chǎn)品的有效信息作出快速的識(shí)別和判斷，減少用戶對(duì)產(chǎn)品功能認(rèn)知和使用的負(fù)擔(dān)。首先，場(chǎng)景交互設(shè)計(jì)要凸顯功能的意義，尊貴豪華的VIP專區(qū)彰顯開通會(huì)員后帶來的價(jià)值和體驗(yàn)；其次，場(chǎng)景的渲染要對(duì)功能的實(shí)現(xiàn)具有誘導(dǎo)性，策略性的資源下載速度限制和漫長的下載時(shí)間告知對(duì)開通會(huì)員具有推動(dòng)作用；最后，改變只考慮功能優(yōu)先級(jí)的功能邏輯思維，結(jié)合用戶真實(shí)的使用場(chǎng)景，跟隨場(chǎng)景的變化而改變，實(shí)現(xiàn)場(chǎng)景功能單一化和可視性。

2.會(huì)講故事的場(chǎng)景信息。認(rèn)知科學(xué)家羅杰·尚可（Roger C.Schank）指出：人類生來就理解故事，而不是邏輯。對(duì)場(chǎng)景信息來說，“邏輯”更多關(guān)注產(chǎn)品的內(nèi)容結(jié)構(gòu)，而“故事”則更關(guān)注用戶查看產(chǎn)品內(nèi)容的行為。言簡(jiǎn)意賅的引導(dǎo)詞、生動(dòng)貼合的人物形象、富有節(jié)奏的動(dòng)態(tài)效果、情感疏導(dǎo)的背景音效等場(chǎng)景信息要統(tǒng)一引導(dǎo)規(guī)范，環(huán)環(huán)相扣，給予用戶持續(xù)的互動(dòng)和引導(dǎo)，讓用戶跟隨場(chǎng)景的故事線來探索產(chǎn)品的內(nèi)容信息，對(duì)產(chǎn)品使用產(chǎn)生好奇心理并激發(fā)用戶的探索欲望。

（三）行為層面

場(chǎng)景賦予行為的意義，新場(chǎng)景的洞察產(chǎn)生新的行為體驗(yàn)。在場(chǎng)景交互設(shè)計(jì)過程中，設(shè)計(jì)師需要充分地了解目標(biāo)用戶的行為習(xí)慣和核心需求，明確目標(biāo)用戶使用產(chǎn)品的期待結(jié)果，最終讓用戶產(chǎn)生與期望所匹配的行為。

1.行為引導(dǎo)和啟發(fā)。產(chǎn)品對(duì)用戶合理的行為暗示和引導(dǎo)是降低用戶認(rèn)知成本的有效方法，同時(shí)有效地引導(dǎo)可以引導(dǎo)用戶選取最優(yōu)的交互路徑，最大效率地完成操作目標(biāo)?！矫?，場(chǎng)景頁面的有序更替，可以促使用戶的互動(dòng)行為按照正確的順序發(fā)生。另一方面，場(chǎng)景信息的提示和功能導(dǎo)向性的頁面布局，可以為用戶下一行為的判斷和發(fā)生提供啟發(fā)。例如，移動(dòng)軟件VUE（如圖1），在視頻拍攝剪輯的場(chǎng)景中，VUE通過設(shè)置引導(dǎo)詞、拍攝進(jìn)度提示和輸入模態(tài)窗口來引導(dǎo)和啟發(fā)用戶的行為操作，根據(jù)設(shè)定的最優(yōu)路徑完成視頻拼剪的目標(biāo)。endprint

2.行為約束和反饋。在進(jìn)行產(chǎn)品交互設(shè)計(jì)時(shí)，必須要思考的就是誤操作時(shí)的反應(yīng)。在用戶對(duì)場(chǎng)景信息和功能判斷產(chǎn)生認(rèn)知錯(cuò)誤時(shí)，行為約束能夠防止產(chǎn)生進(jìn)一步的錯(cuò)誤結(jié)果，并通過行為反饋提高用戶對(duì)產(chǎn)品的認(rèn)知和引導(dǎo)用戶產(chǎn)生正確的互動(dòng)行為。移動(dòng)應(yīng)用的場(chǎng)景交互設(shè)計(jì)中，行為約束主要包括視線流約束、場(chǎng)景故事線約束、用戶行為慣例約束等，而行為反饋主要包括邊緣場(chǎng)景觸發(fā)的錯(cuò)誤反饋、場(chǎng)景變化的引導(dǎo)反饋等。行為約束和反饋既保證了目標(biāo)導(dǎo)向設(shè)計(jì)的正確發(fā)生，也能夠讓用戶增強(qiáng)產(chǎn)品的認(rèn)知同時(shí)產(chǎn)生使用過程中的掌控感。

三、場(chǎng)景交互設(shè)計(jì)的設(shè)計(jì)價(jià)值

（一）促進(jìn)用戶對(duì)產(chǎn)品的理解

場(chǎng)景化思維既可以幫助設(shè)計(jì)師去繁從簡(jiǎn)，有效理解用戶的行為習(xí)慣和思考模式，聚焦于用戶真實(shí)場(chǎng)景的使用流程和行為引導(dǎo)來進(jìn)行設(shè)計(jì)，也可以使產(chǎn)品本身功能更加清晰，信息架構(gòu)更加明確，行為導(dǎo)向更加直觀，使用戶洞察場(chǎng)景的同時(shí)產(chǎn)生直覺反應(yīng)，并通過本能判斷做出正確的行為決策，通過自己的行為反思加深對(duì)產(chǎn)品功能的理解和掌控。

（二）最大程度滿足用戶需求

場(chǎng)景交互思維可以有效幫助設(shè)計(jì)師充分理解用戶真實(shí)的使用場(chǎng)景，挖掘用戶產(chǎn)品使用過程中的核心需求和體驗(yàn)細(xì)節(jié)，并在理解和簡(jiǎn)化需求的基礎(chǔ)上，聚焦于產(chǎn)品功能的實(shí)現(xiàn)和體現(xiàn)細(xì)節(jié)的打磨，使用戶使用場(chǎng)景與用戶感知接近乃至完全重合，最終達(dá)到產(chǎn)品功能實(shí)現(xiàn)與用戶預(yù)期目標(biāo)的完美契合。

（三）簡(jiǎn)化任務(wù)流，漸進(jìn)自然交互

在交互設(shè)計(jì)中，用戶的行為成為了設(shè)計(jì)的對(duì)象主題，各種用戶的不同行為通過用戶研究以典型用戶行為呈現(xiàn)在主頁上，最大限度地契合了主流用戶可能的、理想的行為路徑。在移動(dòng)應(yīng)用使用過程中，場(chǎng)景交互可以為用戶找到更直觀的方式，提供更有效的互動(dòng)模式，使用戶能夠流暢高效地完成預(yù)期目標(biāo)。通過暗示隱喻等元素縮短用戶在單一頁面的思考時(shí)間和認(rèn)知負(fù)擔(dān)，并且按照設(shè)定任務(wù)流的頁面場(chǎng)景變化，正確誘導(dǎo)用戶的下一步?jīng)Q策。

四、場(chǎng)景交互設(shè)計(jì)的設(shè)計(jì)策略

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和移動(dòng)產(chǎn)品的快速更迭，人們更加渴求新的體驗(yàn)和更高的效率，所以搭建新的場(chǎng)景，與用戶建立新的聯(lián)系成為新產(chǎn)品和新體驗(yàn)的關(guān)鍵。在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)過程中，設(shè)計(jì)師不僅要理解和掌握?qǐng)鼍敖换サ囊兀莆找苿?dòng)應(yīng)用中場(chǎng)景交互的設(shè)計(jì)策略。

1.確保場(chǎng)景交互過程中場(chǎng)景的真實(shí)性和敘事邏輯的連貫性?！矫?，要求設(shè)計(jì)師在需求確立初期，真正做到以用戶為中心，利用用戶旅程圖（User Journey Maps）、故事版（Storyboard）等設(shè)計(jì)工具和方法，分析用戶使用的真實(shí)場(chǎng)景，挖掘更多的體驗(yàn)細(xì)節(jié)。另—方面，要求設(shè)計(jì)師依據(jù)用戶任務(wù)流的預(yù)期目標(biāo)，統(tǒng)籌場(chǎng)景變化的邏輯性，確保敘事邏輯和用戶行為邏輯的統(tǒng)一性。只有最貼合現(xiàn)實(shí)的場(chǎng)景才能喚起用戶的共鳴，符合用戶行為邏輯的場(chǎng)景轉(zhuǎn)變才能使與用戶的互動(dòng)更加趨于自然。

2.巧妙運(yùn)用暗示隱喻等元素增強(qiáng)場(chǎng)景的啟發(fā)性，建立現(xiàn)實(shí)與移動(dòng)應(yīng)用場(chǎng)景的連接。情景意識(shí)是指用戶快速認(rèn)知環(huán)境并作出反應(yīng)的認(rèn)知模式。在移動(dòng)設(shè)計(jì)中，運(yùn)用擬物化的方法來表現(xiàn)界面信息，對(duì)現(xiàn)實(shí)生活中的物品進(jìn)行比擬，并將界面語言進(jìn)行轉(zhuǎn)譯，讓界面中的材質(zhì)、造型、質(zhì)感等成為新的意義。在洞察擬物化場(chǎng)景時(shí)，具有新意義的視覺元素和交互方式會(huì)迅速喚起用戶的情景意識(shí)，而情景意識(shí)的構(gòu)建會(huì)促使用戶對(duì)當(dāng)前場(chǎng)景進(jìn)行感知、理解并對(duì)行為決策和執(zhí)行做準(zhǔn)備。合理有效的暗示和隱喻更容易被情景意識(shí)所識(shí)別，從而幫助用戶減少使用過程中的迷茫和判斷，提升用戶的行為決策力。

3.注入情感化元素，喚起用戶的情感記憶，激發(fā)用戶的直覺反應(yīng)。情感記憶是指人們往往對(duì)一些熟識(shí)的產(chǎn)品，熟悉的人，曾經(jīng)居住過的環(huán)境擁有特殊的情感和比較深刻的記憶。在場(chǎng)景交互設(shè)計(jì)過程中，要求遵循用戶熟識(shí)事物的發(fā)生邏輯，嘗試添加記憶中的情感化元素，如童年時(shí)貼對(duì)聯(lián)掛燈籠、青春期的明信片互送等，促進(jìn)記憶場(chǎng)景在移動(dòng)應(yīng)用中生動(dòng)形象地再現(xiàn)。當(dāng)用戶使用產(chǎn)品洞察場(chǎng)景時(shí)，再次處于記憶場(chǎng)景便會(huì)激發(fā)用戶重溫過往的行為反應(yīng)。如支付寶的AR實(shí)景紅包（如圖2），通過搭建“藏紅包”、“找紅包”兩個(gè)場(chǎng)景，使用戶既可以追溯到捉迷藏的兒童記憶，也可以激發(fā)用戶尋寶藏的情感欲望，最終觸發(fā)用戶“藏”和“找”的交互行為。

結(jié)語

隨著移動(dòng)產(chǎn)品的推陳出新，單一頁面設(shè)計(jì)或功能設(shè)計(jì)已遠(yuǎn)遠(yuǎn)不能滿足用戶對(duì)體驗(yàn)和高效率的要求，而場(chǎng)景交互設(shè)計(jì)的提出是對(duì)現(xiàn)有移動(dòng)應(yīng)用交互設(shè)計(jì)思路的拓展和延伸。場(chǎng)景交互在關(guān)注用戶使用場(chǎng)景和真實(shí)需求的同時(shí)，也強(qiáng)調(diào)用戶情感化體驗(yàn)和互動(dòng)方式的自然度。一方面場(chǎng)景化思維有利于設(shè)計(jì)師更好地理解和解決用戶的核心需求，更契合用戶的預(yù)期目標(biāo)；另—方面場(chǎng)景交互對(duì)產(chǎn)品感知、情感化體驗(yàn)、互動(dòng)自然發(fā)生都有著重要的意義。endprint