基于4G移動(dòng)終端在線交互學(xué)習(xí)課件導(dǎo)航設(shè)計(jì)模式研究

夏麗雯　張敬　鐘山

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

【關(guān)鍵詞】 4G移動(dòng)終端；交互學(xué)習(xí)課件；導(dǎo)航模式

【中圖分類號(hào)】G642.23 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2016）07-00-02

1.4G移動(dòng)終端設(shè)備的使用情景特征

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

2.移動(dòng)終端設(shè)備的視覺特征

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

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

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

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

3.4G移動(dòng)終端三大交互平臺(tái)（iOS、Android和Windows Phone）的導(dǎo)航模式分析

在研究4G移動(dòng)終端交互學(xué)習(xí)課件設(shè)計(jì)過程中，我們先整體的分析市面上三大主流移動(dòng)平臺(tái)導(dǎo)航框架模式特點(diǎn)如下。然后運(yùn)用移植法有選擇性的將部分設(shè)計(jì)模式方法運(yùn)用到4G移動(dòng)終端交互學(xué)習(xí)課件導(dǎo)航框架設(shè)計(jì)中。

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

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

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

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

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

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

4.4G移動(dòng)終端交互學(xué)習(xí)課件導(dǎo)航設(shè)計(jì)模式

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

1、輻射導(dǎo)航模式

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

2、列表導(dǎo)航模式

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

3、導(dǎo)航模式

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

4、平鋪導(dǎo)航模式

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

參考文獻(xiàn)：

[1][美]Theresa Neil著，王軍鋒等譯.移動(dòng)應(yīng)用UI設(shè)計(jì)模式[M].人民郵電出版社，2013.

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

[3]趙大羽，關(guān)東升.品味移動(dòng)設(shè)計(jì)——iOS、Android、Windows Phone用戶體驗(yàn)設(shè)計(jì)最佳實(shí)踐[M].人民郵電出版社，2013.

[4]韓立龍.移動(dòng)網(wǎng)絡(luò)學(xué)習(xí)[M].中國科學(xué)技術(shù)大學(xué)出版社，2011.10

[5]顧鳳佳.終身學(xué)習(xí)視野下的微型學(xué)習(xí)課程設(shè)計(jì)原則研究[J].遠(yuǎn)程教育雜志.2013（04）：60-66.