李強 羅添 王晶晶

（沈陽航空航天大學(xué)設(shè)計藝術(shù)學(xué)院，遼寧沈陽 110136）

文化遺產(chǎn)的活化是對文化遺產(chǎn)進(jìn)行多樣性的，符合時代發(fā)展潮流，符合大眾欣賞性，具有教育性、信息性和經(jīng)濟性的開發(fā)[1]。數(shù)字文化遺產(chǎn)活化設(shè)計探索如何使用數(shù)字技術(shù)和媒介來增強用戶體驗，即通過數(shù)字交互技術(shù)讓文化遺產(chǎn)融入當(dāng)代人的生活。通過數(shù)字技術(shù)對文化遺產(chǎn)實行“數(shù)字活化”保護(hù)和傳播，讓當(dāng)代人通過數(shù)字產(chǎn)品了解和體驗中國傳統(tǒng)文化具有重要意義。當(dāng)今互聯(lián)網(wǎng)、大數(shù)據(jù)、虛擬現(xiàn)實和人工智能等新一代數(shù)字技術(shù)的發(fā)展為文化遺產(chǎn)的數(shù)字活化提供了多樣性的技術(shù)基礎(chǔ)，為文化遺產(chǎn)的數(shù)字活化、傳播和思想傳承打開了新世界的大門[2]。而以移動互聯(lián)網(wǎng)為基礎(chǔ)的移動設(shè)備（手機或Pad 等）終端應(yīng)用以其輕便、易用、交互性強等特點成為靈活、多樣的展示信息的新媒體平臺[3]。移動終端應(yīng)用的優(yōu)勢還在于它可以跨時空、跨學(xué)科、跨文化，從而提高獲取知識的效率和主動性。

中國傳統(tǒng)文化的創(chuàng)造性轉(zhuǎn)化和傳播一直是設(shè)計師關(guān)注的焦點[4]。中國茶文化是中國寶貴的非物質(zhì)文化遺產(chǎn)之一。通過數(shù)字技術(shù)將其活化傳播可以極大地增強人們對中國茶文化的認(rèn)知度，并促進(jìn)茶文化的發(fā)展和傳承。因此，研究以中國茶文化為設(shè)計內(nèi)容，以用戶體驗設(shè)計理論為基礎(chǔ)，通過移動終端APP 交互設(shè)計實現(xiàn)中國茶文化的數(shù)字活化設(shè)計和傳播。

1 數(shù)字產(chǎn)品的用戶體驗

用戶體驗（UX）最先由美國認(rèn)知心理學(xué)家唐納德·諾曼(Donald Normann)于1995 年提出。唐納德·諾曼[5]從設(shè)計心理學(xué)的角度將用戶對產(chǎn)品的理解分為本能的、行為的、反思的3 種層次，并認(rèn)為成功的用戶體驗必須做到以下3 點：①在不騷擾、不讓用戶厭煩的情況下滿足用戶的需求；②提供的產(chǎn)品要簡潔優(yōu)雅，讓用戶用得高興、愉悅；③要能給用戶帶來額外的驚喜。Ajax 之父伽略特[6](James Garrett)認(rèn)為，用戶體驗并不是指一件產(chǎn)品本身是如何工作的，用戶體驗是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”，也就是人們?nèi)绾巍敖佑|”和“使用”它。VB 設(shè)計之父艾倫·庫伯[7](Alan Cooper)專門針對數(shù)字產(chǎn)品提出用戶體驗設(shè)計有3 個重疊的關(guān)注點：形態(tài)、行為和內(nèi)容，并提出了以目標(biāo)為導(dǎo)向的設(shè)計流程。交互設(shè)計是關(guān)注行為的設(shè)計，但也關(guān)注行為與形態(tài)和內(nèi)容的關(guān)系。同樣，信息體系結(jié)構(gòu)關(guān)注內(nèi)容的結(jié)構(gòu)，但也關(guān)注提供對內(nèi)容的訪問行為以及內(nèi)容如何呈現(xiàn)給用戶。

