移动学习系统界面扁平化设计研究

摘要

随着互联网技术的高速发展和移动网络技术应用的普及，智能移动终端设备的使用者越来越多，从而，促进了移动学习的迅猛发展。移动学习需要移动学习支持系统，而越来越丰富的移动学习系统（简称移动学习APP）给人们的生活和工作带来了极大地方便。但是，目前的移动学习系统界面纷繁错杂，适用性不强，不能充分满足人们碎片化学习的需求。因此，移动学习系统界面设计和优化成为了一个特定的研究方向。
　　扁平化设计是相对于拟物化设计提出来的，它崇尚极简主义界面和功能的最优表达，抛弃了高光、透视、阴影、渐变、3D效果等所有装饰效果。扁平化设计采用极其简单的设计元素，例如点、线、三角形、正方形等;信息层级结构浅而平，使用者不需要层层进入和退出，操作起来更加方便快捷。
　　本研究基于学习理论（非正式学习理论、泛在学习理论）和设计理论（人机交互界面设计、可用性设计），将扁平化设计风格运用到移动学习系统的开发和界面设计中，引入美术设计风格，从而提高移动学习系统的使用效率。本文首先对移动学习、移动学习系统等相关概念和特点进行整理分析，指出移动学习系统界面中存在的问题和不足，然后分析扁平化设计的优势，并将其运用的移动学习系统的开发和界面制作过程中。其次，依据文献研究、问题访谈和已有经验总结出界面扁平化设计原则、设计内容和方法等。最后，进行系统制作和移动端实现，笔者选取《信息技术基础》第一章第一节信息与信息的特征为例，采用应用公园在线开发平台，无需编程，渗透扁平化设计风格，制作移动学习APP，进行下载测试，并用问卷的形式对使用者进行学习效果检验。
　　结果表明，将扁平化设计风格应用到移动学习系统的开发和界面设计中具有三点优势:占用内存小，适用性强，符合移动学习者学习需求，提高学习效率。

目录

摘要

图目录

第一章 绪论

1．1 研究背景

1．2 国内外研究现状

1．3 研究目的和意义

1．3．1 研究目的

1．3．2 研究意义

1．4 主要研究方法

1．5 论文组织结构

第二章 相关概念、理论综述

2．1 移动学习及移动学习系统概述

2．1．1 移动学习概念及其特点

2．1．2 移动学习系统

2．2 扁平化设计概述

2．2．1 扁平化设计相关概念

2．2．2 扁平化设计的兴起

2．2．3 扁平化设计的优点及局限性

2．3 支持本研究的相关理论

2．3．1 学习理论

2．3．2 设计理论

第三章 相关技术支持

3．1 移动开发平台

3．2 移动学习APP开发平台

第四章 移动学习系统界面扁平化设计

4．1 前期调查分析

4．1．1 调查形式的选择

4．1．2 访谈内容的编制与实施

4．1．3 对访谈结论进行分析

4．2 移动学习系统界面的设计原则

4．2．1 简约易用

4．2．2 层级清晰

4．2．3 用户熟悉感

4．2．4 风格一致

4．2．5 个性化

4．3 移动学习系统界面扁平化设计内容和方法

4．3．1 简化信息

4．3．2 文字的运用

4．3．3 色彩的搭配

4．3．4 界面的布局

第五章 移动学习系统扁平化设计的实现及效果评价

5．1 前期准备

5．1．1 选择恰当的内容

5．1．2 学习者分析

5．1．3 学习内容分析

5．1．4 制作工具的选择

5．2 智能移动终端APP实现

5．2．1 设计移动APP

5．2．2 制作移动APP

5．2．3 效果展示及说明

5．3 性能测试

5．3．1 下载测试

5．3．2 测试结果

5．3．3 测试中发现的问题

5．4 实践检验和应用效果分析

5．4．1 实践检验

5．4．2 问卷结果分析

第六章 总结与展望

6．1 研究总结

6．2 研究展望

参考文献

附录

致谢

攻读学位期间发表的学术论文目录

声明