移動觸屏設備學習軟件用戶界面的隱喻設計
——以單詞背誦學習軟件為例

常馨月

(天津國土資源和房屋職業(yè)學院 國際經(jīng)濟貿(mào)易系，天津 300270)

移動觸屏設備學習軟件用戶界面的隱喻設計
——以單詞背誦學習軟件為例

常馨月

(天津國土資源和房屋職業(yè)學院 國際經(jīng)濟貿(mào)易系，天津 300270)

隨著當代移動觸屏設備的發(fā)展，新型多媒體學習模式已經(jīng)啟動.作為人機交互的直接平臺，用戶界面一直是移動觸屏設備交互式學習軟件研究的最佳途徑，其操控性和設計性亦是軟件用戶體驗者的焦點.以移動觸屏設備交互式單詞背誦學習軟件用戶界面中的隱喻設計為例，探討移動觸屏設備學習軟件用戶界面靜態(tài)元素和動態(tài)元素的隱喻設計特點并提出設計建議.

觸屏設備；用戶界面；隱喻設計

當今的交互式軟件不再只為PC而設計，移動觸屏設備交互式軟件己成為人們學習、娛樂的主要工具.基于PC的學習軟件用戶界面內(nèi)容的組織(如：文件結構)、呈現(xiàn)(如：桌面顯示方式)和交互(如：鼠標或鍵盤操作)等設計并不完全符合移動觸屏設備學習軟件對于用戶界面交互性、操作性和趣味性的需要.然而，創(chuàng)建新型人機互動用戶界面的設計理念實非易事.為了更好適應新媒介新型多媒體學習方式的變革，將傳統(tǒng)圖形用戶界面靜態(tài)設計(Graphic User Interface Design, 簡稱GUI Design)和觸屏人機互動用戶界面(Natural User Interface Design, 簡稱NUI Design)動態(tài)設計結合起來，利用移動觸屏設備操作特點，探討移動觸屏設備學習軟件用戶界面設計的建議.

1 相關研究綜述

1.1 圖形用戶界面隱喻設計

圖形用戶界面(Graphic User Interface)的隱喻設計研究起始于個人計算機PC的用戶界面設計.其設計本質(zhì)是把現(xiàn)實世界用戶熟悉的、己知的、具體的事物、概念、經(jīng)驗和行為映射到虛擬的計算機數(shù)字世界，把信息這個抽象的、無視覺特征的東西進行可視化，使界面所承載的內(nèi)容都是用戶熟知的、體驗過的，給用戶一個有形的、可感知的虛擬世界，減輕用戶的認知負荷，提高用戶與計算機的交互效率(汪海波等，2011)[1]93.

1.2 移動觸屏設備對學習軟件用戶界面隱喻設計的影響

隨著移動互聯(lián)網(wǎng)的發(fā)展，移動觸屏設備已經(jīng)成為個人生活、工作、娛樂、學習的重要媒介.移動觸屏設備的交互設計引入了手勢操控，這不同于PC傳統(tǒng)的鼠標、鍵盤操控，交互內(nèi)容的顯示區(qū)與操作區(qū)都在移動設備的觸摸屏上，用戶可以直接對觸摸屏上的內(nèi)容進行操控，減少了用戶記憶負荷，提高了用戶操作效率.同時操控手勢的產(chǎn)生使手指成為操作中最自然的工具，更符合人機互動的理念.同時，隨著移動觸屏設備對用戶與產(chǎn)品交互的自然性，高效性，體驗性要求的提升，移動觸屏設備設計師將更多豐富、復雜的語音操作和動畫加入產(chǎn)品設計中，給用戶更好的用戶體驗.再次，移動觸屏設備對操作提供及時反饋設計.如蘋果產(chǎn)品的“Home”鍵，在模擬觸感反饋方面不僅給予界面上的文字、轉(zhuǎn)換提示，還提供物理的聲音提示.因此，移動觸屏設備軟件用戶界面的設計需要充分體現(xiàn)移動觸屏設備的交互設計原則，如強調(diào)人機互動的社交因素，通過用戶界面設計模擬人們相聚和相互分享的理念，及多人同時同地使用軟件的需求，同時遵循用戶界面設計的根本，即觸摸和手勢，增強用戶對界面設計的理解性，提升用戶對操作的預知性.

2 移動觸屏設備學習軟件用戶界面靜態(tài)元素的隱喻設計

“組織系統(tǒng)、標簽系統(tǒng)、導航系統(tǒng)和搜索系統(tǒng)四大系統(tǒng)，在交互式學習軟件的信息架構中是缺一不可的”(高路，2009)[2]45.通過對移動觸屏設備中幾種常見的單詞背誦學習軟件圖形用戶界面中四大系統(tǒng)的觀察，按照概念隱喻、符號隱喻和行動隱喻的范疇來分析其隱喻設計.

