基于iOS的教学服务APP的设计

2016-12-14解文源耿璐

艺术科技 2016年10期

解文源　耿璐

摘要：数字化校园和智能手机的发展趋势促进了校园APP的设计与开发，校园APP承载着校园文化建设和信息交流平台的使命。本文针对上海工程技术大学中韩多媒体设计学院设计的“i中韩”教学APP，从需求分析入手，通过调查问卷和座谈形式，确定APP的整体功能架构设计，并进行视觉设计。APP的功能涵盖预约线下答疑、作业发布与通知、师生线上交流、学院信息发布、学院教学成果的资源共享等，为师生提供便利的教学服务应用。

关键词：数字化校园；校园APP；教学服务

在这样一个移动应用蓬勃发展的时代里，智能手机的普及让更多的用户可利用碎片化时间使用移动应用。据相关调研表明：在手机上网用户中59%的用户首先选择登录浏览器，41%的用户首先选择登录APP，智能手机的APP已经成为移动互联网重要的入口之一，并且它也成为人们获取信息的主力媒体之一。因此，高校的校园网不能再局限于PC网络的时代，必须将校园资源和服务向移动应用方向发展，为大学生创造一个开放的文化氛围。

上海工程技术大学中韩多媒体设计学院在2014年初开始成立骨干教师教学团队，目前两个教学团队覆盖全院中方专职教师，而且所有团队内教师全部担任学生的全程导师，负责学生四年间的专业、学业、就业上的学习顾问和心理咨询。为了辅助教学团队建设和强化人才培养，“i中韩”移动应用的设计定位是院级教学服务APP，为本院师生提供丰富的教学资源、及时的教学资讯、畅通的师生交流渠道、便利的教学信息查询。

1 校园APP的发展

随着数字化校园的向前推进，智能手机在高校大学生中的广泛晋及，高校无线网的覆盖区域不断扩大，校园APP成为高校数字化建设的一个重要内容。目前，全国很多高校都开发了自己校园专属的APP软件，其中大部分官方APP可以让师生浏览学校的教务系统、图书馆系统、学生服务系统的对接上是比较有保证的，但是在功能设计上中规中矩，学生的使用率不高。

还有一些非官方的校园APP，面向大学生，如超级课程表、59store，这些应用里有很多比较接地气的实用功能，方便了大学生的学习和生活。

从现有的趋势看校园APP的发展热度将在未来一段时间内继续上升，但是也会有相当数量的校园APP被淘汰。因此，在校园APP设计上一定要紧密结合学校的实际需要和大学生学习生活的具体要求。

2 “i中韩”教学APP的需求分析

我院是2003年与韩国东西大学合作成立，学院办学十三年来，教学资源丰富，优秀毕业作品、获奖作品层出不穷。因此，应该将这些资源建立资源库，有效利用，发挥更大的作用。

学院关于教学团队要弹性坐班答疑和自习辅导的安排、教学信息的公布、专业赛事的通知、兼职实习信息的发布要通过辅导员、全程导师、班主任利用班级QQ群、班级微信群、公告栏等方式发布，信息发布方式比较分散，学生容易错过一些重要信息。

为了明确APP的功能定位，以“用户需求为中心”为原则设计了调查问卷，经过调查68.1%的同学希望拥有一款学院的APP，70.2%的同学使用的智能手机是iOS系统，同学们在这款APP中最希望有的功能集中在学院的重要通知、课程资源的分享、师生线上交流。同时，也与学院老师进行了面对面交流，了解到他们希望在这款APP中具有全程导师课后答疑的预约、师生交流、资源共享、考勤签到等。

3 “i中韩”教学APP的功能架构设计

APP的功能架构设计遵循两个标准：一是，用户一眼就能够找到自己想要的东西，突出核心功能，减少功能层级；二是，人性化，交互设计遵循用户的实际思维和操作习惯，简单易用。通过对我院师生的调研分析，“i中韩”教学APP将分为七大核心功能模块。这些功能分别覆盖用户的以下需求：

第一，i预约：教师可以创建一周的坐班答疑时间和地点；学生可以预约教师进行线下答疑。

第二，i作业：教师可以发布课程作业并设置提交时间；学生可以收到作业信息。

第三，i分享：用户的原创内容，可以加强APP的内容广度、参与度和个性多元化。

第四，学院资讯：提供学院师生最关心的资讯信息，这个功能是集合了九个小模块。

第五，联系人和互动：联系人里分为联系人、办公电话和群组三类。联系人包含了在校的全院师生个人联系方式；办公电话包含了学院所有组织架构下的电话；群组包含了所在班级群、全程导师群、教学团队群等，还可以自建群组。

第六，发现：学院的精品课程和创新实验课程，学院学生历届的获奖作品、毕业设计作品、展示优秀作业等。

第七，我：学生用户可以查询课表、成绩、收藏；教师用户可以查询课表、签到、收藏。

4 “i中韩”教学APP的视觉设计与LOGO设计

“i中韩”教学APP 的视觉设计是遵循iOS8设计规范来制作，设计原则是简洁大方、清晰明了。首页导航采用以标签栏为主导航搭配跳板式导航的模式。白底黑字，无边框，营造一种简约的设计风格。图标采用线性化图形设计，可以示意图标所代表的功能，未点击状态为灰色线性图形，点击后图标填充颜色。

APP应用图标设计是在学院标识的基础上进行再设计，将M的左上角的像素点与主体分离开，构成i字母，与APP的名称“i中韩”相一致。