浙江綠茶文化的APP界面設(shè)計研究

胡熠蝶，李 宣

（浙江農(nóng)林大學藝術(shù)設(shè)計學院，浙江杭州311300）

綠茶文化作為浙江傳統(tǒng)文化的代表之一，受地域等因素的限制，其傳播方式較為傳統(tǒng)單一，而在新媒體技術(shù)日益發(fā)展的當今社會，若僅僅依靠傳統(tǒng)的傳播方式，無法使浙江綠茶文化得到廣泛的認知和發(fā)展。在當前移動“互聯(lián)網(wǎng)+”的大潮下，浙江綠茶文化只有順應(yīng)潮流，借助數(shù)字技術(shù)的優(yōu)勢，才能得到更好的傳承、傳播和發(fā)展。APP 作為近年來炙手可熱的移動互聯(lián)網(wǎng)媒介，給浙江綠茶文化提供了強有力的支撐，拓寬了浙江綠茶文化傳播的渠道和途徑，同時也為浙江綠茶文化愛好者提供一種基于移動互聯(lián)網(wǎng)的文化體驗。

1 綠茶文化APP發(fā)展現(xiàn)狀

從古至今，浙江綠茶文化代表的內(nèi)容在不斷變換，浙江綠茶文化發(fā)展至現(xiàn)代社會，又有了新的內(nèi)涵和發(fā)展，依靠傳統(tǒng)的口口相傳、紙質(zhì)傳媒已經(jīng)不能滿足新時代需求，如何與以APP為首的新興移動互聯(lián)網(wǎng)媒介的結(jié)合值得進一步探索。

筆者針對現(xiàn)有的與綠茶、綠茶文化相關(guān)的APP 進行調(diào)研分類，發(fā)現(xiàn)單獨針對綠茶這一類別進行開發(fā)應(yīng)用的APP相對較少，因此筆者將調(diào)研范圍擴大到茶相關(guān)，調(diào)研結(jié)果如表1：

表1 茶類APP調(diào)研表

與茶相關(guān)的APP，整體數(shù)量并不多，這些APP的用戶群體多是以中老年及茶文化愛好者為主，其目的主要是希望能夠優(yōu)惠購買正宗茶品以及獲得茶葉選購及沖泡方面的指導。筆者針對上述APP 均進行使用體驗，從APP 的功能與界面設(shè)計角度進行歸納分析如下：

單純關(guān)于茶文化的資訊科普類APP 相對來說數(shù)量較少，且在其界面設(shè)計中茶文化屬性體現(xiàn)不太明顯。茶葉營銷購物類的APP 開發(fā)數(shù)量相對較多，但這類APP 的界面設(shè)計與一般的購物APP 區(qū)別不大，茶文化屬性同樣體現(xiàn)不足。其中一些茶類相關(guān)購物APP在購物的基礎(chǔ)上適當添加了一些資訊分享與交流等模塊，方便用戶了解茶業(yè)資訊與交流互動，但整體功能仍是以購物為主，且界面設(shè)計也未體現(xiàn)茶元素，交互體驗也有待提升。

2 綠茶文化APP界面設(shè)計流程構(gòu)思

筆者擬將綠茶文化類APP 界面設(shè)計流程分為三個環(huán)節(jié)，即用戶分析、界面設(shè)計、評估優(yōu)化。

2.1 用戶分析

設(shè)計要以用戶為中心。市場研究和用戶需求的分析是浙江綠茶文化APP 設(shè)計過程中的第一步，在此階段充分了解綠茶文化類APP 的市場情況，同類競爭產(chǎn)品的優(yōu)勢與劣勢以此確定浙江綠茶文化APP 的產(chǎn)品定位以及用戶的需求，并勾畫出目標用戶畫像，這對于后續(xù)APP界面具體設(shè)計具有重要意義。

圖1 APP界面設(shè)計流程圖

當今時代任何互聯(lián)網(wǎng)產(chǎn)品如果脫離了市場的基本需求那么就不存在產(chǎn)品運營的可能。因此在綠茶文化APP 設(shè)計開發(fā)之前，需要進行相關(guān)市場調(diào)研，把握茶文化類APP 市場可能趨勢，同時也要做好相關(guān)競品分析。競品分析的根本目標是通過一切可獲得的信息來查清競爭對手的狀況，對其界面設(shè)計競爭優(yōu)勢所在，可以適當?shù)募右越梃b運用，而其界面設(shè)計薄弱之處則可以轉(zhuǎn)化為自身的特色，做好競品分析可以幫助設(shè)計出有差異化的綠茶文化類APP。從同類茶文化類APP 的市場反應(yīng)，獲知其在市場上所處的位置、設(shè)計思路及設(shè)計形式和優(yōu)勢所在，當然關(guān)鍵在于找出同類APP尚無法滿足用戶需求的地方。

