[学习电脑的素材设计的分析]

学习电脑的素材设计的分析

学习电脑的素材设计的分析一、引言平板电脑最早由微软公司总裁比尔•盖茨于2002年提出，他认为平板电脑（TabletPC）是一种无须翻盖、没有键盘、小到可放入女士手袋，却功能完整的PC。而苹果公司在 2010年发布的iPad则重新定义了平板电脑的概念和设计思想，将其界定为介于手机和桌面电脑之间的便携移动设备。

此后，各大厂商纷纷推出大量类似的产品。我们在本文中所讨论的平板电脑即为此类轻薄便携，具有操作系统，能够上网，以触摸屏为基本输入方式的设备。和其他行业一样，移动通信技术的发展和智能设备的普及带动了移动学习的发展。基于移动设备的学习资源设计和开发也成为移动学习研究的方向之一。学习资源是学习系统的重要部分，广义的学习资源包括能帮助个人有效学习的任何东西，包括教学材料、支持系统与学习环境等[1]。移动学习资源是可通过无线移动设备访问，经过数字化处理的对学习有促进作用的学习材料[2]。与之对应，基于平板电脑的学习资源包括利用平板电脑帮助学习者有效学习的所有信息和服务，如通过平板电脑浏览的教学课程、应用软件和答疑系统等[3]。目前，虽然平板电脑在移动终端市场中已经占有一定份额，但是专门为此设计的学习资源则远远少于手机，所以如何设计和开发基于平板电脑的学习资源急需我们去探索。本文将分析平板电脑新媒体的特性，并通过案例研究总结基于平板电脑的学习资源的设计原则和方法。

二、文献研究国外对于移动学习的研究起步较早，研究范围也十分广泛。在移动学习资源开发研究方面的成果有：芬兰赫尔辛基大学在UniWap移动学习项目中，进行了课程模块的开发、测试和评价[4]。斯坦福学习实验室（SLL）的研究表明，移动学习资源研发的关键在于设计相对简单的原型，注重开发最适合于听觉、零碎时间、易受外界干扰的学习者的那部分内容[5]。Mahmoud设计了基于移动技术架构的电子课程内容模型体系，该模型由包括移动设备层、课程内容层与内容发布层的三层架构组成[6]。而在平板电脑学习资源设计方面，国外的研究则更多地关注于具体的设计方法上，包括如何设计iPad应用的内容和交互界面；
如何在屏幕尺寸方向、系统栏、UI元素等多方面改良用户体验；
如何利用平板电脑创造和产生内容等。JohnOswald提出，平板电脑的资源设计要运用自然的手势操作、通过系统原生的交互方式，实现发送、分享、评论、标记、设置壁纸等功能[7]。PhilipRhodes则提出了基于平板电脑资源的评价框架，分为布局、导航、内容与交互、可重用性四个层次，每个层次都有若干条针对平板电脑资源的设计准则，评估中则将各层次划分为四个等级，以此作为平板电脑资源设计的参考[8]。国内对于移动学习资源方面的研究主要分为设计和开发两类。李舒愫借鉴 Gabrielli关于微型体验学习项目的总结，提出微型学习资源的设计要保证获取方便，并且用户界面友好，长时有用，个性化，可分享，能够适应/自适应学习者的要求[9]。顾小清等提出了移动学习资源的可用性设计的七个维度：界面可视性、导航、内容、控制度、反馈、出错和一致性[10]。方海光等将移动学习资源分为电子书、电子词典、电子教案、 Web课件、在线测试五种类型[11]。张驰等则设计了整合型的移动学习资源的呈现方式，将电子文稿、教师鼠标操作、课堂录音和教师的授课场景在同一个屏幕同时呈现出来，以最大程度地保证学习者在各种场合下进行移动学习[12]。移动学习资源开发方面的研究主要集中在对移动学习资源具体开发过程和具体技术实现细节的讨论。此外，还有一些学者针对移动学习资源设计参考标准和质量规范进行了研究。

