基于教育资源共享APP界面的可用性研究

迟瑞丰 李慧斌 汤雨墨

摘要：资源共享已经成为当今社会信息互通的主要方式，依托于互联网，线下资源可以被有效整合。这些被整合的互联网资源需要通过某种媒介方式呈现给广大网民们，APP就是众多媒介工具的一种。对于APP界面的良好设计，直接关乎到用户的体验，因此需要设计人员从优秀的APP中提取共性设计或者是其他APP界面能够复用的设计来提高APP设计的品质。

关键词：资源共享；APP界面；UI设计；UE设计；交互设计 文献标识码：A

中图分类号：TP311 文章编号：1009-2374（2016）17-0006-03 DOI：10.13535/j.cnki.11-4406/n.2016.17.003

1 概述

教育资源是一个长期积累形成的包括教育素材、教育技能、教育知识、教育理念、教育心得等多种形式信息资源的集合。互联网时代的兴起，赋予了教育资源一种新的载体，如何将教育资源与网络有效的结合，打造“互联网+教育资源”的新型信息共享平台，对于整个教育网络有着划时代的意义。手机APP作为资源发布共享的媒介，用户已经习惯使用APP作为操作某一或者多种功能的互联网工具。APP的UI与UE设计直接关乎到用户使用APP的体验以及操作的流畅性，对于APP界面的可用性分析也愈发重要，一个优质的APP界面很大程度从用户角度出发，提供给用户最大的操作体验；同样一个好的设计也能够被复用，如何使得APP界面具有高可用性已经成为评价一个APP成功与否的重要标志。

2 猿题库APP介绍

猿题库作为一款手机端的做题软件，一方面覆盖了初高中所有的知识点，提供给初高中学生课前课后的同步练习，使得他们能够提前预习课前的重要知识点，可以在教师授课以后帮助他们完成对当前知识点的巩固；另一方面提供了历年的中考与高考真题与解析，能够帮助学生们了解考试中各个知识点的占比，能够做到侧重点的复习。当然猿题库还包含了很多统计分析，能够帮助学生评估当前的能力等。猿题库作为一款信息资源类的共享平台，不仅仅在功能上具有市场上同类软件无法比拟的优势，在APP界面的设计上也比较新颖，APP图标比较醒目，提示的标语也比较诙谐，给学生营造出轻松自由的学习氛围。

3 APP运行的主流平台

目前猿题库支持两种流行的移动应用平台，分别是Android平台和IOS平台。

3.1 Android平台

Android平台是基于Linux的开源操作系统，用于移动设备以及一些大屏幕应用，Android系统分四层，分别是应用层、框架层、系统library、核心linux层。

应用层主要是随着Android版本发布，打包的Android手机端常见应用，如通讯录、短信、日历等。

框架层是支撑应用层的一系列服务，主要由内容提供器、资源管理器、通知管理器以及活动管理器等组成。

系统library主要是平台包含的一些c/c++类库，这些类库供给框架层使用。

核心linux层的服务依赖于Linux内核，如安全性、内存管理、进程管理、网络协议栈和驱动模型。Linux内核也同时作为硬件和软件栈之间的抽象层。

3.2 IOS平台

IOS平台是由苹果公司研发的移动操作系统，支持iphone、ipad等苹果设备，IOS在设计上加强了安全性设计，为手机提供了内置的安全机制，一方面防止恶意软件和病毒；另一方面对用户隐私进行保护。此外，IOS支持多语言，可以在多国语言之间进行切换，十分适用于商务使用。苹果最大的亮点在于整个高层的应用界面设计，给用户流畅的操作感觉以及极高的操作

体验。

4 可用性分析

4.1 界面元素分析

猿题库的界面由多种组件元素构成，大体上可以归纳为两种类型的元素：一种是功能性元素；另一种是页面展示级别的元素。所谓的功能性元素主要是实现APP相关功能的通用组件，该类组件根据APP运行的平台不一致而呈现多样化的特征，但是总体功能上保持一致。另外，页面布局有样式类别的元素，该类元素主要是构建APP界面前端样式，包括APP配色、图标按钮、页面UI切图等。

4.1.1 功能型组件。猿题库包含的功能性组件主要包括分页组件、搜索组件、列表组件、下拉组件、选择组件、文本框、tabpanel等，这些组件与数据组件绑定，为猿题库APP提供功能上的便利。

分页组件主要是APP端用于显示多条记录，但是单页面无法全显示的情况下所使用的组件。该组件通常的显示形式，是在用户执行下拉操作的时候，加载下页数据信息。

搜索组件是搜索框，用户输入热门词，关键词或者历史记录，完成对应的查询操作。

