基于一致性体验的跨屏幕移动学习资源设计研究

王靖，刘志文，田毅

（1.苏州科技学院传媒与视觉艺术学院，江苏苏州215011；2.苏州科技学院网络与教育技术中心，江苏苏州215009）

基于一致性体验的跨屏幕移动学习资源设计研究

王靖1，刘志文2，田毅1

（1.苏州科技学院传媒与视觉艺术学院，江苏苏州215011；2.苏州科技学院网络与教育技术中心，江苏苏州215009）

跨屏幕和多屏幕的应用随着手机和平板电脑市场的快速发展而逐渐成为不可逆转的趋势，如何设计跨屏幕移动学习资源已成为移动学习研究领域的重要课题。在分析跨屏幕应用主要模式的基础上，文章指出一致性体验是当前跨屏幕移动学习资源首先需要解决的问题。并重点论述了基于一致性体验的跨屏幕学习资源设计的主要原则，就跨屏幕学习资源的交互设计进行了必要的探讨。

跨屏幕；学习资源；设计与开发；移动学习

1 移动学习资源设计的发展

移动学习是指学习者在自己需要学习的任何时间、任何地点通过移动设备和无线通信网络获取学习资源，与他人进行交流和协作，实现个人与社会知识建构的过程[1]。随着无线通讯技术的更新换代和移动终端设备制造技术的飞速发展，移动学习作为一种新型的学习模式引起了人们越来越多的关注，并逐步成为教育信息化领域的一个研究热点。

如今，随着IOS和Android发布后，智能手机和平板电脑的普及率越来越高，移动互联网的浪潮已势不可挡，智能手机、平板电脑、智能家电等新型设备层出不穷。一份来自Flurry于2011年7月发表的研究报告显示，美国的用户每天使用移动应用的时间，平均为81 min，已经超过了平均74 min的上网时间[2]。Google就美国用户是如何使用智能手机、平板电脑、PC以及电视四种设备进行数字内容消费这一问题进行了调查，得出了下面的结论：如今是智能手机、平板电脑、PC以及电视四种设备四分天下的多屏幕时代[3]。这些数据带给人们一个重要的启示，那就是电子媒体消费用户在生活和工作中使用电子设备，已经不再局限于单一设备，从一个设备切换到另一个设备业已成为使用习惯，而且在使用中不仅仅是设备的切换，用户希望的是相关的产品和服务能够伴随着设备切换进行快速流畅的自由切换。与此同时，以智能手机为代表的移动设备硬件与系统所蕴藏的各种技术功能越来越强大，可以说，人们已经进入了一个以与设备互动，跨设备转移信息为最大特征的泛在计算时代。“多屏幕应用”（multi-screen application）也在这种情况下应运而生，所谓多屏幕应用，就是互联网服务在不同平台都具有相应版本，从而保证个人工作、学习、生活中的屏幕与设备切换的日益常态化，并创造出不同于以往使用习惯的多种屏幕设备共同构建的跨屏环境。对大多数互联网服务而言，无论是电子商务还是E-learning，多屏幕应用都意味着服务提供者不能局限于设计一个单一设备的产品，而应该提供一整套的跨屏幕服务，从而保证用户能够在自由切换设备时能有更为连贯流畅的体验。而相应的，当人们把多屏幕应用这一现象带入到学习技术领域，多屏幕、多设备的学习组成了完整的学习体验，跨屏幕使用学习资源的机会将会越来越普遍。对于移动学习资源设计来说，就不再是以手机的屏幕取代电脑的屏幕，因而不能仅仅关注单一的移动设备上的信息呈现，越来越多的学习者将会使用多种设备进行学习，并在不同的设备与屏幕间自由切换。因此，今天探讨移动学习资源设计，多设备、跨屏幕将是一个不容回避的现实问题，特别是基于移动优先的多屏幕学习资源设计就成为了移动与泛在学习领域内一个亟需研究的新课题。

反观国内移动学习资源研究领域的现状，已有研究主要集中在学习资源的分类、设计原则、设计步骤和可用性标准等方面。其中比较有代表性的如方海光等将移动学习资源进行分类，并提出应根据不同类型的移动学习资源的特点，有针对性地进行设计[4]；顾小清等提出了移动学习资源的可用性设计的七个维度：界面可视性、导航、内容、控制度、反馈、出错和一致性[5]；吴艳琴提出学习资源界面设计应简洁明了、注重学习资源的交互设计、资源基本单位是知识组块、资源设计应采用任务驱动学习模式的设计原则，并将资源设计分为目标设计、资源架构设计、学习策略设计和资源界面设计四个方面[6]；对于已经成为事实的多屏幕跨终端的应用，虽已有少量学者考虑到设备对学习资源设计的影响，如李青和王涛对智能手机、平板电脑及桌面电脑的使用特性及使用方式从便携性、应用场合、社会属性、心智模型、行为特点等七个方面进行比较[7]，提出针对不同设备的特点进行设计的多项原则。但总体而言，在教育技术领域内尚未获得应有的关注，跨屏幕设备使用的场景，使用模式及对应的学习行为、学习理论对资源设计的影响研究尚需更加深入。

