華東理工大學 藝術設計與傳媒學院 陳 慧 張則棟 蔣正清 

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

關鍵詞：熱力圖 校園文化APP 界面設計 

中圖分類號：TB47 文獻標識碼：Ａ

文章編號：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

引言

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

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

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

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

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

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

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

校園APP目標用戶很明確，就是高校大學生，確立了目標群體，就要做好市場與用戶需求分析等工作，確認學生的實際需求，根據用戶需求確定精確的產品功能形態[3] 。校園文化APP的本質是提供平臺讓學生合理有效地受益，從中推廣和創新本校的校園文化。

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

二、數據可視化的熱力圖界面案例分析

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

熱力圖形式作為近幾年來一種熟知的表現形式存在于各個地圖軟件產品中，熱力圖作為界面設計的視覺載體，結合必備的導航、搜索、定位這等一系列輔助功能，發散服務功能的作用服務用戶。

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

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

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

（一）校園地圖的空間結構分析

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

（二）收集和分析校園數據

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

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

(三)校園文化APP設計

1.功能設計

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

在設計初期可以采用模擬用戶體驗地圖的方式，（如圖3）所示，用戶體驗地圖描述了用戶的使用經歷，是一個從用戶的視角去理解用戶如何與產品交互的設計工具，能直觀地展示出用戶（使用特定產品）在達成某個具體目標的過程中的接觸點、行為流、需求、期望和整體體驗水平[5] 。功能設計模擬圖主要包含主頁、發現、創建、消息、個人五大功能，從中提煉出各個階段產品需要為用戶提供的服務以及用戶期望達成的目標值，從細節優化體驗。

2.界面設計

校園文化APP的界面設計是一種視覺傳達信息的方式，在很大程度上體現著一個產品體系的服務態度、質量和操作體驗。在設計以熱力圖為主的校園文化地標APP時，（如圖4）所示，直觀的信息傳達很重要，在地圖上需要充分展現校園整體的信息構架布局。

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

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

結語

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

本文系華東理工大學第八屆大學生創新創業訓練計劃項目的上海市級項目（項目編號：S16130）

參考文獻

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

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

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

[4] 吳志強 . 葉鍾楠 . 基于百度地圖熱力圖的城市空間結構研究——以上海中心城區為例 [J] . 城市規劃 . 2016 . 40 (4) : 33-40

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

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