周丹灵+仲旺+杨洁+康帆

摘 要：随着数字化信息化的普及，校园内开始推行校园卡为学生提供方便。但是，校园卡在使用时经常会面临一些关于充值方面的问题，针对这些问题，闪电充APP将饭卡水卡的充值以APP的方式呈现，结合手机的NFC功能，大大便利了学生饭卡水卡的充值活动，为学校的饭卡水卡的充值提供了新的方式的同时，也为学校实现高效率管理做出了贡献。

关键词：新媒体设计；校园充值；APP设计

中图分类号：TP311.52 文献标识码：A 文章编号：1005-5312（2017）06-0141-02

随着校园内数字化信息化的普及，学校将学生的信息在学校内部进行资源整合，并在计算机管理的专业应用下，反映在学生所持有的卡片上，这种卡片便是校园卡。校园卡在使用时经常会面临未能及时充值导致不能使用、充值排队难等一系列问题。在此基础上闪电充APP将校园卡的充值功能以手机APP的形式呈现，解决学生在校园卡充值方面产生的一系列问题。

一、闪电充APP前期调研

（一）问题发现

1.问题一，未能及时充值导致突然断水断电

校园卡多采用现金或电子划账形式实现充值，因为校园卡使用的便利和频繁，使许多学生对于卡内所剩的金额关注度下降，这就会导致学生在使用时面临卡内余额不足而无法使用影响学生的正常校园生活活动。以寝室用水为例，现在校园寝室用水是按照用水量实时扣费，如果卡内余额不足，就会出现学生洗澡洗了一半就停水的现象，给学生带来烦恼。

2.问题二，排队难充值难

现在大多数高校对于校园卡充值这一方面采用的是人工窗口充值和电子机器充值这两种方式，这两种方式也是各有弊端。在人工充值方面，人工窗口在校园内设立的点少，上班时间较短，充值排队漫长，这些都给学生进行校园卡充值造成阻碍；在电子机器充值方面，虽然没有上班时间方面的问题，但是同样有充值排队漫长的问题，甚至会有因电子机器故障而产生的许多问题。

3.问题三，充值过多难退回

在使用电子机器充值使，大多采用银行卡划账的形式对校园卡进行充值，这就会导致部分学生因为手误而充值过多金额到校园卡的情况发生，目前各大高校针对校园卡充值过多的问题基本没有相应的解决方案，学生只能采取自我应对的方式解决，而校园卡只能在校内使用的这一特性更是增添了解决这一问题的困难度。

因此，在校园卡充值这一方面产生的问题目前各大高校并没有良好的解决措施，给学生带来了烦恼，这些都违背了学校发行校园卡的初衷。

（二）解决思路

现在人们对电子化产品的接受度越来越高，手机APP也就是手机软件作为一种流行趋势发展起来。通过手机APP人们可以实现交友、互动、购物、娱乐等各种功能，部分购物APP可以实现在APP上进行银行卡绑定，消费时对银行卡进行划账扣款或款项退回的功能。而这一点与校园卡充值的银行卡划账重叠，为解决校园卡充值问题提供了思路。

与校园卡相类似的还有日常生活中人们经常会用到的交通卡，同样是刷卡支付，也同样面临充值的问题。市面上有一些APP为了方面人们充值公交卡，推出了手机充值公交卡的功能。APP利用部分手機自带的NFC无线功能对公交卡接触感应，然后结合进行网上付款，实现公交卡充值。

结合这两个方面，在手机APP上进行校园卡的充值这一想法也就自然萌芽了：利用手机APP的方式和部分手机自带的NFC无线功能可以对校园卡进行接触感应，并在APP内对银行卡进行划账扣费或款项退回，实现校园卡的APP充值。

二、闪电充APP设计

（一）设计思路

1.在登陆问题上，闪电充APP在利用部分手机自带的NFC无线功能采取刷卡感应登陆的基础上，也开通了账号登陆的功能，登陆方式灵活化；

2.充值对象上，闪电充APP则主要针对水费、电费、饭费进行充值；

3.在充值方式上，闪电充APP不仅提供银行卡划账渠道，也开通了通过其他具有扣费功能APP进行扣费的渠道，将充值方式多样化，并且根据充值过多难退回的问题也开通了相应的退款渠道。

（二）页面设计

1.主要风格的确定

校园卡拥有只能在校园内进行使用这一特性，因此使用校园卡的人群基本可以定位为学生群体。根据学生群体这一定位，笔者分析了学生群体常用的APP，总结出学生群体喜欢的APP风格，为闪电充APP的设计打下基础。

（1）APP操作简单化

随着现代技术越来越高端，人们所拥有的智能手机功能也越来越强大，APP的操作上花样也越来越多，甚至同一APP在手机上通过长按、单击、双击、滑动、摇晃等方式下达不同指令，使其能在APP上达到不同效果。但是这些花样操作方式对于学生群体来说，仅仅只在游戏类的娱乐APP上得以受用，而在一些购物、阅读、理财等功能性较强的APP上，学生群体对于这些花样操作方式不仅不买账，甚至可以说是有些反感的。因此，作为一个充值类的APP，闪电充在众多花样操作方式中，仅仅保留单击和滑动这两种简单的操作方式，为学生群体的使用提供便利。

（2）层级关系简单化