2 跨屏幕移动学习资源设计的模式分析

虽然跨屏幕移动学习资源设计尚未得到教育技术领域研究者足够的关注，但是移动产业界已有一些研究者对此进行了深入细致的考察，这些研究成果对人们研究设计跨屏幕学习资源具有极其重要的参考价值。这些研究具有代表性的是用户体验设计师Michal Levin和Google公司的研究成果。

2.1 Michal Levin的研究

在各种用于移动学习的设备是如何联系、如何连接、如何配合的这一多屏幕设计的核心问题上，Michal Levin[8]认为跨屏幕的体验可分为以下三种类型：其一是一致性体验,这是当前多屏幕应用中首先要解决的体验类型。一致性体验是指在所有设备屏幕上获得相似的体验，其典型应用是印象笔记，该软件在PC、笔记本电脑以及iPhone、iPad、安卓手机这些移动设备上的体验保持了基本一致，界面风格和功能相似，但是需要强调的是，一致性体验也可以考虑结合所在的平台各有侧重。其二是补偿体验,这种情况下各种设备发挥各自优势，互相通讯配合工作。比如，百度新近发布的百度影棒，就是利用智能手机遥控多功能播放器，手机屏幕上显示遥控界面和视频节目信息，在大屏幕液晶电视上播放视频，从而创造了一种独特的用户体验。还有一种是连续的多屏体验,这种类型的跨屏幕设计目前来说还不是很多，比较典型的是一个名为AllRecipe的网站，该网站是教人们如何烹饪菜肴的，利用电脑+智能手机+平板的组合帮助完成连续的体验。具体来说，就是用户先在电脑上查菜谱生成采购清单，去超市采购时在手机上显示采购列表，然后回家再通过厨房操作台上的平板电脑在具体烹饪菜肴时显示菜谱的详细信息。

2.2 Google公司的研究

Google公司的一个研究小组在一份名为“The New Multi-screen World：Understanding Cross-platform Consumer Behavior”的研究报告中将用户的多屏幕使用行为分为两类：顺序使用与同时使用[9]。前者即顺序使用是用户在一个屏幕上开始使用某个服务后，转移到另一个屏幕继续同一任务的模式，例如在教学网站上学习课程内容，在手机上完成已学课程的练习，或是在手机上查看学习日程，然后在电视上观看当日学习内容中的教学影片；同时使用也根据不同的场景组合相应的具有多种可能性。其中即时组合至少有手机加电视、手机加笔记本、笔记本加电视三种模式，用户可以在不同活动间切换，处理多项任务。在教学中已经出现了多种具体的同时使用模式。如远程教育领域，在大屏幕电视上观看实时课堂的同时用手机参与课堂互动。同时使用模式是用户同时使用多个设备完成一个任务、或多个任务的配合[10]。实质上，前者是跨屏幕的数据转移与用户一致性体验的问题，而后者是多屏幕协作的问题。应该说，Google公司关于多屏幕使用模式的划分更具概括性，包括Michal Levin以及其他研究者更多维度的划分，都可以归结到Google公司上述的两个分类当中。但是在具体的设计实践中，显然Michal Levin的分类更具指导意义。笔者通过分析发现，尽管在移动产业界已经诞生了不少基于补偿体验和连续多屏体验的优秀应用，如前文所述的Evernote、AllRecipe网站等，这些典型应用也为跨屏幕学习资源设计提供了很好的参考借鉴价值，但是具体到跨屏幕学习资源设计开发实践中，如何保证用户从桌面浏览器、到平板、到手机的不同屏幕切换时，能够有更为一致性的内容和交互体验，而不是忍受传统往往功能、内容残缺的移动页面，从而保证学习者在顺序使用时获得一致性体验仍然是人们首先应该解决的问题。

3 基于一致性体验的跨屏幕移动学习资源设计

随着智能手机和平板电脑的进一步发展，学习者跨屏幕的使用机会将会越来越普遍，而使用场景也一定会有更多的可能性。因此，如何保证学习者从桌面浏览器、到平板、到手机的不同屏幕切换时，能够有更为一致性的内容和学习交互体验，就成为了人们设计跨屏幕移动学习资源的重要思路。设计跨屏幕的移动学习资源具有较高的难度，丰富的E-Learning设计开发经验是必须的，但远远不够，还要熟悉各种移动设备的特性，并能在多种设备间求得一致性的同时，发挥各种设备的优势，为学习者提供最优的用户体验。

