畫(huà)面布局方式對(duì)移動(dòng)學(xué)習(xí)影響的實(shí)驗(yàn)研究

馮小燕?王志軍?劉杜鵑?常亞飛

摘 要：將學(xué)習(xí)內(nèi)容分模塊呈現(xiàn)和作為整體以長(zhǎng)屏形式呈現(xiàn)是移動(dòng)學(xué)習(xí)資源常見(jiàn)的畫(huà)面布局形式。通過(guò)實(shí)驗(yàn)研究的方式探究在標(biāo)簽式和瀑布流式兩類(lèi)布局方式和不同知識(shí)類(lèi)型條件下，學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)、注意力集中程度、學(xué)習(xí)時(shí)長(zhǎng)、認(rèn)知負(fù)荷和學(xué)習(xí)效果的差異。結(jié)果發(fā)現(xiàn)，畫(huà)面布局方式對(duì)移動(dòng)學(xué)習(xí)過(guò)程有較為復(fù)雜的影響;標(biāo)簽式布局通過(guò)知識(shí)模塊切分和呈現(xiàn)順序的設(shè)計(jì)影響學(xué)習(xí)者的學(xué)習(xí)路徑和導(dǎo)航操作，比瀑布流式布局在激發(fā)動(dòng)機(jī)、增加時(shí)間投入、減少認(rèn)知負(fù)荷和提高學(xué)習(xí)效果方面更具優(yōu)勢(shì);不同的畫(huà)面布局方式對(duì)不同的知識(shí)類(lèi)型具有一定的最佳適應(yīng)性。

關(guān)鍵詞：移動(dòng)學(xué)習(xí);畫(huà)面布局;學(xué)習(xí)動(dòng)機(jī);學(xué)習(xí)效果

中圖分類(lèi)號(hào)：G434 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：2096-0069（2018）06-0001-06

情境性、個(gè)性化、片段式的移動(dòng)學(xué)習(xí)方式對(duì)學(xué)習(xí)資源的體系架構(gòu)和內(nèi)容規(guī)劃提出了更多挑戰(zhàn);基于小屏幕呈現(xiàn)學(xué)習(xí)內(nèi)容時(shí)，知識(shí)體系間的內(nèi)在級(jí)聯(lián)性較低，容易導(dǎo)致碎片化的學(xué)習(xí)結(jié)果。畫(huà)面布局是學(xué)習(xí)資源信息架構(gòu)的基礎(chǔ)，如何優(yōu)化移動(dòng)學(xué)習(xí)資源畫(huà)面布局，適應(yīng)移動(dòng)設(shè)備的屏幕尺寸，為學(xué)習(xí)者提供既符合移動(dòng)學(xué)習(xí)特點(diǎn)，又保證體系完整的學(xué)習(xí)內(nèi)容，是移動(dòng)學(xué)習(xí)資源呈現(xiàn)方式與內(nèi)容匹配必須解決的重要問(wèn)題。

一、移動(dòng)學(xué)習(xí)資源畫(huà)面布局相關(guān)研究

合理的畫(huà)面布局可以為設(shè)計(jì)者與使用者之間建立映射模型，使畫(huà)面布局恰當(dāng)?shù)乇磉_(dá)知識(shí)內(nèi)容，讓學(xué)習(xí)者將更多的認(rèn)知資源投入到學(xué)習(xí)活動(dòng)本身。[1]移動(dòng)學(xué)習(xí)資源畫(huà)面的信息架構(gòu)設(shè)計(jì)應(yīng)做到功能明確、結(jié)構(gòu)清晰、操作流暢，并為學(xué)習(xí)者提供合適的導(dǎo)航結(jié)構(gòu)。[2]學(xué)習(xí)者更喜歡閱讀較窄的短屏文字，以及有規(guī)律、有節(jié)奏的排版布局。[3]有序的畫(huà)面元素布局有助于優(yōu)化信息獲取效果，布局設(shè)計(jì)應(yīng)遵循媒體多樣性原則、時(shí)間和空間緊湊性原則、簡(jiǎn)練原則、人性化原則等。[4]移動(dòng)學(xué)習(xí)資源畫(huà)面設(shè)計(jì)應(yīng)以合適的知識(shí)組塊為資源單位，充分考慮學(xué)習(xí)內(nèi)容的內(nèi)在組織性與級(jí)聯(lián)性，優(yōu)化畫(huà)面布局結(jié)構(gòu)。