這是拓詞和扇貝單詞軟件上的圖標符號，這些符號不僅在應用軟件界面符號的表示中比較常見，在生活中也很常見，用耳機的圖形表示聽力，用喇叭的圖形表示點擊播放，用刷新符號的圖形表示再次播放，用鉛筆的圖形表示開始輸入，該范例中的圖形用戶設計屬于符號隱喻.

這是拓詞單詞應用軟件上的指令圖標，用一個大大的問號來隱喻尋找答案的功能，代表了可進行單詞對照答案選擇操作的含義，是概念隱喻、符號隱喻和行為隱喻的結合.

這是拓詞單詞應用軟件的練習方式選項界面，界面將練習方式信息內(nèi)容根據(jù)時間長短，有序的組織起來，提供給用戶，體現(xiàn)了時間和空間隱喻的思想，用戶可以根據(jù)需要點擊任意挑戰(zhàn)板塊，進行拓詞練習.這是概念隱喻、符號隱喻和行為隱喻的結合.

這是闖關背單詞應用軟件的界面圖標，這也是非常典型的隱喻應用示例，用實際生活中的闖關后會獲得獎勵來隱喻在軟件界面上練習被單詞后可獲得的星星獎勵，是概念隱喻和符號隱喻的結合.

這是闖關背單詞軟件應用中的的“魔鬼訓練營”導航欄目，“魔鬼訓練營”本身體現(xiàn)了文字隱喻的特點，用不間斷參加野營訓練的經(jīng)歷隱喻不間斷背誦單詞經(jīng)歷，屬于符號隱喻設計.

這是闖關背單詞應用軟件中的界面圖標，界面中用了一個小人加速起跑的圖表隱喻了即將進入該項訓練的答題人員，該圖表不僅是符號隱喻和概念隱喻的組合，也包含了夸張的手法.

這是金山詞霸單詞應用軟件中的檢索圖標，這個隱喻要素的設計同時結合了文字和圖標的隱喻形式，用實際生活中在書架書庫中尋找某一本需要的書記來隱喻在金山詞霸的單詞詞庫中尋找某一個需要的單詞或詞組.同時通過下方的輸入條、語音圖標和相機圖標，隱喻用戶除可以通過輸入條輸入單詞檢索外，軟件還可以通過接收單詞讀音和拍攝單詞照片的形式來進行單詞檢索，是概念隱喻、符號隱喻和行為隱喻的組合.

這是拓詞軟件應用的學習進度圖標，這個隱喻要素的設計考慮了使用時間軸來隱喻單詞背誦的量的進度.提示用戶已完成的進度和未完成的進度，是概念隱喻和符號隱喻的組合.

這是拓詞軟件應用的學習時間提示圖標，這個隱喻要素的設計使用文字和圖形隱喻并舉通過文字剩余“體力”隱喻當天學習已完成進度，通過圖形剩余“蘋果”隱喻當天學習剩余的計劃和時間.督促軟件用戶完成當天學習任務，同時降低軟件用戶使用軟件的疲勞感，是概念隱喻和符號隱喻的組合.

3 移動觸屏設備學習軟件用戶界面動態(tài)元素的隱喻設計

3.1 用戶界面動態(tài)元素的隱喻設計流程

移動觸屏設備學習軟件用戶界面動態(tài)元素的隱喻設計中，設計師首先需要確立設計原則，來指導整個設計過程中的每一個設計步驟和設計師的思路.根據(jù)K.Hofmeester和D. Wixon(2005)，原則中的最重要的3個分別為：“可進行多用戶操作”、“設計為觸屏而設計”和“界面設計應注重內(nèi)容”.在“多用戶操作”的原則中，交互式學習軟件的界面設計強調(diào)同時同地的人機互動和人人互動，設計應強調(diào)模擬信息共享和社區(qū)交流.“為觸屏而設計”的原則是指基于觸摸、姿勢和手勢的界面互動設計，其目的是為了使用戶體驗到簡便的、易上手的、自然的、直覺性的、快速的和有效的設計，即在界面設計中不模仿鼠標指針，而只使用觸屏作為基礎性的人機交互范式.“界面設計應注重內(nèi)容”是指在界面設計中盡量不設置任何刻意的控制或操作行為，使用戶體驗與界面內(nèi)容進行直接互動.這是因為圖形用戶界面設計中會利用可視化的控制占據(jù)顯示區(qū)的部分位置，而以用戶為中心的界面設計應該回避這類增加記憶負荷的控制功能.