如詹青龙、元梅竹根据移动学习中的技术、资源、服务与学习者需求之间的关系，建立了以学习者需求为取向的移动学习资源建设质量屋模型[13]。从文献研究结果可以看出，目前国内已有一些学者开始关注移动学习资源的设计和开发。

但是这些设计原则和理念多是基于手机的，对于平板电脑的资源设计方面则少有涉及。而国外的一些专家则提出了一些平板电脑应用程序的设计理论和方法，为我们基于平板电脑的资源设计提供了很多有价值的借鉴和参考。

三、平板电脑的技术特征和使用方式作为一种新载体，平板电脑的尺寸和便携性介于智能手机与笔记本电脑之间。因此，它既兼有两者的一些共性，又在某些方面表现出其独有的特征。目前，市场中平板阵营不断扩充，对于平板电脑的界定并没有特定标准。但是，行业内对于平板电脑有一些基本的共识，其特点包括：第一，具有一定的便携性。平板电脑为广大用户所喜爱的优点之一就是它比笔记本电脑更加轻便小巧。平板电脑的屏幕尺寸大都在7到10英寸，重量一般在400到700克左右。10英寸平板电脑的重量约为700克，屏幕较大，可显示较多内容，可操作区域也很大。而7英寸平板电脑重量在500克以内，便携性好，但屏幕较小，能显示的内容较少。平板电脑在尺寸和重量方面的突出优势方便学生随身携带，能够随时随地进行学习。

第二，主要采用触屏输入的方式。触屏输入方式是移动终端的突破性革新。平板电脑的显示屏集显示和操作于一体，采用屏幕上的虚拟键盘输入，并且显示屏上的内容可以随着用户的浏览角度旋转。它颠覆了传统电脑用键盘和鼠标操作的设计，以点击、滑动等更直观的手势进行操作。有些平板电脑还配有电磁感应笔，可满足精确作图的需要。第三，配备多种传感器。和智能手机一样，平板电脑配备了声、光、重力、加速度、位置等多种传感器。这些传感器不仅能为操作系统本身服务，也可以在应用程序中调用，赋予程序一定的智能。例如，地图程序可以通过位置传感器获得设备当前位置，以此为中心显示，并在地图中标示出来。还有的应用程序能使用平板电脑的麦克风接受声音输入，进行语音识别，实现听写功能。第四，具有强大的网络功能。各类主流平板电脑均可以通过WiFi连接到互联网，不少厂商还内置了3G网卡，插入对应的SIM卡即可上网。用户可以以较高的网速浏览网页、观看在线视频、下载文件等。除了以上特点以外，主流的平板电脑具有独立的操作系统，如iOS、Android等，这样用户就能够自行安装第三方提供的软件、程序等。不同的操作系统上有不同的应用软件市场，如iOS上的AppStore、 Android上的GooglePlay等，便于用户查找、安装和更新软件，并构建了软件开发、发布、应用、盈利的生态圈。平板电脑用户通过安装更多的应用将功能无限扩展，可以得到更个性化的服务。综上所述，总结智能手机、平板电脑及桌面电脑的硬件差异如表1。平板电脑的出现悄然改变了人们对媒体消费的观念和习惯。例如，平板电脑普及以前，人们一般在中午和晚上利用电脑阅读。拥有平板电脑后，人们则白天在工作场所使用电脑工作，晚上回家则使用平板电脑娱乐。

平板电脑在一定程度上替代了台式电脑的部分功能和使用场合。在使用方式上，平板电脑用户更加偏向选择固定的位置坐下并倚靠在椅子或沙发上。根据腾讯公司对两百多位用户的调查显示：床上、卫生间、差旅途中是最常见的i-Pad 使用场合。基本上，iPad定位于在时间片段较长的休闲场合使用，较大尺寸屏幕可以为用户带来近似笔记本电脑的显示效果，同时灵敏的触控屏幕和丰富的手势也带来了不错的用户体验，因此，人们都会将平板电脑放置在一个舒服的位置使用。同时由于处于非移动状态，被干扰的机会也大大降低，用户会更集中精力于某项任务。可见，平板电脑在使用方式上也和智能手机以及桌面电脑有较大差异，总结如表2。

