国家图书馆新版网站建设思路 - 热点专题.pptxVIP

国家图书馆新版网站建设思路国家图书馆2014.11一、建设目标以用户需求为导向实现资源服务整合揭示实现网站页面多屏适配实现用户数据统计分析国家图书馆新版网站建设二、前期工作调研用户需求（2014年5-7月）到馆用户馆内部处业界馆较多关注：查阅数字资源、检索馆藏目录、观看在线展览讲座；较少关注：国图以及图书馆界的新闻动态、图书馆特色服务与应用，专题网站；访问方式：电脑（76.6%），手机（14.2%），pad（7.8%）用户建议：重视资源服务整合，强化信息资源导航，采用新技术优化用户交互体验等国家图书馆新版网站建设二、前期工作调研用户需求（2014年5-7月）到馆用户馆内部处业界馆部处建议：76.2%的部门认为相关业务内容已在现版网站中充分体现，满足业务需求。各部处意见主要为增强网站互动性、资源检索下载便捷性、网页设计简约美观、增加访问统计、资源使用指南等国家图书馆新版网站建设二、前期工作调研用户需求（2014年5-7月）到馆用户馆内部处业界馆较多关注：新闻公告、查阅数字资源、专题网站；改进建议：界面简洁、导航清晰、增强资源整合揭示，加强交互性国家图书馆新版网站建设二、前期工作调研国内外图书馆网站（2014年4-6月）国外：澳大利亚、新加坡、新西兰、加拿大、法国、荷兰、英国、美国、日本国内：北大图书馆、上海图书馆、湖北省图书馆、香港公共图书馆国家图书馆新版网站建设二、前期工作调研国内外图书馆网站（2014年4-6月）① 设计简洁 条理清晰页面简洁，背景简化，少装饰元素框架结构清晰颜色一般不超过四种整站字体样式规则，差别起到视觉引导交互过程简化，用户记忆负担轻国家图书馆新版网站建设二、前期工作调研国内外图书馆网站（2014年4-6月）① 设计简洁 条理清晰② 利用大图 突出内容图文混排，用户在文字和图片信息间跳转，生动活泼;语言表述浅显易懂，图片选择亦与内容紧密相关国家图书馆新版网站建设二、前期工作调研国内外图书馆网站（2014年4-6月）① 设计简洁 条理清晰② 利用大图 突出内容③ 布局规整 多屏适应一般采用左右、左中右、上下结构；或综合使用左右和上下布局进行混排，进行响应设计，适应多屏；国家图书馆新版网站建设二、前期工作调研国内外图书馆网站（2014年4-6月）① 设计简洁 条理清晰② 利用大图 突出内容④ 注重导航 全面集中③ 布局规整 多屏适应多通过下拉菜单将所有栏目内容分类、分级地列出来，使用户在首页，通过一次跳转就可以访问到多级页面内容，在空间上起到了对网站内容集中揭示的作用。国家图书馆新版网站建设二、前期工作调研国内外图书馆网站（2014年4-6月）① 设计简洁 条理清晰② 利用大图 突出内容⑤ 信息可视 易于理解③ 布局规整 多屏适应美国、英国、日本等国家图书馆都对网站内容增加了文字、图片诠释，使抽象的信息可视化④ 注重导航 全面集中国家图书馆新版网站建设二、前期工作梳理新版网站内容（2014年4-6月）首页栏目设置首页不要揭示全部栏目内容，重点呈现读者最关注栏目首页栏目数控制在7个以内区域栏目内容1、检索区域馆藏目录文津搜索特色资源地方馆资源站内搜索2、热点图片区域典籍博物馆经典诵读每周一库其他热点图?3、资源导引区域数字馆藏10类数据库???4、服务揭示区域8类科研服务在线讲座在线展览文津图书奖各类预告盲人图书馆残疾人图书馆少儿图书馆??掌上国图国图空间???5、动态消息区域国图新闻公告业界动态??6、互动区域呼叫中心意见建议微博微信在线咨询?国家图书馆新版网站建设二、前期工作梳理新版网站内容（2014年4-6月）整站结构设置无更新栏目建议取消国家图书馆新版网站建设二、前期工作技术路线（2014年7-9月）1、考虑基于HTML5标准进行全站架构建设。2、广泛采用CSS+DIV布局。3、实现多屏兼容。3、改进动画方式，利用javascript实现交互。4、实现网站访问统计。国家图书馆新版网站建设二、前期工作技术路线（2014年7-9月）方式判断用户访问设备，如为移动设备则跳转到wap站工作量最小运维分属不同部门新浪、腾讯设计时考虑所有可能的屏幕分辨率，以代码判断并适应全面兼容各种型号设备工作量巨大澳大利亚图书馆完成pc站建设后通过云适配工具进行移动端自定义开发工作量小，可自定义同/异步兼容设备较响应式少中国政府网特点优点缺陷案例国家图书馆新版网站建设二、前期工作技术路线（2014年7-9月）跳转响应设计云适配I国家图书馆新版网站建设工二、前期工作技术路线（2014年7-9月）跳转响应设计云适配国家图书馆新版网站建设二、前期工作技术路线（2014年7-9月）跳转响应设计云适配国家图书馆新版网站建设二、前期工作技术路线（2014年7-9月）方式在各页面嵌入百度等开源统计黛米可用cms平台批量嵌入，工作量小部分功能需