黃天瑤

(廣西科技大學(xué) 藝術(shù)與文化傳播學(xué)院，廣西 柳州 545026)

1 APP 設(shè)計中交互設(shè)計概述

交互設(shè)計所解決的問題多來自于產(chǎn)品、軟件等，這些是與用戶體驗息息相關(guān)的。在UI設(shè)計中，交互設(shè)計通俗地講就是研究人機(jī)界面，通過用戶體驗角度的邏輯思維研究，將界面的外觀和操控的流程結(jié)合起來，使得我們使用的APP能夠簡潔操作也能富于視覺的美感，從而更加突出交互設(shè)計的價值。

2 基于用戶體驗的App設(shè)計方法研究

2.1 用戶體驗概念

用戶體驗一詞源自于交互設(shè)計的觀念，它的定義出自于美國人Donald Arthur Norman的書籍《設(shè)計心理學(xué)》之中，他認(rèn)為“用戶體驗設(shè)計應(yīng)以用戶的需求和利益為基礎(chǔ)”。用戶體驗，就是指研究用戶在使用產(chǎn)品過程中的一些主觀感受，如情感、心理、喜好及生理的反應(yīng)、行為等各個方面[1]。所以，產(chǎn)品想要具備良好的用戶體驗，首先要考慮的是產(chǎn)品設(shè)計是否能夠滿足用戶提出的種種需求，其次是產(chǎn)品設(shè)計是否能給用戶帶來不同的使用價值。

2.2 用戶體驗框架

2008年詹姆斯·加勒特出版了《用戶體驗要素：以用戶為中心的產(chǎn)品設(shè)計》一書，在書中他首次提出了用戶體驗的五大要素[2]。

(1)戰(zhàn)略層。戰(zhàn)略層是用戶要素中最下層的結(jié)構(gòu)，也是最基礎(chǔ)的環(huán)節(jié)，它是把握產(chǎn)品總體方向的方向盤。在戰(zhàn)略層中需要確定兩個關(guān)鍵點(diǎn)——產(chǎn)品研發(fā)目標(biāo)和用戶需求定位。 在進(jìn)行設(shè)計前，我們需要明確，用戶通過此APP能獲取侗族刺繡哪些內(nèi)容？我們的目的是記載、保護(hù)還是傳播刺繡文化？通過前一個問題可以得到用戶的需求定位，通過第二個問題可以確定產(chǎn)品研發(fā)的目標(biāo)。

(2)范圍層。在完成了戰(zhàn)略層中明確用戶需求的定位和產(chǎn)品研發(fā)的目標(biāo)后，需要將這些落實(shí)到產(chǎn)品的功能和內(nèi)容上，這便是范圍層需要解決的問題，即明確產(chǎn)品需要做的內(nèi)容以及順序，并確定產(chǎn)品的功能，形成一個簡單的初步計劃。

(3)結(jié)構(gòu)層。設(shè)計師將第一步戰(zhàn)略層中所確定的產(chǎn)品目標(biāo)和用戶需求作為導(dǎo)向進(jìn)行交互設(shè)計，掌握用戶的心理特征，切身體會他們的所需，只有這樣才能使設(shè)計出的產(chǎn)品具有良好的體驗感。信息架構(gòu)就是一個產(chǎn)品的導(dǎo)向圖，將產(chǎn)品內(nèi)的內(nèi)容、信息進(jìn)行規(guī)整分類，形成不同組織，用戶尋找所需的信息時能夠更加直觀、快速、準(zhǔn)確。

(4)框架層。在這一層面，主要完成界面、導(dǎo)航和信息的設(shè)計。界面設(shè)計是指界面上內(nèi)容的排版和用戶產(chǎn)生什么樣的互動體驗；導(dǎo)航設(shè)計是指當(dāng)用戶操作APP時的領(lǐng)航欄，需要形成一個讓用戶一看就能看到重要東西的整體框架；信息設(shè)計是指用戶在搜索產(chǎn)品時的一些文案部分。在框架層，設(shè)計師還要注意界面上的彈窗、搜索框等組件的位置擺放，提煉出具象的結(jié)構(gòu)，確定界面設(shè)計的導(dǎo)航和信息設(shè)計。

