用戶體驗(yàn)視角下的戲曲類APP界面設(shè)計(jì)路徑分析

葉柳

摘? ?要：近年來，以手機(jī)為代表的移動(dòng)媒體終端技術(shù)發(fā)展迅速，戲曲類APP借助這一新興技術(shù)也得以進(jìn)行傳播。為了讓更多用戶使用戲曲類APP學(xué)習(xí)、傳承傳統(tǒng)戲曲藝術(shù)，文章從用戶體驗(yàn)視角出發(fā)，優(yōu)化APP界面風(fēng)格、色彩、結(jié)構(gòu)、情感互動(dòng)等方面進(jìn)行設(shè)計(jì)優(yōu)化，使戲曲類APP得到更多用戶的支持與認(rèn)可，也使傳統(tǒng)戲曲藝術(shù)得到更廣泛的傳承與傳播。

關(guān)鍵詞：用戶體驗(yàn);戲曲類APP;界面設(shè)計(jì)

我國(guó)傳統(tǒng)戲曲具有悠久的發(fā)展歷史和廣泛的受眾基礎(chǔ)，戲曲藝術(shù)傳承了我國(guó)幾千年的民風(fēng)民俗，是民族團(tuán)結(jié)的重要精神支柱，傳承戲曲文明對(duì)于保護(hù)地域性文化以及保護(hù)傳統(tǒng)文化多樣性具有重要意義。近年來，我國(guó)社會(huì)高度重視傳統(tǒng)戲曲的保護(hù)與傳承，戲曲與新媒體技術(shù)的融合也是藝術(shù)保護(hù)與藝術(shù)傳承的重要?jiǎng)?chuàng)新成果。戲曲類APP借助移動(dòng)新媒體終端，將戲曲藝術(shù)以視頻、音頻等多種更形象的方式傳遞給手機(jī)用戶，使更多人有良好的途徑去了解、學(xué)習(xí)傳統(tǒng)戲曲。研究戲曲類APP界面設(shè)計(jì)創(chuàng)新，不僅能增強(qiáng)用戶視覺體驗(yàn)，也能以視覺為基礎(chǔ)，吸引更多人走進(jìn)戲曲藝術(shù)，促進(jìn)傳統(tǒng)戲曲的傳承。

1? ? 用戶體驗(yàn)概述

1.1? 用戶體驗(yàn)的要素

（1）戰(zhàn)略層。主要指APP研發(fā)目標(biāo)和用戶需求定位，設(shè)定明確的研發(fā)目標(biāo)，才能更好地完成產(chǎn)品設(shè)計(jì)和戰(zhàn)略推廣。

（2）系統(tǒng)功能、信息架構(gòu)層。系統(tǒng)功能包括功能界面設(shè)計(jì)和首頁(yè)信息結(jié)構(gòu)層，APP的首頁(yè)結(jié)構(gòu)直接影響用戶的使用體驗(yàn)和第一感官體驗(yàn)。

（3）界面結(jié)構(gòu)層。由啟動(dòng)界面、主界面和導(dǎo)航界面等部分組成，其中，首頁(yè)界面是APP介紹的窗口，主界面是用戶使用的核心界面，導(dǎo)航界面則關(guān)系到用戶對(duì)APP功能的深層次體驗(yàn)。

（4）感官層。主要指用戶在使用過程中，最直觀的視覺、聽覺等多感官感受，是對(duì)APP的功能、美學(xué)藝術(shù)、文化內(nèi)涵等內(nèi)容的深層次、綜合性感受。感觀層面的用戶體驗(yàn)是吸引新用戶、留住老用戶的關(guān)鍵，也是用戶體驗(yàn)感創(chuàng)新的基礎(chǔ)，APP的設(shè)計(jì)最終目的是讓用戶獲得優(yōu)質(zhì)的藝術(shù)欣賞體驗(yàn)。鑒于此，戲曲類APP的設(shè)計(jì)研發(fā)，以滿足用戶感官體驗(yàn)為前提和基礎(chǔ)。

1.2? 用戶體驗(yàn)的核心

