校園服務(wù)類APP視覺與功能設(shè)計(jì)的分析與應(yīng)用

何潤(rùn)鑫 向伶梅

摘要：隨著APP市場(chǎng)的發(fā)展，當(dāng)下在架APP數(shù)量已達(dá)449萬(wàn)款，但校園服務(wù)類APP的數(shù)量卻相對(duì)較少，其中基于校園服務(wù)的APP的用戶和設(shè)計(jì)界面顯現(xiàn)出不美觀，不靈動(dòng)，未結(jié)合自身校園特色，未突出本校園特點(diǎn)的問題，同時(shí)功能也并不完善。因此對(duì)成都信息工程大學(xué)“知?！盇PP進(jìn)行分析，提出該類APP視覺與功能設(shè)計(jì)的一般性思路，為該類APP的視覺與功能設(shè)計(jì)提供參考。

關(guān)鍵詞：視覺設(shè)計(jì)；功能設(shè)計(jì)；APP

★基金項(xiàng)目：本文系大學(xué)生創(chuàng)新創(chuàng)業(yè)國(guó)家級(jí)項(xiàng)目“CUIT教職工校園移動(dòng)APP設(shè)計(jì)”（項(xiàng)目編號(hào)：201810621053）階段性成果。

引言

APP是Application的簡(jiǎn)稱，是指安裝在移動(dòng)端的軟件。隨著互聯(lián)網(wǎng)的深度發(fā)展，APP數(shù)量也相應(yīng)有所發(fā)展，截止2019年12月，我國(guó)移動(dòng)應(yīng)用程序（APP）在架數(shù)量為449萬(wàn)款。校園類APP是指在校園內(nèi)，滿足師生與學(xué)校相關(guān)需求的APP，其涵蓋范圍較廣，包括了社交，購(gòu)物，信息查詢等，其目標(biāo)人群也覆蓋了從幼兒園到大學(xué)。早在2014年，共青團(tuán)中央便提出了提供“一校一品”的本地化移動(dòng)APP應(yīng)用和服務(wù)，隨著近幾年的發(fā)展，校園類APP的數(shù)量也獲得了極大的增長(zhǎng)。

1、相關(guān)概述

1.1 APP發(fā)展背景

（1）優(yōu)化設(shè)計(jì)界面，滿足用戶審美

APP的設(shè)計(jì)界面是吸引用戶使用的設(shè)計(jì)點(diǎn)，同時(shí)也是傳達(dá)APP關(guān)鍵信息的媒介，因此APP的設(shè)計(jì)界面十分重要。但現(xiàn)有的校園類APP存在用戶界面不美觀，不靈動(dòng)，不簡(jiǎn)約等問題，因此對(duì)于學(xué)生或者教職工用戶而言，除了行政力量的推動(dòng)或者繳費(fèi)等功能的遷移等因素，迫使學(xué)生或者教職工去下載校園APP，作為用戶的學(xué)生或者教職工擁有較少的主動(dòng)意愿去下載和使用。針對(duì)此類問題，通過優(yōu)化APP的用戶界面，結(jié)合自身學(xué)校特色，特點(diǎn)，在用戶界面的關(guān)鍵點(diǎn)去吸引和引導(dǎo)教職工和學(xué)生用戶的下載和使用。

（2）完善產(chǎn)品設(shè)計(jì)不足

校園類APP具有特殊性和獨(dú)立性，其特殊性和獨(dú)立性在于是需要與本校的實(shí)際情況結(jié)合，立足本校特色，因地制宜去設(shè)計(jì)相應(yīng)的滿足本校用戶需求的功能，并且在設(shè)計(jì)中體現(xiàn)出本校特色。例如成都信息工程大學(xué)（以下簡(jiǎn)稱“成信大”）知校APP中以藍(lán)色為主調(diào)的顏色選取，便體現(xiàn)了以大氣為主的校園特色。

（3）提出功能設(shè)計(jì)的一般性思路

校園類APP同時(shí)具有共性。校園類APP的功能設(shè)計(jì)，對(duì)各學(xué)校的學(xué)生和教職工用戶有一些共同功能，例如繳費(fèi)，校歷查詢等。因此，通過對(duì)成信大校園知校APP的功能分析，得出功能設(shè)計(jì)的一般性思路，為其余校園類APP的功能設(shè)計(jì)提供參考。

2、知校APP設(shè)計(jì)功能分析

