基于用戶體驗的觸控式界面外語學習交互設(shè)計

摘 要： 隨著個人平板電腦的普及，觸控式交互設(shè)計被越來越多的人們所熟悉和使用，手指的自然操作方式讓人機交互和信息的傳遞更加易用與自然。教育類交互軟件作為其中一項重要分支發(fā)展迅速，富媒體的加載，有趣的交互體驗和及時更新的學習內(nèi)容正在讓傳統(tǒng)的課堂式教學正在經(jīng)歷著顛覆性的變革。新興的交互科技技術(shù)可以幫助人們對于語言學習產(chǎn)生更加濃厚的自主學習興趣，友好的界面及豐沛的內(nèi)容提升學習效率和用戶粘性，數(shù)字化信息反饋讓學習者可以及時了解學習內(nèi)容的掌握進度。本文從用戶體驗角度出發(fā)，淺析在觸控式界面中外語學習交互設(shè)計的內(nèi)涵特點、用戶需求和用戶體驗。

關(guān) 鍵 詞：用戶體驗 觸控界面 交互設(shè)計 外語學習

傳統(tǒng)的外語教育以紙質(zhì)教科書本，視頻及音頻資料單獨播放，教師課堂講解教學為主，為單向傳播式教育，學生缺乏良好自主性學習動力。在現(xiàn)代教學中，科技的進步能夠幫助人們獲取更優(yōu)質(zhì)的教育學習資源及良好的互動體驗。

從符號學角度來說，符號越相象或越接近對象就易于識別，凡是越抽象的符號識別也就越難[1]，因此人們對于平板電腦的使用學習成本較低，虛擬界面的擬物化設(shè)計讓第一次使用觸控界面的人也能從生活中的經(jīng)驗指導使用平板電腦。點擊和拖曳功能更趨向于人體自然行為，視覺界面的反饋讓操作體驗優(yōu)化，虛擬模擬按鍵界面呈現(xiàn)的多種操作方式讓用戶自主選擇性增強，交互的良好體驗使得學習不再枯燥，而是變得有趣和新潮。

一、觸控式交互界面對于外語學習的優(yōu)勢

1）個性化自主學習。平板電腦方便，快捷，智能，輕便的特性使得對應(yīng)的交互性語言學習時間可以由使用者自己決定，利用碎片化時間進行移動學習，隨時可以開始、暫停、翻閱、播放、筆記、答題和復習，使用者主動探索和點擊自己感興趣部分，完全按照自主興趣安裝平臺或教材軟件，在使用過程中可以選擇適合自己的語言學習進度，語言學習方式及內(nèi)容模塊。

2）富媒體結(jié)合智能評價體驗。語言學習需要語音音頻和視頻使用場景的支持配合，在交互產(chǎn)品中，富媒體的內(nèi)嵌，按鈕點擊，輸入和拖曳等行為動作，讓學習者更易于掌控學習進度，語音和視頻的自主點播幫助用戶建立外語使用場景，了解單詞發(fā)音，語句特征，音頻錄入和播放方式可以及時糾正發(fā)音上的學習問題，通過互動體驗的環(huán)節(jié)向用戶傳遞語言學習信息，可以通過答題實現(xiàn)計算機自動評分，數(shù)字化統(tǒng)計出做題的正確率，自動調(diào)出知識遺漏和薄弱環(huán)節(jié)，也可自動推送出正確率較低的知識點的同類題型供用戶補查學習點。

3）游戲化使用樂趣。游戲和放松是人類本性的基本需求，在交互界面中，有效利用科技手段讓人在使用過程中得到心理上的愉悅感，從視覺、聽覺和觸控中得到享受已經(jīng)是平板交互產(chǎn)品在市場開發(fā)上的一大優(yōu)勢特征。寓教于樂，生動活潑地了解語言環(huán)境，能讓人們輕松學習，將游戲、社交和外語學習完美結(jié)合，能使學習者擺脫傳統(tǒng)看書模式，將學習外語變成一件富有樂趣的事情。游戲化的學習中，用戶沒有 “Game Over”的情結(jié)，面對挫折和失敗懷有的是“Try Again”的愿望。[2]虛擬物品獎勵機制，讓每一階段的學習變得富有視覺和愉悅感，激勵性的獎勵使得學習動力提升，社交性能夠使用戶在游戲化學習中想要達到的目標，而創(chuàng)造一種競爭動態(tài)的氛圍。