（1）認(rèn)識(shí)用戶。在戲曲類APP設(shè)計(jì)研發(fā)過程中，設(shè)計(jì)者需要認(rèn)清產(chǎn)品研發(fā)的主要使用對(duì)象是誰，又該以什么樣的方式更好地呈現(xiàn)產(chǎn)品，并以何種方式讓更多用戶接觸并認(rèn)可該APP產(chǎn)品。產(chǎn)品設(shè)計(jì)需要設(shè)計(jì)師去模仿用戶的使用和審美習(xí)慣，而不是在產(chǎn)品問世以后，由用戶來猜測(cè)設(shè)計(jì)師的設(shè)計(jì)理念與使用方法。

（2）目標(biāo)用戶。即任何一項(xiàng)產(chǎn)品都有其特定的用戶群體。戲曲類APP的用戶以戲曲愛好者為主，包括業(yè)余戲曲愛好者和專業(yè)類戲曲工作從業(yè)者。

（3）用戶角色。APP設(shè)計(jì)師在研發(fā)、設(shè)計(jì)和測(cè)試過程中，虛擬的特征性用戶代表了主要用戶群體與用戶類型。一方面，設(shè)計(jì)虛擬用戶角色不僅能更好地幫助設(shè)計(jì)師了解用戶對(duì)產(chǎn)品的功能、情感、審美等方面的需求;另一方面，設(shè)計(jì)虛擬用戶角色也能更好的統(tǒng)一設(shè)計(jì)理念與設(shè)計(jì)目標(biāo)，提高設(shè)計(jì)團(tuán)隊(duì)工作效率。

2? ? 用戶體驗(yàn)視角下的界面設(shè)計(jì)原則

（1）界面設(shè)計(jì)需清晰明了。調(diào)查表明，手機(jī)用戶在首次使用一個(gè)新的應(yīng)用程序時(shí)，視覺效果和操作難度將直接影響用戶是否會(huì)再次使用這個(gè)應(yīng)用程序。首先，戲曲類APP界面設(shè)計(jì)要求主界面必須清晰明了。主界面是一個(gè)應(yīng)用程序的“門面”，直接影響到用戶對(duì)這個(gè)應(yīng)用程序的第一判斷。一個(gè)優(yōu)質(zhì)應(yīng)用程序，其界面設(shè)計(jì)應(yīng)是清晰、簡(jiǎn)潔的，用最醒目、最簡(jiǎn)潔的結(jié)構(gòu)，給用戶提供最直觀、最值得信任的視覺效果。其次，應(yīng)用程序的界面設(shè)計(jì)也需要降低用戶使用難度以及對(duì)用戶知識(shí)水平和操作能力的要求，拓展用戶群體范圍。

（2）視覺布局應(yīng)簡(jiǎn)明、合理。應(yīng)用程序界面的視覺效果來自于頁(yè)面布局與結(jié)構(gòu)、色彩搭配、文字與圖案設(shè)計(jì)等內(nèi)容。視覺布局主要指應(yīng)用程序界面的排版布局，由于智能手機(jī)的屏幕尺寸有限，從而要求應(yīng)用程序界面結(jié)構(gòu)不能過于復(fù)雜、界面信息不能過多?？茖W(xué)調(diào)查顯示：當(dāng)屏幕總覆蓋率低于40%時(shí)，用戶在使用過程中的焦慮感和心理壓力較低。基于以上因素，筆者認(rèn)為應(yīng)用程序的界面設(shè)計(jì)應(yīng)簡(jiǎn)明、合理，優(yōu)化用戶使用體驗(yàn)感。

（3）設(shè)計(jì)語言具有一致性。設(shè)計(jì)語言包括戲曲類APP研發(fā)與設(shè)計(jì)過程中所呈現(xiàn)的所有元素。為提供更好的用戶使用體驗(yàn)，APP的界面設(shè)計(jì)需呈現(xiàn)統(tǒng)一的美術(shù)效果，包括風(fēng)格、字體、色彩、排版等，都應(yīng)保持統(tǒng)一，使用戶使用更舒適、更流暢[1]。統(tǒng)一的視覺效果不僅能給人們?cè)趯徝篮褪褂蒙蠋順O大便利，同時(shí)，設(shè)計(jì)語言的一致性也有助于APP品牌的建設(shè)，給人們以更專業(yè)的品牌形象。