列表组件一方面用于分页时的数据列表展示；另一方面用于检索的数据列表展示，列表组件是数据绑定的载体。

下拉组件用于展开或隐藏具体数据，下拉组件是点击下拉图标后，展开具体的内容，点击折叠后，将具体的内容隐藏。

选择组件包含多选和单选，用于数据的选择，对于多选框组件，用户可以勾选多个感兴趣的条目；对于单选框组件，用户有且只能勾选单个条目。

文本框组件是提供给用户输入的区域，用户可以在该区域输入对应的内容，文本框组件主要用于登陆、注册、搜索以及一些需要填写表单内容的场景。

Tabpanel是多面板组件，每个面板可以包含对应的面板内容，用户可以点击上面的tab子单元进行面板间的切换。

4.1.2 展示型组件。猿题库展示型组件包含引导页、图标按钮、页面排版、APP配色。

引导页面主要是刚安装完APP后，打开APP后首先展示给用户的APP介绍界面，用户可以等引导页轮播完毕，然后点击进入也可以直接跳过引导页面。

图标按钮包括操作按钮和菜单按钮两大类；操作按钮是指一些界面的功能操作入口，这些按钮在猿题库中设计的比较直观简洁，使学生用户能够明确具体的功能用途，此外功能交互接口也比较轻松。

菜单按钮主要是底部的菜单栏，底部菜单栏主要由四个版块组成，分别是练习、试卷、发现、我四大菜单导航按钮，图标设计比较简洁，但不乏灵动。

页面排版或者可以说是APP界面布局，猿题库采用了上下布局、列表布局、tab布局、卡片式布局的方式。上下布局即面板分为上下两部分，上面是猿题库APP的广告或者轮播图，下部区域为资源操作按钮集合；列表式布局是指数据的排列方式按照列表的方式一条条往下排列；tab布局是指按照tab项的选择进行选择对应的显示内容，只有被选中的tab项才能显示；卡片式布局是指面板上是田字格类似的排列。页面排版会影响用户的视觉体验，猿题库APP应用规避了传统APP布局的紧凑性，数据排列的混乱性，做到一目了然，各页面组件间比较松散，但又不失功能。

猿题库的配色有两种模式，分别是强光和弱光模式，这是充分考虑到手机屏幕对孩子视力的伤害，做出人性化的设计，能够一定程度上缓解学生的视力疲劳。整体的APP色调以冷色调为主，分别是蓝、灰、黑、白，强光模式下是浅蓝，且高亮，试题习题背景为白色，字体为黑色；弱光模式下为暗色调的蓝，文字背景为灰色，字体为白色。

从猿题库APP的整体展示组件设计来看，一个APP界面展示组件的设计不需要太过复杂，图标的设计不应与功能不适配，使得APP用户不了解具体图标对应哪些功能。APP的整体布局应当不要过于冗余或紧凑，切莫是功能的堆积；APP的色调或者配色应当结合用户的使用习惯，或者是人机工程的角度，给用户身心上以良好的应用体验。

4.2 用户交互分析

猿题库的用户角色为学生用户，包括初中生和高中生两种角色用户，定位比较明确，主要是面向学生升学压力最大的中高考。

用户交互主要是初高中学生对于应用的使用，学生在进入APP后进行注册，并选择是高考还是中考，如果选择高考，对应的操作APP界面是高中生的操作界面；如果选择的是中考，对应的界面为初中生界面。

4.2.1 与教材的结合练习。对于用户进行注册后会让你选择中考年份、所在学校等，然后进行教材内容的学习。教材的分类包括主干学科以及副学科，在首页下显示的主干学科包括语文、数学、英语，通过点击更多的按钮可以设置首页显示的关注学科，点击相应的学科可以进行对应教材的课前知识点预习以及对于课后知识点的归纳，学生可以及时主动地掌握和归纳主要知识点。所有的练习都有时效性，学生用户可以在相应的时间完成练习内容，并和自己的学习伙伴进行分享。

4.2.2 分析历年试题。学生用户可以从APP平台获得热门、推荐以及一些名校对应学科的期中期末考试试卷，APP界面以页码式的形式逐页展示考试的内容，由于手机屏幕大小的尺寸限制，每页的内容没有放置过多，这样一方面可以直观地体现考题；另一方面可以减轻学生答题的压力。当学生答题完毕后，提交试卷，并能查看相应的试题统计以及计分。