設計師應尋找對應的隱喻來定義用戶界面本身.例如，在PC使用中，我們借助“桌面”這一隱喻來引導PC用戶操作PC，這來源于桌面這個隱喻本身的原域是我們?nèi)粘Ｉ罱?jīng)驗中會在桌面上擺放物品，而這一隱喻的目標域PC戶界面和桌面有著相似性，即可以通過原域?qū)δ繕擞虻挠成渫瓿呻[喻設計.下面是以移動觸屏設備中常見的單詞背誦軟件的用戶界面動態(tài)元素的設計為例來分析，如下圖：在圖1和圖2中的軟件用戶界面借助的隱喻為“翻頁”和“黑板”.

圖1 翻頁界面

圖2 黑板界面

設計師開始根據(jù)隱喻創(chuàng)建用戶界面的原型.在設計過程中，第一步就是根據(jù)每個隱喻的原型進行互動鏈接、視覺設計和動畫設計.互動鏈接是整個用戶界面系統(tǒng)的組塊，包括視覺功能可見性、姿勢或手勢以及其反饋動作.例如：如果互動鏈接的原型是按下一個按鈕或者調(diào)整照片.之后按照能夠清晰展示隱喻的設計圖紙創(chuàng)造詳細的視覺設計組塊，體現(xiàn)界面的整體隱喻設計概念，并提供搞得視覺功能可見性.最后加入設計好的動畫確保界面順暢運行，并為用戶提供反饋動作.

3.2 用戶界面動態(tài)元素的隱喻設計分析

根據(jù)移動觸屏設備的操作方式、操作反饋和交互流程的設計特點，可以總結分析幾種常見的移動觸屏設備單詞軟件用戶界面的動態(tài)元素的隱喻設計效果.

從移動觸屏設備的手勢操作的特點來看，設計中應采用用戶能夠較快掌握的手勢動作，且手勢應具有一定文化共識性.如單詞背誦軟件中含有“翻頁”、“滾屏”、“點擊”等手勢動作.從移動觸屏設備交互的語音操作的特點來看，聽覺也是提高交互設計行為效率的有效方法.例如范例7中設計即是將需要的單詞或詞組直接對著移動設備說出來，設備就會自動幫用戶翻譯成需要的搜索命令，并幫助用戶完成單詞或句子檢索.從移動觸屏設備的操作反饋的特點上看，單詞軟件的用戶界面設計還可以在其聲效反饋，轉(zhuǎn)場反饋，物理反饋中加入相關的反饋動作.如拓詞軟件中會在單詞回答正確后隱喻“復讀機”，加入單詞的讀音的聲效反饋，同時進入下一個單詞測試時會隱喻“雜志”，進行頁面跳轉(zhuǎn)和情境轉(zhuǎn)場.同時在交互過程中，金山詞霸單詞背誦軟件的交互過程則是模擬現(xiàn)實中我們查紙質(zhì)字典的過程，進行單詞檢索、查詢、掌握、擴展學習和記憶等流程.

4 移動觸屏設備學習軟件用戶界面的隱喻設計的建議

在軟件用戶界面隱喻設計效果維度的分析中，Huang Weidong等人在調(diào)查問卷中設置了如下幾個考察軟件圖形用戶界面隱喻設計有效性和可靠性的要素，分別為易學、易用、易操作、易交互、易跳轉(zhuǎn)、易檢索及性能是否穩(wěn)定、外觀是否美觀和格式是否清晰明確[3]78.隱喻修辭方式在圖形界面設計中能簡化一些操作過程，使一些復雜的功能變得更易理解.

從如上角度分析軟件圖形用戶界面設計時，從靜態(tài)和動態(tài)兩個層面分析，可以得出如下的圖形用戶界面設計的建議.

靜態(tài)元素隱喻設計需要易于識別、易于記憶，并能夠提升用戶界面設計時簡化和便利.隱喻圖形符號越是能夠貼近人們現(xiàn)實生活習慣和經(jīng)驗，越是有助于用戶迅速了解圖形界面的設計內(nèi)容，從而提升界面設計的人機互動效果，且其圖形內(nèi)容越簡單，越是便于記憶和存儲效率.

動態(tài)元素的隱喻設計表達如果能夠充分考慮到以用戶的體驗為中心，但也需要易于不同文化背景的用戶的共識性理解.通過隱喻設計后的操作方式、操作反饋和互動方式如果能夠?qū)⒉煌赜蛭幕膮^(qū)別都考慮進去，把握通用性設計原則，讓全球不同文化背景的用戶都容易操作使用，才是最佳的選擇.

[1] 汪海波, 薛澄岐，佘 醒，等. 圖形用戶界面的隱喻設計研究[J].安徽建筑工業(yè)學院學報(自然科學版)，2011，19(3).

[2] 高 路.基于網(wǎng)絡界面符號體系的用戶隱喻認知機理探索[D].南京：南京理工大學，2009.

[3] HUANG Weidong, KHOURY Raymes, DAWBORN Tim, HUANG Bohan, HUANG Maolin, HUANG Xiaodi.WeBeVis:analyzing user web behavior through visual metaphors[C].Proceedings of 2011 International Conference on Advanced Materials and Information Technology Processing.2011(4).

[責任編輯 冰 竹]

2015-09-28

常馨月(1984- )，女，吉林長春人，天津國土資源和房屋職業(yè)學院國貿(mào)系講師，碩士，主要從事多媒體學習研究。

1671-8127(2015)05-0122-04

TB472;TN929.53

A