在該理論基礎(chǔ)上，基于中國茶文化的信息交互設(shè)計從內(nèi)容（茶文化內(nèi)容設(shè)計）、形態(tài)（茶文化視覺形態(tài)設(shè)計）和行為（交互設(shè)計）3 個方面進(jìn)行設(shè)計（圖1），并通過感官體驗（用戶視聽上的體驗，強調(diào)舒適性）、交互體驗（給用戶使用、交流過程的體驗，強調(diào)互動、交互特性）和情感體驗（給用戶心理上的體驗，強調(diào)心理認(rèn)可度）3 個層次提高系統(tǒng)的可用性和整體用戶體驗。

圖1 茶文化APP 用戶體驗設(shè)計模型

2 茶文化的數(shù)字活化設(shè)計實踐

2.1 茶文化內(nèi)容設(shè)計

中國茶文化是指中國的制茶方式、制茶設(shè)備和飲茶場景及飲茶行為背后蘊含的哲學(xué)思想。茶文化在中國已有幾千年的歷史，唐代作家陸羽（約733 年—約804 年）的《茶經(jīng)》是這方面的早期著作。《茶經(jīng)》是世界上最早、最完整、最全面的茶學(xué)理論?！恫杞?jīng)》中不僅描述了茶的起源、工具、生產(chǎn)過程以及如何飲用，而且還描述了茶文化中蘊含的精行儉德、中庸及道法自然的哲學(xué)思想。為了系統(tǒng)全面地通過APP 設(shè)計展示中國茶文化內(nèi)容，該設(shè)計以《茶經(jīng)》為參考文獻(xiàn)將該信息系統(tǒng)信息架構(gòu)設(shè)計成10 個模塊，分別為“源”“具”“造”“器”“煮”“飲”“事”“出”“略”“圖”。

2.2 茶文化視覺形態(tài)設(shè)計

茶文化是中國傳統(tǒng)文化的一種，所以設(shè)計采用中國傳統(tǒng)的審美設(shè)計和哲學(xué)。中國古代哲學(xué)有“天圓地矩”之說，所以許多古老的傳統(tǒng)建筑和繪畫中都采用了圓形元素。因此，在進(jìn)行界面設(shè)計過程中，使用了一些帶有alpha 通道背景的圓形元素，例如圓形圖標(biāo)、圖像、文字設(shè)計等（圖2）。圓形圖標(biāo)、圖形界面元素的運用貫穿UI 設(shè)計的始終，保持了整體頁面的一致性。

圖2 UI 設(shè)計中的圓形元素

2.2.1 中國傳統(tǒng)繪畫風(fēng)格 中國茶文化與傳統(tǒng)書畫都是寶貴的中華文化遺產(chǎn)，體現(xiàn)了中國傳統(tǒng)美學(xué)和哲學(xué)的精髓，同時它們有著相似的哲學(xué)背景和智慧。因此在界面和內(nèi)容設(shè)計中使用了中國傳統(tǒng)的繪畫風(fēng)格和字體。這種設(shè)計符合用戶的心智模型和文化認(rèn)同感，從審美與情感的角度提升了用戶的視覺體驗和情感體驗。

2.2.2 視差滾動視覺特效 視差滾動特效是基于移動設(shè)備的交互式設(shè)計，也是相對于傳統(tǒng)印刷媒體的優(yōu)勢之一。通過將基于觸摸屏的手勢交互與多層次的內(nèi)容相結(jié)合形成的視差滾動視覺特效可以提升用戶的視覺體驗。

2.2.3 動圖的運用 動態(tài)圖像是一種傳統(tǒng)的數(shù)字媒體技術(shù)，在移動設(shè)備中有著廣泛的應(yīng)用前景。動態(tài)圖像與靜態(tài)圖像相比，具有高效的傳輸速度和完美的視覺體驗。此外，動態(tài)圖像更能清晰地傳遞設(shè)計者的藝術(shù)思想，給用戶帶來極強的視覺藝術(shù)感染力[8]。從傳播的角度看動態(tài)圖像將復(fù)雜的文字信息轉(zhuǎn)化為視覺圖形信息可以提高信息傳播效率，讓受眾快速地獲取核心信息[9]。因此，中國茶文化數(shù)字系統(tǒng)設(shè)計內(nèi)容中使用了大量動圖進(jìn)行直觀快速的信息傳達(dá)。例如，在演示制茶過程的細(xì)節(jié)中，將短視頻轉(zhuǎn)化為動圖嵌入到系統(tǒng)中獲得了良好的效果。

