动态导航设计
作者:Prower 来源:Prower 发布时间:2008-09-21 13:40:00
一个网站的导航就相当于是一条路的路标,不同的是,网站的不同栏目页的入口远远比马路要来得复杂,所以一个清晰的导航设计对于一个网站的意义远远大于一个路标对于马路的意义。
当网站用户的需求越来越复杂,网站的结构也势必变得更复杂,如何引导用户去访问网站的不同栏目,或者说如何让用户把不同栏目都串联起来,导航就应当担此重任。
当网站越做越大,结构越复杂栏目越多,导航条上的栏目从一行增加到两行,每个栏目导航下又配以下拉菜单……长此以往,导航条将不堪重负。
在内容为王的时代,网站内容以丰满为佳,但网站导航恰恰应该是以一个相反的表现为佳——苗条。一个苗条简洁的导航结构对用户的吸引以及引导远远要高于一个丰满复杂的导航。
这一个问题在购物网站上表现得犹其突出。看看亚马逊网站之前的导航,有一种让人窒息的感觉,在导航条上就容易让用户产生迷失的感觉。
很显然,新导航做了相当大的简化工作,力求给用户展现一个简洁清晰的结构。新导航最大的成功之处,在于对栏目结构进行了的重设计,不再将所有物品种类都摆上导航,而是根据大类来进行细分。
当网站导航的结构分支有很多的时候,显然一般的导航设计已经不能满足需求了,于是在网上流传的另一种新颖的动态导航设计,即根据栏目来进行动态的导航显示。
很显然,这种导航的表现形式可以满足栏目结构分支众多的网站,采用的是一种面包屑的表现形式,向用户动态的展示网站导航结构,而不是将烦杂的导航一下子全抛向用户。这种导航的另一种优势是,可以添加足够多的导航,可以完整的将用户展示网站的所有栏目,而不必为导航是否烦杂而感到苦烦。
这些是固定形式上的导航设计,而对于一些服务型的网站来说,显然不会有那么多的栏目结构分支,一个导航上的栏目更多的是直接对应一个服务,比如最近很火爆的开心网(注册邀请)的应用组件导航。当添加的组件足够多时,侧边栏上的导航会显得很臃肿,而这些组件中又有许多只是一时兴趣添加的,并不会常用,甚至是添加后只用过一次然后再也不用。于是这样的导航就会影响到用户的使用。
面对这样臃肿的导航结构,开心网采用的方法是收缩一小部分导航,当点击“展开”时才显示出所有的组件导航。显然这是一个改进,但是这个改进却并不明显,也于臃肿的导航结构来说,改善并不大。
豆瓣的系统会根据用户的喜爱,推荐一些相关的信息给用户,这是网站与用户互动的一部分,是增加用户黏性很重要的一部分。
导航同样可以采用这种流式的表现形式。
还是拿开心网的组件导航来说,除了添加“收缩”、“展开”来改善导航的臃肿结构之外,还可以通过系统后台纪录用户使用组件的频繁度来显示组件导航,即用户使用频繁的组件在导航中排靠前的位置,而用户很少使用甚至是不使用的组件完全就可以用“更多”来表达,当用户点击“更多”时才显示出全部的导航,这样不仅可以达到精简组件导航的目的,还可以带给用户更佳的使用感。
这种导航不再是以一种固定的形式来表现,由网站制作者统一规定的导航转而为由用户来决定导航,既然用户可以定义页面内容与结构,那么用户自然也有权利定义网站导航。
不仅是服务型的网站可以使用这种导航,仅仅是内容提供者角色的网站也同样可以使用。
猜你喜欢
- Oracle游标分为显示游标和隐式游标。显示游标(Explicit Cursor):在PL/SQL程序中定义的、用于查询的游标称作显示游标。
- 近段时间由于修改一个ASP程序(有SQL注入漏洞),在网上找了很多相关的一些防范办法,都不近人意,所以我将现在网上的一些方法综合改良了一下,
- 北京邮电大学 张剑XML的局限性目前,许多Web网站的内容数据都存放在数据库或数据文件中。对于Web程序开发人员来说,如果要想把有用的信息从
- QueryCache(下面简称QC)是根据SQL语句来cache的。一个SQL查询如果以select开头,那么MySQL服务器将尝试对其使
- 数据挖掘查询任务根据 Analysis Services 内置的数据挖掘模型运行预测查询。预测查询通过使用挖掘模型来创建对新数据的预测。例如
- 长期以来我就有对几年来交互设计的心得进行总结整理的想法。回到中国来亲身体会到不少同行,主要是交互设计师和视觉设计师对于交互设计的困惑,以及其
- Oracle的执行计划一句话命令:set autotrace on
- IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不
- 富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 H
- form无论是在网站的制作中,还是在网站的重构中,我们都会频繁地“碰面”,当“碰面”的次数多了,反而觉得他更让人迷茫,有种熟悉的“陌生”,越
- 简介CSS Sprites并没有一个确定的中文翻译,通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技
- 目前市面上成熟的CMS产品有很多,无外乎两种解决方案:第一种就是用XSL+XML的方式来实现客户端具体数据;第二种是生成HTML或者SHTM
- Oracle数据库作为大型数据库管理系统,近年来一直占有世界上高端数据库的最大份额,其强大而完善的数据库管理功能,以及ORACLE公司推陈出
- 大家在写按钮(input、button)的时候会发现在 IE 下:随着字数的增多,两边的间距也会越来越大。在 WIN 的XP 风格下,当字数
- 阅读上一篇:网马解密大讲堂——网马解密初级篇今天主要讲解的内容是Freshow工具的使用方法,工欲善其事,必先利其器,首先要学会如何使用解密
- Dreamweaver MX 2004新增加了表格宽度辅助线功能,让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化,很直观。
- 大家都知道,在ASP中可以使用Request.ServerVariables("REMOTE_ADDR")来取得客户端的
- <% set conn=server.createobject("adodb.connect
- (5)SELECT (5-2) DISTINCT(5-3)TOP(<top_specification>)(5-1) <s
- 尽管XML还处在开发阶段,其标准正在由W3C组织制定,但是已经有许多公司表示全力支持XML,并开发了不少XML工具。Adobe公司的Fram