（4）及時(shí)響應(yīng)用戶體驗(yàn)反饋。一方面，在用戶使用過程中，設(shè)計(jì)者需及時(shí)跟進(jìn)了解用戶的使用體驗(yàn)反饋，包括用戶使用情況大數(shù)據(jù)監(jiān)控、用戶調(diào)查與反饋等;同時(shí)，設(shè)計(jì)者也需要及時(shí)對(duì)用戶的反饋?zhàn)龀黾皶r(shí)響應(yīng)，尤其是對(duì)不合理的內(nèi)容及時(shí)進(jìn)行調(diào)整，不斷優(yōu)化APP的內(nèi)容與操作，提升用戶使用體驗(yàn)感。

3? ? 用戶體驗(yàn)視角下的戲曲類APP界面設(shè)計(jì)路徑分析

3.1? 風(fēng)格與結(jié)構(gòu)設(shè)計(jì)

為獲得更廣泛的用戶群體，許多APP已經(jīng)開始采用扁平化設(shè)計(jì)風(fēng)格，扁平化設(shè)計(jì)的特點(diǎn)是：在色彩搭配上更偏重于純色或淺色背景板;在文字排版方面則提倡字體偏大、字?jǐn)?shù)減少，做到少而精;在頁(yè)面布局方面更強(qiáng)調(diào)留白，使整體視圖效果更干凈、更清晰。扁平化設(shè)計(jì)不僅能弱化用戶群體性特征，也能更好幫助用戶加深對(duì)APP的理解、認(rèn)知。戲曲類APP是一類特殊的以傳統(tǒng)戲曲文化為主要內(nèi)容的藝術(shù)類APP，在界面設(shè)計(jì)時(shí)，藝術(shù)類APP的風(fēng)格和結(jié)構(gòu)需與APP的藝術(shù)定位、藝術(shù)內(nèi)涵相統(tǒng)一。許多戲曲類APP將首頁(yè)、分類、播放記錄、個(gè)人中心4個(gè)板塊的內(nèi)容進(jìn)行了扁平化處理：（1）簡(jiǎn)化操作步驟，降低操作難度。鑒于戲曲類APP用戶中，有相當(dāng)一部分是中老年用戶，設(shè)計(jì)者設(shè)計(jì)了相對(duì)簡(jiǎn)單的操作模塊，例如設(shè)計(jì)返回快捷鍵，盡可能避免多層級(jí)重復(fù)操作，降低用戶使用難度。（2）在個(gè)人中心界面采用列表式結(jié)構(gòu)，個(gè)人信息以分等級(jí)呈現(xiàn)在縱列和橫列表格中，例如，我的好友、我的收藏等，都可以作為同等級(jí)信息并列呈現(xiàn)。（3）在首頁(yè)界面可以設(shè)置精選、分類、新曲推薦等功能，一方面，在用戶使用過程中，引導(dǎo)用戶結(jié)合自身的興趣愛好進(jìn)行分類查找，以起到導(dǎo)航作用;另一方面，導(dǎo)航模式也能將用戶進(jìn)行分流引導(dǎo)，拓展用戶群體范圍。

3.2? 色彩設(shè)計(jì)

用戶在選擇戲曲類APP時(shí)，更傾向于選擇第一視覺，體驗(yàn)更輕松的主色調(diào)。要求設(shè)計(jì)者在設(shè)計(jì)中，需將圖標(biāo)、啟動(dòng)頁(yè)面、主界面等界面的色彩搭配協(xié)調(diào)統(tǒng)一，將主色調(diào)給人的心理暗示貫穿其中。戲曲類APP在界面色彩設(shè)計(jì)時(shí)，可以通過色彩搭配給人以積極的心理暗示，在藝術(shù)審美中，不同的色彩能給用戶帶來不同視覺體驗(yàn)和美學(xué)效果。受我國(guó)傳統(tǒng)文化影響，目前市場(chǎng)上使用的很多戲曲類APP多以紅色為主色調(diào)，或配合使用藍(lán)色、黃色等輔助色，也是我國(guó)傳統(tǒng)戲曲藝術(shù)使用的主流色彩。從色彩心理學(xué)上講，皇家藍(lán)使人的心理放松，也能引導(dǎo)人對(duì)藝術(shù)作品的內(nèi)涵進(jìn)行思考;宮廷黃則給人以活力、創(chuàng)新等視覺效果;亮白色能給人簡(jiǎn)單、純粹的體驗(yàn)，但在藝術(shù)作品中，過多使用白色會(huì)降低用戶的視覺沖突，弱化戲曲作品的藝術(shù)內(nèi)涵，引發(fā)深層次思考;戲曲藝術(shù)中使用最多的顏色是紅色，紅色給人的情感沖突較為突出，既能帶給人喜悅和認(rèn)同感，也能給人帶來緊張、戒備的不安情緒。APP設(shè)計(jì)者可以以紅色為主色調(diào)，在紅色的基礎(chǔ)上，引入其他淺顏色作為輔助，不僅能弱化紅色造成的用戶緊張情緒，也能作為輔助，突出界面重點(diǎn)信息，強(qiáng)化界面結(jié)構(gòu)邏輯性。