3.1 设计原则

3.1.1 移动优先原则虽然各种屏幕有自己的特点，在信息呈现与交互方面能够发挥自己独特的优势。但是研究发现，智能手机已经成为日常使用媒体链条中的主干，最多的用户交互和最常见的交互起始点，大多数在线任务都是从智能手机开始的，然后会接着在其他设备上来完成。因此，在学习资源设计中，不能忽视这一事实，充分考虑移动设备的特性，从移动的角度入手开始资源设计工作，并始终围绕着移动平台的软硬件特性来打造最符合移动设备上下文环境的资源功能框架，使其最终所带来的体验具有高度的任务驱动性，优先保证其使用体验。

3.1.2 平衡性原则一致性体验强调一系列的信息在多种设备屏幕中所获得的体验是相似的。其中虽然各种设备上都结合设备的特性进行了信息结构的重组排列、功能平衡与取舍，但总体信息和所要表达的主题是趋向于一致的。尽管每种设备都有自己的特征和长处，用户倾向于在跨媒体进行相同的活动，可以采用内容管理系统处理跨媒体的共性和个性差异，并配合一致的用户体验设计，这将有助于营造一致的用户体验。当然，这并不意味着所有屏幕下的彻底同一，在保持内容、核心体验一致的前提下，对不同屏幕设备进行有针对性的扩展也是非常必要的。

3.1.3 微型化原则在跨屏幕学习资源设计中，资源如何组织与呈现是一个重要的问题。从目前移动终端的设备特性以及跨屏幕泛在学习的内在要求来看，当前E-Learning中按照层次目录结构组织呈现的学习资源已经无法适应未来泛在学习的发展。微型学习为人们提供了很好的关于资源组织的参考模型。微型学习由奥地利学习研究专家林德纳于2004年首次提出，并将其表述为一种存在于新媒介生态系统中，基于微型内容和微型媒体的新型学习[11]。微型学习被认为是新的媒介环境下实现非正式学习的一种实用模式，但实际上近两年来微课、微课程以及MOOC的快速流行，教学资源的微型化已经不仅仅是实现非正式学习的一种模式，它同样适用于正规学校教育。当然，在学校教育领域，需要以整体性、系统化的观点来建设学习资源，有利于实现整体性、连续性的微型学习，避免知识内容的过度碎片化。

3.1.4 情境性原则移动设备的情境感知（Context Sensitivity）能力伴随着技术的发展将越来越强大，人们正朝着一个情境感知泛在学习空间AULS（Ambient Ubiquitous Learning Space）的生态环境迈进[1]。情境也成为了是构建多屏幕应用环境的重点所在，其终极目标是创建一个虚拟与现实交织的学习空间。在跨屏幕泛在学习资源设计开发时，需要考虑的情境因素包括物理情境、技术情境和社会情境三个方面，这些因素涵盖了用户在使用产品时所处的物理环境，会对用户理解与使用资源与产品产生影响作用的技术因素以及对资源与产品的传播起到潜移默化作用的互联网社会属性等。显然，不可能有一个面面俱到的方案保证用户的体验是最优的，但是在设计开发中时刻将用户的体验置于首要位置，使情境性原则得到尽可能好的贯彻还是非常有必要的。

3.2 跨屏幕移动学习资源设计

前文提出的跨屏幕学习资源设计的一般原则为具体设计确定了基本的方向。如何在设计过程中体现上述原则，还需要结合具体的学习内容和学习者的特征开展一系列细节性的技术工作，这里重点就资源内容的设计和交互界面的设计作必要的探讨。

3.2.1 资源内容设计跨屏幕移动学习资源设计应充分体现微型化特征。学习内容以知识点的微型模块为主，尽量将学习内容以较小的知识点进行组织，或者提供给学习者单一的且具有实际意义的主题。当然需要注意的是资源在短小精悍的同时保证各个知识组块是自包含的，为学习者提供一个相对完整的系列知识的学习内容。资源的微型化一方面适应了移动终端屏幕较小的特征，体现了移动优先的原则，同时也更符合学习者的认知特点。在具体的设计中，依次有三个问题需要考虑：（1）如何实现划分的微型资源模块在保持相对独立性的同时又在内容背后隐藏必要的关联，进而实现整体性的学习，避免过度碎片化；（2）如何针对需要呈现的微型资源选择适合的媒体类型；（3）如何根据多终端、跨屏幕的特性，设计媒体的具体文件格式、长度分辨率等技术细节。

