MobileViz界面设计.doc

1、MobileViz：移动智能可视系统界面设计说明书文档修订历史版本号.修改日期修改人/编写审核批准修改内容描述注释beta 1.02014.1.21刘丹界面设计说明书，beta 0.1beta 0.1文档模板历史版本号.修改日期修改人/编写审核批准修改内容描述注释V1.02014.1.21刘丹正式版本V1.0目录1 初始界面41.1 无登陆功能41.2 有登陆功能版本52 功能界面设计62.1 移动商务智能模块62.2 画廊72.2.1 图表列表和单个图例82.3 收藏夹界面131 初始界面1.1 无登陆功能1界面图如图1.1.1：23图1.1.1 界面图 界面图主要包括3个部分，分别对应界面

2、图中的3个圆弧框：（1）软件标题；（2）软件描述部分；（3）预留区域。 （1）软件标题软件标题部分主要包含软件名称，如MobileViz。（2）软件描述部分软件描述部分主要是对软件的精髓描述，拟通过采用LOGO+文字描述的方式，LOGO部分则是软件的LOGO，该部分可参考ROAMBI，文字部分目前拟“数据改变生活，Data change life”。（3）预留部分该区域作为预留区域。1.2 有登陆功能版本界面图如图1.2.1：132图1.1.1 界面图界面图主要包括3个部分，分别对应界面图中的3个圆弧框：（1）软件标题；（2）登陆部分；（3）软件描述部分。（1）软件标题软件标题部分主要包含软件

3、名称，如MobileViz。（2）登陆部分登陆部分主要适用于企业用户，左边的LOGO框可添加企业LOGO，右边则为用户名和密码输入框，以及登陆按钮。（3）软件描述部分软件描述部分主要是对软件的精髓描述，拟通过采用LOGO+文字描述的方式，LOGO部分则是软件的LOGO，该部分可参考ROAMBI，文字部分目前拟“数据改变生活，Data change life”。2 功能界面设计采用fragment框架界面，具体界面图如图2.1.0：图2.1.0 主功能框架图2.1 移动商务智能模块该界面暂时不设计。2.2 画廊画廊模块集成了基础图表、扩展图表等绘图模块，实现数据的图形绘制。界面图如图2.2.1：

4、图2.2.1 画廊模块主界面在画廊模块主界面中，主要包括（1）软件标题；（2）搜索框；（3）图表列表；（4）fragment标签框。（1）软件标题同上，不赘述。（2）搜索框通过输入图表关键字搜索对应的统计图表。（3）图表列表图表列表按照图表的分类（基础图表、扩展图表以及其他分类标准），将所有图表对号入座。单个图表标签包含以下信息：l 图片范例：图表缩略图；l 图表名称：该图表名称，如饼图等等；l 数据描述：该图表数据描述。 （4）frament标签框如图2.2.1。2.2.1 图表列表和单个图例图表列表照图表的分类（基础图表、扩展图表以及其他分类标准），将所有图表对号入座。目前已有分类为基础图

5、表、扩展图表。单个图例界面图如图2.2.2：图2.2.2 单个图例界面图单个图例界面图主要包含：（1）图表名称和收藏图标；（2）图表实例；（3）fragment标签栏。（1）图表名称和收藏图标图表名称。收藏图标用来收藏该图表，通过选择收藏夹则可以看到之前收藏的图表。（2）图表实例图表实例为主要模块，包括数据标题，图例和数据标签。（3）fragment标签栏Fragment标签栏主要包括：l 导出该报告：将该报告导出成其他形式，l 数据下载：从服务端下载相应的数据，该模块指定与企业版本；l 查看数据：查看显示的数据；l 数据类别：根据不同的类别，如收入-支出类别等。 该标签栏中的各项建议用图代替，图比文字更有表现力。Fragment标签栏各功能模块界面分别为：（1）导出该报告导出报告界面如图2.2.3：图2.2.3 导出该报告界面图 图中红色框为弹出框，用于选择不同的导出格式。（2）数据下载图2.2.4为数据下载界面图：图2.2.4 数据下载界面图该功能主要用于企业的数据下载，实现对企业数据的展示。（3）查看数据图2.2.5为数据查看界面：图2.2.5 数据查看界面数据查看界面通过将数据以表格形式展示。（4）数据类别图2.2.6为数据类别选择界面：图2.2.6 数据类别界面数据类别界面通过列表方式，用户可自行选择其中一个数据展示类别。2.3 收藏夹界面 该界面可参考画廊主界面。