4）互聯(lián)網(wǎng)信息更新與教材同步。應(yīng)用程序的運營保證學習內(nèi)容的同步性，互聯(lián)網(wǎng)技術(shù)能讓程序和內(nèi)容設(shè)計者及時發(fā)現(xiàn)需要改進的地方，不斷地接受反饋，調(diào)整更新產(chǎn)品，進行累加迭代，以敏捷的開發(fā)的特性，時刻接近以滿足用戶需求，確保提供最佳的外語學習內(nèi)容，最好的交互體驗流程。另外，通過連接互聯(lián)網(wǎng)，學習用戶的信息能及時反饋給教學或開發(fā)人員進行內(nèi)容和模式的更新設(shè)計，連接互聯(lián)網(wǎng)還可以將學習進度和疑惑分享，方便老師與學生，學生與學生間相互交流，共勉和解惑。

二、觸控式界面外語學習交互設(shè)計方法

1）用戶需求研究

不同的群體對于產(chǎn)品使用的需求不同，這就需要在進行交互產(chǎn)品設(shè)計之初就做好用戶需求挖掘，用戶需求有顯性需求和隱性需求，人們說的和真正想要的需求未必一致，用戶的需求是無止境的，并且隨著時間的推移而產(chǎn)生變化，因此滿足用戶的顯性需求是基礎(chǔ)，而滿足隱性需求是培養(yǎng)用戶忠誠度的最好方法[3]?？偨Y(jié)現(xiàn)有的觸控式移動界面外語學習內(nèi)容需求有如下幾類：

i. 新聞瀏覽類。在語言類應(yīng)用中，新聞類APP由于其及時性和輕松獲取的方式，在學習者中間擁有強大的號召力。例如“BBC新聞”和“VOA每日視頻新聞”等一類APP，英語學習者可以隨時隨地看視頻報道，聽現(xiàn)場廣播和閱讀最新消息，在第一時間獲取最新的世界信息。

ii. 課程教學類。從最為傳統(tǒng)的書本和教師模式結(jié)合下產(chǎn)生，演化為網(wǎng)絡(luò)視頻教程，進而發(fā)展至平板移動終端應(yīng)用平臺。其優(yōu)點在于學習內(nèi)容的系統(tǒng)性和全面性，每一種課程可以有針對性的進行學習，匹配課本，問答，游戲，獎勵等交互方式，能讓學習進度自我把控。例如“滬江網(wǎng)?！焙汀罢粕闲聳|方”等，為有學習語言需求，使用平板電腦的用戶提供線上學習服務(wù)。

iii. 口語實用類?？谡Z是學外語最想提高的部分，這使得口語類APP成為用戶的最愛，例如“英語口語700句”和“滬江每日一句”等，以輕量化的口語資源推送給用戶，音頻的內(nèi)嵌和播放的簡單易用，使用戶可以利用碎片化的時間進行外語學習。

iv. 背單詞類。單詞是外語學習的基礎(chǔ)，但是純粹的背單詞容易讓學習者失去興趣，基于平板電腦和互聯(lián)網(wǎng)為基礎(chǔ)的社交平臺單詞學習背誦類APP成為開發(fā)的重點。例如“英語單詞達人”，見圖1，是基于微博平臺開發(fā)的社交類英語單詞學習益智游戲，包含各個知識層級的內(nèi)容，覆蓋日?？谡Z俚語和商務(wù)英語，將社交、游戲、單詞學習完美結(jié)合，利用游戲讓人短時間集中注意力的特性，與微博好友PK單詞，事半功倍地完成單詞識記。

v. 翻譯類。從功能性出發(fā)的翻譯類應(yīng)用最為基礎(chǔ)，也是最早開發(fā)的一類，從純文字的輸入到拍照自動識別語句和翻譯，利用平板電腦的輸入，攝像等特性，正在不斷開發(fā)出滿足用戶需求的翻譯應(yīng)用。例如“Google 翻譯”，支持翻譯 60 多種語言的字詞和短語，可以對著軟件讀出短語直接語音翻譯，并支持中英文互譯，以全屏模式顯示翻譯結(jié)果，方便身邊的人也可以閱讀。