四、基于平板电脑的移动学习/泛在学习五、平板电脑电子资源设计案例（一）ArticlesforiPad维基百科是由各地的参与者共同协作积累的丰富资料库，免费面向全世界开放。无论是日常生活还是学术上的问题，几乎都能在其中找到答案，它是增长知识、解决问题的实用工具。ArticlesforiPad就是为 iPad终端开发的一个口袋维基百科应用软件。Articles的手势操作非常简单常用，如点选可以阅读，使用放大缩小手势可以调整字号。另外，该应用提供了一些个性化的功能。当用户没有特定的查找目标时，可以按“Surpriseme”按钮，或是摇晃一下iPad，就可以浏览到随机条目。Articles还可以通过定位，在地图上显示用户附近的特别地点及其维基百科上的介绍，点选红色的大头针就可以进行查询。通过与桌面版维基百科的比较（见图3，图片分别来自 http://itunes.apple.com/cn/app/id364881979?mt=8和 http://en.wikipedia.org/wiki/Wiki），可以看到，iPad 上的维基百科应用更注重视图的简洁，因为平板电脑的屏幕具有一定限制，其展现的内容和功能都不如桌面版全面，比如，缺乏编辑和讨论等用户参与创作的功能。Articles的特点在于能够充分利用屏幕，将关键内容和核心功能呈现出来，保持布局和风格的统一。横向和竖向视图所显示的内容也能够保持一致，操作简单，提供查询和多种功能的导航设计，又兼以文字和图片解释，是一种易于使用的知识工具。

（二）“连线”电子杂志（iPad版）“连线”（Wired）杂志是在美国发行的科技月刊，着重于科技与文化、经济、政治等方面的报道。iPad发布后，连线杂志在短时间内就发布了iPad版本的电子杂志。电子杂志的布局风格与印刷版类似，但增加了更多的功能和元素（见表3），提供了更优秀的视觉效果。该杂志除了丰富的多媒体特性以外还加入了3D 模型旋转的效果。比如，读者可以通过手动横向控制，使某一模型沿纵轴360度旋转，这使得杂志的画面变得更为动态。

与印刷版本的杂志相比，Wired电子杂志使用户的阅读体验更具交互性，具备了更多的个性化效果，见图4（图片来自：
http://www.macgasm.net/2010/05/28/wired-ipad-app-re view/)。“连线”杂志在电子版中加入了很多广告，给用户提供了应用下载的便利，但同样带来了杂志阅读干扰等一些问题。根据对以上两个案例的分析，基于平板电脑的学习资源不能硬搬桌面电脑上的设计版本，而需要针对平板电脑所具有的特性和使用场合，重新设计、整合各种网络和终端上的现有资源，才有可能符合平板电脑用户的使用习惯，开发出优质的学习资源。例如，我们可以针对联网功能设计人际互动的环节，针对触摸屏输入设计涂鸦板等功能。平板电脑的技术特征及其对应的设计关注点如表4所示。

六、基于平板电脑的学习资源设计框架和设计要点通过上述案例中对平板电脑学习资源设计的分析，并借鉴其他文献中移动学习资源设计建议，笔者参考 J.J.Garrett的“用户体验的要素”模型，构建了一个简单的设计框架（见图5）。我们可以将基于平板电脑的学习资源设计分为视觉设计、屏幕布局和导航设计、内容和功能设计、教学设计四个层次。越往上越接近用户，越具体；
越向下越接近教学理论和教法，越抽象。根据这个层次划分模型，我们将基于平板电脑的学习资源设计要点总结为以下几个方面。一）屏幕布局设计 1.充分利用大屏幕的优势平板电脑的屏幕较大，但是并不意味着我们可以任意堆砌大量的内容，相反要对屏幕的布局精心设计。相对于手机，平板电脑有更多的空间可用来展示，所以在设计学习资源时尽可能减少页面层级，避免让用户打开多个页面来完成整个操作流程，在刷新页面时尽量仅刷新局部，以保持界面的稳定性。由于屏幕大小的原因，平板电脑中多数阅读内容应设计为竖屏观看，而且是单页翻转，两栏版式比较适合平板电脑，不容易带来视觉疲劳。