當(dāng)前主流的移動(dòng)學(xué)習(xí)資源畫(huà)面布局方式有標(biāo)簽式、宮格式、列表式、抽屜式、瀑布流式等多種形式。其中，標(biāo)簽式、宮格式、列表式及抽屜式等布局方式是根據(jù)知識(shí)本身的邏輯體系和版式需求，按一定標(biāo)準(zhǔn)將知識(shí)內(nèi)容進(jìn)行分模塊呈現(xiàn);瀑布流式布局方式則是將內(nèi)容作為整體，以長(zhǎng)屏形式呈現(xiàn)，增加使用的流暢性。移動(dòng)學(xué)習(xí)資源畫(huà)面布局的已有研究結(jié)論不完全一致。有研究者認(rèn)為由于畫(huà)面尺寸有限，學(xué)習(xí)內(nèi)容應(yīng)使用小型的文本塊，盡量將頁(yè)面滾動(dòng)范圍最小化;在小屏幕畫(huà)面上，一次呈現(xiàn)一頁(yè)的方式與上下拖動(dòng)滾動(dòng)條式的方式之間存在學(xué)習(xí)時(shí)間和學(xué)習(xí)效率之間的差異。[5]也有研究者認(rèn)為基于長(zhǎng)屏的瀑布流式布局不僅能使學(xué)習(xí)信息傳遞更迅速，同時(shí)也使學(xué)習(xí)者獲得更好的沉浸體驗(yàn)，有利于提高移動(dòng)學(xué)習(xí)效果。[6]

以標(biāo)簽式為代表的分模塊式布局和以瀑布流式為代表的整體式布局在移動(dòng)設(shè)備屏幕畫(huà)面設(shè)計(jì)中均有廣泛應(yīng)用。不同畫(huà)面布局方式對(duì)學(xué)習(xí)內(nèi)容的適應(yīng)性及對(duì)學(xué)習(xí)效果影響的相關(guān)研究需要進(jìn)一步深入;對(duì)于陳述性知識(shí)和程序性知識(shí)不同類(lèi)型，是否存在最佳的畫(huà)面布局方式也需要進(jìn)一步實(shí)踐驗(yàn)證。本文借助實(shí)驗(yàn)研究方法，開(kāi)展移動(dòng)學(xué)習(xí)資源畫(huà)面布局方式和知識(shí)類(lèi)型的不同組合方式對(duì)學(xué)習(xí)過(guò)程和學(xué)習(xí)效果影響的實(shí)證研究，探索移動(dòng)學(xué)習(xí)資源畫(huà)面布局的優(yōu)化路徑。

二、研究設(shè)計(jì)

（一）實(shí)驗(yàn)設(shè)計(jì)

采用2（布局方式）×2（知識(shí)類(lèi)型）兩因素完全隨機(jī)實(shí)驗(yàn)。

自變量包括布局方式和知識(shí)類(lèi)型。布局方式分為標(biāo)簽式和瀑布流式，知識(shí)類(lèi)型分為陳述性知識(shí)和程序性知識(shí)。學(xué)習(xí)內(nèi)容以手機(jī)豎屏形式呈現(xiàn)，標(biāo)簽式畫(huà)面布局采用底部標(biāo)簽，用5個(gè)標(biāo)簽，根據(jù)知識(shí)內(nèi)容的內(nèi)在邏輯進(jìn)行分割;瀑布流式畫(huà)面布局按照知識(shí)內(nèi)容的邏輯順序以長(zhǎng)屏形式由前到后依次呈現(xiàn)。

因變量包括學(xué)習(xí)動(dòng)機(jī)、注意力集中程度、學(xué)習(xí)時(shí)長(zhǎng)、認(rèn)知負(fù)荷和學(xué)習(xí)效果。

學(xué)習(xí)動(dòng)機(jī)：當(dāng)學(xué)習(xí)者動(dòng)機(jī)明確，對(duì)學(xué)習(xí)有較高興趣，學(xué)習(xí)積極主動(dòng)時(shí)，其學(xué)習(xí)狀態(tài)較為理想。本研究選取林立甲[7]使用過(guò)的學(xué)習(xí)動(dòng)機(jī)量表測(cè)量學(xué)習(xí)動(dòng)機(jī)，該量表分為興趣、能力、價(jià)值、努力、壓力和選擇六個(gè)分量。

注意力集中程度：當(dāng)學(xué)習(xí)者注意力集中程度高時(shí)，其學(xué)習(xí)較投入，專(zhuān)注度高，沉浸感強(qiáng)。本研究采用查蘭德[8]

等利用便攜式腦波儀測(cè)量學(xué)習(xí)者注意力集中程度的方法，測(cè)量值以40為基線，在1—100之間波動(dòng)變化。測(cè)量值低于40時(shí)表示被試的注意力集中程度較低，處于40—60之間時(shí)表示注意力集中程度一般，大于60時(shí)表示注意力集中程度較高。

