基于用户体验的移动学习平台的UI设计与实现

发布时间：2018-10-23 18:02

【摘要】：移动学习是一种新兴的学习模式。移动学习平台有机融合了视频、文本、音频等多媒体形式,能够帮助学习者更便捷地开展学习活动。优秀的UI可以吸引学习者持续关注其中的学习内容,所以,就移动学习平台而言,UI的设计与实现尤为重要。移动学习平台的UI不仅要注重支持学习服务功能,而且要关注学习情境和学习者偏好,从而提升学习体验、增强用户粘性。基于这一理念,本文在功能需求分析、教学情境分析和用户体验调研的基础上,设计开发了移动学习平台的UI,并在实际系统中得到应用。论文主要包括以下三方面的工作:首先,在分析移动学习系统功能需求的基础上,对用户偏好及影响用户体验的UI相关因素进行了调查研究。在调研中,选取了华中师范大学不同学院、年级的200名在校学生作为研究对象,挖掘学习者的学习习惯和UI偏好(具体包括视觉、手势、信息呈现、界面布局等),分析影响其学习体验的相关因素。进而,综合考虑系统框架、视觉风格、手势操作、页面结构和导航逻辑五个方面,提出了层次清晰、美观实用、用户友好的可实施方案。UI架构包括UI布局模式和UI实现机制两个方面。UI布局模式针对学习内容丰富性与屏幕空间限制性之间的矛盾,按照功能需求和内容特点的不同,提出了资源导航类UI、内容呈现类UI和资源关联类UI等系列布局模式。在UI实现方面,基于分层思想设计了数据管理机制,实现了业务逻辑、数据和UI呈现的相互分离;针对学习路径的灵活性与UI架构的内在逻辑性的冲突,提出了高效的界面管理机制,并结合实际需求和用户偏好,从UI特效的角度,提出了基于屏幕划分和手势操作的动态交互机制,达到了实用性和享受性的融合。最后,进行了系统评测,包括UI的性能测试和用户体验评价。性能测试主要对视觉风格、呈现效果和反应速度等进行定性描述。用户体验评价借助问卷调查获取学习者对UI应用效果的主观评价。结论表明,华大移动学堂的UI基本达到了预期目标,客户忠诚度较高,学习者对UI应用效果基本满意。比较而言,华大移动学堂突出的优点在于内容清晰、操作便捷,但运行速度有待提升。总之,本文在功能需求和用户调研的基础上设计了体验良好的移动学习平台的UI,为高校移动学习平台的UI设计及实现提供了参考。
[Abstract]:Mobile learning is a new learning model. The mobile learning platform integrates multimedia forms such as video, text, audio and so on, which can help learners to carry out learning activities more conveniently. Excellent UI can attract learners to pay more attention to the learning content, so the design and implementation of UI is very important for mobile learning platform. The UI of the mobile learning platform should not only support the learning service function, but also pay attention to the learning situation and learner preference, so as to enhance the learning experience and user stickiness. Based on this idea, the UI, of mobile learning platform is designed and developed on the basis of functional requirement analysis, teaching situation analysis and user experience investigation. This paper mainly includes the following three aspects of work: firstly, based on the analysis of the functional requirements of mobile learning system, the user preference and UI related factors affecting user experience are investigated and studied. In the research, 200 students in different schools of Huazhong normal University were selected as the subjects of the study, and the learners' learning habits and UI preferences (including vision, gestures, information presentation) were excavated. Interface layout and so on, analyzes the related factors that affect their learning experience. Furthermore, considering the five aspects of system framework, visual style, gesture operation, page structure and navigation logic, the paper puts forward that the level is clear, beautiful and practical. UI architecture includes two aspects: UI layout pattern and UI implementation mechanism. UI layout pattern aims at the contradiction between the richness of learning content and the restriction of screen space. A series of layout patterns such as resource navigation class UI, content rendering class UI and resource association class UI are proposed. In the aspect of UI implementation, a data management mechanism is designed based on hierarchical thinking, which realizes the separation of business logic, data and UI presentation, aiming at the conflict between the flexibility of learning path and the inherent logic of UI architecture. An efficient interface management mechanism is proposed, and a dynamic interaction mechanism based on screen partition and gesture operation is proposed from the point of view of UI special effects combined with practical requirements and user preferences. The integration of practicality and hedonism is achieved. Finally, the system evaluation is carried out, including UI performance test and user experience evaluation. The performance test mainly describes the visual style, presentation effect and reaction speed. User experience evaluation was used to obtain the subjective evaluation of UI application effect. The conclusion shows that the UI of Huadu Mobile School has basically achieved the expected goal, the customer loyalty is high, and the learners are satisfied with the application effect of UI. Comparatively speaking, the outstanding advantage of Huadu Mobile School lies in its clear content and convenient operation, but the speed needs to be improved. In a word, on the basis of functional requirement and user investigation, this paper designs the UI, of mobile learning platform with good experience, which provides a reference for the UI design and implementation of mobile learning platform in colleges and universities.
【学位授予单位】：华中师范大学
【学位级别】：硕士
【学位授予年份】：2017
【分类号】：G434

【相似文献】