与花样操作方式同理，过多的页面弹出也会导致使用者的混乱及反感，学生群体亦是如此。因此在APP的操作页面方面，对于功能进行重点梳理，将功能简单化，操作页面精简化，保留最主要的部分，使学生群体能够在一个页面完成所有功能的操作，避免反复操作。

（3）主要风格年轻化

在APP的设计上，针对学生群体青春洋溢和富有知识这一特点，风格上不能死板和沉闷，要在轻松活泼的基础上体现出睿智，使整个APP设计风格年轻化。因此，闪电充APP选择以睿智又青春的蓝色作为主打色，APP排版上采用极简主义，以达到年轻化、简单化的效果。

2.引导页的介绍分析

引导页作为APP的首页，主要功能的前言，既要对APP起一个宣传及简介的作用，也要达到引导使用者往下看的效果。

闪电充APP在引导页上，将logo、广告语、吉祥物纵向排列，以主颜色作为底色，简单的排列使使用者对于APP的基本情况可以一目了然，也迎合了年轻化简单化的主要设计风格。

首先，平面的页面上采用半立体效果的logo，对logo起一定强调的效果。

其次，广告语定为“享充即充”，既是寓意了闪电充APP在校园卡充值上的快速性以及便利性，也是寓意了闪电充APP为学生享受惬意的校园生活做出了贡献。

最后，吉祥物的形象的设计上，以微胖的形象来凸显憨厚可爱，为简单化的引导页增添了一丝轻松愉快的气息。

3.主要页面的介绍分析

闪电充APP秉承层级简单化的风格理念，将APP的主要页面分为四个：“查询”、“纸条”、“互动”、“我”。四个主要页面可以在APP任何页面上进行一键切换，减少操作的反复性，也使操作简单化。

（1）在“查询”的页面上，主要实现刷卡感应登录、查询校园卡余额、充值和退款的功能。作为闪电充APP的主要功能页面，在实现功能时，使用者只需要经过刷卡、选择费用类别、确认金额、点击充值或退款四个操作即可完成校园卡的充值或退款，做到操作简单化，页面设计上也是继续秉承简单化年轻化的风格，仅仅在刷卡和确认的通知页面进行吉祥物的设计延伸，对于需要使用者进行选择和阅读的页面不予过多装饰，以免影响使用者的判断选择。

（2）在“纸条”和“互动”的页面上主要实现聊天、交友和互动的功能。作为闪电充APP的娱乐板块，在达到校园卡充值的功能的同时，也满足学生交友的需求。学生在纸条页面上可以与自己所添加的闪电充APP其他用户进行网上私人聊天，在互动页面上则是可以公开发表最新动态给自己所添加的闪电充APP其他用户观看，为学生的校园生活提供娱乐，也打破充值性的功能性软件相对沉闷这一模式，为闪电充APP提供乐趣。

（3）在“我”的页面上，主要实现账号的登陆登出、软件升级、软件使用帮助及软件问题反馈等与软件内部管理相关功能。这一页面既有利于使用者的使用，也有利于APP的制造方对于软件后期问题进行收集，使闪电充APP能更好的发展。

三、结语

闪电充APP针对校园卡充值方面的一系列问题，采用校园卡充值网络化的模式，结合校园卡充值和部分手机的NFC功能，使學生可以再APP上完成校园卡充值或退款。闪电充APP的推出也可以充分解决校园卡余额不足导致无法使用、充值难排队难、充值过多难退回的问题，加上APP设计上的操作简单化、层级关系简单化、主要风格年轻化，完全迎合学生使用APP的喜好，并且闪电充APP使学生在使用APP进行校园卡充值或退款的同时，也可以在同一APP上进行聊天交友，在达到充值和退款的效果的同时增加APP的趣味性。学生群体在使用闪电充APP后便不用再到人工窗口或电子机器处进行充值，坐在寝室甚至走在路上，拿起手机便可以对校园卡进行充值或退款，真正做到想充即充，使原本令人烦恼的充值变成一种享受。

在使用闪电充APP之后，不仅是学生在校园卡充值方面不再烦恼，学校也可以减少对于校园卡充值的人力物力的资本投入，方便学生的同时，也有利于学校进行高效率管理。

基金项目：武汉轻工大学2016年度大学生科研项目“闪电充校园卡充值APP设计”成果（项目编号：xsky2016062）。

参考文献：

[1]汤程心.为触摸而设计：APP界面设计与移动交互体验研究[J].设计艺术研究，2015（02）.

[2]杨焕，陈星海.移动应用界面的触控微交互体验设计研究[J].艺术教育，2015（12）.

[3]徐延章.智能手机APP交互情境设计的审美要素分析[J].包装工程，2016（12）.

[4]徐延章.情感传播：APP交互艺术设计的方向[J].青年记者，2016（09）.

[5]唐琳，常瑜.以用户为中心的手持移动设备APP界面设计研究[J].山东社会科学，2015（12）.

[6]覃京燕.大数据时代的大交互设计[J].包装工程，2015（08）.

[7]秦岁明，何梦楠.扁平化风格在网页界面设计中的应用[J].包装工程，2015（03）.

[8]付欢.浅述界面设计中的设计风格—扁平化设计和拟物化设计[J].文艺生活，2013（08）.