學(xué)習(xí)時(shí)長(zhǎng)：卡羅爾認(rèn)為直接影響學(xué)習(xí)者學(xué)習(xí)的所有變量都可用時(shí)間來(lái)界定，布盧姆據(jù)此提出“時(shí)間本位”模式的掌握學(xué)習(xí)理論。[9]學(xué)習(xí)者按照自己的速度開(kāi)展學(xué)習(xí)，學(xué)習(xí)者投入的時(shí)間越多，學(xué)習(xí)效果越好。在本研究中，實(shí)驗(yàn)情境下的學(xué)習(xí)時(shí)長(zhǎng)是學(xué)習(xí)者從學(xué)習(xí)開(kāi)始到結(jié)束所花費(fèi)的時(shí)間，由便攜式腦波儀采集相關(guān)數(shù)據(jù)。

認(rèn)知負(fù)荷：指在特定學(xué)習(xí)時(shí)間內(nèi)施加于個(gè)體認(rèn)知系統(tǒng)的心理活動(dòng)總量，其大小與具體的學(xué)習(xí)任務(wù)有關(guān)。[10]

本研究參考王雪[11]等人的測(cè)量方法，以被試主觀判斷的形式，測(cè)量任務(wù)的感知難度和心理努力程度，表征學(xué)習(xí)者的認(rèn)知負(fù)荷。

學(xué)習(xí)效果：包括保持測(cè)試成績(jī)和遷移測(cè)試成績(jī)，保持測(cè)試主要測(cè)量學(xué)習(xí)者對(duì)學(xué)習(xí)內(nèi)容的記憶情況，遷移測(cè)試主要測(cè)量學(xué)習(xí)者對(duì)學(xué)習(xí)內(nèi)容的理解程度和應(yīng)用情況。

（二）被試

從H大學(xué)招募120名本科生作為被試，剔除實(shí)驗(yàn)過(guò)程中先前知識(shí)過(guò)高及腦波數(shù)據(jù)干擾過(guò)多的被試，共得到有效被試112名，隨機(jī)分為4組，其中標(biāo)簽式布局陳述性知識(shí)組29人，標(biāo)簽式布局程序性知識(shí)組27人，瀑布流式布局陳述性知識(shí)組27人，瀑布流式布局程序性知識(shí)組29人。

（三）實(shí)驗(yàn)材料

1.學(xué)習(xí)材料

學(xué)習(xí)材料采用小程序開(kāi)發(fā)平臺(tái)“即速應(yīng)用”開(kāi)發(fā)，陳述性知識(shí)為拉馬德雷現(xiàn)象，共計(jì)2500個(gè)字左右，與學(xué)習(xí)內(nèi)容有關(guān)的圖片5張，主要介紹“太平洋濤動(dòng)”的基本原理、對(duì)全球氣溫的影響以及與自然災(zāi)害的關(guān)系。程序性知識(shí)為海姆立克急救法，共計(jì)2600個(gè)字左右，與學(xué)習(xí)內(nèi)容有關(guān)的圖片7張，主要介紹海姆立克急救法的基本原理、不同情況下施救方法與基本操作流程。上述學(xué)習(xí)材料均由手機(jī)端呈現(xiàn)給學(xué)習(xí)者，學(xué)習(xí)者自主控制學(xué)習(xí)進(jìn)度。設(shè)計(jì)開(kāi)發(fā)之前邀請(qǐng)15名在校大學(xué)生對(duì)學(xué)習(xí)材料的感興趣程度、難易程度和熟悉程度進(jìn)行評(píng)價(jià)，受邀者均表示對(duì)相關(guān)知識(shí)的熟悉程度一般，興趣濃厚，學(xué)習(xí)材料難易程度相當(dāng)。

2.測(cè)試材料

包括基本信息、前測(cè)、學(xué)習(xí)效果測(cè)試、學(xué)習(xí)動(dòng)機(jī)和認(rèn)知負(fù)荷量表。

基本信息包括被試的性別、年齡、專(zhuān)業(yè)等基本信息。前測(cè)試題：陳述性知識(shí)和程序性知識(shí)的先前測(cè)試均包括5道題，考查被試對(duì)主題知識(shí)的掌握情況。學(xué)習(xí)效果測(cè)試包括保持測(cè)試和遷移測(cè)試。保持測(cè)試的試題答案可以在學(xué)習(xí)材料中找到;遷移測(cè)試需要被試?yán)斫鈱W(xué)習(xí)材料后能夠靈活運(yùn)用。陳述性知識(shí)和程序性知識(shí)的保持測(cè)試題均包括8道填空題，7道判斷題，每題1分，合計(jì)15分;遷移測(cè)試題均包括6道選擇題，每題1分，3道簡(jiǎn)答題，每題3分，合計(jì)15分。學(xué)習(xí)內(nèi)容和測(cè)試題在設(shè)計(jì)完成后均經(jīng)過(guò)相關(guān)專(zhuān)業(yè)領(lǐng)域教師修改和評(píng)定，確保無(wú)學(xué)科性錯(cuò)誤。學(xué)習(xí)動(dòng)機(jī)和認(rèn)知負(fù)荷均采用9級(jí)量表進(jìn)行測(cè)試。