一款成功的APP 開發(fā)產(chǎn)品，其產(chǎn)品的定位是極其重要的，產(chǎn)品定位決定了接下來圍繞產(chǎn)品的一系列工作。因此對同類APP進行相關(guān)競品分析之后，需要整理目標綠茶文化APP 的整體定位。定位主要從APP 本身和用戶兩方面考慮，具體來講就是要考慮綠茶文化APP的目標人群以及APP所要滿足目標人群的哪些需求，該綠茶文化APP 的突出特色等等。在明確APP 在市場中的角色定位后，更有利于將市場的需求轉(zhuǎn)化為APP 設(shè)計的靈感。

基于以上市場調(diào)研確定的APP 目標人群，通過問卷調(diào)查等形式對其進行全面研究，挖掘出用戶的潛在需求。基于用戶研究的資料，可以歸納出浙江綠茶文化APP的主要受眾人群、所使用的環(huán)境、使用此APP 的目的和所想接收的信息等等。這些信息可以幫助APP設(shè)計以用戶為出發(fā)點，理解用戶需求，實現(xiàn)用戶需求。

APP 設(shè)計的用戶畫像分析也十分重要，建立用戶畫像，可以幫助了解用戶以及用戶之間的共性，與用戶產(chǎn)生共情，設(shè)身處地地去思考用戶需求。通過對綠茶文化類APP用戶畫像的仔細分析可以明確用戶群體，從而制定出更加貼近群眾的APP 設(shè)計方案。

2.2 界面設(shè)計

基于用戶需求分析基礎(chǔ)上的APP 界面設(shè)計應(yīng)當結(jié)合用戶研究的內(nèi)容，進行總結(jié)與凝練，分解成：我的用戶主要是哪類群體、我的用戶想要什么、我的用戶喜歡什么媒體形式，這三大要點，貫穿于浙江綠茶文化APP 界面設(shè)計的始終。

2.2.1 信息與功能架構(gòu)

數(shù)學本身就是理性精神的一種，強調(diào)并追求真理，推動人們對世界的認知與發(fā)展.用批判與反思的方式來探究知識的真正含義.數(shù)學核心素養(yǎng)就是要讓學生有探究事物根本、追求真理、構(gòu)建知識、找到規(guī)律并進行創(chuàng)新的意識能力，塑造學生的理性精神，讓學生能沖破束縛，用全新的視角看待現(xiàn)實事物，并且用有效的證據(jù)來解放人們的思想，發(fā)展學生個體的思維能力與學習能力.

用戶想要了解的內(nèi)容也就是APP 所要架構(gòu)的信息和功能，將目標信息和目標功能梳理清晰，在對APP 的功能需求有清晰把握的基礎(chǔ)之上，把用戶從開始到結(jié)束的整個過程梳理出來，把各種可能性考慮進去，整理完成之后，進行線框圖或頁面交互流程的設(shè)計和產(chǎn)出，將綠茶文化知識通過良好的用戶體驗傳遞給用戶，高效解決用戶痛點。

2.2.2 視覺設(shè)計

在視覺設(shè)計的階段，首先要確定浙江綠茶文化APP 界面設(shè)計的風格。對浙江綠茶文化APP 的風格進行準確定位，其設(shè)計風格應(yīng)當符合綠茶文化的主題，應(yīng)體現(xiàn)綠茶文化的歷史感、文化感，主要通過視覺元素提取形式、界面布局形式、標準色、標準字使用等方式來實現(xiàn)。頁面內(nèi)容的布局形式應(yīng)該符合用戶瀏覽習慣，方便用戶閱讀。色彩作為視覺審美的核心，是界面設(shè)計中必不可少的組成部分，具有圖形和文字無法代替的作用，配色的選擇應(yīng)貼近綠茶文化以便更好的傳達綠茶文化內(nèi)涵。除了色彩之外，APP 界面設(shè)計在文字的選擇上也存在許多與主題相關(guān)的考慮，字體應(yīng)與主題中所要傳達的綠茶文化內(nèi)涵相呼應(yīng)，將視覺要素的構(gòu)成作為主要形式手段，將文字性格與綠茶文化內(nèi)容相融合。

