華東理工大學(xué) 藝術(shù)設(shè)計與傳媒學(xué)院 陳 慧 張則棟 蔣正清 

摘要：智能手機(jī)的飛速發(fā)展促進(jìn)了校園APP的開發(fā)，校園APP涵蓋了各類校園活動和校內(nèi)服務(wù)，同時又具有推廣校園文化的重要作用。文章闡述了師生參與和創(chuàng)建的校園活動以及新興文化地標(biāo)所形成的熱力圖在校園文化APP中的線上線下推廣方式和實(shí)際應(yīng)用效果，總結(jié)校園文化活動和地標(biāo)的特點(diǎn)并著重分析其人文精神和價值意義，嘗試設(shè)計創(chuàng)新型校園文化APP的熱力圖界面模式，為師生提供更加便利的校園服務(wù)，同時更加綜合全面的推廣校園文化。

關(guān)鍵詞：熱力圖 校園文化APP 界面設(shè)計 

中圖分類號：TB47 文獻(xiàn)標(biāo)識碼：Ａ

文章編號：1003-0069(2017)08-0133-03

Abstract：The developing of campus cultural application is motivated by the cellphones’ impressive performance improvement, campus cultural application includes various campus activities and services, is also playing an important role to promote campus culture.This article states both online to offline promotion methods and the actual applied result of heat map consists of campus activities and new cultural landmarks which are established and participated by teachers and students. Then to analyze the humanistic spirit, value and significance by concluding the features of campus cultural activities and landmarks, attempt to design an innovative heat map style UI for campus cultural application, aim to enable teachers and students to use campus services more conveniently, and promote campus culture more comprehensively.

Keywords：Heat Map, Campus Cultural Application, Interface Design

引言

校園文化是高校校園的精神象征，具有深厚的歷史文化意義。而校園文化地標(biāo)是校園文化的濃縮區(qū)域，傳統(tǒng)的校園文化地標(biāo)被定義為具有象征意義且固定不變的建筑景觀，在如今信息需求急劇增多的時代，校園文化地標(biāo)被重新定義，它不僅僅是歷史悠久固定不變的校園建筑，它也可以是校園文化活動長期穩(wěn)定發(fā)展所形成的某一具體場所。

當(dāng)今是一個文化活躍的信息時代，校園是文化活躍的重要領(lǐng)域之一，文化活動的影響力是由在校師生的積極參與和團(tuán)體組織共同推廣的,這種影響力很大程度上是一種人口密集和活躍度較高的體現(xiàn)，在表現(xiàn)形式上是一種熱點(diǎn)現(xiàn)象，而這種熱點(diǎn)現(xiàn)象被稱熱力圖，這種熱力圖傳達(dá)某一具體區(qū)域不同的動態(tài)現(xiàn)狀。因此，基于熱力圖數(shù)據(jù)可視化這一概念，以熱力圖表現(xiàn)形式設(shè)計校園文化APP的功能模式，以一種創(chuàng)新視覺化的方式進(jìn)行校園文化推廣。一，契合信息時代的發(fā)展，將數(shù)據(jù)可視化；二，整合線下人力物力資源構(gòu)建體系化的系統(tǒng)供線上平臺使用，便捷用戶的行為方式；三，有效發(fā)揮在校師生的主體作用，積極發(fā)揮主觀創(chuàng)造性，創(chuàng)造良好的校園文化環(huán)境，利用這種創(chuàng)新的交互模式充分調(diào)動線下資源，以服務(wù)在校師生為主旨，吸引在校師生參與多樣化的校園文化活動，提升校園軟實(shí)力，全面綜合的發(fā)展校園文化。

一、目前校園文化APP所存在的問題以及熱力圖應(yīng)用其中的創(chuàng)新之處

現(xiàn)如今，各個高校都擁有各自專屬的校園文化APP，構(gòu)建特色的移動校園交互平臺。移動校園的用戶以特定學(xué)校的學(xué)生群體和教師為主，其所提供的信息具有本土化、實(shí)用性強(qiáng)、具有一定的時效性等特點(diǎn)[1] 。而以在校師生作為主要用戶，目的是創(chuàng)造一個體系化的校園服務(wù)平臺為廣大師生提供學(xué)習(xí)、娛樂、交友等渠道，豐富和便捷校園生活。

