1、网 站 设 计 与 建 设Website design and developments,第2章导航与Web设计,第一部分 Web基础知识,3,概 述,导航的重要性导航基本概念导航的分级体系 导航的不同类型站点结构与导航Web导航设计原则,21 导航重要性,导航并非必须,但是导航是获得网站信息最快捷、最清晰、最易理解的一种方式。导航能使“游客”知道应该到哪里去畅游,导航是路线图、是路标。导航设计的成功是网站设计成功的关键,对网站信息进行分类:通过分类可使浏览客户快速知道他所要获取的信息在哪一分类中,因此,导航(分类)要规范通俗易懂,为浏览客户提供便捷清晰和易于理解的路径,从而能尽快找到所需要的
2、内容。告知浏览所处的位置:当浏览网站的某一栏目时,所处的导航会用不同颜色或形状指示当前所浏览的位置。提供信息分类间切换:当浏览某类信息时,想切换到其他某类信息或主页时,导航会提供最快捷最便利的方法。推荐重要的浏览信息:导航可以为浏览客户推荐网站最重要和具有特色的信息。,22 主要导航和次要导航,导航:信息分类汇总目录的超链接集合主要导航应该可以从站点的各类层次栏目的网页上进行访问,是对整个网站信息的分类划分,主要导航栏一般应以相同样式在相同位置出现于所有页面中。次要导航仅可以在指定的某类层次栏目的网页内进行访问,它是对某一个栏目的信息分类划分,次要导航栏应以相同样式在相同位置出现于所有该类的页
3、面中。,23 导航体系,导航体系:由网站导航(主要导航、次要导航)、被引导的导航、浏览器导航、站点地图、搜索引擎以及其他引导导航等共同组成,引导浏览客户从互联网的Web网站中快速、准确地获取信息。网站信息体系:站点不遵守线性模型,它有分支,根据每一个分支支持的内容形成不同的深度,这个信息结构称为网站信息体系。,网站导航,网站是有一系列的页面组成,网站导航就是串接这些页面的链条。通过网站导航应该可以访问到网站的任何页面,通过导航怎么也访问不到的页面,成为孤立页面。在一个网站内部获取信息的最便捷、最重要的方式就是网站导航,网站导航是对网站信息的分类,也是页面布局划分的依据在设计导航时,要以“用户至
4、上”为原则,特别是以首次登入网站用户体验为原则,切忌不要以网站设计者“想当然”为原则,14,网站3次点击规则,在获取信息主要入口点(不一定是从主页开始算起)通过导航应该点击不超过3次就可以找到所需要的信息。如果过多点击才能获得信息,就会使浏览客户容易迷失方向和不知所措。,返回,2被引导的导航这种导航技术引领浏览客户一步一步地按照步骤完成某种任务,每一步的页面都必须提供必要的信息,不能像(主动)导航一样,可以随时浏览各种导航信息。,被引导的导航-注册,被引导的导航-填写注册信息,被引导的导航-注册成功该进入商城购物,被引导的导航-挑选物品放入购物车,被引导的导航-继续购买,被引导的导航-去收银台
5、,被引导的导航-付款方式,被引导的导航-提交信息,被引导的导航-显示购物单号,被引导的导航-购物结束-返回主页,返回,3浏览器导航浏览器可以起到网页导航起不到的导航作用。浏览器可以跟踪用户在Web上的位置,帮助用户到达他们想要去的位置。后退前进 URL地址域 URL下拉菜单历史记录收藏夹状态条,历史纪录,返回,收藏夹,返回,4站点地图站点地图是网站体系的结构图形表示,可以显示信息体系中最重要的层次和站点的不同部分是如何互相联系的,以及如何和站点结构联系的,站点地图也称为网站地图。站点地图不是一个图片,而是一个清晰地列出了网站各个栏目、重要网页、热点网页及其相互链接关系的静态网页,并且通常以“s
6、itemap.htm”为文件名,放置在根目录下。,返回,导航地图,返回,5搜索引擎搜索引擎是仅次于门户的互联网第二大核心技术,要用到信息检索、人工智能、计算机网络、分布式处理、数据库、数据挖掘、数字图书馆、自然语言处理等多领域的理论和技术 http:/ 谷歌搜索网站 http:/ 百度搜索网站 http:/ 雅虎搜索网站 http:/ 北京大学天网搜索网站http:/ 站点结构,站点结构是指站点在服务器上保存的方式。一个网站实际上对应Web服务器上的一个磁盘普通文件夹网站在服务器上保存文件的目录结构就是站点结构。层次性逻辑性,开发管理和维护,站点位置:Web服务器安装后 虚拟目录根目录名:该名
7、字最好是所要建立站点名称的缩写,另外加上root、www或site,以示与其他普通文件夹的区别CST_ROOT。目录名称:子目录应该为目录语义的英文单词或拼音的缩写注意大小写是不一样的,因为这影响到使用URL访问网页,在站点结构中的目录是大小写敏感的。文件名称:站点结构中的网页文件名也是大小写敏感的在没有特殊情况下,站点结构中的网页文件名应该为小写。 对于鼠标感应图片可以命名为“图片名”+“_”+“on/off” 同一个文件有多个版本的情况,可以使用:“文件名+v数字” 连续使用一组含义相同有序的文件,可以使用“文件名+数字”,25 导航规则,3次点击规则通过导航应该点击不超过3次就可以找到所
8、需要的信息。站点并不需要选择独特的导航方式不要求“独具匠心” 规则也不是绝对的 站点结构清晰和逻辑性强词能达意的链接体名称,清晰明辨的按钮组合,语义清晰的页面标题和一致的导航元素,导航系统是手段不是目的借鉴成功导航导航系统应该包含多种导航主要导航、次要导航、站点地图、热点链接和站内搜索等导航外观会对用户产生影响令人清爽的导航外观导航名称要规范和大众化一般要求导航条要规整,易识别,文字长度应尽可能一致,文字含义要明确,尽量使用约定俗成的导航名称,不要试图具有独特性,例如“首页”、“新闻”、“通知”、“下载”、“站点地图”、“关于我们”、“联系我们”等。导航名称命名既要有吸引力,又要简明扼要和准确最新通知和新闻需要有提示当前导航条提示网站徽标和名称要放到主页的左上方,导航行动计划,确定目标和需求:了解实际用户的目标和需求学习有效的导航:向成功站点学习深入主页:在站点结构和导航上计划越深入,站点导航就会越成功,认真测试。提供快速链接:简单、快捷、清晰。包括查找特征、网站地图和内容列表等。预见所有的用户具有不同的背景:查找和浏览。,