(5)表現(xiàn)層。表現(xiàn)層處在用戶體驗最頂層的位置，在此層面重點(diǎn)就是界面整體給用戶的第一印象，也稱之為感知設(shè)計。表現(xiàn)層上的內(nèi)容是用戶可以看到的，所以在設(shè)計中要注意整體的設(shè)計風(fēng)格、字體的大小比例、整體的色調(diào)等等，最終以協(xié)調(diào)、美觀的視覺形式呈現(xiàn)在用戶的眼前。

3 侗族刺繡APP設(shè)計應(yīng)用

3.1 侗族刺繡APP的設(shè)計來源與理念

侗族刺繡是侗族精神文化傳承的重要載體，在千百年歷史發(fā)展的進(jìn)程中，侗族人民在自身服裝、布藝上對于刺繡圖案紋樣的應(yīng)用，經(jīng)過人為的打磨與時間的洗禮，已經(jīng)形成了一系列具有獨(dú)特韻味的少數(shù)民族文化符號，深深植根于侗族人的腦海中并向全國乃至世界推廣開來。

侗族刺繡是一種無聲無字的藝術(shù)表達(dá)形式，更具有隱喻性與視覺表達(dá)性，其所擁有花樣繁多的紋樣形式賦予了其無與倫比的藝術(shù)觀賞價值。不同的制作工藝、不同的圖案、不同的色彩搭配，都在反映著刺繡者豐富的情感世界，一針一線中都是侗族藝術(shù)工作者對于傳統(tǒng)文化智慧的凝聚與提煉，可以看得出侗族人民對美好生活的無限憧憬與熱愛。侗族是個沒有文字的少數(shù)民族，侗族百姓用他們的智慧含蓄地將文字轉(zhuǎn)變?yōu)閳D形，運(yùn)用他們豐富的想象力與創(chuàng)造力來表達(dá)他們的信仰與追求，凸顯出了她們熱愛生命、積極勇敢、不畏艱險的偉大民族精神。

本次設(shè)計將從刺繡紋樣分類、刺繡制作工藝以及藝術(shù)價值等方面進(jìn)行APP設(shè)計，將傳統(tǒng)文化與數(shù)字媒體技術(shù)進(jìn)行融合，把侗族刺繡和手機(jī)APP設(shè)計結(jié)合在一起，提升用戶對傳統(tǒng)文化的喜愛，帶給用戶全新的用戶體驗和視覺效果。利用手機(jī)APP能夠快速傳播的這一優(yōu)勢，使侗族刺繡傳統(tǒng)手工藝能走出廣西，走向世界。

3.2 侗族刺繡APP的設(shè)計定位分析

(1)產(chǎn)品定位。該產(chǎn)品名稱為侗族刺繡APP，其平臺的目標(biāo)用戶客戶覆蓋人群較廣，大致可分為以下幾類：侗族刺繡愛好者，會刺繡懂刺繡，希望通過APP了解更多刺繡信息的人；對侗族刺繡感興趣，但沒有動手操作過，希望能看到更多有關(guān)刺繡的作品；某些小型刺繡合作社、作坊等。

(2)內(nèi)容定位。歷史文化內(nèi)容。少數(shù)民族地區(qū)的地理位置和民風(fēng)民俗往往取決于當(dāng)?shù)貍鹘y(tǒng)手工藝的風(fēng)格和特色，侗族就是在其發(fā)展的過程中形成了獨(dú)有的民族特色、地域風(fēng)格的民族文化。所以通過手機(jī)APP能做到在滿足用戶對侗族刺繡文化掌握和學(xué)習(xí)的同時，也起到了宣傳侗族刺繡藝術(shù)文化的作用。

刺繡基本步驟。進(jìn)行刺繡前，首先需要利用硬紙把圖案剪出來。圖案剪裁完成后，用針線把圖案固定到布上的特定位置便可開始繡色。這種繡法容易得到繡面平整、針法豐富、線跡精細(xì)、圖案飽滿的效果。

刺繡紋樣的分類及應(yīng)用。最具有代表性的便是侗族刺繡中的不同種類紋樣，它們形成了極具特色的傳統(tǒng)紋樣，其紋樣在一定程度上記錄了侗族的歷史變遷、民族信仰、宗教禮儀、地理環(huán)境、人文風(fēng)情、生活習(xí)俗等[3]。

刺繡工藝品及文創(chuàng)產(chǎn)品展示與售賣。將侗族刺繡工藝品進(jìn)行不同種類的展示，并且為了能夠更好地展示出侗族刺繡工藝品及文創(chuàng)產(chǎn)品的細(xì)節(jié)和特征，采用超高清和放大特寫的功能，滿足用戶對展品的認(rèn)識與了解。另外可以將刺繡工藝品作為商品進(jìn)行售賣，從而推廣侗族刺繡文化，促進(jìn)地區(qū)經(jīng)濟(jì)發(fā)展。

