达观地产网站改版实施规划.doc

北京数字冰雹信息技术有限公司北京达观房地产经纪有限公司网站网站改版实施规划及报价单版本：3.1创建日期：2010年8月30日创建人： 一、 网站内容及结构规划1. 网站改版整体规划根据达观公司业务和现有网站特点，网站改版主要从以下几方面入手：A. UI样式改进，重新设计网站界面样式，打造全新的网站印象B. 网站结构/栏目名称调整，使用户可以快速的找到所需信息C. 首页内容调整，优化用户感官体验的同时，突出公司业务信息D. 增加界面操作交互元素，提升用户浏览好感度的同时，提供更明确的信息提示E. 内容页面结构调整，图文结合更加紧密，降低用户浏览复杂度，浏览体验更好F. 在首页增加动态更新内容G. 在改进界面样式、交互体验的同时，保持对搜索引擎的友好性2. 网站结构3. 风格设计网站整体设计风格依然采用银灰色的基调，前景色使用深灰、黑色，点缀暗红色界面元素，凸显网站整体稳重、高端的定位。网站界面标题、导航部分，除了公司logo以外的部分，使用雅黑、细等线字体为主，辅以小字体英文；同时使用短线分割、小方格提示符等界面元素，使网站界面更加精致、专业。界面所展示的案例图片，要使用色彩明亮、鲜艳的高质量图片，并在处理图片时调高色彩饱和度，提亮整个界面，吸引用户注意力，给用户以愉悦的心理暗示，提升公司案例和网站整体在浏览用户心目的当中的印象分值。4. 首页及封面内容要点封面：封面页的表现形式要更加丰富，增加几个视觉效果较为夺目的案例图片切换，最终落在达观标志上，之后自动跳转到网站首页。同时增加“跳过”链接，用户可以直接打开首页。首页：首页的内容要更加丰富，动静结合、图片与文字结合、循环动画与交互元素结合。页面包括页头、导航栏、案例图片、业务入口、最新资讯，如下图所示：l 在导航栏和案例图片部分使用Flash一体化实现：当用户不做任何操作时，案例图片自动以幻灯方式切换显示，并且在每幅图片当中加入视角移动效果；每幅图片都有对应标题显示；左下方翻页序列显示当前所在图片，用户可以手动切换图片显示。幻灯图片的视角移动效果：可以适当选择一些大视野，远近景物结合的图片，从近景视角切入，然后平移到远景视角，如下图所示：用户鼠标悬浮在每一个栏目标题上时，对应栏目标题高亮，并且下方案例图片停止切换，在图片上方悬浮渐显栏目简介，简要提示栏目内容，当用户将光标移出导航栏，栏目提示渐隐，案例图片恢复正常显示。l 业务入口采用图文方式显示，简要显示业务方向，点击相应项目可以打开对应业务介绍页面。5. 内容页要点改为使用开放式页面结构，页面长度随着页面内容自动增减，使得大屏幕浏览用户的访问体验更加流畅。加入二级导航，用户可以直观、快速的切换二级栏目。二、 软件开发技术使用微软ASP .Net技术开发,数据库使用SQL Server2000。网站运行操作系统需要基于Windows 2003或2008，安装.Net Framework 3.5。ASP .Net技术是当前最普及的Web开发技术之一，与其他主流web开发技术相比，ASP .Net技术成熟，开发支持全面，开发效率高，运行效率也比较高，其程序架构在安全性、可维护性方面都可以提供很好的支持，有利于开发出稳定、安全、高效的网站系统。而Windows系统作为网站运行平台，由于其普及性高，维护成本很低，有利于网站稳定持续运行。三、 界面设计实施方案由于本项目作为达观地产形象网站的实施，界面设计在本项目占有至关重要的地位。为保证界面设计沟通工作切实到位，保证界面设计工作质量，明确本项目界面设计工作流程如下：1. 基础风格界面设计：A. 网站首页作为基础风格界面的讨论对象，其他网站界面必须在网站首页确定后再根据首页风格进行设计。B. 由数字冰雹公司提供首页界面参照案例，不少于十个同类型网站的优质首页界面样式，供甲方进行风格选择。如果没有符合甲方期望风格的样式，数字冰雹继续提供更多案例供选择。C. 甲方选出不多于三个不同风格案例作为基础范本，双方基于范本风格进行细节内容展现形式的讨论，达成一致后，数字冰雹基于选出的范本风格分别进行原型界面设计。D. 甲方对多个原型界面进行评估选择，选择出最符合甲方期望的原型界面，针对此原型，双方对于细节样式进行讨论，数字冰雹根据甲方意见进行设计修改，至甲方满意，产出界面作为首页定稿样式。E. 以此定稿为依据进行其他界面样式设计。F. 由于首页样式的重要性和特殊性，上述环节不可省略，在任何一个环节，必须经过甲方的最终确认后才能进入下一个环节的设计；为保证双方讨论充分、结论得出过程严肃谨慎，原则上不能对已经确认的环节进行返工修改。G. 在双方进行界面修改讨论时，乙方将视甲方参会人为甲方意见全权代表人，参会人应能够充分全面的表达甲方相关人员的意见；否则，应在甲方相关人员各自表达修改意见、并沟通得到统一结论后，再做出确认结论或下达修改意见。2. 其他界面设计：A. 在网站首页样式定稿后，数字冰雹以首页样式为参照，根据界面开发次序，依次分批对网站界面进行样式设计。B. 由数字冰雹需求人员绘制界面框图，用于说明界面功能分布、基本形式，由双方进行讨论确认，对不符合甲方应用需求的界面框图进行修改，至确认界面框图无误。C. 数字冰雹UI设计师根据框图进行界面样式设计，由项目经理及需求人员进行确认后提交给甲方审核，对甲方不满意的内容展现进行修改，至甲方认可界面样式。D. 数字冰雹开发人员根据经过甲方最终认可的界面样式进行界面开发。四、 实施周期及工作量分析系统需要开发以下功能：分组前/后台工作项说明封面页前台页面动画Flash动画及页面制作首页前台页面框架页头/页脚，辅助导航导航/案例图片flash动态效果设计与开发业务入口图文链接最新动态自动显示特定类别资讯最新标题列表后台案例图片更新管理xml配置文件管理图片地址、链接等信息了解达观前台静态内容页面4-6个静态页面达观业务前台静态内容页面4-6个静态页面经典案例前台案例栏目页图文式分类列表案例详细页案例详细信息页面后台案例分类管理管理案例分类（增删改）案例管理列表案例列表管理，排序，删除，隐藏，编辑案例添加编辑所见即所得式编辑界面达观资讯前台资讯列表分类显示资讯列表，带翻页，二级栏目形式显示资讯列表；按指定时间排序资讯详细显示资讯详细信息后台资讯类别管理管理资讯分类（增删改）资讯管理列表资讯管理列表，删除，隐藏，编辑资讯添加编辑资讯添加，支持日期指定，图片插入，所见即所得式编辑界面就业机会前台静态内容页面3个静态内容页面后台招聘页面编辑所见即所得式编辑界面后台系统框架后台用户管理添加、删除、编辑后台管理用户信息后台登录后台登陆界面 另外项目开发过程还需要如下工作支持：需求整理UI设计系统架构设计质量测试项目沟通管理根据以上工作项分析，工作量总计约17