閃電充校園卡充值APP設計研究

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

摘 要：隨著數字化信息化的普及，校園內開始推行校園卡為學生提供方便。但是，校園卡在使用時經常會面臨一些關于充值方面的問題，針對這些問題，閃電充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）.