“碎片式”移動(dòng)情景下英語APP界面設(shè)計(jì)研究

李晶，柳月

【摘 要】針對(duì)英語學(xué)習(xí)類APP信息設(shè)計(jì)的單一性、孤立性，本文通過分析移動(dòng)學(xué)習(xí)“碎片式”特點(diǎn)，進(jìn)行英語學(xué)習(xí)APP界面設(shè)計(jì)研究。在現(xiàn)狀的基礎(chǔ)上，通過問卷調(diào)查的形式了解現(xiàn)有大學(xué)生的移動(dòng)學(xué)習(xí)需求及限制性條件;針對(duì)大學(xué)生移動(dòng)學(xué)習(xí)中時(shí)間零碎的特點(diǎn)，分析不同的學(xué)習(xí)場景，將小模塊學(xué)習(xí)資源以個(gè)性化推薦的方式推薦給用戶。最后從信息可視化的色彩、結(jié)構(gòu)和布局等要素出發(fā)，進(jìn)行增強(qiáng)用戶情境感知能力的設(shè)計(jì)探索，以解決體驗(yàn)感差、學(xué)習(xí)效果不佳等問題。

【關(guān)鍵詞】移動(dòng)學(xué)習(xí);英語APP;信息可視化;個(gè)性化推薦

中圖分類號(hào)：J524.1?文獻(xiàn)標(biāo)志碼：A ? ? ? ? ? ? ? 文章編號(hào)：1007-0125（2019）17-0124-02

一、引言

移動(dòng)學(xué)習(xí)指在移動(dòng)設(shè)備幫助下可以在任何時(shí)間、任何地點(diǎn)發(fā)生的學(xué)習(xí)。大學(xué)生對(duì)移動(dòng)學(xué)習(xí)已經(jīng)普遍抱有積極的態(tài)度，并且具備進(jìn)行移動(dòng)學(xué)習(xí)的思想基礎(chǔ)和素質(zhì)基礎(chǔ)[1-2]。手機(jī)類學(xué)習(xí)單詞軟件作為一種英語學(xué)習(xí)的方式已經(jīng)普遍存在。它充分依靠手機(jī)語音技術(shù)、多媒體技術(shù)以及其他綜合技術(shù)，在實(shí)現(xiàn)單詞音形并茂的同時(shí)，致力于提高軟件的智能化操作水平。在同質(zhì)化嚴(yán)重且競爭激烈的市場環(huán)境下，更需要以差異化戰(zhàn)略為突破口，提高產(chǎn)品競爭力[3]。

二、現(xiàn)狀分析

從 APP store 中搜索，可以發(fā)現(xiàn)排名前幾位的手機(jī)記單詞軟件有有道詞典、泡單詞、扇貝單詞、百詞斬、知米背單詞、墨墨背單詞等軟件。這些英語學(xué)習(xí)類軟件包括單詞類記憶軟件、考級(jí)類軟件和游戲型軟件三類。從英語學(xué)習(xí)類軟件技術(shù)的發(fā)展來看，單純的記憶功能的英語單詞軟件逐漸減少，越來越多的集查詞、閱讀、復(fù)習(xí)、翻譯、測驗(yàn)、記憶于一體的綜合功能的學(xué)習(xí)軟件在逐漸地增多。

現(xiàn)有 App 的特色是功能全面、主要以記單詞為中心卻又不乏特色，交互性強(qiáng)。功能豐富且針對(duì)性強(qiáng)，如單詞學(xué)習(xí)、智能提醒、難度進(jìn)級(jí)、隨機(jī)檢測等。通過增加相關(guān)詞庫、詞庫調(diào)整、動(dòng)態(tài)復(fù)習(xí)、游戲訓(xùn)練等相關(guān)功能，體現(xiàn)了單詞學(xué)習(xí)類軟件的靈活性、針對(duì)性、豐富性、趣味性的特點(diǎn)。但是，這些英語學(xué)習(xí)類APP有兩大不足之處：一是抗遺忘系統(tǒng)做得不到位;二是單詞的孤立性較強(qiáng)，沒有建立起單詞的知識(shí)網(wǎng)絡(luò)。而考級(jí)英語由于其時(shí)間的緊迫性與知識(shí)的系統(tǒng)性，需要考生不僅要在短時(shí)間內(nèi)進(jìn)行大量詞匯的記憶，更需要其對(duì)整個(gè)單詞系統(tǒng)進(jìn)行全局的把握與掌控。

因此，本文針對(duì)英語學(xué)習(xí)現(xiàn)狀，進(jìn)行相關(guān)產(chǎn)品調(diào)查和用戶需求研究，通過場景化進(jìn)行碎片時(shí)間學(xué)習(xí)方法的歸納和英語APP學(xué)習(xí)結(jié)構(gòu)的設(shè)計(jì)，以幫助學(xué)生更有效地利用移動(dòng)學(xué)習(xí)平臺(tái)的同時(shí)，提高使用時(shí)的用戶體驗(yàn)。