隨著時代的發(fā)展，信息需求逐漸增多，校園APP成了新一屆大學(xué)生快速了解學(xué)校、融入大學(xué)生活的快捷通道[2] 。APP的功能也日漸豐富，很多APP平臺趨向開啟功能綜合性撒網(wǎng)模式，將各個需求功能都添加進(jìn)來，主功能的主導(dǎo)價值也逐漸被各類輔助功能給替代，也使同一款APP的價值導(dǎo)向逐漸分散。

部分校園文化APP功能過多，雖然“很貼心”，但也潛伏著隱患。校園APP的設(shè)計流程如果設(shè)計得不夠精細(xì)化就會產(chǎn)生一種通病，而種通病也會非常容易帶來不便，會存在（如表1）所示的問題：

除了這些隱患，在使用校園APP過程中，由于在校學(xué)生容易接受新鮮信息，加上自控力薄弱容易沉迷于APP輔助功能，比如游戲休閑功能，很多同學(xué)為了通關(guān)游戲或者達(dá)到一定級別而通宵或者在課堂上玩游戲，而有的同學(xué)依賴于各類信息資訊的發(fā)布和新聞炒作，迷失了個人的成長方向,對學(xué)生的身心和學(xué)業(yè)都會造成不利影響，這些都背離了校園文化APP的初衷，這也是目前各類校園文化APP明顯存在的功能問題，需要進(jìn)行深度的再修改和提升。

校園APP目標(biāo)用戶很明確，就是高校大學(xué)生，確立了目標(biāo)群體，就要做好市場與用戶需求分析等工作，確認(rèn)學(xué)生的實(shí)際需求，根據(jù)用戶需求確定精確的產(chǎn)品功能形態(tài)[3] 。校園文化APP的本質(zhì)是提供平臺讓學(xué)生合理有效地受益，從中推廣和創(chuàng)新本校的校園文化。

通過建立以熱力圖作為校園文化APP界面設(shè)計的表現(xiàn)形式，傳達(dá)校園文化地標(biāo)和文化活動的參與度和活躍度，吸引在校師生參與熱度較高的文化活動，同時積極鼓勵他們在文化地標(biāo)周邊創(chuàng)建多樣性文化活動，為校園創(chuàng)造更多的文化精神，推動校園文化的全面發(fā)展。當(dāng)所創(chuàng)建的文化活動的參與人數(shù)增多、影響范圍持續(xù)擴(kuò)大時，可以作為一種新興文化地標(biāo)成功建立的體現(xiàn)，相對于傳統(tǒng)文化地標(biāo)，創(chuàng)新型的新興文化地標(biāo)會更具新鮮活力，有利于激發(fā)在校師生的積極參與精神，鍛煉團(tuán)隊(duì)合作能力,減少“低頭族”這類現(xiàn)象。

二、數(shù)據(jù)可視化的熱力圖界面案例分析

熱力圖又名等值線地圖，區(qū)別于傳統(tǒng)地圖，熱力圖是一種將區(qū)域信息可視化的新型地圖。將線下信息進(jìn)行系統(tǒng)的整合，按照傳統(tǒng)地圖的信息區(qū)域位置，進(jìn)行合理的排列分布。根據(jù)時代的發(fā)展，傳統(tǒng)需求與新興需求緊密結(jié)合是熱力圖的核心功能之一。

熱力圖形式作為近幾年來一種熟知的表現(xiàn)形式存在于各個地圖軟件產(chǎn)品中，熱力圖作為界面設(shè)計的視覺載體，結(jié)合必備的導(dǎo)航、搜索、定位這等一系列輔助功能，發(fā)散服務(wù)功能的作用服務(wù)用戶。

熱力圖以LBS平臺手機(jī)用戶地理位置數(shù)據(jù)為基礎(chǔ)，通過一定的空間表達(dá)處理，最終呈現(xiàn)給用戶不同程度的人群集聚度，即通過疊加在網(wǎng)絡(luò)地圖上的不同色塊來實(shí)時描述城市中人群的分布情況[4] 。熱力圖界面數(shù)據(jù)可根據(jù)不同的地區(qū)、人口密度、交通情況、天氣變化、活動類型等進(jìn)行分類，以全新的視角展現(xiàn)同一時間段或不同時間段的數(shù)據(jù)情況，既是現(xiàn)實(shí)生活的實(shí)時展現(xiàn)，也是線上線下數(shù)據(jù)相互交流、相互促進(jìn)的體現(xiàn)，方便用戶把控全局，進(jìn)行多樣的選擇，信息的緊密相連和推陳出新同時也會不斷提升不同領(lǐng)域的價值存在，挖掘潛在可能性。

