网页交互元素设计之导航设计.PDFVIP

网页交互元素设计之导航设计 广 东 南 华 工 商 职 业 学 院 信息工程与商务管理学院 周怡燕 生活中处处可见各种导航，比如街头路标，商场指示牌、书籍的目录等等，它们在我们的生活中起 着引导方向的重要作用。同理，网站中的导航也起着相似的作用，为了让用户在浏览网站的过程中 不迷失，引导浏览者自由往返，承担展现信息结构的功能。 网站中一切内容和服务都是从导航中延伸出去的 CONTENTS 1. 导航的组成 2. 导航位置 3. 导航的常见样式 4. 导航设计要点 导航的组成 全局导航 辅助导航 网站地图 全局导航 全局导航又称主栏目导航 ，出现在网站的每一个页面上的一组通用的导航元素，全局导航会以一致的外观 出现在网站的每一个页面，是网站中最基本的栏目指引。 国内15个电商网站导航 5 全局导航 一般全局导航包括以下几个基本设计要素： 站点Logo链接 全站基础栏目 实用工具 Logo标志在网站设计中是必不可 全站基础栏目就是网站的一级栏 对于大型门户网站来说，全局导航还 少的，它体现了一个网站独特的 文化元素。当用户第一时间进入 首页链接 目，体现了网站最基础的分类信 应当包括实用工具，比如商务网站有 一个站点时，网站Logo无疑首先 息。在每个栏目名称上都有指向 搜索 “我要买”、“服务中心”、“收藏 进入用户的视线，它的位置是最 该栏目的链接，通过它们可以访 夹”、等实用工具；门户网站有“邮 容易识别的。在Logo上添加回首 页的链接，可以使浏览者轻松回 问到网站的每一个基础和栏目页 箱”、“微博”等实用工具。实用工 到网站入口。 虽然Logo上添加了回首页的链接， 面 门户站或大型网站信息非常全面 具还包括与客户转化有关的活动链接， 但是由于没有文字提示，所以不 和丰富，浏览者要找到自己需要 如“注册”、“加入购物车”等 能保证所有的用户都能找到这个 的信息如同大海捞针，所以对于 回首页链接，所以一般全局导航 大型网站来说，全局导航还应当 条左边位置需要出现回首页的文 包括搜索，方便用户在任意页面 字提示及链接，以便浏览者能够 均能执行搜索，准确找到需要的 轻松识别首页链接 信息