三、用戶研究

（一）問題現(xiàn)狀。人的生理、認(rèn)知以及社會(huì)心理的發(fā)展是一個(gè)系統(tǒng)，要想了解大學(xué)生學(xué)習(xí)英語時(shí)認(rèn)知的需求，就需要融合其生理和社會(huì)心理[4]。對(duì)于考級(jí)學(xué)生來說，每日花費(fèi)整塊兒時(shí)間來進(jìn)行單詞的記憶是一件得不償失的事情，大部分考級(jí)學(xué)生都是利用碎片化時(shí)間進(jìn)行單詞記憶，以便充分利用和節(jié)約時(shí)間。同時(shí)，碎片化時(shí)間中進(jìn)行的單詞記憶很容易忘記，不能很好融入自己的知識(shí)結(jié)構(gòu)中。基于英語單詞知識(shí)結(jié)構(gòu)和人的記憶規(guī)律，進(jìn)行移動(dòng)學(xué)習(xí)的考級(jí)英語單詞 APP 設(shè)計(jì)，可以在幫助學(xué)生更有效地熟記考級(jí)單詞、加固和豐富自身英語知識(shí)結(jié)構(gòu)的同時(shí)，提高用戶體驗(yàn)和學(xué)習(xí)興趣。本文中的英語學(xué)習(xí)APP設(shè)計(jì)將根據(jù)不同的場景設(shè)計(jì)不同的英語學(xué)習(xí)方式，使用戶在碎片化的移動(dòng)情境下進(jìn)行英語知識(shí)的鞏固學(xué)習(xí)。

（二）場景調(diào)研。利用參與式設(shè)計(jì)理念[5]和心理調(diào)研方法[6]，針對(duì)個(gè)性化推薦功能，提取了日常生活中的六個(gè)場景，分別為清晨、地鐵、排隊(duì)、課間、飯后、睡前。針對(duì)設(shè)計(jì)的六大場景，以南京林業(yè)大學(xué)的學(xué)生為對(duì)象，進(jìn)行了“不同場景英語學(xué)習(xí)方式適合度打分”的問卷調(diào)查。結(jié)果發(fā)現(xiàn)：排隊(duì)場景和課間場景，用戶更側(cè)重于帶有娛樂性的推薦欄目;課間場景需要加入一些帶有娛樂性的交互方式或以圖文并茂的方式展示，增強(qiáng)該欄目的趣味性。

四、APP個(gè)性化模塊設(shè)計(jì)分析

進(jìn)行移動(dòng)學(xué)習(xí)模塊中個(gè)性化推薦功能的設(shè)計(jì)，不僅可以提高碎片化時(shí)間的利用率，也可根據(jù)用戶自身的學(xué)習(xí)情況進(jìn)行相關(guān)知識(shí)的推送，使其取得更有效的學(xué)習(xí)成果。在設(shè)計(jì)研究過程中，不僅僅是對(duì)某時(shí)間進(jìn)行分析，更多的是需要進(jìn)行用戶不同時(shí)間段的研究[7]。根據(jù)大學(xué)生用戶需求分析和場景調(diào)查，將英語學(xué)習(xí)APP的模塊分為清晨、地鐵、排隊(duì)、課間、飯后、睡前六大場景，根據(jù)場景進(jìn)行學(xué)習(xí)方案的推薦式設(shè)計(jì)。

（一）清晨場景。清晨是一天當(dāng)中四大學(xué)習(xí)高效期之一，時(shí)間相對(duì)較短。選擇清晨場景對(duì)今日需要學(xué)習(xí)的內(nèi)容進(jìn)行大致的預(yù)覽，使用戶心中知道今日需要學(xué)習(xí)哪些內(nèi)容，做到心中有數(shù)。清晨場景對(duì)應(yīng)的欄目為清晨連環(huán)記，主要把詞根詞綴做一個(gè)大致的呈現(xiàn)，使用戶對(duì)當(dāng)日的學(xué)習(xí)內(nèi)容有大概的了解。

（二）地鐵場景。非上班高峰期，地鐵相對(duì)來說可以為用戶提供一定的閱讀空間，而由相關(guān)活動(dòng)可以發(fā)現(xiàn)，地鐵學(xué)習(xí)是有一定的需求的，因此在乘坐交通工具時(shí)進(jìn)行閱讀等學(xué)習(xí)方式是可行的，針對(duì)地鐵這一場景，設(shè)計(jì)了地鐵故事說這一欄目，以圖文配音頻的形式出現(xiàn)，主要為對(duì)當(dāng)下時(shí)事熱聞以及熱門電影的點(diǎn)評(píng)，點(diǎn)評(píng)過程中引出對(duì)相關(guān)詞匯的講解。讓用戶在鞏固學(xué)習(xí)英語知識(shí)的同時(shí)還可了解當(dāng)下熱聞，擴(kuò)充課外知識(shí)。