3.3 侗族刺繡APP的功能構(gòu)架及交互流程設(shè)計

一款好的APP一定要具有實(shí)際使用且好用的價值，為了實(shí)現(xiàn)此目的，需要提前明確APP的功能結(jié)構(gòu)，在進(jìn)行交互設(shè)計的時候一定要有明確的思路和清晰的邏輯，架構(gòu)需要富有層次性。侗族刺繡APP的功能構(gòu)架及交互流程設(shè)計如圖1所示。

圖 1 APP功能構(gòu)架及交互流程設(shè)計

在信息架構(gòu)上，分為四個主要功能模塊：

第一個功能模塊為“主頁”，包括6個部分：歷史文化、刺繡工藝、紋樣欣賞、傳承保護(hù)、作品欣賞及文創(chuàng)欣賞，此模塊作為侗族刺繡內(nèi)容推廣的核心模塊。其中，歷史文化中主要介紹侗族刺繡的發(fā)展背景與發(fā)展歷史；刺繡工藝中包含剪紙和刺繡兩個部分，侗族刺繡不同于其他地區(qū)刺繡，其特點(diǎn)是剪紙繡，故將兩者分開進(jìn)行介紹。紋樣欣賞中主要講侗族刺繡中的紋樣進(jìn)行分類與分析；傳承保護(hù)，主要是介紹目前在三江侗族自治縣比較出名的侗繡傳承人；作品欣賞中將作品分類進(jìn)行賞析、欣賞；文創(chuàng)欣賞，是指一些與侗族刺繡相關(guān)的衍生作品，如裝飾品、文創(chuàng)產(chǎn)品等。第二個功能模塊為“發(fā)現(xiàn)”，熱愛刺繡的愛好者或者工作者可以通過此模板尋找自己想查詢的資料或?qū)ふ抑就篮系挠脩簟Ｍ瑫r也有相關(guān)課程的學(xué)習(xí)，有助于侗族刺繡的發(fā)展與傳承。第三個功能模塊為“聊天”，用戶通過這一功能，可以與志同道合的用戶進(jìn)行互動、學(xué)習(xí)與交流。第四個功能模塊為“我的”，用來編輯、設(shè)置或查詢個人用戶信息以及訂閱、收藏等。

3.4 侗族刺繡APP導(dǎo)航設(shè)計

在APP的設(shè)計中，最常見的有8種導(dǎo)航方式，本次APP設(shè)計運(yùn)用了其中4種，分別是標(biāo)簽式、宮格式、抽屜式和輪播式導(dǎo)航。

標(biāo)簽式導(dǎo)航式是最常見的一種導(dǎo)航方式，一般布局在頁面最底部，數(shù)量不少于3個，不超過5個。其適用于把相同信息內(nèi)容用標(biāo)簽的樣式進(jìn)行區(qū)分分類，在本次設(shè)計中，有“主頁”、“發(fā)現(xiàn)”、“聊天”、“我的”四個部分，方便用戶查找操作。

抽屜式導(dǎo)航這種模式一般采用將導(dǎo)航主體隱藏在APP側(cè)邊的方式，以一個按鈕來呼出導(dǎo)航，在使用完成之后再用相同的按鈕隱藏起來[4]。

宮格式導(dǎo)航最主要特點(diǎn)是利用網(wǎng)絡(luò)布局將主要入口全部集中在頁面之上，方便用戶做出選擇，各項之間等同重要。在侗族刺繡APP的主頁中，將“歷史文化”、“刺繡工藝”、“紋樣分類”、“傳承保護(hù)”、“作品欣賞”、“文創(chuàng)欣賞”這六個部分進(jìn)行宮格式的導(dǎo)航設(shè)計。

輪播式導(dǎo)航適用于大圖的展示，主要通過手勢的左右滑動來操作。侗族刺繡APP在紋樣欣賞的紋樣分類和保護(hù)傳承的介紹傳承人物中使用到了此導(dǎo)航設(shè)計。

3.5 侗族刺繡APP界面視覺設(shè)計

