基于4G移动终端在线交互学习课件导航设计模式研究

夏丽雯　张敬　钟山

【摘 要】 随着4G网络的应用，移动终端交互阅读的普及，各种新式教学应用层出不穷，而托移动网络设备的微型交互学习课件为学习者可随时随地的学习提供了便利和个性化的学习资源。所以为了能帮学习者更好地找到阅读信息，帮助提升教师的信息化教学能力更好的设计移动端交互课件，本文通过对4G网络环境下移动终端特征，4G移动终端三大交互平台的导航模式分析研究，归纳总结出4G移动终端交互学习课件导航设计模式，提高用户的阅读满意度。

【关键词】 4G移动终端；交互学习课件；导航模式

【中图分类号】G642.23 【文献标识码】A 【文章编号】2095-3089（2016）07-00-02

1.4G移动终端设备的使用情景特征

随着智能手机的风靡，网络技术的成熟，越来越多的移动应用进入人们的生活，对于移动应用设计师来说，移动应用设计相对传统PC应用设计的使用情景发生了很大的变化，如网络状态的不稳定性、使用地点不固定、使用状态多样化、使用时间长短不一、操作方式主要以手指为主等，这些直接导致设计模式的改变，它不仅仅是PC应用设计模式的延伸，更是一种变革性的产品。所以教师们应该更多地以移动优先的方法从移动设备的优势来分析移动情景特征，并将这些特征因素应用到4G移动终端交互学习课件设计产品中，从而实现移动终端交互阅读学习者和移动设备之间自然、流畅的交互体验。那么4G网络环境下具体的移动应用情景特征分析如下表1。

2.移动终端设备的视觉特征

综上所述移动设备尺寸较小便于携带，常在移动中使用，并且使用情景较为复杂，这导致移动学习者在使用设备时不能像在PC电脑设备上状态稳定、注意力集中，许多教师精心设计的细节没被注意到，甚至许多标题性的文字也被忽略掉了，学习者需要在短时间内过滤大量信息，直奔主题或者直接退出。因此教师和课件设计者们需要充分分析移动终端阅读界面的视觉特征，使课程的主题和内容视觉元素更加具有吸引力和表现力，让学习者更快捷、直观的理解内容信息。那么增强视觉吸引力的特征分析如下三点。

（1）移动终端设备课件页面视觉信息尽量使用图片、照片以及图标来描绘信息或表达功能，尽量避免大段文字的出现。文字主要作为搭配图片的辅助元素，对图片进行补充、解释和装饰。原因是人们识别图像的速度要远远超过文字，学习者可以在各种状态下轻松地看清图片内容和细节，不必如文字逐一识别后才能理解。

（2）移动终端设备课件界面视觉信息内容较多时可采用图文结合来描述信息，但尽量避免大段文字出现，即使无法避免出现成段文字，一定要使文字行的长度偏短，多列几行，形成文字组，原因是文字表达含义清晰，准确且全面的特点是图片无法取代的，而剪短的文字才能勾起学习者阅读的欲望，减轻阅读的困难。

（3）针对大屏幕尺寸的移动终端课件界面视觉结构分割时，可按“黄金分割”的“井”字形原理分割画面，确定标题，文字和图片的位置，避免界面松散无骨，杂乱无章。原因是移动终端设备屏幕尺寸相对PC终端设备较小，界面元素丰富，排列方式复杂会使视觉视觉上失去平衡和稳定感，而“井”字型的三等分方法对界面元素视觉上起到平衡稳定的作用。

3.4G移动终端三大交互平台（iOS、Android和Windows Phone）的导航模式分析

在研究4G移动终端交互学习课件设计过程中，我们先整体的分析市面上三大主流移动平台导航框架模式特点如下。然后运用移植法有选择性的将部分设计模式方法运用到4G移动终端交互学习课件导航框架设计中。

（1）平铺导航模式：其特点内容组织上没有层次关系，一个页面可以表达一整块内容，采用分屏分页进行导航，滑动屏幕查看内容。这种导航模式适用于信息较少整体性比较强的内容，且内容间是并列关系的浏览页。

