夏麗雯　張敬　鐘山

【摘 要】 隨著4G網(wǎng)絡的應用，移動終端交互閱讀的普及，各種新式教學應用層出不窮，而托移動網(wǎng)絡設備的微型交互學習課件為學習者可隨時隨地的學習提供了便利和個性化的學習資源。所以為了能幫學習者更好地找到閱讀信息，幫助提升教師的信息化教學能力更好的設計移動端交互課件，本文通過對4G網(wǎng)絡環(huán)境下移動終端特征，4G移動終端三大交互平臺的導航模式分析研究，歸納總結(jié)出4G移動終端交互學習課件導航設計模式，提高用戶的閱讀滿意度。

【關鍵詞】 4G移動終端；交互學習課件；導航模式

【中圖分類號】G642.23 【文獻標識碼】A 【文章編號】2095-3089（2016）07-00-02

1.4G移動終端設備的使用情景特征

隨著智能手機的風靡，網(wǎng)絡技術的成熟，越來越多的移動應用進入人們的生活，對于移動應用設計師來說，移動應用設計相對傳統(tǒng)PC應用設計的使用情景發(fā)生了很大的變化，如網(wǎng)絡狀態(tài)的不穩(wěn)定性、使用地點不固定、使用狀態(tài)多樣化、使用時間長短不一、操作方式主要以手指為主等，這些直接導致設計模式的改變，它不僅僅是PC應用設計模式的延伸，更是一種變革性的產(chǎn)品。所以教師們應該更多地以移動優(yōu)先的方法從移動設備的優(yōu)勢來分析移動情景特征，并將這些特征因素應用到4G移動終端交互學習課件設計產(chǎn)品中，從而實現(xiàn)移動終端交互閱讀學習者和移動設備之間自然、流暢的交互體驗。那么4G網(wǎng)絡環(huán)境下具體的移動應用情景特征分析如下表1。

2.移動終端設備的視覺特征

綜上所述移動設備尺寸較小便于攜帶，常在移動中使用，并且使用情景較為復雜，這導致移動學習者在使用設備時不能像在PC電腦設備上狀態(tài)穩(wěn)定、注意力集中，許多教師精心設計的細節(jié)沒被注意到，甚至許多標題性的文字也被忽略掉了，學習者需要在短時間內(nèi)過濾大量信息，直奔主題或者直接退出。因此教師和課件設計者們需要充分分析移動終端閱讀界面的視覺特征，使課程的主題和內(nèi)容視覺元素更加具有吸引力和表現(xiàn)力，讓學習者更快捷、直觀的理解內(nèi)容信息。那么增強視覺吸引力的特征分析如下三點。

（1）移動終端設備課件頁面視覺信息盡量使用圖片、照片以及圖標來描繪信息或表達功能，盡量避免大段文字的出現(xiàn)。文字主要作為搭配圖片的輔助元素，對圖片進行補充、解釋和裝飾。原因是人們識別圖像的速度要遠遠超過文字，學習者可以在各種狀態(tài)下輕松地看清圖片內(nèi)容和細節(jié)，不必如文字逐一識別后才能理解。

（2）移動終端設備課件界面視覺信息內(nèi)容較多時可采用圖文結(jié)合來描述信息，但盡量避免大段文字出現(xiàn)，即使無法避免出現(xiàn)成段文字，一定要使文字行的長度偏短，多列幾行，形成文字組，原因是文字表達含義清晰，準確且全面的特點是圖片無法取代的，而剪短的文字才能勾起學習者閱讀的欲望，減輕閱讀的困難。

（3）針對大屏幕尺寸的移動終端課件界面視覺結(jié)構分割時，可按“黃金分割”的“井”字形原理分割畫面，確定標題，文字和圖片的位置，避免界面松散無骨，雜亂無章。原因是移動終端設備屏幕尺寸相對PC終端設備較小，界面元素豐富，排列方式復雜會使視覺視覺上失去平衡和穩(wěn)定感，而“井”字型的三等分方法對界面元素視覺上起到平衡穩(wěn)定的作用。

3.4G移動終端三大交互平臺（iOS、Android和Windows Phone）的導航模式分析

在研究4G移動終端交互學習課件設計過程中，我們先整體的分析市面上三大主流移動平臺導航框架模式特點如下。然后運用移植法有選擇性的將部分設計模式方法運用到4G移動終端交互學習課件導航框架設計中。

（1）平鋪導航模式：其特點內(nèi)容組織上沒有層次關系，一個頁面可以表達一整塊內(nèi)容，采用分屏分頁進行導航，滑動屏幕查看內(nèi)容。這種導航模式適用于信息較少整體性比較強的內(nèi)容，且內(nèi)容間是并列關系的瀏覽頁。

