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

1、    基于4g移動(dòng)終端在線(xiàn)交互學(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)端交互課件，本文通過(guò)對(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ì)模式，提高用戶(hù)的閱讀滿(mǎn)意度。【關(guān)鍵詞】 4g移動(dòng)終端；交互學(xué)習(xí)課件；導(dǎo)航模式g642.23 a

2、2095-3089（2016）07-00-021.4g移動(dòng)終端設(shè)備的使用情景特征隨著智能手機(jī)的風(fēng)靡，網(wǎng)絡(luò)技術(shù)的成熟，越來(lái)越多的移動(dòng)應(yīng)用進(jìn)入人們的生活，對(duì)于移動(dòng)應(yīng)用設(shè)計(jì)師來(lái)說(shuō)，移動(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í)間長(zhǎng)短不一、操作方式主要以手指為主等，這些直接導(dǎo)致設(shè)計(jì)模式的改變，它不僅僅是pc應(yīng)用設(shè)計(jì)模式的延伸，更是一種變革性的產(chǎn)品。所以教師們應(yīng)該更多地以移動(dòng)優(yōu)先的方法從移動(dòng)設(shè)備的優(yōu)勢(shì)來(lái)分析移動(dòng)情景特征，并將這些特征因素應(yīng)用到4g移動(dòng)終端交互學(xué)習(xí)課件設(shè)計(jì)產(chǎn)品中，從而實(shí)現(xiàn)移動(dòng)終端交互閱讀學(xué)習(xí)者和移動(dòng)設(shè)備之間自然、流暢

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

4、及圖標(biāo)來(lái)描繪信息或表達(dá)功能，盡量避免大段文字的出現(xiàn)。文字主要作為搭配圖片的輔助元素，對(duì)圖片進(jìn)行補(bǔ)充、解釋和裝飾。原因是人們識(shí)別圖像的速度要遠(yuǎn)遠(yuǎn)超過(guò)文字，學(xué)習(xí)者可以在各種狀態(tài)下輕松地看清圖片內(nèi)容和細(xì)節(jié)，不必如文字逐一識(shí)別后才能理解。（2）移動(dòng)終端設(shè)備課件界面視覺(jué)信息內(nèi)容較多時(shí)可采用圖文結(jié)合來(lái)描述信息，但盡量避免大段文字出現(xiàn)，即使無(wú)法避免出現(xiàn)成段文字，一定要使文字行的長(zhǎng)度偏短，多列幾行，形成文字組，原因是文字表達(dá)含義清晰，準(zhǔn)確且全面的特點(diǎn)是圖片無(wú)法取代的，而剪短的文字才能勾起學(xué)習(xí)者閱讀的欲望，減輕閱讀的困難。（3）針對(duì)大屏幕尺寸的移動(dòng)終端課件界面視覺(jué)結(jié)構(gòu)分割時(shí)，可按“黃金分割”的“井”字形原理分割

5、畫(huà)面，確定標(biāo)題，文字和圖片的位置，避免界面松散無(wú)骨，雜亂無(wú)章。原因是移動(dòng)終端設(shè)備屏幕尺寸相對(duì)pc終端設(shè)備較小，界面元素豐富，排列方式復(fù)雜會(huì)使視覺(jué)視覺(jué)上失去平衡和穩(wěn)定感，而“井”字型的三等分方法對(duì)界面元素視覺(jué)上起到平衡穩(wěn)定的作用。3.4g移動(dòng)終端三大交互平臺(tái)（ios、android和windows phone）的導(dǎo)航模式分析在研究4g移動(dòng)終端交互學(xué)習(xí)課件設(shè)計(jì)過(guò)程中，我們先整體的分析市面上三大主流移動(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)容組織上沒(méi)有層次關(guān)系，一個(gè)頁(yè)面可以表達(dá)一整塊內(nèi)容，采用分屏