“以人為本”的設(shè)計理念貼合社會的需求，同時緊密結(jié)合自然環(huán)境。（如圖1）所示的百度熱力圖界面設(shè)計，它是百度在2014年新推出的一款大數(shù)據(jù)可視化產(chǎn)品，具有一定的視覺識別度，通過藍(lán)、綠、黃、紅這四種基本顏色，結(jié)合漸變設(shè)計，基于大數(shù)據(jù)的前提下，清晰地看到當(dāng)時城市中的人群分布和不同地理位置活動的整體情況，有利于幫助開發(fā)者提取明確有效的數(shù)據(jù)信息，為產(chǎn)品后續(xù)功能的發(fā)展提供有利條件。

三、基于熱力圖界面案例的分析開發(fā)校園文化APP的熱力圖界面

（一）校園地圖的空間結(jié)構(gòu)分析

校園空間結(jié)構(gòu)較為整體和諧，（如圖2）所示文化地標(biāo)分布在不同的地理位置，如平面空地、不同樓層空間等。校園建筑和景觀的自然結(jié)合，不像城市商業(yè)廣場過于復(fù)雜交錯，商場樓層空間會隨著城市規(guī)模的發(fā)展慢慢形成商業(yè)綜合體，商場日益多樣復(fù)雜，商店也會推陳出新，所以，相較于商場的空間結(jié)構(gòu)，校園空間在一定程度上屬于簡易性空間。

（二）收集和分析校園數(shù)據(jù)

將熱力圖應(yīng)用于設(shè)計校園文化APP界面交互模式時，要因地制宜進(jìn)行設(shè)計。熱力圖的設(shè)計需要充分考慮校園的人文精神和學(xué)術(shù)氛圍，基于文化建筑和景觀本身特點(diǎn)，統(tǒng)籌人群分布和活動分布的情況，采用區(qū)域劃分設(shè)計。在進(jìn)行制作的初期，可以采用案例分析法和閱讀文獻(xiàn)借鑒可取之處，在確定開展制作后，需要分組計劃進(jìn)行線上線下的問卷調(diào)查，不排除多次問卷的方式，將線下所收集的各項(xiàng)資料進(jìn)行分類。

收集的數(shù)據(jù)（如表2）所示，主要分為文化地標(biāo)、目標(biāo)人群和文化活動這三類。

(三)校園文化APP設(shè)計

1.功能設(shè)計

在前期工作的基礎(chǔ)上，根據(jù)人群、地標(biāo)、活動的整體分析，明確目標(biāo)用戶所需，了解在校師生對于校園文化的關(guān)注度和參與度，從中挖掘如何吸引線下的師生參與線上的活動，深入研究功能設(shè)計。

在設(shè)計初期可以采用模擬用戶體驗(yàn)地圖的方式，（如圖3）所示，用戶體驗(yàn)地圖描述了用戶的使用經(jīng)歷，是一個從用戶的視角去理解用戶如何與產(chǎn)品交互的設(shè)計工具，能直觀地展示出用戶（使用特定產(chǎn)品）在達(dá)成某個具體目標(biāo)的過程中的接觸點(diǎn)、行為流、需求、期望和整體體驗(yàn)水平[5] 。功能設(shè)計模擬圖主要包含主頁、發(fā)現(xiàn)、創(chuàng)建、消息、個人五大功能，從中提煉出各個階段產(chǎn)品需要為用戶提供的服務(wù)以及用戶期望達(dá)成的目標(biāo)值，從細(xì)節(jié)優(yōu)化體驗(yàn)。

2.界面設(shè)計

校園文化APP的界面設(shè)計是一種視覺傳達(dá)信息的方式，在很大程度上體現(xiàn)著一個產(chǎn)品體系的服務(wù)態(tài)度、質(zhì)量和操作體驗(yàn)。在設(shè)計以熱力圖為主的校園文化地標(biāo)APP時，（如圖4）所示，直觀的信息傳達(dá)很重要，在地圖上需要充分展現(xiàn)校園整體的信息構(gòu)架布局。