（2）標簽導航模式：其特點內(nèi)容分別放置在幾個功能模塊里，各功能模塊之間是相對獨立的。這種導航模式適用于功能或信息較為豐富的應用，并能在幾類信息中頻繁跳轉(zhuǎn)。

（3）列表導航模式：其特點內(nèi)容是有層次的，主要以文字表達為主，從上到下是分類包含的關系，一般位于最上面的列表信息最為重要。這種導航模式適合展示層次分明的信息結(jié)構，主要在移動應用的局部位置使用較多。

（4）輻射導航模式：其特點將全應用信息進行獨立分類，做到信息互斥，類別各自有獨立入口，內(nèi)容間基本并列。這種導航模式適合分類清晰，信息獨立的內(nèi)容。

（5）抽屜導航模式：其特點分類內(nèi)容隱藏在抽屜中，可兼容各種分類方式。這種導航模式適合以當前內(nèi)容為核心展示的應用。

（6）點聚導航模式：其特點所有內(nèi)容通過一個點的方式，匯聚了這些入口，這個點不受個數(shù)的限制，更靈活，也上界面空間更開闊。這種導航模式適合層級關系比較復雜，幾個并列的模塊中都有用戶頻繁使用的核心內(nèi)容。

4.4G移動終端交互學習課件導航設計模式

本文通過以上分析，總結(jié)出6種導航框架模式的特點。并針對以上基于4G移動終端閱讀產(chǎn)品的分析結(jié)果，結(jié)合交互學習課件中比較典型的內(nèi)容和設計目標總結(jié)歸納出讓學習者體驗滿意、方便快捷、可用性強的4G移動終端交互閱讀導航框架設計模式如下。

1、輻射導航模式

設計4G移動終端交互學習課件一級導航目錄時，為了能幫助學習者更好地找到閱讀信息，在導航目錄信息分類清晰獨立的情況下首選輻射導航模式。因為基于4G高速網(wǎng)絡可實現(xiàn)實時高速在線閱讀支持大量高清圖片和視頻，4G移動終端設備屏幕尺寸較小，使用狀態(tài)多樣，使用地點、光線的不穩(wěn)定性，以及移動終端閱讀課件界面的視覺特征分析強調(diào)界面視覺信息盡量使用圖片、照片以及圖標來描繪信息或表達功能，針對大屏幕尺寸的移動終端界面視覺結(jié)構分割時，可按“黃金分割”的“井”字形原理分割畫面。

2、列表導航模式

設計4G移動終端交互學習課件二級頁導航時，如果在內(nèi)容信息較多，層次分明的情況下多采用列表導航模式。因為移動終端閱讀界面的視覺特征分析強調(diào)界面視覺信息內(nèi)容較多時可采用圖文結(jié)合來描述信息，且文字相對圖片占用空間較少，表達含義更為準確，但盡量避免大段文字出現(xiàn)，所以列表導航模式很適合用來顯示較長或擁有次級文字內(nèi)容的標題。

3、導航模式

設計4G移動終端交互學習課件三級內(nèi)容頁導航時，如果功能或內(nèi)容信息較為豐富，并幾類信息存在內(nèi)在聯(lián)系可以頻繁跳轉(zhuǎn)的情況下多采用標簽導航模式。因為在三級內(nèi)容頁標簽可以視覺化表現(xiàn)用戶的當前位置的作用，通過標簽的隱喻，用戶可以很好地實現(xiàn)頁面之間的切換而不迷失方向，簡單而高效。

4、平鋪導航模式

設計4G移動終端交互學習課件終極內(nèi)容頁導航時，如果終極內(nèi)容頁不多，內(nèi)容間是并列關系，并且一塊內(nèi)容完全可以在一個界面中表達的情況下多采用平鋪導航模式。因為在終極頁時內(nèi)容信息較少整體性比較強，平鋪式導航適用于終極頁面水平化的內(nèi)容，能以線性的方式展示，充分利用手機有限的屏幕空間，讓所有的信息都有展示的機會，同時讓用戶聚焦到當前的頁面上來。

參考文獻：

[1][美]Theresa Neil著，王軍鋒等譯.移動應用UI設計模式[M].人民郵電出版社，2013.

[2]傅小貞，胡甲超，鄭元攏.移動設計[M].電子工業(yè)出版社，2013.

[3]趙大羽，關東升.品味移動設計——iOS、Android、Windows Phone用戶體驗設計最佳實踐[M].人民郵電出版社，2013.

[4]韓立龍.移動網(wǎng)絡學習[M].中國科學技術大學出版社，2011.10

[5]顧鳳佳.終身學習視野下的微型學習課程設計原則研究[J].遠程教育雜志.2013（04）：60-66.