確定了界面風格之后，著手設(shè)計功能icon和應(yīng)用icon。功能icon 即在應(yīng)用中，充當表達某一操作或功能示意的圖形，功能圖標設(shè)計應(yīng)極可能形象，簡潔，以準確表達其代表的功能。APP 的界面圖標如同是一個品牌的標志，用戶通常將對一個品牌的印象寄托于標志上，APP 界面圖標亦是如此。圖標是用戶在瀏覽APP 時最先接觸到的視覺要素，因此界面圖標視覺審美的優(yōu)劣往往會影響用戶對于APP 的第一印象以及后續(xù)是否會下載使用。APP 能否在界面圖標這一視覺元素中實現(xiàn)第一次關(guān)于綠茶文化的信息傳達是至關(guān)重要的。多數(shù)APP 在界面圖標設(shè)計中會采用簡明易懂的文字表現(xiàn)形式，也有部分APP 的界面圖標在表意與審美之間巧妙地運用圖形圖像來傳達內(nèi)在含義。

2.2.3 評估優(yōu)化

在浙江綠茶文化APP 的界面設(shè)計初具雛形之后，正式投放市場之前，需對APP界面進行試用評估，以測試APP界面設(shè)計是否能夠滿足用戶的需求及方便操作。一般情況下，可以通過制作原型版本的APP 界面建立一個測試的真實環(huán)境，邀請真正用戶去試用、進行試用評估和軟件測試等，去評估用戶界面的功能性、美觀性、操作便捷程度等諸多因素，以便了解用戶對界面的滿意度，形成反饋機制從而用于APP改進，直至達到期望目標。

3 “知綠”APP界面設(shè)計分析

在詳細了解浙江綠茶文化概況的基礎(chǔ)上，設(shè)計一款科普浙江綠茶文化的APP“知綠”。通過“知綠”APP，傳達浙江綠茶文化的內(nèi)涵、相關(guān)茶品茶俗等信息，使用戶對浙江綠茶文化形成初步了解，產(chǎn)生一定的興趣和深入研究的積極性，并促進浙江綠茶文化的傳播和發(fā)展。

3.1 用戶分析

筆者針對市場上現(xiàn)有的茶相關(guān)APP 調(diào)查研究發(fā)現(xiàn)，市場上現(xiàn)有的APP基本都是以涵蓋全茶類的為主，針對綠茶、綠茶文化相關(guān)的APP進行開發(fā)應(yīng)用的數(shù)量相對較少。而且單純關(guān)于茶文化的資訊科普類APP 也不多，就筆者了解到的只有綠茶、吃茶去。現(xiàn)對其進行分析如下：

圖2 APP競品分析圖

筆者通過網(wǎng)絡(luò)問卷調(diào)查的形式，收集用戶數(shù)據(jù)進行分析歸納，發(fā)現(xiàn)參與調(diào)查問卷的用戶多為20—40歲左右的中青年，占到所有調(diào)研對象的80%，這可能與此年齡段用戶為智能手機的普遍使用者有直接關(guān)系。70%的用戶對浙江綠茶及綠茶文化的情況了解不多，對浙江綠茶及綠茶文化的情況比較了解的只占17%。幾乎所有調(diào)研對象都不知道市面上存在茶類相關(guān)的APP。如果設(shè)計一款科普浙江綠茶文化的APP，調(diào)研對象比較想要從中獲取綠茶的功效、沖泡方法、相關(guān)茶俗、出產(chǎn)地及市場價位等信息。調(diào)研對象希望科普浙江綠茶文化的APP可以具備論壇交流的功能，可以提供相關(guān)資訊以及茶友之間互動交流。

3.2 界面設(shè)計

3.2.1 “知綠”APP設(shè)計目標及功能架構(gòu)

考慮到“知綠”的目標人群中有一大部分人對綠茶文化認識不多，因此，在APP功能架構(gòu)中有必要考慮首先給用戶呈現(xiàn)綠茶文化的介紹，基于此，將從茶品、茶具、茶俗三個類別組織浙江綠茶文化相關(guān)信息，便于用戶對浙江綠茶文化有基本的認識，降低APP 的使用難度，提升用戶的使用積極性。其次，為用戶提供茶文化相關(guān)話題與線下活動等信息，引起用戶的興趣，并為用戶線下體驗提供便利。用戶之間也可以通過發(fā)帖討論、評論留言等形式進行交流互動，尋找志同道合的茶友，也可以滿足想要了解綠茶文化人群的需求。

根據(jù)以上特點建立起“知綠”APP 的功能架構(gòu)圖，如圖1。首頁導航欄由“首頁”“發(fā)現(xiàn)”“我的”三個模塊組成，其中“首頁”包含“茶俗文化”“茶品”“茶具“”三大板塊，“茶品”模塊的亮點功能是設(shè)計了專門的茶文化科普模式，茶文化領(lǐng)域?qū)＜覍W者也參與其中，提供專業(yè)的茶文化和茶葉品鑒的科普，普通人也能感受到茶情懷，完成從知茶、識茶到懂茶的轉(zhuǎn)變。“發(fā)現(xiàn)”板塊是最能體現(xiàn)“知綠”APP 社區(qū)這一品牌定位的模塊，是分享、交流茶信息的社區(qū)互動平臺，這里會更新最熱的茶文化話題、最新的茶文化活動，用戶也可以在其中發(fā)表自己的觀點和看法，能讓“知綠”APP用戶通過此平臺發(fā)現(xiàn)和挖掘自己的更深層次需求。“我的”板塊主要是我的發(fā)布/收藏、消息中心以及設(shè)置等基礎(chǔ)功能，同時用戶可以進行“云種茶”活動，通過一定的任務(wù)獲取“茶樹養(yǎng)料”助“茶樹生長”，長成之后可以兌換成一定的實物獎勵。