2.3 茶文化的交互設(shè)計

交互設(shè)計是中國茶文化數(shù)字活化設(shè)計的關(guān)鍵。交互設(shè)計是對用戶如何在手機或平板電腦上與界面進(jìn)行交互行為的深刻理解基礎(chǔ)上的設(shè)計。良好的交互設(shè)計注重可用性和用戶行為，并解決用戶在執(zhí)行任務(wù)時或訪問所需信息時可能遇到的問題。交互設(shè)計可以為用戶提供一個平滑流暢的使用過程，并在不需要大量學(xué)習(xí)和記憶的情況下獲取信息或啟動正確的操作[10]，因此通過交互設(shè)計可以極大地改善用戶體驗。

2.3.1 手勢交互 支持觸摸和手勢交互設(shè)備的興起，極大地改變了人們思考交互的方式。手勢交互方便易用，更關(guān)鍵的是手勢交互是最符合人類的自然交互方式。今天，移動應(yīng)用的成功很大程度上也來自手勢交互帶來的流暢的用戶體驗。中國茶文化交互設(shè)計中充分利用了移動設(shè)備手勢交互的特點，設(shè)計了多種手勢交互模式。用戶可以通過點擊、滑動、拖曳等方式動態(tài)獲取茶文化內(nèi)容，極大地提升了用戶操作的樂趣和功能的流暢性。

（1）茶文化交互設(shè)計使用的手勢

點擊：點擊是最簡單、最常見的交互動作，它可用于按鈕或選擇控件中。設(shè)計在按鈕、消息框和熱點鏈接中使用點擊操作。點擊動作可以很容易地對內(nèi)容進(jìn)行控制，例如隱藏、顯示或跳過。在茶文化應(yīng)用設(shè)計中的導(dǎo)航圖標(biāo)中以點擊為交互方式，用戶可以通過點擊圖標(biāo)按鈕簡單直接地跳轉(zhuǎn)到不同的頁面。在這個過程中用戶不用去思考和學(xué)習(xí)，因此是最快捷易懂的交互方式。

拖動和滑動：滑動是觸摸屏中最常用的手勢之一。它可以用來切換頁面和上下移動。它也可以用來拖動元素，在內(nèi)容比較多的情況下，使用豎屏或橫屏的滑動可以大大延長用戶獲取信息的容量。視差滾動的動態(tài)效果就是基于拖動或者滑動手勢操作實現(xiàn)的。眾所周知，傳統(tǒng)的媒體，如書籍和雜志，只有一層（文字和圖片），人們不能移動任何東西。但是現(xiàn)在人們可以用數(shù)字技術(shù)把一個平面分成多層。不同的元素可以分布在不同的圖層上，然后用鼠標(biāo)拖動屏幕，產(chǎn)生一種視差滾動的效果。不同層上的元素可以分別滑動和重疊（視差滾動的原理如圖3 所示）。這種動態(tài)效果不僅可以增加用戶對展示內(nèi)容的審美需求，還可以增加用戶在操作中的趣味性，進(jìn)而提升用戶體驗。

圖3 視差滾動設(shè)計原理圖

此外，在茶文化交互設(shè)計中通過創(chuàng)意設(shè)計，將屏幕比喻成鏡子，將云狀圖層比喻成云朵或者蒸汽。通過拖動操作用戶可以用手指擦除屏幕上的云層或蒸汽，這種交互設(shè)計通過擦除手勢，在觸覺和視覺上極大地增加了用戶操作的趣味性和整體體驗（圖4）。

圖4 手勢交互設(shè)計的運用

雙擊和擠壓：雙擊動作可以使一段內(nèi)容（例如文字）全屏或者居中。它也可以用來放大或縮小屏幕中顯示的內(nèi)容。此外，雙擊還可以選擇激活可編輯文本，以允許復(fù)制、剪切或其他功能。在茶文化交互設(shè)計中使用了雙擊和擠壓動作以促進(jìn)用戶對茶文化內(nèi)容的瀏覽。例如在需要仔細(xì)觀察大圖過程中可以通過擠壓動作將屏幕擴大或者縮小。

（2）手勢交互設(shè)計對提升用戶體驗的作用

