网站首页设计说明

首页设计说明书为进一步增强门户网站的公共服务能力，我委拟于近期开展网站升级工作，通过以用户为中心，以服务为导向的指导思想，改善网页人性化设计，增加实用、易用的服务功能，整合、关联政务、业务信息来实现更好地服务于市民。首页是承载整站形象和整站导航的重要页面，经过前期周密调研用户需求、分析用户行为模式，我们设计了两种不同风格的首页，以下为两个方案的设计思路说明：一、 方案1：首页设计整体效果二、 方案1：首页设计构成首页由7个功能分区构成：首页头部、热点导航栏、公共服务栏、信息公开栏、业务信息栏、链接区、首页尾部。1.首页头部：首页头部由（1）网站LOGO、（2）搜索功能条、（3）宣传口号、（4）政府在线网站标识、（5）网站导航条共同构成；这几个构成要素根据“深圳市政府部门网站建设标准规范的要求来设置，同时也符合当前主流网站构成的基本要素要求。2.热点导航栏：该功能区是首页最为醒目、显眼之处，采用大图片与自动切换的方式播放我委近期重点工作、最新专题专栏、重大活动、重大规划等内容。3.公共服务栏：该功能区位于自网页的左侧延伸至中间，主要内容为主题服务、便民服务和场景式服务，这3种服务模式是目前市政府网站年度评估的重点内容，也是网站作为公共服务平台的重要展现。目前国内主流的媒体、印刷品的阅读习惯是自左至右，各级党报头条新闻的位置也是报头左上部位，因此我们将服务放在最容易找到的位置，并自左向下，向中间延伸，形成有效的视觉引导，同时对处于中下部间的场景式服务以图形加大号字的形式突出，以示重要。4.信息公开栏：所谓信息公开栏是指市政府网站评估要求中的最基础的几项信息要求，也称信息公开三大板块：信息公开、在线办事和互动交流。政务信息公开、办事指南、互动交流三大板块的信息量最大，因此在整个首页上占据中心，且面积最大，我们取名为政务篇、办事篇、互动篇，使之形成一个相互的关联、延续。这三大板块采用了点击切屏的网页技术，默认显示为政务篇，点击导航上的办事篇、互动篇，将自动切换到相应板块（可通过动态效果页面来测试：），这是目前流行的节省网页空间的办法。另一方面这也是按照市政府相关部门的相关要求：政府网站网页不宜超出主流电脑一屏半，约1100PX（像素），以利于用户查找信息，因此我们的新的门户网站首页由2200PX缩减一半。5.业务信息栏：该功能区位于首页右侧，主要内容是我委目前9项主要业务的核心信息展示。9项主要业务是指：城市规划、土地管理、房产管理、地质环境、测绘管理、地名管理、海洋管理、城市更新、监察执法。9项业务信息的核心内容列表：房地产服务 （显示内容）地名业务查询房价行情 房源和成交公示地名查询 地名规划存量房交易计税 商品房销售统计地名故事 历史风貌行业管理：开发企业 评估行业城市更新计划经纪行业 违规曝光 关于2012年城市更新单元计划第三批计划公示的公告规划成果查询测绘服务（切换内容）发展策略 总体规划天地图服务：全国 广东 深圳法定图则 详细规划标准地图 空间信息平台城市设计 专项规划成果目录及分发服务近期建设规划 分区组团规划测绘资质管理查询服务用地信息查询地质环境信息查询土地招拍挂信息矿业权出让 勘察许可证土地登记结果 土地出让结果采矿许可证 地质灾害点查询土地使用权转让 土地使用权抵押地质灾害防治 地质遗迹保护监察执法查询海洋管理服务电话举报 短信举报海水浴场环境预报在线举报 微博举报海洋灾害预警预报违法曝光 政策法规海域使用权属登记业务信息栏网页效果：6.链接区：跟我委相关的网站链接区域，主要包括相关城市网站及部委网站，本市相关部门网站、本部门相关网站等，采取了滚动、下拉链接的网页技术，提供了数十项链接。7.首页尾部：页尾主要内容包括：网站备案、主办单位、承办单位、访问统计和版权声明等信息。三、 方案2设计说明（一）：首页设计概述：整个网站以明快的蓝色为主色调，辅助于灰色以及少量红色。以简洁干净，最便于方便阅读为设计理念，基本减少甚至取缔对视觉造成干扰的图和点线面。（考虑到市民对颜色的偏好，考虑采取提供几种主色调颜色选取功能）（二）五大功能区构成：1：重点宣传栏：该功能区分为栏目宣传以及重大活动宣传两部分：栏目宣传又按照业务处室和栏目结构划分为两个区域；图片区域是我们重大活动最新专题以及重大规划的宣传2：特色服务栏：这个区域划分为三个服务区，“主题服务”、“便民服务”、“土地监察服务”。“主题服务”为我们今年即将推出的7个带有鲜明主题特色的服务内容；“便民服务”提选一些重要市民需要经常用过的一些服务内容；“土地监察服务”为市民提供 针对“土地监察”的举报方式。3：信用公开栏：方案一大致相同。4：热点区：主要针对市民比较关心的热门的一些内容做集成。“业务信息查询”，把我们所有的业务做整合集成，方便市民统一查询，不用整网站的查找；“房源信息公示”也是访问量非常高的一个部分，方便市民第一时间掌握资讯；“最新规划成果”集中展示所有规划成果中最新部分。5：链接区：与方案一大致相同。