（2）标签导航模式：其特点内容分别放置在几个功能模块里，各功能模块之间是相对独立的。这种导航模式适用于功能或信息较为丰富的应用，并能在几类信息中频繁跳转。

（3）列表导航模式：其特点内容是有层次的，主要以文字表达为主，从上到下是分类包含的关系，一般位于最上面的列表信息最为重要。这种导航模式适合展示层次分明的信息结构，主要在移动应用的局部位置使用较多。

（4）辐射导航模式：其特点将全应用信息进行独立分类，做到信息互斥，类别各自有独立入口，内容间基本并列。这种导航模式适合分类清晰，信息独立的内容。

（5）抽屉导航模式：其特点分类内容隐藏在抽屉中，可兼容各种分类方式。这种导航模式适合以当前内容为核心展示的应用。

（6）点聚导航模式：其特点所有内容通过一个点的方式，汇聚了这些入口，这个点不受个数的限制，更灵活，也上界面空间更开阔。这种导航模式适合层级关系比较复杂，几个并列的模块中都有用户频繁使用的核心内容。

4.4G移动终端交互学习课件导航设计模式

本文通过以上分析，总结出6种导航框架模式的特点。并针对以上基于4G移动终端阅读产品的分析结果，结合交互学习课件中比较典型的内容和设计目标总结归纳出让学习者体验满意、方便快捷、可用性强的4G移动终端交互阅读导航框架设计模式如下。

1、辐射导航模式

设计4G移动终端交互学习课件一级导航目录时，为了能帮助学习者更好地找到阅读信息，在导航目录信息分类清晰独立的情况下首选辐射导航模式。因为基于4G高速网络可实现实时高速在线阅读支持大量高清图片和视频，4G移动终端设备屏幕尺寸较小，使用状态多样，使用地点、光线的不稳定性，以及移动终端阅读课件界面的视觉特征分析强调界面视觉信息尽量使用图片、照片以及图标来描绘信息或表达功能，针对大屏幕尺寸的移动终端界面视觉结构分割时，可按“黄金分割”的“井”字形原理分割画面。

2、列表导航模式

设计4G移动终端交互学习课件二级页导航时，如果在内容信息较多，层次分明的情况下多采用列表导航模式。因为移动终端阅读界面的视觉特征分析强调界面视觉信息内容较多时可采用图文结合来描述信息，且文字相对图片占用空间较少，表达含义更为准确，但尽量避免大段文字出现，所以列表导航模式很适合用来显示较长或拥有次级文字内容的标题。

3、导航模式

设计4G移动终端交互学习课件三级内容页导航时，如果功能或内容信息较为丰富，并几类信息存在内在联系可以频繁跳转的情况下多采用标签导航模式。因为在三级内容页标签可以视觉化表现用户的当前位置的作用，通过标签的隐喻，用户可以很好地实现页面之间的切换而不迷失方向，简单而高效。

4、平铺导航模式

设计4G移动终端交互学习课件终极内容页导航时，如果终极内容页不多，内容间是并列关系，并且一块内容完全可以在一个界面中表达的情况下多采用平铺导航模式。因为在终极页时内容信息较少整体性比较强，平铺式导航适用于终极页面水平化的内容，能以线性的方式展示，充分利用手机有限的屏幕空间，让所有的信息都有展示的机会，同时让用户聚焦到当前的页面上来。

参考文献：

[1][美]Theresa Neil著，王军锋等译.移动应用UI设计模式[M].人民邮电出版社，2013.

[2]傅小贞，胡甲超，郑元拢.移动设计[M].电子工业出版社，2013.

[3]赵大羽，关东升.品味移动设计——iOS、Android、Windows Phone用户体验设计最佳实践[M].人民邮电出版社，2013.

[4]韩立龙.移动网络学习[M].中国科学技术大学出版社，2011.10

[5]顾凤佳.终身学习视野下的微型学习课程设计原则研究[J].远程教育杂志.2013（04）：60-66.