直觀：通過基于觸摸屏的手勢交互可以使用戶與內(nèi)容的交互行為更加簡單自然。因此在茶文化交互設(shè)計中考慮到手勢的交互作用，在不同的應(yīng)用場景下使用了豐富的手勢操作，提升了用戶對系統(tǒng)操作的使用效率和體驗。

簡潔：在茶文化應(yīng)用中基于手勢交互的控件越多，屏幕上顯示的按鈕就越少，這樣可以為有價值的內(nèi)容留出更多的空間。因此手勢交互使得茶文化應(yīng)用更加以內(nèi)容為中心，讓用戶在簡單直接獲取茶文化信息內(nèi)容時沒有障礙和分心。

易用：手勢一旦被用戶發(fā)現(xiàn)和學(xué)習(xí)就會變成用戶體驗中令人愉悅的一部分，并且可以通過減少流程中的操作步驟來提升交互體驗。

2.3.2 聲音反饋 聽覺作為用戶五感中的重要感官之一，對用戶體驗也起著重要的作用。為了增加系統(tǒng)傳統(tǒng)文化的氛圍，系統(tǒng)采用古箏音樂作為背景。此外音效作為用戶操作的及時反饋，滿足了交互設(shè)計可用性的重要原則之一：系統(tǒng)狀態(tài)可見性，即系統(tǒng)應(yīng)該在合理的時間內(nèi)通過適當(dāng)反饋，始終讓用戶了解正在發(fā)生的事情。聲音反饋能幫助用戶隨時感知自己當(dāng)前的操作狀態(tài)，點擊是否成功等。并且反饋也可以幫助引導(dǎo)用戶的下一步操作，好的反饋設(shè)計還能滿足用戶在情感上的訴求。

3 可用性測試

可用性測試是用戶體驗研究中最重要的方面之一。因此為了測試用戶對該應(yīng)用的意見和用戶體驗滿意度，征集了20 名在校大學(xué)生（數(shù)字媒體藝術(shù)專業(yè)學(xué)生）完成了初步的可用性測試（使用場景見圖5）。測試過程中要求參與者完成特定的操作任務(wù)并回答事先設(shè)計好的問卷。在可用性測試過程中，通過參與者對茶文化應(yīng)用過程的觀察及用戶反饋找到問題所在，并通過設(shè)計優(yōu)化將問題解決?？捎眯詼y試之后參與者被要求完成問卷填寫，問卷包含開放性問題和封閉性打分量表。通過問卷調(diào)查可以獲得參與測試者在使用產(chǎn)品過程中的主觀感受和評價。來自用戶滿意度問卷調(diào)查的結(jié)果顯示，從內(nèi)容、美學(xué)、交互性3 個方面的1—5 級的平均評分表明中國茶文化應(yīng)用在3 個方面均具有良好的用戶評價。

圖5 用戶使用場景示意圖

3.1 內(nèi)容

大多數(shù)參與測試者認(rèn)為該系統(tǒng)對茶文化的內(nèi)容描述全面、條理清晰。通過問卷中開放性問題反饋，部分參與測試者提出了自己的看法。例如：“通過該產(chǎn)品的使用，我對中國茶文化有了系統(tǒng)了解，更加熱愛中國傳統(tǒng)文化了”“以前，我以為我也懂茶，但是使用這個系統(tǒng)之后，我感覺中國茶文化博大精深，我還需要更多地學(xué)習(xí)”等。

3.2 美學(xué)

測試者普遍認(rèn)為該系統(tǒng)界面和內(nèi)容設(shè)計都很成功，尤其是中國傳統(tǒng)風(fēng)格的界面設(shè)計體現(xiàn)了中國古人的智慧和審美。例如，有參與測試者提出“我很喜歡這種中國古典界面風(fēng)格，好像是宋代美學(xué)風(fēng)格”“這種美好的設(shè)計可以讓我更加沉浸到對內(nèi)容的閱讀和體驗上”等。

3.3 交互性

交互性是如何使中國傳統(tǒng)茶文化活起來的最重要的部分。通過豐富的互動操作，參與測試的學(xué)生們被茶文化應(yīng)用程序所吸引。大部分測試者都順利地完成了指定的操作任務(wù)。一些測試者使用該產(chǎn)品后，在交互性上提出了一些好的建議。例如，通過移動設(shè)備的震動傳感器可以實現(xiàn)模擬篩茶的程序，這樣更具有互動性和趣味性。