3.2.2 交互界面的设计界面设计是交互设计的一个重要的内容。一般来说，界面设计是对页面的空间进行分割规划的设计，包括对文字、图片等内容元素和导航、按钮等交互元素的位置进行设计。界面布局主要由屏幕大小和分辨率两方面决定，在跨屏幕学习资源设计的界面设计中，在保证界面设计的合理性同时还要考虑不同屏幕切换时的一致性。当然相同资源在不同尺寸的屏幕上呈现的布局方式会有所差异，无法也不可能实现完全的一致，特别是界面元素复杂时，必须有所取舍。比如当前的移动设备其主流操作方式是触控操作，需要通过手指对界面当中的交互对象进行直接操作。比起传统的鼠标指针，手指触控方式需要的目标作用区域更大。考虑到这一点，在设计中应该适度地增大页面当中一些重要交互元素的尺寸；同时，为了保持视觉上的平衡，还需要对相关元素之间的间距及它们各自的内边距进行调整。而且在很多时候，这种移动优先的结果对于以键盘和鼠标交互为主的桌面方式来说并非是不可接受的，容易被手指触摸的按钮同样易于鼠标的控制，整个UI在传统设备上下文环境当中的用户体验反而有所提升。

4 结语

随着手机和平板电脑市场的快速发展，多屏幕和跨屏幕的应用已经逐渐成为不可逆转的趋势，跨屏幕使用学习资源的机会将会越来越普遍，如何设计跨屏幕的移动学习资源成为人们必须予以足够重视的一个研究课题。借鉴移动产业界的已有研究成果不失为人们开展研究的重要基础。在对跨屏幕泛在学习资源设计的模式进行分析后发现，实现多终端间一致性体验是当前多屏幕泛在学习资源设计开发的首要问题。而在设计跨屏幕移动学习资源时，移动优先、平衡性、微型化以及情境性是人们应该予以关注的重要原则。特别在资源内容与交互界面设计要通过必要的细节性技术工作力求实现这些原则，在多种设备间求得一致性的同时，发挥各种设备的优势，为学习者提供最优的用户体验。相信随着HTML5等技术的进一步成熟与广泛应用，必将会有更多高质量的跨屏幕移动学习资源产生并服务于学习者，进而改变人们的学习方式，乃至推动泛在学习的发展。

[1]余胜泉.从知识传递到认知建构、再到情境认知—三代移动学习的发展与展望[J].中国电化教育，2007（6）：7-18.

[2]Flurry.Mobile apps put the web in their rear-view mirror[EB/OL].[2011-07-20].http：//blog.flurry.com/bid/63907/Mobile-Apps-Put-the-Webin-Their-Rear-view-Mirror.

[3]Google公司.Navigating new multi screen world[EB/OL].[2012-08-14].http：//googlemobileads.blogspot.co.uk/2012/08/navigating-new-multiscreen-world.html.

[4]方海光，刘静，黄荣怀，等.基于学习对象化的移动学习资源自适应引擎的研究[J].中国电化教育，2009（7）：51-55.

[5]顾小清，顾凤佳.微型移动学习的可用性设计[J].电化教育研究，2010（2）：52-57.

[6]吴艳琴.基于手机的移动学习资源设计研究[D].武汉：华中师范大学，2011.

[7]李青，王涛.基于平板电脑的学习资源设计框架和要点分析[J].远程教育杂志，2010（2）：35-41.

[8]Avi Itzkovitch.Designing for Context：The Multiscreen Ecosystem[EB/OL].[2012-06-02].http：//uxmag.com/articles/designing-for-context-themultiscreen-ecosystem?.

[9]Google公司.The new multi-screen world：understanding cross-platform consumer behavior[EB/OL].[2012-12-31].http：//www.informationweek.in/Software/12-07-05/Designing_experiences_for_the_multi-screen_customer.aspx.

[10]李青.跨屏幕的泛在学习：移动学习新方向[J].中国远程教育（资讯），2013（2）:101-102.

[11]祝智庭，张浩，顾小清.微型学习——非正式学习的实用模式[J].中国电化教育，2008（2）：10-13.

Designing research on mobile learning resources across screens based on coherent experience

WANG Jing1，LIU Zhiwen2，TIAN Yi1
（1.School of Media and Visual Art，SUST，Suzhou 215011，China；2.Network and Educational Technology Center，SUST，Suzhou 215009，China）

As the application of multiple screens crossing becomes gradually the irreversible trend with the rapid development of cell phones and tablet PCs,the design of the learning resources across screens has been an important subject in the mobile learning field.After analyzing the main screen-crossing application models,we found coherent experience was the significant problem.Then we discussed the main principles for designing learning resources across screens based on coherent experience.Finally we explored the interactive design of learning resources across screens.

screen-crossing；learning resources；design and development；mobile learning

G434

A

1672－0687（2015）02－0076－05

责任编辑：谢金春

2013－09－30

苏州科技学院2012年度科研基金资助项目；苏州科技学院校级教学改革与研究资助项目（2013JGM-18）

王靖（1977-），女，甘肃武都人，副教授，研究方向：信息化教学设计，数字媒体艺术。