針對不同用戶的觸控式界面外語學習交互設(shè)計中，應(yīng)當充分考慮學習用戶的認知水平，年齡，性別，教育程度，心理特點，生理特點和最為重要的學習目標，以滿足個性化、簡單化、游戲化和趣味化的外語學習需求。

2）用戶體驗研究

用戶體驗（User Experience）是指用戶在使用界面時候建立起來的全部產(chǎn)品認知和感受[4]。這些認知感受包括：視覺感受，情感感受，心理感受，使用滿意度，認知印象，用戶粘性，行為和成就等各個方面。這些關(guān)鍵點與產(chǎn)品功能邏輯結(jié)構(gòu)，產(chǎn)品內(nèi)容，界面交互，界面視覺，易用性，趣味性等有諸多聯(lián)系。在觸控式界面中，外語學習用戶體驗設(shè)計要素如下：

i. 清晰簡潔的邏輯結(jié)構(gòu)設(shè)計

保持主干及枝干清晰，次要功能豐富主干。產(chǎn)品的主要功能架構(gòu)就像產(chǎn)品的骨骼，應(yīng)該盡量保持簡單和明了，新手剛用就能懂得如何操作，讓用戶能在盡量少的維度里解決具體的問題，減少用戶理解的困難。邏輯結(jié)構(gòu)設(shè)計步驟從分析需求交互出發(fā)，確定交互控制水平和交互活動類型和層次，進而制定交互策略，并不斷進行評價和修訂，以優(yōu)化整個框架結(jié)構(gòu)，參考卿小波[5]提出的教學游戲軟件中交互設(shè)計框架，總結(jié)一般應(yīng)用交互設(shè)計流框架流程圖見圖2。

如圖3所示為“滬江網(wǎng)?！钡膇os平臺應(yīng)用，當用戶看到應(yīng)用界面，最左側(cè)導航欄為賬戶信息、下載內(nèi)容和更多，二級菜單有賬戶中課程信息，三級菜單細化至每一課時，整個邏輯布局結(jié)構(gòu)清晰，用戶可以很快速找到對應(yīng)的行為入口按鈕。此外，該應(yīng)用色彩搭配鮮明干凈，擬物化設(shè)計，并配有可愛的卡通形象，生動有趣。

ii. 考慮手勢的操作體驗設(shè)計

平板電腦手勢操作的優(yōu)勢為直覺化和快捷高速，好的手勢設(shè)計是源于生活經(jīng)驗的，應(yīng)當是易于理解，學習成本低，簡化操作步驟，加快完成任務(wù)。在iPad等平板電腦操作環(huán)境下，通用手勢和復雜手勢都可以運用來完成操作，這就給應(yīng)用軟件設(shè)計方提供了更多可選的設(shè)計范圍，也更應(yīng)當注意手勢對應(yīng)的觸發(fā)交互流程和界面設(shè)計，遵循手勢設(shè)計原則。一般來說，通用手勢能被廣泛應(yīng)用，源于對心理模型的匹配以及大眾對于先入為主的接受度，復雜手勢則需要操作經(jīng)驗來指導使用。圖3為板電腦iPad使用手勢一覽圖[6]，支持點擊、拖曳、旋轉(zhuǎn)、縮放等等行為，例如利用手指拖曳功能，在外語學習界面設(shè)計中，可以根據(jù)這個特點設(shè)計相應(yīng)的小游戲等，激發(fā)學習熱情。此外，虛擬模擬按鍵界面大小要納入考量，因為人的手指點擊部分越大，精確性會降低，尤其是面向兒童等群體的設(shè)計按鍵應(yīng)該做好相應(yīng)調(diào)整，符合手指對應(yīng)按鍵大小，以減少誤操作和用戶疑惑。

在產(chǎn)品設(shè)計中，如圖4日語五十音圖應(yīng)用中，提供了多種手勢操作方式對應(yīng)體驗設(shè)計，點擊相應(yīng)假名即可聽到假名發(fā)音，也可一鍵全讀，長按相應(yīng)假名能看到相應(yīng)的筆順，也可以觸摸屏幕，進行手寫練習。

iii. 融入美學的視覺風格設(shè)計

學習外語的用戶需求跨度非常大，每個不同年齡段和需求的用戶群對于美學和界面的感受不同，并非一味的華麗，炫美，色彩豐富就是最佳的視覺效果，用戶真正想要的應(yīng)當是愉悅的感官感受，統(tǒng)一舒適的設(shè)計風格，才能讓用戶從情感上喜歡并樂于使用，因此要根據(jù)不同用戶的心智模型來設(shè)計滿足不同用戶的視覺設(shè)計風格。