(1)圖標(biāo)。在侗族刺繡APP圖標(biāo)設(shè)計上，以侗繡中最經(jīng)常用到的背帶蓋的繡花圖紋——由九個圓形圖紋組成的“九個太陽紋”為靈感源頭，太陽花圖案是侗族獨(dú)有的圖案，象征著光明和溫暖。所以將“侗繡”兩字作為侗族刺繡APP的圖標(biāo)，圖標(biāo)以圓形為主，以白色為底板，紅色的繡字位于底板中間。該圖標(biāo)簡單大方，視覺形象清晰，以“侗繡”為圖標(biāo)文字的視覺形式表現(xiàn)，使用戶對侗族刺繡APP的內(nèi)容及功能能有更加清晰的了解。紅色在侗繡中經(jīng)常被使用，侗族婦女非常喜歡這種歡快、喜慶、溫暖的色調(diào)，所以在侗族刺繡APP圖標(biāo)設(shè)計上也用紅色吸引用戶的眼球，同時加深其視覺印象。

(2)顏色。為了呼應(yīng)侗族刺繡APP圖標(biāo)的紅字、紅框，在APP整體的選色上仍然選擇了紅色為主體色，淡灰色作為輔助色調(diào)。在整個界面設(shè)計中都圍繞著這兩種顏色進(jìn)行布局和設(shè)計，一方面為了呼應(yīng)侗族的民族特色，另一方面也能吸引用戶的注意，增加用戶視覺體驗效果。侗族婦女非常喜歡類似于紅色這種歡快、喜慶、溫暖的色調(diào)，同時也有美好的寓意。所以在整個界面中運(yùn)用這種白底、紅標(biāo)、黑字的設(shè)計，使用戶能更好、更多地了解侗族刺繡，從而擴(kuò)大其知名度。另一方面也能增強(qiáng)用戶對此APP的辨識度與依賴性，運(yùn)用簡潔明了、資源豐富的內(nèi)容吸引到更多的用戶。

(3)字體。文字是APP的主要表現(xiàn)形式，同時傳統(tǒng)文化的傳播也需要通過文字這一載體進(jìn)行傳遞，所以在傳統(tǒng)文化的APP中應(yīng)注意規(guī)范字體的排版。

在設(shè)計字體時要讓用戶感覺清爽、不易產(chǎn)生閱讀疲勞，根據(jù)網(wǎng)頁需求要有一個整體的規(guī)范，如字體的顏色、粗細(xì)、間隔等。在侗族刺繡APP的字體選擇上，主要使用微軟雅黑字體，此字體方正、簡潔，被廣泛使用。正文使用常規(guī)大小的字號，閱讀起來能夠帶來良好的視覺體驗。侗族刺繡APP側(cè)重于侗族刺繡的歷史和資訊信息，因此選用微軟雅黑字體較為合適。

在講述歷史及資訊信息部分的文字應(yīng)規(guī)范、大方，可反映出其深沉的文化底蘊(yùn)，而在三級頁面中的字體則可以具有韻味感。所以在三級頁面中使用到了海棠手字體，這種字體帶有詩情畫意的韻味，非常適合侗族刺繡這一手工藝。海棠手字體圓潤回轉(zhuǎn)、曲直兼具、線條優(yōu)美，諸多的情感內(nèi)涵，都可流露于字里行間。

4 結(jié)語

侗族刺繡APP旨在通過移動數(shù)字化的形式，達(dá)到對侗族刺繡的傳播和保護(hù)的目的，通過詳細(xì)分析侗族刺繡的工藝和歷史文化背景，多次對傳承人進(jìn)行訪問調(diào)研，實(shí)地體驗廣西侗族刺繡的工藝流程，運(yùn)用用戶體驗的五要素，從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層設(shè)計出了屬于侗族刺繡的APP。通過對范圍層的功能構(gòu)架和表現(xiàn)層導(dǎo)航設(shè)計及表現(xiàn)層視覺界面的設(shè)計內(nèi)容進(jìn)行研討，確定了所設(shè)計的內(nèi)容。類似于侗族刺繡的傳統(tǒng)手工藝類移動數(shù)字化設(shè)計研究是一個需要不斷完善的過程，且侗族刺繡APP的設(shè)計也有待改進(jìn)及優(yōu)化。在本次設(shè)計過程中，缺少了商業(yè)上的功能構(gòu)建，如傳承人所制作的文創(chuàng)產(chǎn)品等，后期可增強(qiáng)此模塊，使互聯(lián)網(wǎng)能帶給手工藝人實(shí)質(zhì)意義上的幫助。