周丹靈+仲旺+楊潔+康帆

摘 要：隨著數(shù)字化信息化的普及，校園內(nèi)開(kāi)始推行校園卡為學(xué)生提供方便。但是，校園卡在使用時(shí)經(jīng)常會(huì)面臨一些關(guān)于充值方面的問(wèn)題，針對(duì)這些問(wèn)題，閃電充APP將飯卡水卡的充值以APP的方式呈現(xiàn)，結(jié)合手機(jī)的NFC功能，大大便利了學(xué)生飯卡水卡的充值活動(dòng)，為學(xué)校的飯卡水卡的充值提供了新的方式的同時(shí)，也為學(xué)校實(shí)現(xiàn)高效率管理做出了貢獻(xiàn)。

關(guān)鍵詞：新媒體設(shè)計(jì)；校園充值；APP設(shè)計(jì)

中圖分類(lèi)號(hào)：TP311.52 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）06-0141-02

隨著校園內(nèi)數(shù)字化信息化的普及，學(xué)校將學(xué)生的信息在學(xué)校內(nèi)部進(jìn)行資源整合，并在計(jì)算機(jī)管理的專(zhuān)業(yè)應(yīng)用下，反映在學(xué)生所持有的卡片上，這種卡片便是校園卡。校園卡在使用時(shí)經(jīng)常會(huì)面臨未能及時(shí)充值導(dǎo)致不能使用、充值排隊(duì)難等一系列問(wèn)題。在此基礎(chǔ)上閃電充APP將校園卡的充值功能以手機(jī)APP的形式呈現(xiàn)，解決學(xué)生在校園卡充值方面產(chǎn)生的一系列問(wèn)題。

一、閃電充APP前期調(diào)研

（一）問(wèn)題發(fā)現(xiàn)

1.問(wèn)題一，未能及時(shí)充值導(dǎo)致突然斷水?dāng)嚯?/p>

校園卡多采用現(xiàn)金或電子劃賬形式實(shí)現(xiàn)充值，因?yàn)樾@卡使用的便利和頻繁，使許多學(xué)生對(duì)于卡內(nèi)所剩的金額關(guān)注度下降，這就會(huì)導(dǎo)致學(xué)生在使用時(shí)面臨卡內(nèi)余額不足而無(wú)法使用影響學(xué)生的正常校園生活活動(dòng)。以寢室用水為例，現(xiàn)在校園寢室用水是按照用水量實(shí)時(shí)扣費(fèi)，如果卡內(nèi)余額不足，就會(huì)出現(xiàn)學(xué)生洗澡洗了一半就停水的現(xiàn)象，給學(xué)生帶來(lái)煩惱。

2.問(wèn)題二，排隊(duì)難充值難

現(xiàn)在大多數(shù)高校對(duì)于校園卡充值這一方面采用的是人工窗口充值和電子機(jī)器充值這兩種方式，這兩種方式也是各有弊端。在人工充值方面，人工窗口在校園內(nèi)設(shè)立的點(diǎn)少，上班時(shí)間較短，充值排隊(duì)漫長(zhǎng)，這些都給學(xué)生進(jìn)行校園卡充值造成阻礙；在電子機(jī)器充值方面，雖然沒(méi)有上班時(shí)間方面的問(wèn)題，但是同樣有充值排隊(duì)漫長(zhǎng)的問(wèn)題，甚至?xí)幸螂娮訖C(jī)器故障而產(chǎn)生的許多問(wèn)題。

3.問(wèn)題三，充值過(guò)多難退回

