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

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

此后，各大厂商纷纷推出大量类似的产品。我们在本文中所 讨论的平板电脑即为此类轻薄便携，具有操作系统，能够上 网，以触摸屏为基本输入方式的设备。和其他行业一样，移 动通信技术的发展和智能设备的普及带动了移动学习的发 展。基于移动设备的学习资源设计和开发也成为移动学习研 究的方向之一。学习资源是学习系统的重要部分，广义的学 习资源包括能帮助个人有效学习的任何东西，包括教学材料、 支持系统与学习环境等[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以外的无线接入 方式则价格昂贵。因此，在设计学习资源的时候要尽可能避 免完全在线获取信息的方式，或许提供离线阅读、在线更新 内容的方式更好。以上这些要点中，大部分是平板电脑所独 有的，有一些是平板电脑和智能手机所共有的。以往我们在 在线学习和手机移动学习方面获取的经验和成果积累可以 供平板电脑学习资源开发借鉴，但是绝对不能照搬。在设计 学习资源时，必须充分适应平板电脑自身的技术特点和用户 的使用习惯。

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

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