6、分頁(yè)進(jìn)行導(dǎo)航，滑動(dòng)屏幕查看內(nèi)容。這種導(dǎo)航模式適用于信息較少整體性比較強(qiáng)的內(nèi)容，且內(nèi)容間是并列關(guān)系的瀏覽頁(yè)。（2）標(biāo)簽導(dǎo)航模式：其特點(diǎn)內(nèi)容分別放置在幾個(gè)功能模塊里，各功能模塊之間是相對(duì)獨(dú)立的。這種導(dǎo)航模式適用于功能或信息較為豐富的應(yīng)用，并能在幾類(lèi)信息中頻繁跳轉(zhuǎn)。（3）列表導(dǎo)航模式：其特點(diǎn)內(nèi)容是有層次的，主要以文字表達(dá)為主，從上到下是分類(lèi)包含的關(guān)系，一般位于最上面的列表信息最為重要。這種導(dǎo)航模式適合展示層次分明的信息結(jié)構(gòu)，主要在移動(dòng)應(yīng)用的局部位置使用較多。（4）輻射導(dǎo)航模式：其特點(diǎn)將全應(yīng)用信息進(jìn)行獨(dú)立分類(lèi)，做到信息互斥，類(lèi)別各自有獨(dú)立入口，內(nèi)容間基本并列。這種導(dǎo)航模式適合分類(lèi)清晰，信息獨(dú)立的內(nèi)容。

7、（5）抽屜導(dǎo)航模式：其特點(diǎn)分類(lèi)內(nèi)容隱藏在抽屜中，可兼容各種分類(lèi)方式。這種導(dǎo)航模式適合以當(dāng)前內(nèi)容為核心展示的應(yīng)用。（6）點(diǎn)聚導(dǎo)航模式：其特點(diǎn)所有內(nèi)容通過(guò)一個(gè)點(diǎn)的方式，匯聚了這些入口，這個(gè)點(diǎn)不受個(gè)數(shù)的限制，更靈活，也上界面空間更開(kāi)闊。這種導(dǎo)航模式適合層級(jí)關(guān)系比較復(fù)雜，幾個(gè)并列的模塊中都有用戶(hù)頻繁使用的核心內(nèi)容。4.4g移動(dòng)終端交互學(xué)習(xí)課件導(dǎo)航設(shè)計(jì)模式本文通過(guò)以上分析，總結(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)滿(mǎn)意、方便快捷、可用性強(qiáng)的4g移動(dòng)終端交互閱讀導(dǎo)航框架設(shè)計(jì)模式如下。1、輻射導(dǎo)航模式設(shè)計(jì)4g移

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

9、面視覺(jué)信息內(nèi)容較多時(shí)可采用圖文結(jié)合來(lái)描述信息，且文字相對(duì)圖片占用空間較少，表達(dá)含義更為準(zhǔn)確，但盡量避免大段文字出現(xiàn)，所以列表導(dǎo)航模式很適合用來(lái)顯示較長(zhǎng)或擁有次級(jí)文字內(nèi)容的標(biāo)題。3、導(dǎo)航模式設(shè)計(jì)4g移動(dòng)終端交互學(xué)習(xí)課件三級(jí)內(nèi)容頁(yè)導(dǎo)航時(shí)，如果功能或內(nèi)容信息較為豐富，并幾類(lèi)信息存在內(nèi)在聯(lián)系可以頻繁跳轉(zhuǎn)的情況下多采用標(biāo)簽導(dǎo)航模式。因?yàn)樵谌?jí)內(nèi)容頁(yè)標(biāo)簽可以視覺(jué)化表現(xiàn)用戶(hù)的當(dāng)前位置的作用，通過(guò)標(biāo)簽的隱喻，用戶(hù)可以很好地實(shí)現(xiàn)頁(yè)面之間的切換而不迷失方向，簡(jiǎn)單而高效。4、平鋪導(dǎo)航模式設(shè)計(jì)4g移動(dòng)終端交互學(xué)習(xí)課件終極內(nèi)容頁(yè)導(dǎo)航時(shí)，如果終極內(nèi)容頁(yè)不多，內(nèi)容間是并列關(guān)系，并且一塊內(nèi)容完全可以在一個(gè)界面中表達(dá)的情況下多采用平鋪導(dǎo)航模式。因?yàn)樵诮K極頁(yè)時(shí)內(nèi)容信息較少整體性比較強(qiáng)，平鋪式導(dǎo)航適用于終極頁(yè)面水平化的內(nèi)容，能以線(xiàn)性的方式展示，充分利用手機(jī)有限的屏幕空間，讓所有的信息都有展示的機(jī)會(huì)，同時(shí)讓用戶(hù)聚焦到當(dāng)前的頁(yè)面上來(lái)。參考文獻(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)東