華東理工大學(xué) 藝術(shù)設(shè)計(jì)與傳媒學(xué)院 陳 慧 張則棟 蔣正清
摘要：智能手機(jī)的飛速發(fā)展促進(jìn)了校園APP的開發(fā)，校園APP涵蓋了各類校園活動(dòng)和校內(nèi)服務(wù)，同時(shí)又具有推廣校園文化的重要作用。文章闡述了師生參與和創(chuàng)建的校園活動(dòng)以及新興文化地標(biāo)所形成的熱力圖在校園文化APP中的線上線下推廣方式和實(shí)際應(yīng)用效果，總結(jié)校園文化活動(dòng)和地標(biāo)的特點(diǎn)并著重分析其人文精神和價(jià)值意義，嘗試設(shè)計(jì)創(chuàng)新型校園文化APP的熱力圖界面模式，為師生提供更加便利的校園服務(wù)，同時(shí)更加綜合全面的推廣校園文化。
關(guān)鍵詞：熱力圖 校園文化APP 界面設(shè)計(jì)
中圖分類號(hào)：TB47 文獻(xiàn)標(biāo)識(shí)碼：Ａ
文章編號(hà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)被定義為具有象征意義且固定不變的建筑景觀，在如今信息需求急劇增多的時(shí)代，校園文化地標(biāo)被重新定義，它不僅僅是歷史悠久固定不變的校園建筑，它也可以是校園文化活動(dòng)長期穩(wěn)定發(fā)展所形成的某一具體場所。
當(dāng)今是一個(gè)文化活躍的信息時(shí)代，校園是文化活躍的重要領(lǐng)域之一，文化活動(dòng)的影響力是由在校師生的積極參與和團(tuán)體組織共同推廣的,這種影響力很大程度上是一種人口密集和活躍度較高的體現(xiàn)，在表現(xiàn)形式上是一種熱點(diǎn)現(xiàn)象，而這種熱點(diǎn)現(xiàn)象被稱熱力圖，這種熱力圖傳達(dá)某一具體區(qū)域不同的動(dòng)態(tài)現(xiàn)狀。因此，基于熱力圖數(shù)據(jù)可視化這一概念，以熱力圖表現(xiàn)形式設(shè)計(jì)校園文化APP的功能模式，以一種創(chuàng)新視覺化的方式進(jìn)行校園文化推廣。一，契合信息時(shí)代的發(fā)展，將數(shù)據(jù)可視化；二，整合線下人力物力資源構(gòu)建體系化的系統(tǒng)供線上平臺(tái)使用，便捷用戶的行為方式；三，有效發(fā)揮在校師生的主體作用，積極發(fā)揮主觀創(chuàng)造性，創(chuàng)造良好的校園文化環(huán)境，利用這種創(chuàng)新的交互模式充分調(diào)動(dòng)線下資源，以服務(wù)在校師生為主旨，吸引在校師生參與多樣化的校園文化活動(dòng)，提升校園軟實(shí)力，全面綜合的發(fā)展校園文化。
一、目前校園文化APP所存在的問題以及熱力圖應(yīng)用其中的創(chuàng)新之處
現(xiàn)如今，各個(gè)高校都擁有各自專屬的校園文化APP，構(gòu)建特色的移動(dòng)校園交互平臺(tái)。移動(dòng)校園的用戶以特定學(xué)校的學(xué)生群體和教師為主，其所提供的信息具有本土化、實(shí)用性強(qiáng)、具有一定的時(shí)效性等特點(diǎn)[1] 。而以在校師生作為主要用戶，目的是創(chuàng)造一個(gè)體系化的校園服務(wù)平臺(tái)為廣大師生提供學(xué)習(xí)、娛樂、交友等渠道，豐富和便捷校園生活。
隨著時(shí)代的發(fā)展，信息需求逐漸增多，校園APP成了新一屆大學(xué)生快速了解學(xué)校、融入大學(xué)生活的快捷通道[2] 。APP的功能也日漸豐富，很多APP平臺(tái)趨向開啟功能綜合性撒網(wǎng)模式，將各個(gè)需求功能都添加進(jìn)來，主功能的主導(dǎo)價(jià)值也逐漸被各類輔助功能給替代，也使同一款APP的價(jià)值導(dǎo)向逐漸分散。
部分校園文化APP功能過多，雖然“很貼心”，但也潛伏著隱患。校園APP的設(shè)計(jì)流程如果設(shè)計(jì)得不夠精細(xì)化就會(huì)產(chǎn)生一種通病，而種通病也會(huì)非常容易帶來不便，會(huì)存在（如表1）所示的問題：
除了這些隱患，在使用校園APP過程中，由于在校學(xué)生容易接受新鮮信息，加上自控力薄弱容易沉迷于APP輔助功能，比如游戲休閑功能，很多同學(xué)為了通關(guān)游戲或者達(dá)到一定級(jí)別而通宵或者在課堂上玩游戲，而有的同學(xué)依賴于各類信息資訊的發(fā)布和新聞炒作，迷失了個(gè)人的成長方向,對(duì)學(xué)生的身心和學(xué)業(yè)都會(huì)造成不利影響，這些都背離了校園文化APP的初衷，這也是目前各類校園文化APP明顯存在的功能問題，需要進(jìn)行深度的再修改和提升。
校園APP目標(biāo)用戶很明確，就是高校大學(xué)生，確立了目標(biāo)群體，就要做好市場與用戶需求分析等工作，確認(rèn)學(xué)生的實(shí)際需求，根據(jù)用戶需求確定精確的產(chǎn)品功能形態(tài)[3] 。校園文化APP的本質(zhì)是提供平臺(tái)讓學(xué)生合理有效地受益，從中推廣和創(chuàng)新本校的校園文化。
通過建立以熱力圖作為校園文化APP界面設(shè)計(jì)的表現(xiàn)形式，傳達(dá)校園文化地標(biāo)和文化活動(dòng)的參與度和活躍度，吸引在校師生參與熱度較高的文化活動(dòng)，同時(shí)積極鼓勵(lì)他們?cè)谖幕貥?biāo)周邊創(chuàng)建多樣性文化活動(dòng)，為校園創(chuàng)造更多的文化精神，推動(dòng)校園文化的全面發(fā)展。當(dāng)所創(chuàng)建的文化活動(dòng)的參與人數(shù)增多、影響范圍持續(xù)擴(kuò)大時(shí)，可以作為一種新興文化地標(biāo)成功建立的體現(xiàn)，相對(duì)于傳統(tǒng)文化地標(biāo)，創(chuàng)新型的新興文化地標(biāo)會(huì)更具新鮮活力，有利于激發(fā)在校師生的積極參與精神，鍛煉團(tuán)隊(duì)合作能力,減少“低頭族”這類現(xiàn)象。
二、數(shù)據(jù)可視化的熱力圖界面案例分析
熱力圖又名等值線地圖，區(qū)別于傳統(tǒng)地圖，熱力圖是一種將區(qū)域信息可視化的新型地圖。將線下信息進(jìn)行系統(tǒng)的整合，按照傳統(tǒng)地圖的信息區(qū)域位置，進(jìn)行合理的排列分布。根據(jù)時(shí)代的發(fā)展，傳統(tǒng)需求與新興需求緊密結(jié)合是熱力圖的核心功能之一。
熱力圖形式作為近幾年來一種熟知的表現(xiàn)形式存在于各個(gè)地圖軟件產(chǎn)品中，熱力圖作為界面設(shè)計(jì)的視覺載體，結(jié)合必備的導(dǎo)航、搜索、定位這等一系列輔助功能，發(fā)散服務(wù)功能的作用服務(wù)用戶。
熱力圖以LBS平臺(tái)手機(jī)用戶地理位置數(shù)據(jù)為基礎(chǔ)，通過一定的空間表達(dá)處理，最終呈現(xiàn)給用戶不同程度的人群集聚度，即通過疊加在網(wǎng)絡(luò)地圖上的不同色塊來實(shí)時(shí)描述城市中人群的分布情況[4] 。熱力圖界面數(shù)據(jù)可根據(jù)不同的地區(qū)、人口密度、交通情況、天氣變化、活動(dòng)類型等進(jìn)行分類，以全新的視角展現(xiàn)同一時(shí)間段或不同時(shí)間段的數(shù)據(jù)情況，既是現(xiàn)實(shí)生活的實(shí)時(shí)展現(xiàn)，也是線上線下數(shù)據(jù)相互交流、相互促進(jìn)的體現(xiàn)，方便用戶把控全局，進(jìn)行多樣的選擇，信息的緊密相連和推陳出新同時(shí)也會(huì)不斷提升不同領(lǐng)域的價(jià)值存在，挖掘潛在可能性。
“以人為本”的設(shè)計(jì)理念貼合社會(huì)的需求，同時(shí)緊密結(jié)合自然環(huán)境。（如圖1）所示的百度熱力圖界面設(shè)計(jì)，它是百度在2014年新推出的一款大數(shù)據(jù)可視化產(chǎn)品，具有一定的視覺識(shí)別度，通過藍(lán)、綠、黃、紅這四種基本顏色，結(jié)合漸變?cè)O(shè)計(jì)，基于大數(shù)據(jù)的前提下，清晰地看到當(dāng)時(shí)城市中的人群分布和不同地理位置活動(dòng)的整體情況，有利于幫助開發(fā)者提取明確有效的數(shù)據(jù)信息，為產(chǎn)品后續(xù)功能的發(fā)展提供有利條件。
三、基于熱力圖界面案例的分析開發(fā)校園文化APP的熱力圖界面
（一）校園地圖的空間結(jié)構(gòu)分析
校園空間結(jié)構(gòu)較為整體和諧，（如圖2）所示文化地標(biāo)分布在不同的地理位置，如平面空地、不同樓層空間等。校園建筑和景觀的自然結(jié)合，不像城市商業(yè)廣場過于復(fù)雜交錯(cuò)，商場樓層空間會(huì)隨著城市規(guī)模的發(fā)展慢慢形成商業(yè)綜合體，商場日益多樣復(fù)雜，商店也會(huì)推陳出新，所以，相較于商場的空間結(jié)構(gòu)，校園空間在一定程度上屬于簡易性空間。
（二）收集和分析校園數(shù)據(jù)
將熱力圖應(yīng)用于設(shè)計(jì)校園文化APP界面交互模式時(shí)，要因地制宜進(jìn)行設(shè)計(jì)。熱力圖的設(shè)計(jì)需要充分考慮校園的人文精神和學(xué)術(shù)氛圍，基于文化建筑和景觀本身特點(diǎn)，統(tǒng)籌人群分布和活動(dòng)分布的情況，采用區(qū)域劃分設(shè)計(jì)。在進(jìn)行制作的初期，可以采用案例分析法和閱讀文獻(xiàn)借鑒可取之處，在確定開展制作后，需要分組計(jì)劃進(jìn)行線上線下的問卷調(diào)查，不排除多次問卷的方式，將線下所收集的各項(xiàng)資料進(jìn)行分類。
收集的數(shù)據(jù)（如表2）所示，主要分為文化地標(biāo)、目標(biāo)人群和文化活動(dòng)這三類。
(三)校園文化APP設(shè)計(jì)
1.功能設(shè)計(jì)
在前期工作的基礎(chǔ)上，根據(jù)人群、地標(biāo)、活動(dòng)的整體分析，明確目標(biāo)用戶所需，了解在校師生對(duì)于校園文化的關(guān)注度和參與度，從中挖掘如何吸引線下的師生參與線上的活動(dòng)，深入研究功能設(shè)計(jì)。
在設(shè)計(jì)初期可以采用模擬用戶體驗(yàn)地圖的方式，（如圖3）所示，用戶體驗(yàn)地圖描述了用戶的使用經(jīng)歷，是一個(gè)從用戶的視角去理解用戶如何與產(chǎn)品交互的設(shè)計(jì)工具，能直觀地展示出用戶（使用特定產(chǎn)品）在達(dá)成某個(gè)具體目標(biāo)的過程中的接觸點(diǎn)、行為流、需求、期望和整體體驗(yàn)水平[5] 。功能設(shè)計(jì)模擬圖主要包含主頁、發(fā)現(xiàn)、創(chuàng)建、消息、個(gè)人五大功能，從中提煉出各個(gè)階段產(chǎn)品需要為用戶提供的服務(wù)以及用戶期望達(dá)成的目標(biāo)值，從細(xì)節(jié)優(yōu)化體驗(yàn)。
2.界面設(shè)計(jì)
校園文化APP的界面設(shè)計(jì)是一種視覺傳達(dá)信息的方式，在很大程度上體現(xiàn)著一個(gè)產(chǎn)品體系的服務(wù)態(tài)度、質(zhì)量和操作體驗(yàn)。在設(shè)計(jì)以熱力圖為主的校園文化地標(biāo)APP時(shí)，（如圖4）所示，直觀的信息傳達(dá)很重要，在地圖上需要充分展現(xiàn)校園整體的信息構(gòu)架布局。
以熱力圖為主的校園文化APP在設(shè)計(jì)地圖的時(shí)候要在原有的現(xiàn)實(shí)地圖上進(jìn)行提煉，將復(fù)雜的地標(biāo)和空間環(huán)境簡潔易懂化，以一種特殊高亮的形式顯示在訪客熱衷的頁面區(qū)域，便于用戶選擇和瀏覽，潛意識(shí)提醒目前所瀏覽的活動(dòng)或者地標(biāo)是關(guān)注度較高的，是這個(gè)區(qū)域的訪客興趣焦點(diǎn)。
熱力圖有高熱區(qū)和次熱區(qū)，在一定程度上代表了校園文化活動(dòng)內(nèi)人群高度集中的區(qū)域和較為平淡的區(qū)域。這不僅僅要求實(shí)時(shí)跟進(jìn)人群分布同時(shí)還要一可視化的表現(xiàn)方式顯現(xiàn)在網(wǎng)絡(luò)平臺(tái)上，這在交互流程操作中較為復(fù)雜但又要求極其精準(zhǔn)。以熱力圖為核心功能的校園APP采用比以往媒介更加豐富多彩的表現(xiàn)形式，拓寬了人與人的互動(dòng)渠道[6] 。時(shí)間、地理、人物、事件和天氣都會(huì)影響熱力圖熱度的體現(xiàn)，一般周一至周四時(shí)間段的熱力圖熱度比較平穩(wěn)，沒有太明顯的熱度，而在周五和周末放假期間，人群密度聚集較高，熱度會(huì)逐漸偏高，這也說明，在校師生合理地規(guī)劃校園生活，勞逸結(jié)合地參與互動(dòng)和學(xué)習(xí)。
結(jié)語
在校園文化APP產(chǎn)品中，熱度較高的文化活動(dòng)長期處于穩(wěn)定狀態(tài)，但是隨著時(shí)間的推移，新興活動(dòng)的萌芽發(fā)展，人群密度的中心會(huì)漸漸有所分散，新興活動(dòng)慢慢壯大以至于達(dá)到能樹立新的文化地標(biāo)的程度。而熱度較高的文化地標(biāo)或者文化活動(dòng)也會(huì)有一定的競爭壓力，它們也在創(chuàng)新自身的體制，與時(shí)俱進(jìn)開發(fā)的自己創(chuàng)新點(diǎn)來穩(wěn)固高熱度的活動(dòng)范圍。當(dāng)校園文化處于這樣一種積極奮進(jìn)又充滿生機(jī)的氛圍里時(shí)，既能夠促進(jìn)校的園文化全面，又能讓學(xué)生自主自發(fā)性地參與和創(chuàng)建校園文化地標(biāo)，通過學(xué)生之間的互動(dòng)推廣，創(chuàng)造特色的校園文化精神。
本文系華東理工大學(xué)第八屆大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目的上海市級(jí)項(xiàng)目（項(xiàng)目編號(hào)：S16130）
參考文獻(xiàn)
[1] 朱廣福 . 黃永蘭 . 楊溯然 . 高校移動(dòng)校園APP的研究與設(shè)計(jì) [J] . 計(jì)算機(jī)光盤軟件與應(yīng)用 . 2015 (3) : 280
[2] 查大元 . 黃楚 . 淺析校園APP影響校園文化便捷校園生活——基于江西財(cái)經(jīng)大學(xué)校園APP“醬菜壇子”運(yùn)營情況 [J] . 科技廣場 . 2015 (4) : 155-158
[3] 林金壕 . 李麗瓊 . 霍英 . 校園APP的功能設(shè)計(jì)與運(yùn)營研究——以“走進(jìn)韶院”校園APP為例 [J] . 韶關(guān)學(xué)院學(xué)報(bào) . 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è)計(jì)中的應(yīng)用研究 [J] . 設(shè)計(jì) . 2017 (6) ：134-136
[6] 莊一民 . 高等學(xué)校APP手機(jī)平臺(tái)的育人功能分析 [J] . 沈陽農(nóng)業(yè)大學(xué)學(xué)報(bào)（社會(huì)科學(xué)版）. 2015 . 17 (2) : 165-167