基于4G移動終端在線交互學習課件導航設計模式研究

夏麗雯　張敬　鐘山

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1、輻射導航模式

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

2、列表導航模式

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

3、導航模式

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

4、平鋪導航模式

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

參考文獻：

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

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

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

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

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