（三）排隊(duì)場景。排隊(duì)等待最主要的代價(jià)是情緒負(fù)擔(dān)、壓力、無聊以及那種浪費(fèi)生命的感覺。在排隊(duì)等待的過程中提供有趣的事情可以減小用戶的焦急感。而此場景一般情況下也是比較喧囂，因此選擇了爆笑圖片和文字結(jié)合的方式，以視覺效果呈現(xiàn)。使用戶在焦急的等待過程中得到適當(dāng)?shù)姆潘伞?/p>

（四）課間場景。大學(xué)生的獨(dú)立性比較強(qiáng)，課堂的休息方式也比較單一，很多學(xué)生在課間依舊是不離開座位，習(xí)慣通過手機(jī)來放松，因此針對(duì)該欄目設(shè)計(jì)了針對(duì)學(xué)習(xí)過程中的相關(guān)話題進(jìn)行交流討論。課間的時(shí)間段比較短，而課間應(yīng)屬于休閑放松的場景。采用話題討論的方式，和正式學(xué)習(xí)比起來，減小了用戶的認(rèn)知負(fù)荷，使用戶得到片刻的放松。

（五）飯后場景。飯后用戶可能會(huì)出現(xiàn)犯困的情況，此時(shí)學(xué)習(xí)效率會(huì)相對(duì)比較低一點(diǎn)，推送MV式的英語學(xué)習(xí)，可通過視覺和聽覺兩個(gè)方面使用戶在飯后得到相應(yīng)的精神舒緩。并針對(duì)歌詞當(dāng)中出現(xiàn)的相關(guān)詞匯重點(diǎn)標(biāo)注，進(jìn)行相關(guān)介紹，此種學(xué)習(xí)方式同樣偏向于非正式學(xué)習(xí)，在更換學(xué)習(xí)方式的同時(shí)又能進(jìn)行一定程度相關(guān)知識(shí)的掌握。

（六）睡前場景。夜間休息之前，大腦處于較放松的狀態(tài)。晚間的回顧式復(fù)習(xí)符合“及時(shí)強(qiáng)化”的要求，更容易掌握所學(xué)的知識(shí)。該欄目以小曲兒式知識(shí)回顧的設(shè)計(jì)方式呈現(xiàn)，以舒緩的音樂為背景，同時(shí)出現(xiàn)當(dāng)日需要回顧的內(nèi)容，可以給用戶提供更加輕松、恬適的復(fù)習(xí)環(huán)境。

五、APP模塊場景的交互原型設(shè)計(jì)

根據(jù)以上6大模塊分析，APP首頁通過滑動(dòng)圖片來選擇不同的場景：清晨連環(huán)記、地鐵故事說、排隊(duì)也輕松、開心小課間、飯后音悅薈、晚安夜話堂。

（一）清晨連環(huán)記

1.線框圖設(shè)計(jì)：當(dāng)日需要學(xué)習(xí)的詞根會(huì)以環(huán)狀形式出現(xiàn)。點(diǎn)擊詞根會(huì)進(jìn)入知識(shí)預(yù)覽界面。

2.可視化設(shè)計(jì)：主要為今日知識(shí)預(yù)覽，為清晨學(xué)習(xí)場景，因此在左側(cè)圖片中設(shè)置了天氣和日歷顯示功能，界面會(huì)隨著天氣的變化而變化，點(diǎn)擊左側(cè)詞根，跳轉(zhuǎn)到右側(cè)界面。

（二）地鐵故事說

1.線框圖設(shè)計(jì)：點(diǎn)擊選擇點(diǎn)評(píng)欄目，可跳轉(zhuǎn)到詳細(xì)的點(diǎn)評(píng)頁面，點(diǎn)擊音頻按鈕，可以進(jìn)入視聽模式。

2.可視化設(shè)計(jì)：為乘坐交通工具時(shí)的場景，主要為對(duì)當(dāng)下時(shí)事熱聞以及熱門電影的點(diǎn)評(píng)，點(diǎn)評(píng)過程中引出對(duì)相關(guān)詞匯的講解。

（三）開心小課間

1.線框圖設(shè)計(jì)：采用卡片撥動(dòng)式的方法比較趣味化，撥動(dòng)卡片選擇要參與的話題，點(diǎn)擊立即參與可進(jìn)入話題討論界面，可進(jìn)行點(diǎn)贊評(píng)論并轉(zhuǎn)發(fā)。

