设计案例-掌上一张图国土资源管理系统

设计案例：掌上一张图国土资源管理系

统

多平台地图资源管理系统

项目介绍

掌上一张图是国土资源局的一套国土资源管理系统，其以便携式数据采集终端设备(iPad)的图形图像处理子系统为平台，将遥感数据源、土地利用现状图以及相关国土资源管理数据(包括规划利用、土地报批、储备供地、开发造地和违法用地数据等)经过预处理后，配准存入IPAD之中，利用土地变更软件实现批、供、用、补、查全方位数据叠加分析功能。在国土资源监管核查时，工作人员可在iPad上进行现场绘图、数据量算、属性录入、实时查阅、比对分析和拍照取证等变更调查工序，从而实现“办公即时化”，提高了工作效率、减少了调查人员的作业难度和劳动强度，调查成果的准确率得到了明显提高。

旧版解析

旧版产品根据我们的评估分析，存在很多体验感受及视觉引导上的问题。

1. 界面上由于信息列表、功能管理图标以及功能按钮区域过大，使得可视区域太小，不能够满足用户的可视需求。

2. 图层管理列表里面的状态栏下的绿色和红色的状态很难被用户理解。

3. 界面右上方的功能按钮风格不统一，图标的来源也具版权争议。

多平台处理

国土资源管理系统是个多平台合作处理系统，由手持端、PC端以及iPad端组成。其中手持端和Ipad端口用于野外土地数据采集和录入，PC端口用于数据处理。考虑到用户使用不同端口的场景，以及不同端口的平台属性，我们在保持整个系统界面设计风格一致的情况下，我们针对手持端、Ipad端以及PC端进行了相应的处理，以提供用户最良好的体验。

解决方案

为了避免强烈的阳光对于在户外使用移动端时候造成屏幕反射困扰，界面采用了深色色调。配合行业特征，做了轻质感处理，整体界面严肃、专业、干净整洁。为了尽量的让地图可视化面积加大，界面局部也相应做了优化。导航以点击缩进的方式列固定在屏幕一侧，其他操作面板以弹出方式浮动在界面上。

在用户熟悉导航栏图标所对应的功能以后，用户可以直接点击图标进行操作；当用户不太理解图标对应的功能时，可以拉开导航工具栏，查看具体的文字指示。在设计pc端的界面时候，考虑到pc端主要为数据处理使用，我们优化了数据处理的相应的交互设计和视觉设计。

在iPad端，可以完全缩进的右侧导航栏、配有文字说明的功能图标、采用半透明设计的导航栏都尽可能增大可视区域，满足用户使用屏幕尺寸有限的iPad端来进行户外土地数据采集和录入的功能。

在手持端，考虑到用户使用习惯，我们将导航栏放在底端。为了进一步扩大可视区域，导航栏中显示最重要的功能图标并且减少了对于图标的文字说明。

此外，我们充分考虑了用户体验。为了避免强烈的阳光对于在户外使用移动端时候造成屏幕反射困扰，我们在对于移动端采用了深色的界面设计。在项目最后，为了统一三个不同平台的风格，我们出具了一套UI视觉规范，包括图标、按钮、文字、间距等元素。