2.1 知校APP介紹

知校APP是針對(duì)成信大教職工的一款移動(dòng)端APP，其目的是幫助成信大教職工高效獲取信息和有效利用信息。知校APP的LOGO本身是書和鳥的結(jié)合，其中書象征著知識(shí)，鳥代表著希望與遠(yuǎn)方，兩者相結(jié)合代表著在用戶的主體，成信大的全體教職工，從事知識(shí)相關(guān)的工作，知識(shí)的鼓舞下，能夠不斷前行，同時(shí)也是知校APP名稱的由來(lái)，知校LOGO圖如圖1所示。

2.2 知校APP功能分析

高校校園類APP存在功能單一的問題。因此，知校APP在功能設(shè)計(jì)上避免這種問題，功能設(shè)計(jì)較為完善。因?yàn)橹PP的用戶群體是成信大的教職工，因此其功能模塊的設(shè)計(jì)也是針對(duì)高校教職工的需求。成信大教職工想要查詢教學(xué)等信息，必須登陸學(xué)校官網(wǎng)進(jìn)行查詢，且每次登陸必須重新輸入密碼，十分繁瑣，有些功能甚至需要利用校園網(wǎng)進(jìn)行查詢。但隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，中國(guó)各地的移動(dòng)端使用率普遍遠(yuǎn)遠(yuǎn)高于PC端，更多時(shí)候是利用移動(dòng)端進(jìn)行信息的查詢，因此便出現(xiàn)了查詢信息不方便，不及時(shí)，不便捷的問題。因此，知校APP設(shè)計(jì)了校園服務(wù)，教學(xué)平臺(tái)，成信要訊，財(cái)務(wù)信息，消息等關(guān)鍵功能，即通過知校APP這個(gè)端口，只需登陸一次，便能查詢相應(yīng)信息，能夠有效解決頻繁重新登錄，必須利用校園網(wǎng)查詢等繁瑣性和不便利性的問題。

除此之外，APP還包括首頁(yè)、消息這兩大導(dǎo)航欄設(shè)計(jì)。校園通訊錄收錄了教職工常用的通訊錄，如教務(wù)處，計(jì)財(cái)處等聯(lián)系方式。校園點(diǎn)餐則可以根據(jù)自己的愛好選擇美食加入購(gòu)物車，付款完成半小時(shí)內(nèi)就可以吃到校園美食。校車信息收錄了人南校區(qū)到航空港校區(qū)和航空港校區(qū)到龍泉龍泉的校車信息。成信要訊板塊主要使通過綜合新聞、信息公告、學(xué)術(shù)動(dòng)態(tài)這三種類型發(fā)布最新的校園資訊。教學(xué)平臺(tái)中的課表查詢和學(xué)生名單則可以為任課老師帶來(lái)便利，只要通過搜索功能即可查詢到相關(guān)班級(jí)課表和學(xué)生名單。財(cái)務(wù)信息則可以使教職工查詢到工資和項(xiàng)目經(jīng)費(fèi)。最后，點(diǎn)擊個(gè)人信息即可看到相關(guān)教師的職稱、校區(qū)、座右銘，功能圖如圖2所示。

2.3 知校APP設(shè)計(jì)元素分析

知校APP的用戶群體是成信大的教職工，成信大是一所以大氣與信息類學(xué)科為特色的高校 ，所以主色調(diào)選取了象征天空與自由的藍(lán)色，加入了鄰近色紫色使畫面協(xié)調(diào)，并運(yùn)用少量高飽和的橙色、黃色、綠色作為點(diǎn)綴，顏色選取如圖3所示。

視覺認(rèn)知理論的核心理論認(rèn)為，人在認(rèn)知過程中大腦的感知系統(tǒng)、控制系統(tǒng)、記憶系統(tǒng)和感知系統(tǒng)共同作用，對(duì)界面?zhèn)鬟_(dá)的信息進(jìn)行分析加工，進(jìn)而做出操作行為，因此知校APP專門采用了成信大龍泉校區(qū)的第二教學(xué)樓，航空港校區(qū)的乾坤魂、鐘樓等標(biāo)志性建筑，采用立體插畫的2.5D形式繪制了引導(dǎo)頁(yè)面，突出了校園的亮點(diǎn)，界面圖如圖4所示。

