常馨月

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

移動(dòng)觸屏設(shè)備學(xué)習(xí)軟件用戶界面的隱喻設(shè)計(jì)
——以單詞背誦學(xué)習(xí)軟件為例

常馨月

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

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

觸屏設(shè)備；用戶界面；隱喻設(shè)計(jì)

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

1 相關(guān)研究綜述

1.1 圖形用戶界面隱喻設(shè)計(jì)

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

1.2 移動(dòng)觸屏設(shè)備對(duì)學(xué)習(xí)軟件用戶界面隱喻設(shè)計(jì)的影響

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

2 移動(dòng)觸屏設(shè)備學(xué)習(xí)軟件用戶界面靜態(tài)元素的隱喻設(shè)計(jì)

“組織系統(tǒng)、標(biāo)簽系統(tǒng)、導(dǎo)航系統(tǒng)和搜索系統(tǒng)四大系統(tǒng)，在交互式學(xué)習(xí)軟件的信息架構(gòu)中是缺一不可的”(高路，2009)[2]45.通過(guò)對(duì)移動(dòng)觸屏設(shè)備中幾種常見(jiàn)的單詞背誦學(xué)習(xí)軟件圖形用戶界面中四大系統(tǒng)的觀察，按照概念隱喻、符號(hào)隱喻和行動(dòng)隱喻的范疇來(lái)分析其隱喻設(shè)計(jì).

這是拓詞和扇貝單詞軟件上的圖標(biāo)符號(hào)，這些符號(hào)不僅在應(yīng)用軟件界面符號(hào)的表示中比較常見(jiàn)，在生活中也很常見(jiàn)，用耳機(jī)的圖形表示聽(tīng)力，用喇叭的圖形表示點(diǎn)擊播放，用刷新符號(hào)的圖形表示再次播放，用鉛筆的圖形表示開(kāi)始輸入，該范例中的圖形用戶設(shè)計(jì)屬于符號(hào)隱喻.

這是拓詞單詞應(yīng)用軟件上的指令圖標(biāo)，用一個(gè)大大的問(wèn)號(hào)來(lái)隱喻尋找答案的功能，代表了可進(jìn)行單詞對(duì)照答案選擇操作的含義，是概念隱喻、符號(hào)隱喻和行為隱喻的結(jié)合.

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

這是闖關(guān)背單詞應(yīng)用軟件的界面圖標(biāo)，這也是非常典型的隱喻應(yīng)用示例，用實(shí)際生活中的闖關(guān)后會(huì)獲得獎(jiǎng)勵(lì)來(lái)隱喻在軟件界面上練習(xí)被單詞后可獲得的星星獎(jiǎng)勵(lì)，是概念隱喻和符號(hào)隱喻的結(jié)合.

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

這是闖關(guān)背單詞應(yīng)用軟件中的界面圖標(biāo)，界面中用了一個(gè)小人加速起跑的圖表隱喻了即將進(jìn)入該項(xiàng)訓(xùn)練的答題人員，該圖表不僅是符號(hào)隱喻和概念隱喻的組合，也包含了夸張的手法.

這是金山詞霸單詞應(yīng)用軟件中的檢索圖標(biāo)，這個(gè)隱喻要素的設(shè)計(jì)同時(shí)結(jié)合了文字和圖標(biāo)的隱喻形式，用實(shí)際生活中在書(shū)架書(shū)庫(kù)中尋找某一本需要的書(shū)記來(lái)隱喻在金山詞霸的單詞詞庫(kù)中尋找某一個(gè)需要的單詞或詞組.同時(shí)通過(guò)下方的輸入條、語(yǔ)音圖標(biāo)和相機(jī)圖標(biāo)，隱喻用戶除可以通過(guò)輸入條輸入單詞檢索外，軟件還可以通過(guò)接收單詞讀音和拍攝單詞照片的形式來(lái)進(jìn)行單詞檢索，是概念隱喻、符號(hào)隱喻和行為隱喻的組合.

這是拓詞軟件應(yīng)用的學(xué)習(xí)進(jìn)度圖標(biāo)，這個(gè)隱喻要素的設(shè)計(jì)考慮了使用時(shí)間軸來(lái)隱喻單詞背誦的量的進(jìn)度.提示用戶已完成的進(jìn)度和未完成的進(jìn)度，是概念隱喻和符號(hào)隱喻的組合.

這是拓詞軟件應(yīng)用的學(xué)習(xí)時(shí)間提示圖標(biāo)，這個(gè)隱喻要素的設(shè)計(jì)使用文字和圖形隱喻并舉通過(guò)文字剩余“體力”隱喻當(dāng)天學(xué)習(xí)已完成進(jìn)度，通過(guò)圖形剩余“蘋(píng)果”隱喻當(dāng)天學(xué)習(xí)剩余的計(jì)劃和時(shí)間.督促軟件用戶完成當(dāng)天學(xué)習(xí)任務(wù)，同時(shí)降低軟件用戶使用軟件的疲勞感，是概念隱喻和符號(hào)隱喻的組合.

3 移動(dòng)觸屏設(shè)備學(xué)習(xí)軟件用戶界面動(dòng)態(tài)元素的隱喻設(shè)計(jì)

3.1 用戶界面動(dòng)態(tài)元素的隱喻設(shè)計(jì)流程

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

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

圖1 翻頁(yè)界面

圖2 黑板界面

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

3.2 用戶界面動(dòng)態(tài)元素的隱喻設(shè)計(jì)分析

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

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

4 移動(dòng)觸屏設(shè)備學(xué)習(xí)軟件用戶界面的隱喻設(shè)計(jì)的建議

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

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

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

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

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

[2] 高 路.基于網(wǎng)絡(luò)界面符號(hào)體系的用戶隱喻認(rèn)知機(jī)理探索[D].南京：南京理工大學(xué)，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).

[責(zé)任編輯 冰 竹]

2015-09-28

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

1671-8127(2015)05-0122-04

TB472;TN929.53

A