热力图在校园文化APP界面设计中的应用研究 THE APPLIED RESEARCH OF HEAT MAP IN CAMPUS CULTURE APPLICATION’S INTERFACE DESIGN

0

华东理工大学 艺术设计与传媒学院 陈 慧 张则栋 蒋正清 

摘要:智能手机的飞速发展促进了校园APP的开发,校园APP涵盖了各类校园活动和校内服务,同时又具有推广校园文化的重要作用。文章阐述了师生参与和创建的校园活动以及新兴文化地标所形成的热力图在校园文化APP中的线上线下推广方式和实际应用效果,总结校园文化活动和地标的特点并着重分析其人文精神和价值意义,尝试设计创新型校园文化APP的热力图界面模式,为师生提供更加便利的校园服务,同时更加综合全面的推广校园文化。

关键词:热力图 校园文化APP 界面设计 

中图分类号:TB47 文献标识码:

文章编号1003-0069(2017)08-0133-03

Abstract:The developing of campus cultural application is motivated by the cellphonesimpressive 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明显存在的功能问题,需要进行深度的再修改和提升。

屏幕快照 2018-04-27 上午10.26.51.png

校园APP目标用户很明确,就是高校大学生,确立了目标群体,就要做好市场与用户需求分析等工作,确认学生的实际需求,根据用户需求确定精确的产品功能形态[3] 。校园文化APP的本质是提供平台让学生合理有效地受益,从中推广和创新本校的校园文化。

通过建立以热力图作为校园文化APP界面设计的表现形式,传达校园文化地标和文化活动的参与度和活跃度,吸引在校师生参与热度较高的文化活动,同时积极鼓励他们在文化地标周边创建多样性文化活动,为校园创造更多的文化精神,推动校园文化的全面发展。当所创建的文化活动的参与人数增多、影响范围持续扩大时,可以作为一种新兴文化地标成功建立的体现,相对于传统文化地标,创新型的新兴文化地标会更具新鲜活力,有利于激发在校师生的积极参与精神,锻炼团队合作能力,减少“低头族”这类现象。

二、数据可视化的热力图界面案例分析

热力图又名等值线地图,区别于传统地图,热力图是一种将区域信息可视化的新型地图。将线下信息进行系统的整合,按照传统地图的信息区域位置,进行合理的排列分布。根据时代的发展,传统需求与新兴需求紧密结合是热力图的核心功能之一。

热力图形式作为近几年来一种熟知的表现形式存在于各个地图软件产品中,热力图作为界面设计的视觉载体,结合必备的导航、搜索、定位这等一系列辅助功能,发散服务功能的作用服务用户。

热力图以LBS平台手机用户地理位置数据为基础,通过一定的空间表达处理,最终呈现给用户不同程度的人群集聚度,即通过叠加在网络地图上的不同色块来实时描述城市中人群的分布情况[4] 。热力图界面数据可根据不同的地区、人口密度、交通情况、天气变化、活动类型等进行分类,以全新的视角展现同一时间段或不同时间段的数据情况,既是现实生活的实时展现,也是线上线下数据相互交流、相互促进的体现,方便用户把控全局,进行多样的选择,信息的紧密相连和推陈出新同时也会不断提升不同领域的价值存在,挖掘潜在可能性。

“以人为本”的设计理念贴合社会的需求,同时紧密结合自然环境。(如图1)所示的百度热力图界面设计,它是百度在2014年新推出的一款大数据可视化产品,具有一定的视觉识别度,通过蓝、绿、黄、红这四种基本颜色,结合渐变设计,基于大数据的前提下,清晰地看到当时城市中的人群分布和不同地理位置活动的整体情况,有利于帮助开发者提取明确有效的数据信息,为产品后续功能的发展提供有利条件。

屏幕快照 2018-04-27 上午10.27.16.png

三、基于热力图界面案例的分析开发校园文化APP的热力图界面

(一)校园地图的空间结构分析

校园空间结构较为整体和谐,(如图2)所示文化地标分布在不同的地理位置,如平面空地、不同楼层空间等。校园建筑和景观的自然结合,不像城市商业广场过于复杂交错,商场楼层空间会随着城市规模的发展慢慢形成商业综合体,商场日益多样复杂,商店也会推陈出新,所以,相较于商场的空间结构,校园空间在一定程度上属于简易性空间。

(二)收集和分析校园数据

将热力图应用于设计校园文化APP界面交互模式时,要因地制宜进行设计。热力图的设计需要充分考虑校园的人文精神和学术氛围,基于文化建筑和景观本身特点,统筹人群分布和活动分布的情况,采用区域划分设计。在进行制作的初期,可以采用案例分析法和阅读文献借鉴可取之处,在确定开展制作后,需要分组计划进行线上线下的问卷调查,不排除多次问卷的方式,将线下所收集的各项资料进行分类。

收集的数据(如表2)所示,主要分为文化地标、目标人群和文化活动这三类。

屏幕快照 2018-04-27 上午10.36.24.png

()校园文化APP设计

1.功能设计

在前期工作的基础上,根据人群、地标、活动的整体分析,明确目标用户所需,了解在校师生对于校园文化的关注度和参与度,从中挖掘如何吸引线下的师生参与线上的活动,深入研究功能设计。

在设计初期可以采用模拟用户体验地图的方式,(如图3)所示,用户体验地图描述了用户的使用经历,是一个从用户的视角去理解用户如何与产品交互的设计工具,能直观地展示出用户(使用特定产品)在达成某个具体目标的过程中的接触点、行为流、需求、期望和整体体验水平[5] 。功能设计模拟图主要包含主页、发现、创建、消息、个人五大功能,从中提炼出各个阶段产品需要为用户提供的服务以及用户期望达成的目标值,从细节优化体验。

2.界面设计

校园文化APP的界面设计是一种视觉传达信息的方式,在很大程度上体现着一个产品体系的服务态度、质量和操作体验。在设计以热力图为主的校园文化地标APP时,(如图4)所示,直观的信息传达很重要,在地图上需要充分展现校园整体的信息构架布局。

以热力图为主的校园文化APP在设计地图的时候要在原有的现实地图上进行提炼,将复杂的地标和空间环境简洁易懂化,以一种特殊高亮的形式显示在访客热衷的页面区域,便于用户选择和浏览,潜意识提醒目前所浏览的活动或者地标是关注度较高的,是这个区域的访客兴趣焦点。

屏幕快照 2018-04-27 上午10.27.48.png

热力图有高热区和次热区,在一定程度上代表了校园文化活动内人群高度集中的区域和较为平淡的区域。这不仅仅要求实时跟进人群分布同时还要一可视化的表现方式显现在网络平台上,这在交互流程操作中较为复杂但又要求极其精准。以热力图为核心功能的校园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