3.2.2 “知綠”APP界面視覺設(shè)計

視覺設(shè)計要使用戶體驗更加愉悅，也要使整個界面的樣式風格化并且向主題靠攏。整體設(shè)計風格，既要體現(xiàn)綠茶文化歷史性、生態(tài)性等特點，又要結(jié)合現(xiàn)代APP界面設(shè)計簡潔、大氣、清晰的風格，避免過于傳統(tǒng)復古的界面和繁雜的裝飾給用戶帶來審美疲勞，阻礙使用的流暢性。

浙江綠茶文化作為浙江悠久傳統(tǒng)文化的代表，其不可避免帶給人渾厚的文化感，因此“知綠”整體風格定位于端莊大氣典雅，因此在色彩的選擇上，會選用偏穩(wěn)重素雅的色調(diào)。鑒于綠茶給予用戶的直觀的綠色印象，在界面設(shè)計時選擇和茶葉顏色相近的竹青色與飽和度更為柔和的茶白色兩種顏色作為APP界面配色的首選。竹青與茶白的搭配傳遞出典雅大方的氣質(zhì)，凸顯綠茶文化的深厚底蘊與勃勃生機。

在字體方面，“知綠”選用魏碑與黑體這兩種字體，魏碑書法樸厚又靈動，與綠茶文化的底蘊深厚與生機勃勃十分契合；黑體的使用則是為了易于閱讀。

科學研究表明，大多數(shù)情況下瀏覽者都不由自主的以“F”形狀的瀏覽路線閱讀網(wǎng)頁，這種基本恒定的閱讀習慣決定了網(wǎng)頁呈現(xiàn)F 形的關(guān)注熱度，APP 界面內(nèi)容布局亦是如此。同時，為了優(yōu)化“知綠”APP 界面視覺結(jié)構(gòu)，多使用縮略圖+文字的方式來描繪信息，將主題、內(nèi)文和圖片展現(xiàn)得尤為清楚。

圖3 功能界面高保真原型圖

在“知綠”APP 的圖標設(shè)計中，以“茶葉”的典型形象為參照，將人們對“茶葉”的認知與意識運用到“知綠”APP 圖標設(shè)計之中，既能夠減輕用戶的辨識難度，又在潛移默化中強調(diào)了“知綠”APP 中涉及的傳統(tǒng)綠茶文化元素與內(nèi)涵。在“知綠”APP 界面圖標設(shè)計中，同樣選擇了竹青色作為APP圖標中“茶葉”的主色調(diào)，加之茶白色作為背景色，使得其界面的整體色彩搭配巧妙地詮釋了APP的文化主題――綠茶。

圖4 “知綠”應(yīng)用圖標

3.3 評估優(yōu)化

在界面設(shè)計初步完成之后，制作原型版本的APP 界面，邀請目標用戶進行試用，評估界面的功能性、美觀性、操作便捷程度等諸多因素。被試者普遍認為，通過點擊、滑動等方式進行交互，APP 操作簡便流暢，界面風格清晰明了，可以準確傳達綠茶文化內(nèi)涵。

進一步優(yōu)化APP 啟動頁設(shè)置，啟動頁由板塊內(nèi)容圖片隨機生成，并搭配以相應(yīng)的文字與標題，科普綠茶文化相關(guān)知識，直觀明了的將APP的主題傳遞給用戶，烘托出傳統(tǒng)綠茶文化氛圍。

圖5 引導頁

4 結(jié)語

利用新興移動互聯(lián)網(wǎng)媒介去輔助浙江綠茶文化的傳播，是“互聯(lián)網(wǎng)+”時代下一種新的方法，它打破了浙江綠茶文化傳統(tǒng)傳播方式的固有界限，也拓寬了浙江綠茶文化的廣度和深度。順應(yīng)時代的改革以及發(fā)展進行浙江綠茶文化APP 設(shè)計開發(fā)，有利于推動“互聯(lián)網(wǎng)+浙江綠茶文化”發(fā)展態(tài)勢，更好地推動浙江綠茶文化的信息化健康發(fā)展。