（四）實(shí)驗(yàn)設(shè)備

使用一部OPPO R11智能手機(jī)為被試呈現(xiàn)學(xué)習(xí)材料，屏幕尺寸為5.5英寸，分辨率為1920×1080

（FHD），屏幕為電容式觸摸屏、多點(diǎn)式觸摸屏;采用基于NeuroSkyBCI（Brain Computer Interface，腦機(jī)接口）專(zhuān)利技術(shù)的Cuband便攜式腦波儀采集被試的腦波數(shù)據(jù)，信號(hào)采樣頻率為512Hz，信號(hào)精度為0.25uV，配套軟件為佰意通腦電生物反饋訓(xùn)練系統(tǒng)專(zhuān)業(yè)版。

（五）實(shí)驗(yàn)流程

實(shí)驗(yàn)人員告知被試實(shí)驗(yàn)要求與注意事項(xiàng)，被試填寫(xiě)個(gè)人信息與前測(cè)試題，實(shí)驗(yàn)人員為被試佩戴腦波儀并調(diào)試正常;被試按照要求進(jìn)行學(xué)習(xí);學(xué)習(xí)結(jié)束后被試填寫(xiě)后測(cè)試題及問(wèn)卷。每個(gè)被試完成整個(gè)實(shí)驗(yàn)時(shí)間需30—40分鐘。

三、數(shù)據(jù)分析

利用SPSS 22.0對(duì)實(shí)驗(yàn)數(shù)據(jù)進(jìn)行管理和分析。

（一）學(xué)習(xí)動(dòng)機(jī)、專(zhuān)注程度與學(xué)習(xí)時(shí)長(zhǎng)

學(xué)習(xí)動(dòng)機(jī)、注意力集中程度和學(xué)習(xí)時(shí)長(zhǎng)的數(shù)據(jù)結(jié)果如表1所示。

（1）學(xué)習(xí)動(dòng)機(jī)：兩種知識(shí)類(lèi)型條件下，標(biāo)簽式布局組學(xué)習(xí)者的動(dòng)機(jī)高于瀑布流式布局組，表明標(biāo)簽式布局比瀑布流式布局方式更容易激發(fā)學(xué)習(xí)者較高的學(xué)習(xí)動(dòng)機(jī)。（2）注意力集中程度：對(duì)于陳述性知識(shí)，瀑布流式布局組學(xué)習(xí)者的注意力集中程度高于標(biāo)簽式布局組;對(duì)于程序性知識(shí)，標(biāo)簽式布局組學(xué)習(xí)者的注意力集中程度高于瀑布流式布局組。（3）學(xué)習(xí)時(shí)長(zhǎng)：兩種知識(shí)類(lèi)型條件下，標(biāo)簽式布局條件下學(xué)習(xí)者的學(xué)習(xí)時(shí)間更長(zhǎng)。

多因素方差分析結(jié)果顯示，學(xué)習(xí)動(dòng)機(jī)：布局方式（F=3.432，p=0.067<0.1）主效應(yīng)邊緣顯著;知識(shí)類(lèi)型（F=12.192，p=0.000<0.01）主效應(yīng)極其顯著;二者的交互作用（F=0.000，p=0.999>0.05）不顯著。注意力集中程度：布局方式（F=0.002，p=0.964>0.05）主效應(yīng)不顯著，知識(shí)類(lèi)型（F=2.072，p=0.153>0.05）主效應(yīng)不顯著，二者的交互作用（F=1.200，p=0.276>0.05）不顯著。學(xué)習(xí)時(shí)長(zhǎng)：布局方式（F=9.248，p=0.003<0.01）主效應(yīng)極其顯著;知識(shí)類(lèi)型（F=2.081，p=0.152>0.05）主效應(yīng)不顯著;二者的交互作用（F=2.204，p=0.141>0.05）不顯著。