3.3? 啟動(dòng)頁(yè)設(shè)計(jì)

過去，很多APP的啟動(dòng)頁(yè)面多以靜態(tài)的圖標(biāo)或圖片作為過渡，現(xiàn)在，越來越多的設(shè)計(jì)者開始重視啟動(dòng)頁(yè)面。有的辦公類APP將啟動(dòng)頁(yè)面設(shè)計(jì)成產(chǎn)品介紹頁(yè)，在啟動(dòng)頁(yè)面向用戶介紹APP近期主推的特色功能;也有些購(gòu)物類APP直接將啟動(dòng)頁(yè)面設(shè)置成廣告、品牌推送頁(yè)面，其用途各有不同，但都賦予了啟動(dòng)頁(yè)面更豐富的含義和價(jià)值，極大地降低了用戶等待過程中的不適感，對(duì)于維護(hù)用戶群體穩(wěn)定性、吸引新用戶等都具有重要意義。鑒于以上經(jīng)驗(yàn)，戲曲類APP的啟動(dòng)頁(yè)面，也可以得到更深層次的利用：（1）設(shè)計(jì)者可以在啟動(dòng)頁(yè)面以動(dòng)態(tài)圖片等形式展示APP的使用方法、介紹新上線的特色功能、推送近期更新的戲曲作品等，使用戶在啟動(dòng)頁(yè)面的等待時(shí)間里不至于太無聊，提升用戶好感度。（2）設(shè)計(jì)者也可以將戲曲類APP的啟動(dòng)頁(yè)面設(shè)計(jì)成名家名段簡(jiǎn)介，定期更新推送不同類型傳統(tǒng)戲曲名家、名段的簡(jiǎn)介，戲曲的發(fā)展歷史、戲曲故事背后的小知識(shí)、戲曲表演服飾特色、戲曲臺(tái)詞的發(fā)音與各地方言的融合等，向用戶普及戲曲文化知識(shí)，并期望能長(zhǎng)期以此為窗口，推進(jìn)用戶了解戲曲文化，參與傳承、保護(hù)戲曲文化，在潛移默化中維護(hù)老用戶群體的穩(wěn)定。此外，在戲曲類APP啟動(dòng)頁(yè)面設(shè)計(jì)中，設(shè)計(jì)者需避免過多的在啟動(dòng)頁(yè)面投放廣告，一方面，過多投放廣告會(huì)影響用戶在APP開啟前后的情感體驗(yàn)，導(dǎo)致使用感不夠連貫;另一方面，過多的廣告投放會(huì)降低用戶對(duì)APP內(nèi)容的期待，導(dǎo)致用戶綜合使用滿足感降低，并可能直接導(dǎo)致用戶流失的現(xiàn)象發(fā)生[2]。

3.4? 交互設(shè)計(jì)