以熱力圖為主的校園文化APP在設(shè)計地圖的時候要在原有的現(xiàn)實(shí)地圖上進(jìn)行提煉，將復(fù)雜的地標(biāo)和空間環(huán)境簡潔易懂化，以一種特殊高亮的形式顯示在訪客熱衷的頁面區(qū)域，便于用戶選擇和瀏覽，潛意識提醒目前所瀏覽的活動或者地標(biāo)是關(guān)注度較高的，是這個區(qū)域的訪客興趣焦點(diǎn)。

熱力圖有高熱區(qū)和次熱區(qū)，在一定程度上代表了校園文化活動內(nèi)人群高度集中的區(qū)域和較為平淡的區(qū)域。這不僅僅要求實(shí)時跟進(jìn)人群分布同時還要一可視化的表現(xiàn)方式顯現(xiàn)在網(wǎng)絡(luò)平臺上，這在交互流程操作中較為復(fù)雜但又要求極其精準(zhǔn)。以熱力圖為核心功能的校園APP采用比以往媒介更加豐富多彩的表現(xiàn)形式，拓寬了人與人的互動渠道[6] 。時間、地理、人物、事件和天氣都會影響熱力圖熱度的體現(xiàn)，一般周一至周四時間段的熱力圖熱度比較平穩(wěn)，沒有太明顯的熱度，而在周五和周末放假期間，人群密度聚集較高，熱度會逐漸偏高，這也說明，在校師生合理地規(guī)劃校園生活，勞逸結(jié)合地參與互動和學(xué)習(xí)。

結(jié)語

在校園文化APP產(chǎn)品中，熱度較高的文化活動長期處于穩(wěn)定狀態(tài)，但是隨著時間的推移，新興活動的萌芽發(fā)展，人群密度的中心會漸漸有所分散，新興活動慢慢壯大以至于達(dá)到能樹立新的文化地標(biāo)的程度。而熱度較高的文化地標(biāo)或者文化活動也會有一定的競爭壓力，它們也在創(chuàng)新自身的體制，與時俱進(jìn)開發(fā)的自己創(chuàng)新點(diǎn)來穩(wěn)固高熱度的活動范圍。當(dāng)校園文化處于這樣一種積極奮進(jìn)又充滿生機(jī)的氛圍里時，既能夠促進(jìn)校的園文化全面，又能讓學(xué)生自主自發(fā)性地參與和創(chuàng)建校園文化地標(biāo)，通過學(xué)生之間的互動推廣，創(chuàng)造特色的校園文化精神。

本文系華東理工大學(xué)第八屆大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃項(xiàng)目的上海市級項(xiàng)目（項(xiàng)目編號：S16130）

參考文獻(xiàn)

[1] 朱廣福 . 黃永蘭 . 楊溯然 . 高校移動校園APP的研究與設(shè)計 [J] . 計算機(jī)光盤軟件與應(yīng)用 . 2015 (3) : 280

[2] 查大元 . 黃楚 . 淺析校園APP影響校園文化便捷校園生活——基于江西財經(jīng)大學(xué)校園APP“醬菜壇子”運(yùn)營情況 [J] . 科技廣場 . 2015 (4) : 155-158

[3] 林金壕 . 李麗瓊 . 霍英 . 校園APP的功能設(shè)計與運(yùn)營研究——以“走進(jìn)韶院”校園APP為例 [J] . 韶關(guān)學(xué)院學(xué)報 . 2015 . 36 (12) : 13-18

[4] 吳志強(qiáng) . 葉鍾楠 . 基于百度地圖熱力圖的城市空間結(jié)構(gòu)研究——以上海中心城區(qū)為例 [J] . 城市規(guī)劃 . 2016 . 40 (4) : 33-40

[5] 李洋 . 蔣曉 . 丁潔 . 用戶體驗(yàn)地圖在O2O產(chǎn)品交互設(shè)計中的應(yīng)用研究 [J] . 設(shè)計 . 2017 (6) ：134-136

[6] 莊一民 . 高等學(xué)校APP手機(jī)平臺的育人功能分析 [J] . 沈陽農(nóng)業(yè)大學(xué)學(xué)報（社會科學(xué)版）. 2015 . 17 (2) : 165-167