在四組中分別選取注意力集中程度接近各組均值的被試，對(duì)其注意力集中程度的腦波動(dòng)態(tài)變化情況進(jìn)行分析發(fā)現(xiàn)，學(xué)習(xí)者在整個(gè)學(xué)習(xí)過(guò)程中的注意力集中程度的變化情況存在一定差異：（1）對(duì)于陳述性知識(shí)，標(biāo)簽式布局和瀑布流式布局組被試的注意力變化情況較為一致，前期較高，中后期相對(duì)較低，注意力變化過(guò)程相對(duì)穩(wěn)定。表明對(duì)于陳述性知識(shí)，布局結(jié)構(gòu)的差異對(duì)學(xué)習(xí)者注意力的影響差異不大。（2）對(duì)于程序性知識(shí)，標(biāo)簽式布局組學(xué)習(xí)初期和學(xué)習(xí)即將結(jié)束時(shí)注意力集中程度較高，中期呈現(xiàn)有規(guī)律波動(dòng);瀑布流式布局組學(xué)習(xí)初期時(shí)注意力集中度較高，隨著時(shí)間的推移出現(xiàn)緩慢下降，整個(gè)學(xué)習(xí)過(guò)程中注意力沒(méi)有出現(xiàn)顯著的回升。這表明對(duì)于程序性知識(shí)，標(biāo)簽式布局條件下，學(xué)習(xí)者根據(jù)知識(shí)內(nèi)容切分情況有選擇地進(jìn)行學(xué)習(xí)，注意力集中程度因?qū)W習(xí)模塊的差異而呈現(xiàn)一定波動(dòng)，但未出現(xiàn)顯著下降;瀑布流式布局條件下，由于缺乏明確的知識(shí)模塊劃分，隨著學(xué)習(xí)內(nèi)容的增多，學(xué)習(xí)者逐漸出現(xiàn)認(rèn)知倦怠，注意力集中程度下降。因此，對(duì)于程序性知識(shí)，標(biāo)簽式布局更有利于學(xué)習(xí)者較高注意力的維持。

（二）認(rèn)知負(fù)荷

對(duì)于兩種知識(shí)類(lèi)型，標(biāo)簽式布局組學(xué)習(xí)者的認(rèn)知負(fù)荷水平相對(duì)于瀑布流式布局組較低，表明在降低認(rèn)知負(fù)荷方面，標(biāo)簽式畫(huà)面布局比瀑布流式布局更有優(yōu)勢(shì)，如表2所示。原因可能是學(xué)習(xí)者認(rèn)知容量有限，當(dāng)知識(shí)分塊呈現(xiàn)時(shí)，有利于降低學(xué)習(xí)者的認(rèn)知難度。

進(jìn)一步對(duì)不同布局方式和不同知識(shí)類(lèi)型的認(rèn)知負(fù)荷情況進(jìn)行兩因素被試間方差分析，布局方式（F=1.185，p=0.279>0.05）主效應(yīng)不顯著;知識(shí)類(lèi)型（F=6.309，p=0.013<0.05）主效應(yīng)顯著;二者的交互作用（F=0.033，p=0.856>0.05）不顯著。

（三）學(xué)習(xí)效果

學(xué)習(xí)效果指標(biāo)包括保持測(cè)試成績(jī)和遷移測(cè)試成績(jī)，結(jié)果如表3所示。

對(duì)于兩種知識(shí)類(lèi)型，標(biāo)簽式布局組學(xué)習(xí)者的保持測(cè)試成績(jī)和遷移測(cè)試成績(jī)均高于瀑布流式布局組。這表明無(wú)論是陳述性知識(shí)還是程序性知識(shí)，對(duì)于優(yōu)化學(xué)習(xí)效果，標(biāo)簽式布局比瀑布流式布局更有優(yōu)勢(shì)。

進(jìn)一步對(duì)各組被試的學(xué)習(xí)效果進(jìn)行兩因素被試間方差分析。（1）保持測(cè)試成績(jī)：布局方式（F=1.250，p=0.266>0.05）主效應(yīng)不顯著;知識(shí)類(lèi)型（F=8.430，p=0.005<0.01）主效應(yīng)極其顯著;二者的交互作用（F=0.285，p=0.594>0.05）不顯著。（2）遷移測(cè)試成績(jī)：布局方式（F=6.074，p=0.015<0.05）主效應(yīng)顯著;知識(shí)類(lèi)型（F=10.573，p=0.002<0.01）主效應(yīng)極其顯著;二者的交互作用（F=0.154，p=0.696>0.05）不顯著。

（四）學(xué)習(xí)動(dòng)機(jī)、注意力集中程度、學(xué)習(xí)時(shí)長(zhǎng)、認(rèn)知負(fù)荷與學(xué)習(xí)效果的關(guān)系