2.可視化設(shè)計(jì)：此欄目主要針對(duì)學(xué)習(xí)過程中的相關(guān)話題進(jìn)行交流討論，左側(cè)撥動(dòng)卡片的動(dòng)效可以增強(qiáng)用戶和產(chǎn)品之間的交互性、趣味性。點(diǎn)擊立即參與進(jìn)入話題討論頁面，該頁面主要為文字呈現(xiàn)，因此采用留白設(shè)計(jì)，避免了頁面背景對(duì)用戶閱讀造成的干擾。

（四）排隊(duì)也輕松

1.線框圖設(shè)計(jì)：排隊(duì)場景以比較搞笑的形式出現(xiàn)。內(nèi)容可以是文字類笑話或者搞笑圖片，并輔以相應(yīng)的英文解說。

2.可視化設(shè)計(jì)：此欄目的圖片加入了灰色蒙版，與上面的白色文字形成比較強(qiáng)烈的對(duì)比，單詞介紹部分采用白藍(lán)對(duì)比，整體效果較為簡約易讀。

（五）飯后音悅薈

1.線框圖設(shè)計(jì)：飯后場景主要以 MV 式的形式出現(xiàn)，點(diǎn)擊選擇MV，跳轉(zhuǎn)到觀看頁面，MV 下方會(huì)呈現(xiàn)相應(yīng)的詞匯介紹。

2.可視化設(shè)計(jì)：采用 MV 式的學(xué)習(xí)，主要背景偏灰黑設(shè)計(jì)，歌詞和重點(diǎn)詞匯采用了白藍(lán)對(duì)比，使用戶可清晰地捕捉到需要學(xué)習(xí)詞匯。

（六）晚安夜話堂

1.線框圖設(shè)計(jì)：夜間場景包含知識(shí)回顧和晚安小曲。

2.可視化設(shè)計(jì)：此欄目為睡前場景，考慮到周圍光線效果較弱，界面背景設(shè)計(jì)成深藍(lán)色系，在一定程度上可以減少對(duì)用戶眼睛的傷害。回顧內(nèi)容會(huì)以較緩慢的速度出現(xiàn)，正在回顧行列和其他內(nèi)容形成灰白對(duì)比。

六、總結(jié)

隨著互聯(lián)網(wǎng)的迅猛發(fā)展以及移動(dòng)學(xué)習(xí)觀念的興起，目前關(guān)于考級(jí)的英語學(xué)習(xí)APP已經(jīng)大量充斥在大學(xué)生的日常生活和學(xué)習(xí)當(dāng)中。在設(shè)計(jì)時(shí)應(yīng)該從用戶角度出發(fā)，針對(duì)其學(xué)習(xí)特征和日常行為特性，為其提供良好的信息呈現(xiàn)方式，提高其對(duì)知識(shí)的整體掌握和運(yùn)用。此外，根據(jù)不同的移動(dòng)情景對(duì)“碎片”資源進(jìn)行相應(yīng)設(shè)計(jì)，可以提高其利用碎片資源的學(xué)習(xí)能力。

參考文獻(xiàn)：

[1]張丹丹.大學(xué)生碎片化學(xué)習(xí)的評(píng)價(jià)及其調(diào)查研究[D].金華：浙江師范大學(xué)，2016.

[2]升順.基于VIP 排隊(duì)方法的英語單詞學(xué)習(xí)網(wǎng)絡(luò)課件的設(shè)計(jì)與實(shí)現(xiàn)[D].呼和浩特：內(nèi)蒙古師范大學(xué)，2007.

[3]張楠，關(guān)惠元.基于差異化戰(zhàn)略的設(shè)計(jì)定位與用戶細(xì)分——以我國兒童家具行業(yè)為例[J].山西大學(xué)學(xué)報(bào)（哲學(xué)社會(huì)科學(xué)版），2018，41（3）：106-113.

[4]曾山，關(guān)惠元.發(fā)展心理視野下學(xué)前兒童家具設(shè)計(jì)探討[J].包裝工程，2018，39（4）：141-145.

[5]施佳露，郁舒蘭.參與式設(shè)計(jì)理念下的文創(chuàng)產(chǎn)品設(shè)計(jì)研究[J].家具與室內(nèi)裝飾，2018（09）：26-27.

[6]周橙旻，朱詣凡，于夢楠，等.基于年輕消費(fèi)群心理調(diào)研的實(shí)木家具設(shè)計(jì)探究[J].包裝工程，2018，39（24）：226-231.

[7]師曄蘭，郁舒蘭，薩興聯(lián).產(chǎn)品設(shè)計(jì)中的“時(shí)間”思考[J].設(shè)計(jì)，2016（17）：22-23.