除此之外，知校APP的圖標(biāo)設(shè)計(jì)也呈現(xiàn)出色彩、風(fēng)格相互呼應(yīng)的特點(diǎn)。利用簡(jiǎn)約的線條，卡通的畫法設(shè)計(jì)出相應(yīng)功能的圖片LOGO，突出了簡(jiǎn)約的特點(diǎn)，APP圖標(biāo)如圖5所示。

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

知校APP，寓意知曉校園生活，是一款為成信大教職工定制的專屬校園生活移動(dòng)APP。項(xiàng)目主要目的是將學(xué)校各項(xiàng)重要通知、公共信息等內(nèi)容通過移動(dòng)平臺(tái)及時(shí)、有效地傳達(dá)給本校教職工，為他們的生活、工作帶來(lái)便利。APP設(shè)計(jì)的意義在于通過知校APP簡(jiǎn)潔、直觀的實(shí)用功能，讓學(xué)校教職工能隨時(shí)隨地方便、快捷地接收及查詢各類學(xué)校信息，省去以往在各種平臺(tái)查詢信息的麻煩，提高校內(nèi)信息傳遞效率。

通過對(duì)知校APP的分析可知，針對(duì)校園類APP的界面設(shè)計(jì)和視覺設(shè)計(jì)，要注重結(jié)合本校實(shí)際，在界面要突出簡(jiǎn)約，靈活，生動(dòng)，在設(shè)計(jì)上融入和體現(xiàn)校園的特色，展示出本校的精神風(fēng)貌，體現(xiàn)出本校的特點(diǎn)。同時(shí)，在功能設(shè)計(jì)上也要注重用戶對(duì)象，針對(duì)用戶具體的需求去設(shè)計(jì)和完善相應(yīng)功能。具體來(lái)說(shuō)，有以下幾點(diǎn)：首先，APP的功能一定要根據(jù)用戶的最深層次的需要出發(fā)，不能脫離實(shí)際；其次，APP界面設(shè)計(jì)風(fēng)格以簡(jiǎn)潔實(shí)用最佳；然后，APP功能界面設(shè)計(jì)一定要經(jīng)過反復(fù)推敲，邏輯性一定要展示在界面之中；最后， 校園服務(wù)類APP一定要具才有特色，可以是某高校的標(biāo)志性設(shè)計(jì)，或者是某個(gè)年齡層次喜歡的風(fēng)格設(shè)計(jì)，校園服務(wù)類APP才更有可能在眾多的APP中脫穎而出。因此，其余校園APP在視覺設(shè)計(jì)與功能設(shè)計(jì)上，要注重以上幾點(diǎn)，才能盡可能滿足用戶的需求。

參考文獻(xiàn)：

[1] 華經(jīng)情報(bào)網(wǎng).2018年中國(guó)APP在架數(shù)量、使用時(shí)長(zhǎng)及移動(dòng)APP應(yīng)用的信息安全問題[EB/OL].http：//www.sohu.com/ a/315726497_120113054，2019-05-22.

[2] 唐灝，曹志華，羅慶佳.移動(dòng)校園APP的設(shè)計(jì)和實(shí)現(xiàn)[J].工程技術(shù)（全文版），2016（12）：315-315.

[3] 袁玲玲，朱仲蘭.中國(guó)高校校園類APP現(xiàn)狀分析及發(fā)展探索[J].產(chǎn)業(yè)創(chuàng)新研究，2018（05）：46-48

[4] 中國(guó)新聞網(wǎng).中國(guó)網(wǎng)民行為大數(shù)據(jù)：移動(dòng)端使用率遠(yuǎn)高于PC端[EB/OL].http：//www.chinanews.com/cj/2019/02-20/ 8760062.shtml，2019-02-20.

[5] 胡駿.基于認(rèn)知心理學(xué)的醫(yī)療設(shè)備界面體驗(yàn)設(shè)計(jì)研究[D].浙江：浙江大學(xué)，2018，25-25.

作者簡(jiǎn)介：

何潤(rùn)鑫，現(xiàn)就讀于成都信息工程大學(xué)物流學(xué)院，主要研究方向?yàn)殡娮由虅?wù)；

向伶梅，碩士，講師，現(xiàn)就職于成都信息工程大學(xué)文化藝術(shù)學(xué)院，主要研究方向?yàn)橐曈X傳達(dá)設(shè)計(jì)教育與視覺傳達(dá)設(shè)計(jì)。