為進(jìn)一步明確移動(dòng)學(xué)習(xí)資源不同畫(huà)面布局條件下學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)、注意力集中程度、學(xué)習(xí)時(shí)長(zhǎng)和認(rèn)知負(fù)荷對(duì)學(xué)習(xí)效果的影響，利用多元回歸法進(jìn)行分析，結(jié)果如表4所示。

不同畫(huà)面布局條件下，學(xué)習(xí)者的學(xué)習(xí)效果主要受到學(xué)習(xí)動(dòng)機(jī)、學(xué)習(xí)時(shí)長(zhǎng)的正向影響和認(rèn)知負(fù)荷的負(fù)向影響，即學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)越強(qiáng)，學(xué)習(xí)時(shí)間越長(zhǎng)，認(rèn)知負(fù)荷越低，學(xué)習(xí)者的學(xué)習(xí)效果越好。注意力集中程度對(duì)學(xué)習(xí)效果也有一定正向影響，但影響較弱，未達(dá)到顯著水平。學(xué)習(xí)動(dòng)機(jī)、注意力集中程度、學(xué)習(xí)時(shí)長(zhǎng)和認(rèn)知負(fù)荷能聯(lián)合預(yù)測(cè)學(xué)習(xí)效果變異的37.8%，其中學(xué)習(xí)時(shí)長(zhǎng)的預(yù)測(cè)力最佳，其次是學(xué)習(xí)動(dòng)機(jī)，注意力集中程度雖然對(duì)學(xué)習(xí)效果也有一定的預(yù)測(cè)力，但這種預(yù)測(cè)力沒(méi)有達(dá)到顯著水平。

四、結(jié)果討論

無(wú)論是陳述性知識(shí)，還是程序性知識(shí)，良好的畫(huà)面布局結(jié)構(gòu)影響學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)、學(xué)習(xí)時(shí)間和認(rèn)知負(fù)荷，進(jìn)而影響學(xué)習(xí)效果。

（一）畫(huà)面布局方式和知識(shí)類(lèi)型對(duì)學(xué)習(xí)動(dòng)機(jī)、注意力集中程度和學(xué)習(xí)時(shí)長(zhǎng)的影響

標(biāo)簽式和瀑布流式布局在不同知識(shí)類(lèi)型條件下，對(duì)學(xué)習(xí)動(dòng)機(jī)和學(xué)習(xí)時(shí)長(zhǎng)的影響趨勢(shì)相同，標(biāo)簽式布局組學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)和學(xué)習(xí)時(shí)長(zhǎng)均高于瀑布流式布局組，且差異顯著。這表明無(wú)論對(duì)于哪種知識(shí)類(lèi)型，標(biāo)簽式布局比瀑布流式布局更有利于激發(fā)學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)，引發(fā)更多的時(shí)間投入。畫(huà)面布局的差異主要體現(xiàn)在知識(shí)呈現(xiàn)的先后順序、學(xué)習(xí)路徑的選擇和導(dǎo)航的使用等方面，以及由此引起的學(xué)習(xí)動(dòng)機(jī)和學(xué)習(xí)體驗(yàn)差異;同時(shí)，標(biāo)簽式布局增加了學(xué)習(xí)者與學(xué)習(xí)內(nèi)容間的操作互動(dòng)，引發(fā)學(xué)習(xí)者更多的行為投入和時(shí)間投入。

標(biāo)簽式布局和瀑布流式布局在不同知識(shí)類(lèi)型條件下，對(duì)學(xué)習(xí)者注意力集中程度的影響趨勢(shì)不同。當(dāng)學(xué)習(xí)陳述性知識(shí)時(shí)，瀑布流式布局組學(xué)習(xí)者的注意力集中程度高于標(biāo)簽式布局組;當(dāng)學(xué)習(xí)程序性知識(shí)時(shí)，情況則相反，標(biāo)簽式布局組學(xué)習(xí)者的注意力集中程度高于瀑布流式布局組。雖然這種差異未達(dá)到統(tǒng)計(jì)學(xué)的顯著水平，但差異趨勢(shì)在一定程度上表明畫(huà)面布局方式對(duì)不同知識(shí)類(lèi)型具有不同的適應(yīng)性。

知識(shí)類(lèi)型對(duì)學(xué)習(xí)動(dòng)機(jī)有顯著影響，對(duì)學(xué)習(xí)時(shí)長(zhǎng)和注意力集中程度均無(wú)顯著影響。知識(shí)類(lèi)型主要影響學(xué)習(xí)者的興趣、愛(ài)好等主觀感知體驗(yàn)，對(duì)學(xué)習(xí)過(guò)程中的注意力集中程度、學(xué)習(xí)時(shí)間的花費(fèi)等方面的影響沒(méi)有顯著差異。

