微软城市空气质量(U-Air)在Web端和移动端的设计与开发

摘要

城市空气质量是反映城市空气污染程度的指标，它与人们的生活健康息息相关，近年来，由于城市工业企业生产的排放、汽车尾气的排放、居民生活和取暖以及气候等多种因素的影响，城市的空气质量每况愈下，危害到人类、植物及动物的生活，诱发各种呼吸道疾病，人们的生活环境面临的严峻的挑战。
　　城市空气质量，例如，PM2.5的浓度对于保护人类健康是非常重要的。由于在城市只有有限的空气质量监测点，在整个城市的空间里，空气质量呈现出明显的非线性的变化，我们不知道没有监测点地区的空气质量，我们也不知道应该在哪些地方建立监测点。在这个项目中，我们根据已有的监测站所提供的空气质量报告和代表城市动态的数据源来推测实时的细颗粒度空气质量，并结合产品的内容与功能建立起以用户为中心的城市空气质量查询网站和手机应用，产品中储存大量的城市空气质量实时数据和历史数据分析，将为城市环境的治理提供的数据支持。
　　论文围绕着空气质量数据和产品功能的关系，分析与研究空气质量数据与界面在Web端的设计和在移动端的设计。界面设计的初期，对Web端基于地图的竞争产品进行比较分析，对U-Air初步概念进行深度分析，寻找U-Air在Web端设计的创新点与突破点，从而进行产品的功能设计、流程设计、布局设计和视觉设计。U-Air移动端的设计，以WindowPhone系统的设计规范为基础，根据产品的需求与功能，结合产品的使用场景，按照以人为中心的设计原则展开产品的信息架构、交互流程、页面布局和视觉界面设计，在此基础上进行产品的开发与测试。
　　微软城市空气质量(U-Air)是国内外首个的推出集查询实时的某点、某区域细颗粒空气质量，查看全城空气质量分布，查看空气质量数据分析等功能为一体的web端产品和移动端产品。对于笔者来说也是一次全新的探索与挑战，本文记录了笔者在项目进行的过程中遇到的一些问题和解决问题的方法。U-Air项目的意义不仅是方便用户查询空气质量，它对于整个城市中环境问题的解决也是极其重要的科学理论依据。

目录

声明

摘要

插图索引

第1章 绪论

1．1 课题研究的背景

1．1．1 课题研究的理论背景

1．1．2 课题研究现实背景

1．2 课题研究的来源

1．3 课题的主要工作流程

1．4 课题研究的意义

1．5 论文的组织架构

第2章 与地图相关的Web端竞争产品分析

第3章 U-Air在web端的设计与开发

3．1 城市空气质量数据的获取与计算简析

3．2 U-Air Web端“初步概念”的设计分析

3．3 U-Air Web端的交互设计

3．3．1 产品信息架构的方式

3．3．2 产品界面原型设计

3．4 U-Air Web端界面的视觉设计

3．4．1 工具栏、弹出框中新图标的设计

3．4．2 产品视觉界面设计原型

3．5 前端开发与测试

3．6 U-Air Web端可用性测试

3．7 U-Air Web端设计与实施的难点问题探讨

第4章 U-Air在移动端的设计与研究

4．1 Window phone系统交互设计及其内涵简介

4．2 U-Air移动端的交互设计

4．2．1 U-Air移动端信息架构的重组

4．2．2 U-Air移动端页面流程设计

4．2．3 U-Air移动端的界面原型设计

4．3 U-Air移动端界面的视觉设计

4．3．1 应用程序栏新图标设计

4．3．2 产品视觉界面设计原型

4．4 前端开发与测试

4．5 U-Air移动端设计与实施的难点问题探讨

结论

参考文献

附录A U-Air Web端视觉高保真

附录B U-Air移动端视觉高保真

附录C 布展照片

附录D 实习证明

致谢