2.适度设计信息层次不要将所有的学习内容都逐一显示在界面上，可以适度隐藏某些内容，等待学习者自己去发现。可应用热字和隐藏的层，既要让学习者获得探索的乐趣，又要注意不要考验他们的耐心，并保持良好的体验。在需要大量阅读的场合，考虑到读者阅读时的专注与沉浸体验，可以设计在阅读时全屏展开，隐藏顶部和底部导航条，便于用户更专注于内容本身，菜单只在需要时才会弹出。

3.引入隐喻学习资源设计可考虑将真实世界的元素投影到程序界面上，模拟真实世界元素，这样有利于用户了解其内在功能与逻辑关系并增强互动性。例如，我们可提取实物笔记本中的元素(如封面、纸张、书签)，设计一个便于用户快速了解应用的学习笔记工具。还有一些阅读应用采用拟物的方式模仿传统书本翻页效果。4.处理好横屏和竖屏状态下的显示大多数平板电脑可以根据重力感应，具有横屏和竖屏两种显示状态。因此在进行布局设计时必须考虑到用户可能会随时旋转设备，要对屏幕上的内容进行良好的布局，避免因为屏幕显示方向的变化引起内容不适应版式的情况。

（二）导航设计针对平板电脑优化导航设计。学习内容需要一定的导航设计，以随时给学习者提供指导和帮助。这样，学习者无论在何处都能清楚地知道自己的位置。同时在任务进程中，给予适当、关键的操作引导，帮助用户完成即时任务，有效引起用户关注并协助解决实际问题。需要注意的是平板电脑在导航设计上和手机有较大差异。由于屏幕较大，屏幕底部的信息很容易被忽略。同时考虑到用户在持握设备时的姿势，底部有可能被手遮挡而成为盲区，或是不便于操作的部分，因此，在底部设计提醒功能或操作菜单，有可能达不到预想效果。

（三）人机交互设计1.为触摸屏优化人机交互界面基于平板电脑的学习资源必须为指尖操作优化，一个是用于触摸的对象必须足够大，根据苹果的《iPhone人机交互指南》，图标的最小尺寸为44×44像素；
另一个是对象与指尖的距离也十分重要，如果过近，容易造成误操作。甚至对于不同手指的操作习惯也要考虑在内，一般食指用于点击，拇指可能会用于滑动页面。在采用手势操作时，学习内容的交互方式要符合用户的操作习惯。例如，翻页采用滑动，用捏合和张开表示放大和缩小。核心操作更是需要使用常用手势，不能要求用户使用过于复杂的动作，这样会降低用户的耐心。2. 给予足够的反馈平板电脑上的应用受各种先天条件约束，非常脆弱。程序运行较慢，资源紧张，网速受限，因此，在程序加载、处理数据、或者等待网络反馈时会有较长的延迟。

这时，不给用户及时的反馈会让用户误认为应用出现卡死问题，这也是一种不好的用户体验。所以，程序要给予用户适当的反馈，如一个旋转的菊花或者动画特效等等，让用户明白程序运行正常，如果能显示数据读取的进度条则更佳。3. 利用平板电脑的各种传感器，实现资源和情境的互动平板电脑一般都拥有重力、加速度、GPS定位、亮度、声音等传感器。因此，我们可以在设计学习资源时，利用它们和学习资源相配合，提供丰富的用户体验，并根据情境递送学习内容。

例如，我们可根据地点、二维码、图像识别等信息精确了解和分析学习者所处的情境，为学习者创造更加智能、更加个性化的内容及学习环境。此外，这些传感器也可以作为输入装置，减轻用户输入的负担，丰富体验，例如，通过晃动图像切换内容。通过有意义的互动，可以带来传统纸质媒体和在线内容所不能实现的效果。