4.2.3 与猿题库配套的APP使用。学生在做题过程中遇见疑难问题可以通过猿题库的其他两个辅助平台对学生用户进行支持，一方面学生可以通过在线辅导APP，咨询线上的一些名师，由名师给出当前题型主要考核的知识点；另一方面可以通过拍照的方式通过各大搜索引擎完成对该题型的详细解答。

4.3 APP界面设计的规范

APP界面设计必须遵从一定的规范，只有规范的界面设计，才能使APP应用趋于产品化；只有产品化的设计，才能推动APP应用的市场运作。无论对于Android端应用还是IOS应用都应遵循下列界面设计规范，在这里需要指出的是猿题库的界面设计规范适用于所有Android和IOS设备。

4.3.1 尺寸与分辨率的设计。由于现在移动端设备迭代的速度很快，各式各样的手机屏幕尺寸，导致没有一个合规性的设计能够满足所有的手机适配，因此对于APP界面的适配性必须要根据不同的移动设备进行适配性的设计。这样说的含义并不是说设计人员需要针对每个尺寸设计一套完整UI设计，一般只要做标准的Android和IOS的尺寸设计即可，如IOS的尺寸可以按640*960或640*1136来设计。

4.3.2 界面基本组成元素。一般APP应用界面由四个元素组成，即状态栏、导航栏、主菜单栏、内容单元。

状态栏就是APP界面首页最顶端的显示信号、电量、区域选择等的区域；导航栏就是页面间转页、APP应用名称等显示的区域，主菜单栏位于屏幕的最下方，用于全局的转页；最后对于内容单元就是APP中数据的装载单元。这些区域的高度都需要根据屏幕尺寸进行高度的规范性定义。

4.3.3 字体大小。对于Andorid来说字体为Droid sans fallback，对于IOS来说字体英文为HelveticaNeus，中文，Mac下用的是黑体-简，Window下用的是华文黑体。

4.4 用户体验分析

UE是User Experience用户体验，有两个维度：一个是流程上交互的流畅度；另一个是界面设计的流畅度，两个方面都强调一个流畅度的观点。对于一个用户来说单单是一个维度考虑，过多地关注界面，反而会丢失功能操作的便捷，反之亦然。猿题库的界面设计从首页到各个子页面界面布局很简单，功能点突出，首页主要是针对两个角色用户的主干学科的练习选择，然后从首页进入对应的学期训练，对于菜单栏上的试卷按钮，使得首页跳转到历年真题以及名校试卷等界面等，从整个APP界面的流转上来分析是十分流畅的。此外各个主要的APP功能点也是很有条理性的进行罗列，功能点不是太冗余，各个功能或者子功能的入口单一，没有出现多入口出口的现象，使得功能的操作性简易化。

5 结语

猿题库从APP上线至今，用户基数迅速增长，也完成多轮投资，较市面上其他信息分享类APP应用来说，无论从APP界面设计、用户操作体验，还是从整体的资源共享，无一不从用户的角度出发，切实地为莘莘学子提供了课前课后测试、历年资源分析、随堂笔记等，使得学生用户能够在一个比较宽松的互联网媒介上完成对知识的学习和巩固，此外结合当下时兴的大数据分析，为广大学生用户提供知识点的全方位剖析。

对于日后的APP界面分析应当遵从设计从简、设计与功能一致以及基于用户使用体验的三大设计原则，在整体设计风格上应当简便化，业务操作应当形成有效闭环，功能操作应当避免繁琐化；在设计与功能的权衡上，好的设计应当以功能为基础，毕竟一个APP应用如果过于形式化设计，就无法切实地留住用户，但是设计也必须为功能服务，两者相辅相成，毕竟应用太功能化，没有良好的设计，也是会使得用户流失；任何外观设计和功能设计的出发点都应该以用户为中心，设计人员应该从用户的角度分析APP应用的使用场景、业务流程以及用户在使用过程中的应用体验，这是对用户来说最吸引他们的所在。

从猿题库的APP界面设计来看，设计人员可以利用工程化、模式化的思想，将该APP界面中值得借鉴的部分或者组件进行良好的定义，以使得在今后的设计过程中进行高效复用，减少APP界面设计的重复劳动，加快设计的效率和质量。

参考文献

[1] JeffJohnson.认知与设计：理解UI设计准则[M].北京：人民邮电出版社，2011.

[2] 比尔·莫格里奇.关键设计报告―改变过去影响未来的交互设计法则[M].北京：中信出版社，2011.

[3] 史蒂文·赫勒，埃莉诺·佩蒂特.三十四位顶尖设计师的思考术[M].北京：中信出版社，2011.

[4] 狸雅人.Photoshop智能移动终端APP界面设计[M].北京：人民邮电出版社，2013.

（责任编辑：黄银芳）