（二）畫(huà)面布局方式和知識(shí)類(lèi)型對(duì)認(rèn)知負(fù)荷的影響

標(biāo)簽式布局和瀑布流式布局在不同知識(shí)類(lèi)型條件下，對(duì)認(rèn)知負(fù)荷的影響趨勢(shì)相同。兩種知識(shí)類(lèi)型條件下，學(xué)習(xí)者的認(rèn)知負(fù)荷均為標(biāo)簽式布局組低于瀑布流式布局組，盡管這種差異未達(dá)到統(tǒng)計(jì)學(xué)的顯著水平，但這一趨勢(shì)表明，將知識(shí)分塊呈現(xiàn)的標(biāo)簽式布局在一定程度上有利于降低學(xué)習(xí)者對(duì)學(xué)習(xí)內(nèi)容的感知難度，進(jìn)而減少認(rèn)知負(fù)荷。

知識(shí)類(lèi)型對(duì)認(rèn)知負(fù)荷有著顯著的影響，陳述性知識(shí)引起的認(rèn)知負(fù)荷極其顯著地高于程序性知識(shí)，即在難度相當(dāng)?shù)那闆r下，學(xué)習(xí)者感知到陳述性知識(shí)的難度和需要付出的努力程度顯著高于程序性知識(shí)。

（三）畫(huà)面布局方式和知識(shí)類(lèi)型對(duì)學(xué)習(xí)效果的影響

兩種知識(shí)類(lèi)型條件下，標(biāo)簽式布局組學(xué)習(xí)者的遷移測(cè)試成績(jī)顯著高于瀑布流式布局組。標(biāo)簽式布局有利于學(xué)習(xí)者將新的知識(shí)內(nèi)容體系與原有的認(rèn)知圖式進(jìn)行加工整合，理解更加深入和透徹，促進(jìn)學(xué)習(xí)層次的加深，從而提高學(xué)習(xí)者的遷移測(cè)試成績(jī)。

兩種布局方式條件下，程序性知識(shí)組學(xué)習(xí)者保持測(cè)試成績(jī)和遷移測(cè)試成績(jī)均顯著高于陳述性知識(shí)組。程序性知識(shí)在條理性、模塊化、邏輯性、步驟流程化等方面優(yōu)于陳述性知識(shí)。在小屏幕的移動(dòng)設(shè)備上呈現(xiàn)難度相當(dāng)?shù)某绦蛐院完愂鲂灾R(shí)時(shí)，程序性知識(shí)更容易被學(xué)習(xí)者所接受并融入已有知識(shí)體系，有利于提高學(xué)習(xí)效果。

同時(shí)本研究也發(fā)現(xiàn)，學(xué)習(xí)動(dòng)機(jī)、學(xué)習(xí)時(shí)間和認(rèn)知負(fù)荷對(duì)學(xué)習(xí)效果有顯著的預(yù)測(cè)作用，學(xué)習(xí)時(shí)長(zhǎng)的預(yù)測(cè)力最佳，其次是學(xué)習(xí)動(dòng)機(jī)，再次是認(rèn)知負(fù)荷。因移動(dòng)學(xué)習(xí)過(guò)程中學(xué)習(xí)者注意力集中程度具有較高的浮動(dòng)性，注意力集中程度對(duì)學(xué)習(xí)效果的影響較為復(fù)雜，預(yù)測(cè)作用有限。

五、結(jié)論與展望

畫(huà)面布局方式在提高學(xué)習(xí)動(dòng)機(jī)、引發(fā)時(shí)間投入、減少認(rèn)知負(fù)荷和提高學(xué)習(xí)效果方面有著積極作用和復(fù)雜影響。將知識(shí)按一定的內(nèi)在邏輯進(jìn)行分塊呈現(xiàn)的標(biāo)簽式布局方式比將知識(shí)作為一個(gè)整體的瀑布流式布局方式更有利于激發(fā)學(xué)習(xí)者的動(dòng)機(jī)，減少認(rèn)知負(fù)荷，提高學(xué)習(xí)效果;對(duì)于程序性知識(shí)，這種優(yōu)勢(shì)更加突出。瀑布流式布局呈現(xiàn)陳述性知識(shí)時(shí)，有利于學(xué)習(xí)者提高注意力，并且增加沉浸感，但由于缺乏對(duì)知識(shí)體系的適當(dāng)分割和學(xué)習(xí)路徑導(dǎo)航，在學(xué)習(xí)過(guò)程中增加了學(xué)習(xí)者的認(rèn)知負(fù)荷，這種方式在沉浸感與專(zhuān)注度方面的優(yōu)勢(shì)并未引起更為理想的學(xué)習(xí)效果。