（四）学习内容设计1.适当运用多种媒体内容，并考虑设备的兼容性平板电脑拥有比手机更大的屏幕，带给用户的多媒体体验也更佳。在内容设计上，单一的媒体会使用户感到乏味和疲倦。运用图片、音频、视频等丰富的媒体，能够增加用户的使用兴趣。当然，媒体使用上还要考虑平板电脑的技术特征以及不同设备对媒体兼容性的差异。2.淡化对文件的操作，以应用和功能组织内容，并自动记录和同步在平板电脑的使用情境中，PC机上文件、文件夹的概念应该被弱化。不应该让用户感受到文件系统的存在，而应按照应用和功能来组织内容。例如，在程序中提供选择列表，在内容发生改变后自动保存并在不同设备同步，以适应在不同设备上使用同一内容的场景。3.通过无线链接促进人和内容的互动以及人际交互可随时随地联网是平板电脑的主要优势之一，因此，在设计学习资源时可考虑将本地的内容和在线的内容相链接，将用户和网上的其他用户相链接。可以提供将学习内容分享到社交平台或个人学习环境中的功能，或是围绕某一内容展开实时的讨论。4.以活动为中心设计资源和应用在学习资源的设计过程中，还需要考虑该资源能够为学习者提供哪些学习活动，通过参与活动，学习者能够更深刻地理解，启发思考，并能产生新的思考。平板电脑作为高智能性的设备，应提供给学习者更开放自由和个性化的学习活动，而这些活动应该允许学习者在任何时间任意地点进行参与。

（五）其他方面1.考虑一用户多设备和一设备多用户的情况在学校场景中，通常会将同一部平板电脑按时段和场所借给不同学习者使用；
另外，一个小组围坐在一起共同使用一个设备用于交流的场景也是很常见的。因此，需要考虑设计账户切换以及当前账户提示等账户管理功能。从另一个方面来看，账户管理功能也是实现在不同设备之间保持学习内容同步更新的前提。2.保持学习内容的整体一致性如颜色采用同一色调，布局使用相同的风格，导航在各页面的位置和用户的操作方式保持相同。另外，还需要注意平板电脑在横向视图和纵向视图下的内容一致性。一致性使得用户在使用时能够很容易上手，将有效降低用户学习成本，便于记忆和使用。3.尽可能采用离线阅读、在线更新的模式移动设备对于网络的接入仍旧是不稳定的，而且Wi-Fi以外的无线接入方式则价格昂贵。因此，在设计学习资源的时候要尽可能避免完全在线获取信息的方式，或许提供离线阅读、在线更新内容的方式更好。以上这些要点中，大部分是平板电脑所独有的，有一些是平板电脑和智能手机所共有的。以往我们在在线学习和手机移动学习方面获取的经验和成果积累可以供平板电脑学习资源开发借鉴，但是绝对不能照搬。在设计学习资源时，必须充分适应平板电脑自身的技术特点和用户的使用习惯。

七、结束语目前，平板电脑的普及率虽然不及手机，但已经在移动终端设备中占有一定的比例，而且其市场规模正在迅速增长。

平板电脑在表现力和便携性方面的优势使其成为一个优秀的电子化内容载体。各行业纷纷使用平板电脑作为内容发布的工具，而教育行业内的很多学校也逐渐开展基于平板电脑的教学项目，将平板电脑作为新一代的教具或学具。但是基于平板电脑的学习资源开发方面的研究远远落后于实践需要，需要进一步的研究和探索。不同类型的设备在行为与体验方面的差异会对产品设计决策造成重要的影响，我们在在线学习资源和基于手机的移动学习资源开发方面的经验和成果，需要改良以后才能应用于平板电脑之上，才能取得预期的效果。因此，本项研究分析了平板电脑区别于手机以及桌面电脑的技术特征和交互方式，介绍了平板电脑在移动学习中的应用场景，提出了基于平板电脑的学习资源设计要点和指导性原则，这些工作将有助于推动平板电脑上学习资源的开发，希望我们的研究成果能够作为以后同类项目的指导原则和决策参考。同时，由于移动互联网产业是不断发展变化的，现有移动学习理论和实践仍旧存在很多不足之处，特别是在学习理论和应用模式上未有本质上的突破，本项研究还需在移动学习资源开发的实践检验方面不断提炼和改良。