當前，在線學習內容的生態系統正在快速發展；而移動學習、跨屏學習內容、響應式設計等發展節奏放緩。這其中的問題在于，要將盡可能多的內容填塞到不同移動屏幕中去，并不是件容易的事。
因此，移動內容交付程序需要開發者采用一種“少即是多”的模式。本文作者Fiona專注于現代跨屏內容設計和開發。他結合過去兩年的項目經驗，提出了跨屏內容設計的五點建議。
一、理解“移動”的內涵
移動學習可以被定義為多種不同類型的學習經驗。它是能夠充分利用移動設備特性的應用程序嗎（例如在Duolingo上學習某種技能）？它是利用Google移動網頁版搜索信息嗎？它是壓縮電子學習內容以適應更小屏幕的學習方式嗎？又或者它是多版本的電子學習內容，只是部分內容被“砍”掉以更好地適應移動設備嗎？
實際上，移動學習包含以上所有信息，甚至還有更多層意義。但是，在實踐過程中，不少教學設計師僅將移動學習定義為“壓縮在線學習內容以適應更小屏幕的學習方式”。事實證明，這很難吸引到學習者。
而最受歡迎的是移動響應式內容。它，根據不同設備特性進行頁面排版，根據屏幕大小自動調整顯示界面（如圖1）。這是同一在線學習課程在不同設備終端（PC電腦、iPad mini及iPhone）上呈現的示意圖。
圖1:跨屏內容展示
二、確定最小設備集
在弄清移動學習和移動響應式設計后，你就能更好地確定最小設備集。這顯得尤為重要。為什么呢？這有助于更好地區分不同應用程序的特征，從而讓同一內容適用于不同設備終端。
當然，客戶只是希望內容能在自有的設備上操作。調研發現，客戶方的設備集如下：
● 平板電腦（android、iOS）——ipad mini為最小設備集
● 手機（android、iOS）——iPhone5為最小設備集
在內容設計過程中，不要試圖為所有人考慮所有事，只用根據客戶的需求來即可。畢竟，某些情況下，屏幕越小，學員認知性負載會越大。同時，要記住，想設計專門的應用程序內容，那么你可能需要掌握一組特定的設計技巧。
三、學習新的設計參數
是時候對固定屏、單擊next和枯燥的學習內容說再見了！而更好的消息是，教學設計師有機會學習新的視覺設計技巧了！
如果學習內容必須被不同類型的設備操作，那么你需要掌握從一個大小固定的屏幕轉向更流暢、滾動的格式。事實上，與傳統的固定屏幕設計相比，跨屏內容設計更類似于網頁設計。
現在，教學設計師需要敞開懷抱，去擁抱滾動屏幕！同時，還要考慮每個頁面布局和“視覺吸引力”。作為一個跨屏內容的教學設計者，你會發現：與之前相比，現在需要更多參與到內容視覺設計模塊。
如果你想為跨屏內容增加視覺吸引力，那就看看雜志和報紙的布局吧。看看他們是如何將空間、顏色、圖片以及其他視覺元素等聯系在一起的。這里有一些技巧:
● 首先設計最小設備大小。試想下，最小設備上的文本、圖像和互動，將會帶給用戶怎樣的體驗？
● 謹慎處理音頻和視頻。用戶能在自有的設備上聽音頻、看視頻嗎?
● 在同一個頁面將相關概念聯系在一起。當然，頁面可以有不同長度。
● 使用視覺標題、相關圖片和顏色編碼來幫助強化相關概念。
● 充分利用后續資源。首先專注于屏幕內容傳達的核心信息，然后通過另一種媒體提供后續清單、流程圖等等。要知道，學習過程并不是不可逆的，我們需要充分利用這些后續資源。
四、保存不同類型的腳本示例
作為一名教學設計師，你應當要保存不同類型的腳本demo。在Fiona看來，微軟PowerPoint是最受用的保存工具。
腳本demo的形成過程是這樣：建立一個幻燈片模板，其中包括頁面名稱、部分標題、頁面類型及交互模板。這使得內容流程可視化，方便設計師進行最大幅度的調整。如果需要對腳本進行補充或者修改，你只需要打開PowerPoint幻燈片進行編輯即可。
圖2：腳本示例
五、將觸屏滾屏融入到設計中
如果只是簡單地將固定屏幕設計轉化成過長的滾動頁面，那還不夠有吸引力。
而最有吸引力的做法是，將三分屏/迷你頁面填充到滾動屏幕中去，充分利用移動設備觸摸屏的功能，而不是簡單地使用 “單擊next屏幕”。這里引入了“觸覺互動”的概念，是指“屏幕觸摸、敲擊和交互”。這比傳統意義上的“單擊next在線學習”更具移動內容的特征。
圖3提供了滾動屏幕設計的示例。Cardigan Kate在可持續性學習課程中扮演著關鍵角色。她是內部節能冠軍，正對她的一些同事產生積極影響，如大忙人Barney、拖延癥患者Pete、懷疑論者Sue和漠不關心的Danny。
雖然故事的頁面布局是一個長滾動的設計，但是通過Kate角色的設計及互動，學員能夠更有節能意識。這樣做的好處在于避免將故事切割成好幾頁，能夠形成視覺連續性，便于整體性地了解知識結構。
圖3：觸屏滾動設計的案例
以上是移動學習跨屏內容設計的五個建議。作為教學設計師，你需要不斷汲取這些優秀設計師的設計心得。是時候敞開懷抱擁抱跨屏內容世界了！
.png)
問鼎云學習
移動客戶端掃碼下載
關注微信公眾號
獲取更多培訓干貨
工商網監 電子標識