本研究通過(guò)實(shí)驗(yàn)方式探索不同知識(shí)類(lèi)型的畫(huà)面布局方式對(duì)學(xué)習(xí)過(guò)程中的學(xué)習(xí)動(dòng)機(jī)、注意力、學(xué)習(xí)時(shí)間、認(rèn)知負(fù)荷及學(xué)習(xí)效果的影響。發(fā)現(xiàn)合適的移動(dòng)學(xué)習(xí)資源畫(huà)面布局可以使學(xué)習(xí)者動(dòng)機(jī)更強(qiáng)，更好地學(xué)習(xí)投入，從而更好地參與到移動(dòng)學(xué)習(xí)過(guò)程中，獲得更好的學(xué)習(xí)效果。受實(shí)驗(yàn)條件的限制，本研究?jī)H選取了112名有效被試的數(shù)據(jù)，對(duì)于多樣化學(xué)習(xí)對(duì)象的適應(yīng)性需要進(jìn)一步驗(yàn)證;另外，本研究?jī)H選取了標(biāo)簽式和瀑布流式兩種畫(huà)面布局方式，對(duì)于其他類(lèi)型畫(huà)面布局方式對(duì)移動(dòng)學(xué)習(xí)的影響仍需要進(jìn)一步深入探索。

參考文獻(xiàn)

[1]李蕾，李曉麗.基于iOS手持終端的移動(dòng)學(xué)習(xí)資源設(shè)計(jì)研究[J].中國(guó)電化教育，2014，（12）：93-97.

[2]李青.移動(dòng)學(xué)習(xí)：讓學(xué)習(xí)無(wú)處不在[M].北京：中央廣播電視大學(xué)出版社，2014：8-11.

[3]李明輝，魏亞云.安卓手機(jī)移動(dòng)端的界面設(shè)計(jì)美學(xué)法則探析[J].包裝工程，2016，37（10）：170-173.

[4]葉新東，章道爭(zhēng).網(wǎng)絡(luò)課程設(shè)計(jì)中界面媒體元素的布局與信息獲取效果的關(guān)系研究[J].現(xiàn)代教育技術(shù)，2010，20（3）：87-92，60.

[5]ZHANG X M，Li Y N，Blumberg F C.Studies on Human Computer Interface Design of Chinese Mobile Phone Users[C]//International Conference on Advances in Web Based Learn-ing.Springer-Verlag，2008：477-485.

[6]田嵩.基于輕應(yīng)用的移動(dòng)學(xué)習(xí)內(nèi)容呈現(xiàn)模式研究：以“瀑布流”式布局體驗(yàn)為例[J].電化教育研究，2016，（2）：31-37.

[7]林立甲.基于數(shù)字技術(shù)的學(xué)習(xí)科學(xué)理論、研究與實(shí)踐[M].上海：華東師范大學(xué)出版社，2016：72-73.

[8]CHARLAND P，LGER P M，MERCLER J，et al.Measuring implicit cognitive and emotional engagement to better under-stand learners performance in problem solving-A research note[J].ZeitschriftFürPsychologie，2016，224（4）：294-296.

[9]井維華.布盧姆掌握學(xué)習(xí)理論評(píng)析[J].中國(guó)教育學(xué)刊，1999，（3）：40-42.

[10]孫崇勇.認(rèn)知負(fù)荷的理論與實(shí)證研究[M].沈陽(yáng)：遼寧人民出版社，2014：4-7.

[11]王雪，周?chē)?，王志?教學(xué)視頻中交互控制促進(jìn)有意義學(xué)習(xí)的實(shí)驗(yàn)研究[J].遠(yuǎn)程教育雜志，2018，36（1）：97-105.

An Experimental Study of the Influence of Screen Layout on Mobile Learning

FENG Xiaoyan1，WANG Zhijun2，LIU Dujuan1，CHANG Yafei1

（1.School of Information and Engineering，Henan Institute of Science and Technology，Xinxiang，Henan，China 453000;

2.School of Education Science，Tianjin Normal University，Tianjin，China 300387）

Abstract： It is a common form of screen layout for mobile learning resources to present learning content in modules and as a whole in long-screen form.This paper explores the differences of learnersmotivation，degree of concentration，learning time，cognitive load and learning effect under the conditions of label and waterfall flow layout and different types of knowledge.The results show that the screen layout methods have a more complex effect on the mobile learning process;the label layout affects the learnerslearning path and navigation operation through knowledge module segmentation and presentation sequence design;it can better stimulate motivation，increase time input，reduce cognitive load and improve learning effect than the waterfall flow layout.It has more advantages，and different screen layout methods have the optimal adaptability to different types of knowledge.

Key words： mobile learning;screen layout;learning motivation;learning effect