交互指授、受雙方之間的相互影響，既有積極的因素，也可能有消極的因素。在戲曲類APP的研發(fā)和使用過程中，交互行為主體包括用戶與設(shè)計(jì)者之間的交互影響，但需借助APP為媒介來實(shí)踐。交互設(shè)計(jì)針對(duì)用戶使用和審美的一般習(xí)慣來進(jìn)行頁(yè)面布局和操作設(shè)計(jì)。戲曲類APP交互設(shè)計(jì)可以從以下幾個(gè)方面來進(jìn)行：（1）操作層面。在很多APP中，用戶熟悉的操作包括點(diǎn)擊圖標(biāo)開啟某一功能、長(zhǎng)按圖標(biāo)進(jìn)行選擇或刪除、滑動(dòng)圖標(biāo)調(diào)整布局或切換頁(yè)面等。戲曲類APP設(shè)計(jì)者可以保留這些常見的操作方式，同時(shí)，結(jié)合戲曲作品的特點(diǎn)，還可以引入愛好曲目收藏、隨機(jī)播放、分類切換等多樣化操作，讓用戶在使用APP使更有自主性，也使操作更具人性化。（2）使用習(xí)慣方面。很多用戶習(xí)慣在屏幕下方尋找更多功能菜單，主界面的功能菜單設(shè)計(jì)可以沿用用戶的這一使用習(xí)慣，以避免用戶在使用過程中出現(xiàn)諸多不便。（3）藝術(shù)審美層面。鑒于古今中外各類戲曲藝術(shù)種類復(fù)雜、作品數(shù)量巨大，而大多數(shù)戲曲愛好者很難做到對(duì)每一類戲曲作品都感興趣，從藝術(shù)審美層面出發(fā)，設(shè)計(jì)者可以在用戶使用APP之前，設(shè)計(jì)自主選擇選項(xiàng)。首先，由APP設(shè)計(jì)者將各類戲曲作品按照種類、風(fēng)格、時(shí)長(zhǎng)等關(guān)鍵詞進(jìn)行分類。然后，由用戶輸入關(guān)鍵詞進(jìn)行自主設(shè)置和自主選擇，設(shè)置完畢以后，APP結(jié)合用戶的個(gè)人選擇，向用戶展示其感興趣的內(nèi)容。這種交互設(shè)計(jì)能很好滿足用戶審美與情感的需求，也能促進(jìn)用戶與設(shè)計(jì)者之間的交流互動(dòng)。

3.5? 情感化設(shè)計(jì)

戲曲類APP是為滿足人類精神文明需求而誕生的移動(dòng)互聯(lián)網(wǎng)產(chǎn)品，其重要的功能結(jié)構(gòu)包括傳播傳統(tǒng)文化、滿足人類情感需求。用戶在使用過程中，與APP之間進(jìn)行情感交流。對(duì)用戶來說，使用APP不僅是一種情感交流，更是個(gè)人藝術(shù)審美的情感表達(dá)。用戶在使用APP時(shí)，APP內(nèi)的色彩、內(nèi)容、結(jié)構(gòu)、操作難度等會(huì)給用戶帶來第一感官體驗(yàn)，直接影響用戶的情感。設(shè)計(jì)者需秉承“用戶至上”的設(shè)計(jì)原則，從用戶的使用操作和心理體驗(yàn)等方面，提升用戶情感滿足程度。情感化設(shè)計(jì)也是留住老用戶、吸引新用戶的重要法寶。情感化設(shè)計(jì)主張從用戶的情感體驗(yàn)出發(fā)，開展APP整體設(shè)計(jì)和優(yōu)化。例如：當(dāng)用戶長(zhǎng)期未使用某一功能后再次開啟該功能時(shí)，APP可以結(jié)合對(duì)用戶使用習(xí)慣的監(jiān)測(cè)給予一定的操作提示和內(nèi)容更新提醒，提升老用戶對(duì)APP的好感度;同時(shí)，對(duì)于新用戶，APP設(shè)計(jì)者也可以結(jié)合用戶在APP內(nèi)的瀏覽、搜索的關(guān)鍵詞信息，推送用戶感興趣的戲曲作品，以興趣為主導(dǎo)，留住新用戶群體。

[參考文獻(xiàn)]

[1]付昕.基于用戶體驗(yàn)的智能手機(jī)APP界面設(shè)計(jì)研究[J].中國(guó)高新技術(shù)企業(yè)，2016（17）：24-25.

[2]熊英，張明利.基于用戶體驗(yàn)的互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計(jì)分析[J].包裝工程，2016（4）：88-91.

Abstract：In recent years， the mobile media terminal technology represented by mobile phones has developed rapidly， and the drama-like APP has been able to spread with this emerging technology. In order to allow more users to use the drama-like APP to learn and inherit the traditional opera art， this paper can optimize the design of the APP interface style， color， structure and emotional interaction from the perspective of user experience， so that the drama-like APP can get more. The support and recognition of users has also made the traditional opera art more widely passed down and spread.

Key words：user experience; drama-like APP; interface design