在使用電子機(jī)器充值使，大多采用銀行卡劃賬的形式對(duì)校園卡進(jìn)行充值，這就會(huì)導(dǎo)致部分學(xué)生因?yàn)槭终`而充值過(guò)多金額到校園卡的情況發(fā)生，目前各大高校針對(duì)校園卡充值過(guò)多的問(wèn)題基本沒(méi)有相應(yīng)的解決方案，學(xué)生只能采取自我應(yīng)對(duì)的方式解決，而校園卡只能在校內(nèi)使用的這一特性更是增添了解決這一問(wèn)題的困難度。

因此，在校園卡充值這一方面產(chǎn)生的問(wèn)題目前各大高校并沒(méi)有良好的解決措施，給學(xué)生帶來(lái)了煩惱，這些都違背了學(xué)校發(fā)行校園卡的初衷。

（二）解決思路

現(xiàn)在人們對(duì)電子化產(chǎn)品的接受度越來(lái)越高，手機(jī)APP也就是手機(jī)軟件作為一種流行趨勢(shì)發(fā)展起來(lái)。通過(guò)手機(jī)APP人們可以實(shí)現(xiàn)交友、互動(dòng)、購(gòu)物、娛樂(lè)等各種功能，部分購(gòu)物APP可以實(shí)現(xiàn)在APP上進(jìn)行銀行卡綁定，消費(fèi)時(shí)對(duì)銀行卡進(jìn)行劃賬扣款或款項(xiàng)退回的功能。而這一點(diǎn)與校園卡充值的銀行卡劃賬重疊，為解決校園卡充值問(wèn)題提供了思路。

與校園卡相類(lèi)似的還有日常生活中人們經(jīng)常會(huì)用到的交通卡，同樣是刷卡支付，也同樣面臨充值的問(wèn)題。市面上有一些APP為了方面人們充值公交卡，推出了手機(jī)充值公交卡的功能。APP利用部分手機(jī)自帶的NFC無(wú)線功能對(duì)公交卡接觸感應(yīng)，然后結(jié)合進(jìn)行網(wǎng)上付款，實(shí)現(xiàn)公交卡充值。

結(jié)合這兩個(gè)方面，在手機(jī)APP上進(jìn)行校園卡的充值這一想法也就自然萌芽了：利用手機(jī)APP的方式和部分手機(jī)自帶的NFC無(wú)線功能可以對(duì)校園卡進(jìn)行接觸感應(yīng)，并在APP內(nèi)對(duì)銀行卡進(jìn)行劃賬扣費(fèi)或款項(xiàng)退回，實(shí)現(xiàn)校園卡的APP充值。

二、閃電充APP設(shè)計(jì)

（一）設(shè)計(jì)思路

1.在登陸問(wèn)題上，閃電充APP在利用部分手機(jī)自帶的NFC無(wú)線功能采取刷卡感應(yīng)登陸的基礎(chǔ)上，也開(kāi)通了賬號(hào)登陸的功能，登陸方式靈活化；

2.充值對(duì)象上，閃電充APP則主要針對(duì)水費(fèi)、電費(fèi)、飯費(fèi)進(jìn)行充值；

3.在充值方式上，閃電充APP不僅提供銀行卡劃賬渠道，也開(kāi)通了通過(guò)其他具有扣費(fèi)功能APP進(jìn)行扣費(fèi)的渠道，將充值方式多樣化，并且根據(jù)充值過(guò)多難退回的問(wèn)題也開(kāi)通了相應(yīng)的退款渠道。

（二）頁(yè)面設(shè)計(jì)

1.主要風(fēng)格的確定

校園卡擁有只能在校園內(nèi)進(jìn)行使用這一特性，因此使用校園卡的人群基本可以定位為學(xué)生群體。根據(jù)學(xué)生群體這一定位，筆者分析了學(xué)生群體常用的APP，總結(jié)出學(xué)生群體喜歡的APP風(fēng)格，為閃電充APP的設(shè)計(jì)打下基礎(chǔ)。

（1）APP操作簡(jiǎn)單化

隨著現(xiàn)代技術(shù)越來(lái)越高端，人們所擁有的智能手機(jī)功能也越來(lái)越強(qiáng)大，APP的操作上花樣也越來(lái)越多，甚至同一APP在手機(jī)上通過(guò)長(zhǎng)按、單擊、雙擊、滑動(dòng)、搖晃等方式下達(dá)不同指令，使其能在APP上達(dá)到不同效果。但是這些花樣操作方式對(duì)于學(xué)生群體來(lái)說(shuō)，僅僅只在游戲類(lèi)的娛樂(lè)APP上得以受用，而在一些購(gòu)物、閱讀、理財(cái)?shù)裙δ苄暂^強(qiáng)的APP上，學(xué)生群體對(duì)于這些花樣操作方式不僅不買(mǎi)賬，甚至可以說(shuō)是有些反感的。因此，作為一個(gè)充值類(lèi)的APP，閃電充在眾多花樣操作方式中，僅僅保留單擊和滑動(dòng)這兩種簡(jiǎn)單的操作方式，為學(xué)生群體的使用提供便利。

（2）層級(jí)關(guān)系簡(jiǎn)單化

與花樣操作方式同理，過(guò)多的頁(yè)面彈出也會(huì)導(dǎo)致使用者的混亂及反感，學(xué)生群體亦是如此。因此在APP的操作頁(yè)面方面，對(duì)于功能進(jìn)行重點(diǎn)梳理，將功能簡(jiǎn)單化，操作頁(yè)面精簡(jiǎn)化，保留最主要的部分，使學(xué)生群體能夠在一個(gè)頁(yè)面完成所有功能的操作，避免反復(fù)操作。

（3）主要風(fēng)格年輕化

在APP的設(shè)計(jì)上，針對(duì)學(xué)生群體青春洋溢和富有知識(shí)這一特點(diǎn)，風(fēng)格上不能死板和沉悶，要在輕松活潑的基礎(chǔ)上體現(xiàn)出睿智，使整個(gè)APP設(shè)計(jì)風(fēng)格年輕化。因此，閃電充APP選擇以睿智又青春的藍(lán)色作為主打色，APP排版上采用極簡(jiǎn)主義，以達(dá)到年輕化、簡(jiǎn)單化的效果。

2.引導(dǎo)頁(yè)的介紹分析

引導(dǎo)頁(yè)作為APP的首頁(yè)，主要功能的前言，既要對(duì)APP起一個(gè)宣傳及簡(jiǎn)介的作用，也要達(dá)到引導(dǎo)使用者往下看的效果。

閃電充APP在引導(dǎo)頁(yè)上，將logo、廣告語(yǔ)、吉祥物縱向排列，以主顏色作為底色，簡(jiǎn)單的排列使使用者對(duì)于APP的基本情況可以一目了然，也迎合了年輕化簡(jiǎn)單化的主要設(shè)計(jì)風(fēng)格。

首先，平面的頁(yè)面上采用半立體效果的logo，對(duì)logo起一定強(qiáng)調(diào)的效果。

其次，廣告語(yǔ)定為“享充即充”，既是寓意了閃電充APP在校園卡充值上的快速性以及便利性，也是寓意了閃電充APP為學(xué)生享受愜意的校園生活做出了貢獻(xiàn)。

最后，吉祥物的形象的設(shè)計(jì)上，以微胖的形象來(lái)凸顯憨厚可愛(ài)，為簡(jiǎn)單化的引導(dǎo)頁(yè)增添了一絲輕松愉快的氣息。

3.主要頁(yè)面的介紹分析

閃電充APP秉承層級(jí)簡(jiǎn)單化的風(fēng)格理念，將APP的主要頁(yè)面分為四個(gè)：“查詢(xún)”、“紙條”、“互動(dòng)”、“我”。四個(gè)主要頁(yè)面可以在APP任何頁(yè)面上進(jìn)行一鍵切換，減少操作的反復(fù)性，也使操作簡(jiǎn)單化。

（1）在“查詢(xún)”的頁(yè)面上，主要實(shí)現(xiàn)刷卡感應(yīng)登錄、查詢(xún)校園卡余額、充值和退款的功能。作為閃電充APP的主要功能頁(yè)面，在實(shí)現(xiàn)功能時(shí)，使用者只需要經(jīng)過(guò)刷卡、選擇費(fèi)用類(lèi)別、確認(rèn)金額、點(diǎn)擊充值或退款四個(gè)操作即可完成校園卡的充值或退款，做到操作簡(jiǎn)單化，頁(yè)面設(shè)計(jì)上也是繼續(xù)秉承簡(jiǎn)單化年輕化的風(fēng)格，僅僅在刷卡和確認(rèn)的通知頁(yè)面進(jìn)行吉祥物的設(shè)計(jì)延伸，對(duì)于需要使用者進(jìn)行選擇和閱讀的頁(yè)面不予過(guò)多裝飾，以免影響使用者的判斷選擇。

（2）在“紙條”和“互動(dòng)”的頁(yè)面上主要實(shí)現(xiàn)聊天、交友和互動(dòng)的功能。作為閃電充APP的娛樂(lè)板塊，在達(dá)到校園卡充值的功能的同時(shí)，也滿(mǎn)足學(xué)生交友的需求。學(xué)生在紙條頁(yè)面上可以與自己所添加的閃電充APP其他用戶(hù)進(jìn)行網(wǎng)上私人聊天，在互動(dòng)頁(yè)面上則是可以公開(kāi)發(fā)表最新動(dòng)態(tài)給自己所添加的閃電充APP其他用戶(hù)觀看，為學(xué)生的校園生活提供娛樂(lè)，也打破充值性的功能性軟件相對(duì)沉悶這一模式，為閃電充APP提供樂(lè)趣。

（3）在“我”的頁(yè)面上，主要實(shí)現(xiàn)賬號(hào)的登陸登出、軟件升級(jí)、軟件使用幫助及軟件問(wèn)題反饋等與軟件內(nèi)部管理相關(guān)功能。這一頁(yè)面既有利于使用者的使用，也有利于APP的制造方對(duì)于軟件后期問(wèn)題進(jìn)行收集，使閃電充APP能更好的發(fā)展。

三、結(jié)語(yǔ)

閃電充APP針對(duì)校園卡充值方面的一系列問(wèn)題，采用校園卡充值網(wǎng)絡(luò)化的模式，結(jié)合校園卡充值和部分手機(jī)的NFC功能，使學(xué)生可以再APP上完成校園卡充值或退款。閃電充APP的推出也可以充分解決校園卡余額不足導(dǎo)致無(wú)法使用、充值難排隊(duì)難、充值過(guò)多難退回的問(wèn)題，加上APP設(shè)計(jì)上的操作簡(jiǎn)單化、層級(jí)關(guān)系簡(jiǎn)單化、主要風(fēng)格年輕化，完全迎合學(xué)生使用APP的喜好，并且閃電充APP使學(xué)生在使用APP進(jìn)行校園卡充值或退款的同時(shí)，也可以在同一APP上進(jìn)行聊天交友，在達(dá)到充值和退款的效果的同時(shí)增加APP的趣味性。學(xué)生群體在使用閃電充APP后便不用再到人工窗口或電子機(jī)器處進(jìn)行充值，坐在寢室甚至走在路上，拿起手機(jī)便可以對(duì)校園卡進(jìn)行充值或退款，真正做到想充即充，使原本令人煩惱的充值變成一種享受。

在使用閃電充APP之后，不僅是學(xué)生在校園卡充值方面不再煩惱，學(xué)校也可以減少對(duì)于校園卡充值的人力物力的資本投入，方便學(xué)生的同時(shí)，也有利于學(xué)校進(jìn)行高效率管理。

基金項(xiàng)目：武漢輕工大學(xué)2016年度大學(xué)生科研項(xiàng)目“閃電充校園卡充值A(chǔ)PP設(shè)計(jì)”成果（項(xiàng)目編號(hào)：xsky2016062）。

參考文獻(xiàn)：

[1]湯程心.為觸摸而設(shè)計(jì)：APP界面設(shè)計(jì)與移動(dòng)交互體驗(yàn)研究[J].設(shè)計(jì)藝術(shù)研究，2015（02）.

[2]楊煥，陳星海.移動(dòng)應(yīng)用界面的觸控微交互體驗(yàn)設(shè)計(jì)研究[J].藝術(shù)教育，2015（12）.

[3]徐延章.智能手機(jī)APP交互情境設(shè)計(jì)的審美要素分析[J].包裝工程，2016（12）.

[4]徐延章.情感傳播：APP交互藝術(shù)設(shè)計(jì)的方向[J].青年記者，2016（09）.

[5]唐琳，常瑜.以用戶(hù)為中心的手持移動(dòng)設(shè)備APP界面設(shè)計(jì)研究[J].山東社會(huì)科學(xué)，2015（12）.

[6]覃京燕.大數(shù)據(jù)時(shí)代的大交互設(shè)計(jì)[J].包裝工程，2015（08）.

[7]秦歲明，何夢(mèng)楠.扁平化風(fēng)格在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用[J].包裝工程，2015（03）.

[8]付歡.淺述界面設(shè)計(jì)中的設(shè)計(jì)風(fēng)格—扁平化設(shè)計(jì)和擬物化設(shè)計(jì)[J].文藝生活，2013（08）.