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

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

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

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

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

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

1、一致性原則

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

2、清晰性原則

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

3、易用性原則

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

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

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

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

四、情感體驗設(shè)計研究

1、自然的交互方式

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

2、有趣的互動體驗

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

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

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

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

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

五、總結(jié)

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

文獻(xiàn)參考：

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

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

作者簡介：

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