如圖5，“實用商務(wù)英語口語會話”目標用戶群為想要學習商務(wù)英語的用戶，年齡層定位為20-35歲，視覺設(shè)計配色簡潔，采用書本和黑板的擬物化設(shè)計，展現(xiàn)簡單的、人性化的并符合人類直覺的界面。而給兒童階段的用戶使用的英語應(yīng)用，則色彩繽紛靚麗，擬人化設(shè)計，輕松充滿童趣。如圖6迪士尼英語學與讀：玩具總動員3，融合了迪士尼講故事的藝術(shù)，讓兒童和最喜愛的皮克斯人物-伍迪和巴斯光年一起開始英語語言學習的冒險之旅，以獨特的視角融入式學習環(huán)境和觸控式科技來引領(lǐng)孩子們的英語學習熱情。

iv. 順應(yīng)情感需求的反饋設(shè)計

在界面產(chǎn)品的設(shè)計中，“反饋”作為一種界面輸出物，是很非常重要的一個交互特征。其作用為引導用戶正確信息，幫助用戶判斷和決策，給與用戶情感需求上的積極響應(yīng)。反饋的形式包含視覺、聽覺、嗅覺、觸覺、正面、負面，其本質(zhì)是為用戶傳遞信息。缺少或者失敗的反饋交互設(shè)計，會讓用戶產(chǎn)生失效和無助的負面體驗，在設(shè)計中應(yīng)該避免或減少負面效應(yīng)的產(chǎn)生，優(yōu)秀的反饋設(shè)計能激勵用戶更喜歡使用交互產(chǎn)品。

例如圖7 Duolingo - Learn Languages for Free產(chǎn)品，是一款免費學習西班牙語、法語、德語、葡萄牙語的語言學習軟件，當用戶回答題目正確后系統(tǒng)會反饋出得到愛心的提示，反之則失去愛心，累積到一定愛心數(shù)量，會反饋出通過該課程的信息頁面，通過正向積極的信息反饋和精美UI設(shè)計，不但形象，而且效果突出，是一則優(yōu)秀的反饋設(shè)計。

四、結(jié)語

本文將觸控式界面外語學習交互設(shè)計產(chǎn)品的內(nèi)涵特點、用戶需求和用戶體驗進行了總結(jié)。伴隨著移動互聯(lián)網(wǎng)和觸控式界面的發(fā)展，設(shè)計觸控式界面進行外語學習的產(chǎn)品，是一個趨勢，也是一種必要，教育領(lǐng)域的革新和發(fā)展是一個長久的話題，正如余勝泉所認為的那樣“隨著普適計算技術(shù)的實用和發(fā)展，計算技術(shù)的形態(tài)越來越以生活中的物品形態(tài)來出現(xiàn)，技術(shù)將融入到我們的學習和生活的各種空間中。”[7]運用觸控技術(shù)，交互設(shè)計和教育結(jié)合，移動觸控式界面外語學習交互設(shè)計產(chǎn)品的研究，還有很廣泛的空間。

參考文獻

[1] 百度百科 符號學.[DB/OL].

http：//baike.baidu.com/link？url=H9VmYQFis1e_sgVmjC_u-QJjkioztK-_GvcXjO5U5tZzmJv2SxoYSfaNwsD3rLUT

[2] 張文蘭 劉俊生.教育游戲的本質(zhì)與價值審思——從游戲視角看教育與游戲的結(jié)合[J].《開放教育研究》，2007（06） .

[3] 張磊.顯性需求和隱性需求：好設(shè)計應(yīng)該懂得拒絕.[DB/OL]. http：//www.docin.com/p-9661265.html

[4] 百度百科 用戶體驗.[DB/OL].

http：//baike.baidu.com/link？url=liXJI8_shagL7bnFAeDfBNKXupgalyuM51SpXfq4oedvvZFZhohCNX1D0L7bXzkT

[5] 卿小波. 教學游戲軟件中的交互設(shè)計研究 [D].湖南師范大學，2009：22-28

[6] iPad使用手勢一覽.[DB/OL].http：//news.ipadown.com/14063/

[7] 余勝泉. 技術(shù)何以革新教育 [J].《中國電化教育》，2011（07）：5.