青少年美術(shù)教育APP交互設(shè)計(jì)探索

摘要：5G技術(shù)和網(wǎng)絡(luò)信息帶來(lái)無(wú)限商機(jī)，各類手機(jī)APP的開(kāi)發(fā)和市場(chǎng)占有率不斷提高，但由于很多手機(jī)APP在設(shè)計(jì)和開(kāi)發(fā)方面比較粗糙，使得淘汰率過(guò)高用戶保有率低，難以發(fā)揮其應(yīng)用的價(jià)值。對(duì)此本文在分析了國(guó)內(nèi)青少年美術(shù)教育APP現(xiàn)狀的基礎(chǔ)上，秉承青少年認(rèn)知心理和藝術(shù)培養(yǎng)科學(xué)化理念，以青少年為對(duì)象，展開(kāi)以美術(shù)學(xué)習(xí)和教育為主要內(nèi)容的APP交互設(shè)計(jì)研究，為APP交互設(shè)計(jì)領(lǐng)域提供新的理論思考、設(shè)計(jì)創(chuàng)新和實(shí)踐嘗試。

關(guān)鍵詞：美術(shù)教育；界面設(shè)計(jì)；認(rèn)知理念

一、界面架構(gòu)設(shè)計(jì)研究

界面是用戶和產(chǎn)品建立的初次印象，一定意義上決定了產(chǎn)品的可操作性和持續(xù)性。界面上的所有元素和按鈕的位置都要符合用戶的使用習(xí)慣，好的界面設(shè)計(jì)無(wú)需添加很多文字性的引導(dǎo)，通過(guò)界面的布局和圖標(biāo)的設(shè)計(jì)都能進(jìn)行方便、快捷的操作。界面是設(shè)計(jì)中最直觀的一部分也是非常重要的一部分，界面的布局、風(fēng)格和設(shè)計(jì)元素的把握直接影響到用戶的情感化體驗(yàn)，提升用戶情感化體驗(yàn)就是提升其對(duì)于產(chǎn)品的認(rèn)同度。

二、APP界面設(shè)計(jì)原則

1、一致性原則

APP界面設(shè)計(jì)的一致性是指其產(chǎn)品界面展示的結(jié)構(gòu)、色彩和圖標(biāo)等設(shè)計(jì)元素風(fēng)格統(tǒng)一，減少用戶認(rèn)知成本，加深對(duì)品牌認(rèn)可。界面中的每一個(gè)元素都應(yīng)該在顏色、比例、樣式等方面形成一致。在界面設(shè)計(jì)上做的比較好的如蘋(píng)果公司iOS系統(tǒng)和安卓的質(zhì)感設(shè)計(jì)，他們?cè)谠O(shè)計(jì)上都做了詳細(xì)的規(guī)范，使其產(chǎn)品具有高度的一致性。蘋(píng)果的iOS系統(tǒng)因其高度的一致性，使用戶在使用過(guò)程中不會(huì)增加額外的學(xué)習(xí)成本，對(duì)公司來(lái)說(shuō)，可以將自己的成果從一個(gè)界面轉(zhuǎn)移到另外一個(gè)界面，整個(gè)過(guò)程因?yàn)橹耙延械牟僮鹘?jīng)驗(yàn)而更加的流暢。相反，在界面設(shè)計(jì)上風(fēng)格差別太大，會(huì)阻礙到用戶的順利使用，導(dǎo)致糟糕的用戶體驗(yàn)。

2、清晰性原則

清晰性主要表現(xiàn)在主題功能明確，字體大小合適。由于移動(dòng)手機(jī)界面固有的局限性，屏幕小等特點(diǎn)，因此相比網(wǎng)頁(yè)來(lái)說(shuō)，在設(shè)計(jì)上盡可能以簡(jiǎn)潔為主。主題不明確，信息模糊的界面，既影響用戶的操作體驗(yàn)，也影響了APP的使用率，也就失去了APP的使用價(jià)值。

3、易用性原則

如今，手機(jī)正朝著“大屏化”的趨勢(shì)發(fā)展，用戶使用手機(jī)的方式也發(fā)生了變化，除了接打電話以外，大多數(shù)都是單手操作，使用大拇指進(jìn)行點(diǎn)擊和滑動(dòng)。在APP的設(shè)計(jì)中，在大拇指所能接觸到的范圍內(nèi)設(shè)計(jì)一級(jí)導(dǎo)航菜單。方便用戶的操作，把不常用的二級(jí)導(dǎo)航放在頂部的位置，點(diǎn)擊的熱點(diǎn)和精確度也要圍繞用戶的操作習(xí)慣進(jìn)行設(shè)計(jì)。

三、內(nèi)容組織設(shè)計(jì)研究

根據(jù)問(wèn)卷調(diào)查和市場(chǎng)調(diào)研，收集了用戶的需求以滿足用戶的期望。一款A(yù)PP的設(shè)計(jì)中，其內(nèi)容組織上首先要明確產(chǎn)品定位、產(chǎn)品的功能和能夠給用戶帶來(lái)的幫助，解決他們?cè)谑褂卯a(chǎn)品過(guò)程中能收獲什么問(wèn)題。