4 基于用戶體驗的文化遺產(chǎn)數(shù)字活化策略

文化遺產(chǎn)的數(shù)字活化不僅可以活化中華優(yōu)秀傳統(tǒng)文化，還能借助數(shù)字化傳播使傳統(tǒng)文化在傳承與傳播中完成創(chuàng)造性轉(zhuǎn)化與創(chuàng)新性發(fā)展。該研究通過對中國茶文化的數(shù)字活化設(shè)計實踐，探索了如何利用交互設(shè)計方法提升用戶與傳統(tǒng)文化內(nèi)容進(jìn)行交互的體驗，并總結(jié)出以下文化遺產(chǎn)數(shù)字活化策略。

4.1 以內(nèi)容為中心，結(jié)合設(shè)計美學(xué)與行為交互

在進(jìn)行文化遺產(chǎn)的數(shù)字活化過程中主要基于嚴(yán)謹(jǐn)、詳實的文化遺產(chǎn)內(nèi)容，并將其解碼重構(gòu)為符合現(xiàn)代人思維的內(nèi)容。形式（文化遺產(chǎn)的視覺形態(tài)設(shè)計）上要通過符合文化遺產(chǎn)內(nèi)容的設(shè)計美學(xué)風(fēng)格，并適應(yīng)當(dāng)今互聯(lián)網(wǎng)發(fā)布和傳播的形式，滿足人們碎片化時間獲取信息的習(xí)慣。通過符合用戶體驗的交互設(shè)計原則，分別在感官體驗（用戶視聽上的體驗）、交互體驗（給用戶使用、交流過程的體驗，強調(diào)互動、交互特性）和情感體驗（給用戶心理上的體驗，強調(diào)心理認(rèn)可度）3 個層次入手提高系統(tǒng)的可用性和整體用戶體驗。

4.2 以數(shù)字交互技術(shù)為工具，讓文化遺產(chǎn)內(nèi)容“活”起來

新一代的數(shù)字技術(shù)例如人工智能、大數(shù)據(jù)、虛擬現(xiàn)實/增強現(xiàn)實、5G 互聯(lián)網(wǎng)等使得人機交互形式日益多樣化、自然化。這些數(shù)字技術(shù)的發(fā)展為文化遺產(chǎn)的活化提供了良好的發(fā)展條件。在文化遺產(chǎn)的活化過程中，不僅要通過交互設(shè)計方法提高用戶操作的可用性和流暢性，還要使用各種新的數(shù)字交互技術(shù)讓文化遺產(chǎn)內(nèi)容活起來，讓用戶由被動單一的信息接受者轉(zhuǎn)變成主動參與其中的共建者，在互動與良好的用戶體驗中獲取更多的文化信息[11]。同時，通過反饋這些信息可以實現(xiàn)再次教育和傳播，并在此過程中將文化傳播變得更有效和深入。

5 結(jié)論

中國茶文化APP 是通過手機或平板電腦將茶文化遺產(chǎn)活化并推廣傳統(tǒng)文化的一種嘗試，它充分利用了中國傳統(tǒng)美學(xué)設(shè)計，并加入了現(xiàn)代媒體交互設(shè)計技術(shù)，從感官體驗、交互體驗和情感體驗3 個層次入手提高系統(tǒng)的可用性和整體用戶體驗，使用戶從多維度體驗中感受中國茶文化的魅力。為了測試和評估中國茶文化遺產(chǎn)應(yīng)用設(shè)計的可用性和用戶滿意度，進(jìn)行了可用性測試和滿意度問卷調(diào)查。結(jié)果表明，參與測試者對交互操作感興趣，用戶操作過程流暢，中國傳統(tǒng)風(fēng)格的界面設(shè)計是成功的。該設(shè)計實踐證明將傳統(tǒng)文化融入新的移動交互技術(shù)中，通過用戶體驗設(shè)計可以提升對中國傳統(tǒng)文化內(nèi)容的活化和傳播效果。通過該茶文化遺產(chǎn)數(shù)字活化設(shè)計案例，探索了基于用戶體驗的中國文化遺產(chǎn)的數(shù)字活化策略和經(jīng)驗，為其他文化遺產(chǎn)數(shù)字活化設(shè)計提供了有價值的參考。