购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.7.3 网页导航设计的基本原则

为了使导航能够快速、方便地帮助用户定位信息,在设计时应该遵循以下原则。

1.减少选项数目

将信息进行合理的分类,尽量减少导航的数目,平衡导航的深度和广度对用户信息查找效率的影响。

2.提供导航标志

加强用户定位,以减少由于导航选项过多而给用户造成的迷失。这可以通过提供参考点(即导航标志)来实现,通常导航标志是界面上的持久信息。图1-51所示为通过导航标志确定用户当前所在的页面。

图1-51 通过导航标志确定用户当前所在的页面

提示

在很多网络应用中,多个界面之间会存在视觉联系,例如颜色、图标或者页面顶端的标签栏,这些视觉信息不仅提供了清晰的导航选项,而且能有效地帮助用户定位导航位置。

3.提供总体视图

界面总体视图与导航标志的作用相同,即帮助用户定位,不同的是总体视图帮助用户定位内容,而不是位置。因此总体视图在空间位置上应该是固定的,内容取决于正在导航的信息。基于网络的应用,总体视图通常以文本的形式出现,即人们通常所说的“面包屑”导航和无处不在的层级显示,它们不仅起到标示用户在网络应用中位置的作用,还可以直接操作,实现不同界面之间的跳转。

4.避免复杂的嵌套关系

在程序编写中经常会将代码层级嵌套,但是在导航设计中应该尽量避免这种层次关系。在物理世界中,例如文件柜,信息的存储和检索存在于一个单层分组中,而不会存在于嵌套的层次中。因此在用户的概念模型中倾向于以单层分组来组织信息,避免嵌套结构过于抽象和复杂。在导航设计中避免选项之间过于复杂的层级嵌套是非常必要的。图1-52所示为应用简单层级的导航菜单。

图1-52 应用简单层级的导航菜单

技巧

除了对产品信息架构的合理应用外,导航设计还包含了视觉设计和交互方式设计。在设计时,应该符合交互产品的设计理念和整个界面的设计风格,不同导航类型区别明显,并且与产品主内容区别明显,不同界面上导航的视觉风格和交互方式应该保持一致。 1P+O/IDKyncq8WNt4L5Im3WrIYFDERguPsrmwiyn3g4Y3q++PbV477smJsYxdO8K

点击中间区域
呼出菜单
上一章
目录
下一章
×