在設(shè)計(jì)時(shí)除了有自己的核心功能以外，還有其他綜合性的，多元化的功能。內(nèi)容上突出主要內(nèi)容，將學(xué)習(xí)內(nèi)容進(jìn)行分類，方便用戶點(diǎn)擊查看。在內(nèi)容的功能上，核心的功能要主要的顯現(xiàn)，讓用戶可以直接獲得想要的內(nèi)容。非核心的功能要適當(dāng)?shù)娜趸苊獠僮魇д`，帶來(lái)不好的體驗(yàn)。內(nèi)容的設(shè)置形式上要多變，文字、聲音、圖形、動(dòng)畫(huà)、視頻作為常用的形式，具有很強(qiáng)的表現(xiàn)性和互動(dòng)性。設(shè)計(jì)過(guò)程中加以合理利用，提升用戶體驗(yàn)感。

四、情感體驗(yàn)設(shè)計(jì)研究

1、自然的交互方式

智能手機(jī)的屏幕分為顯示屏和觸摸屏。顯示屏好比電腦屏幕是輸出設(shè)備，觸摸屏好比一張很薄的壓力傳感膜是輸入設(shè)備，觸屏方式為電容式多點(diǎn)觸控，使用手指就可在屏幕隨意滑動(dòng)、拉伸、放大、旋轉(zhuǎn)等。觸屏方式由最初的電阻式升級(jí)為電容式，操作的趣味性得到很大的提高，交互手勢(shì)上有點(diǎn)擊、雙擊、縮小、放大、旋轉(zhuǎn)等互動(dòng)方式。考慮到青少年較成人的辨識(shí)能力弱，按鈕的點(diǎn)擊范圍，盡量使用熱區(qū)較大，避免誤操作。同時(shí)在圖標(biāo)的設(shè)計(jì)上，按鈕的設(shè)計(jì)要明顯。

2、有趣的互動(dòng)體驗(yàn)

美術(shù)教育類APP在設(shè)計(jì)過(guò)程中，要充分考慮到用戶心理特征，青少年具備了一定的邏輯思維能力和審美能力，同時(shí)具有豐富的想象力，在課程設(shè)置上要符合用戶的認(rèn)知心理、行為習(xí)慣等多方面心理需求。為了用戶更有效的交流學(xué)習(xí)，語(yǔ)音輸入的設(shè)計(jì)能夠促進(jìn)青少年用戶與用戶之間的溝通，也是激發(fā)青少年學(xué)習(xí)熱情的一種互動(dòng)方式。在交互界面設(shè)計(jì)上，還可以利用動(dòng)畫(huà)表情反饋來(lái)增強(qiáng)用戶的互動(dòng)熱情。

寓教于樂(lè)是一種教育趨勢(shì)，不同的教育主題采用不同的娛樂(lè)方式，設(shè)計(jì)理念要符合用戶的身心發(fā)育特點(diǎn)、行為習(xí)慣特點(diǎn)及用戶的多方面心理需求。在線學(xué)習(xí)的直播頁(yè)面，是用戶和用戶之間的學(xué)習(xí)交流界面，互動(dòng)形式要豐富，互動(dòng)過(guò)程要簡(jiǎn)單流暢。

3、和諧統(tǒng)一的交互界面

交互界面的設(shè)計(jì)主要從樣式、色彩、圖標(biāo)、文字、圖像等方面給用戶直觀的感受，以青少年為主的用戶注意力和成人還有一定的差距。復(fù)雜的界面設(shè)計(jì)容易消磨其耐心。所以，界面設(shè)計(jì)盡可能簡(jiǎn)潔，視覺(jué)和風(fēng)格保持一致，色調(diào)統(tǒng)一，主要顏色不易過(guò)多，兩組色彩的和諧搭配。圖形圖標(biāo)盡可能突出，相對(duì)于文字，圖形圖像信息量豐富、直觀，便于青少年理解和記憶。

有的設(shè)計(jì)師誤認(rèn)為，青少年喜歡絢麗的色彩，多彩的畫(huà)面，花哨的按鈕等。青少年的注意力和成人還有一定的差距，并且由于手機(jī)界面的屏幕尺寸有限，過(guò)于繁雜、多樣的視覺(jué)界面對(duì)于青少年用戶來(lái)說(shuō)，會(huì)增加學(xué)習(xí)的時(shí)間成本，使用戶失去學(xué)習(xí)的熱情。所以界面設(shè)計(jì)要和諧統(tǒng)一，界面元素要保持簡(jiǎn)單，在美術(shù)教育APP設(shè)計(jì)中圖片元素盡可能要和美術(shù)作品相關(guān)。

五、總結(jié)

未來(lái)已來(lái)，交互設(shè)計(jì)將不再局限于傳統(tǒng)意義上高效、便捷的模式，在交互方式上，也不再局限于手指的點(diǎn)擊。比如現(xiàn)在的AI人工智能，就已經(jīng)在改變用戶與產(chǎn)品的交互方式，用戶可以直接和產(chǎn)品對(duì)話，讓人機(jī)交互變得更加簡(jiǎn)單。以后越來(lái)越多的交互方式將朝著更加科技化和智能化的方向發(fā)展，將帶給人類更加便捷、高效的日常生活，虛擬美術(shù)課堂也會(huì)更加便于人們的學(xué)習(xí)。

文獻(xiàn)參考：

[1] 李衛(wèi)琳.Web圖形交互系統(tǒng)的研究動(dòng)態(tài)[J].網(wǎng)絡(luò)財(cái)富，2010，（20）；171-172

[4] James Garrett.用戶體驗(yàn)的要素：以用戶為中心的web設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社，2008.

作者簡(jiǎn)介：

田苗苗（1992.07-），漢，女，安徽蕪湖，碩士，助教，研究方向：藝術(shù)設(shè)計(jì)。