閃電充校園卡充值A(chǔ)PP設(shè)計研究

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

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

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

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

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

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

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

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

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

2.問題二，排隊難充值難

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

3.問題三，充值過多難退回

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

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

（二）解決思路

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

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

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

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

（一）設(shè)計思路

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

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

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

（二）頁面設(shè)計

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

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

（1）APP操作簡單化

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

（2）層級關(guān)系簡單化

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

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

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

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

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

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

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

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

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

3.主要頁面的介紹分析

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

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

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

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

三、結(jié)語

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

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

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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