`
pascal4123
  • 浏览: 110907 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Designing Interface阅读笔记:导航

    博客分类:
  • Web
阅读更多

为了减少导航的代价,
1.让距离保持简短
2.减少跳转次数

常见的导航模式:
+清楚的入口点
界面上显示几个入口,让它们面向任务,具有自描述信息

 

+全局导航

每个页面上都有一组一致的连接或按钮,让用户可以通过它们访问网站或应用的核心栏目。对于大型网站或应用,可以用用该模式。可以很容易地从任何地方到达每一个栏目。

 

+中心辐条

把应用的各个栏目分割成几个迷你的小应用,每个应用都有一个入口(从主页面),并且可以回到主页面。

常用于小设备环境。


+金字塔
使用前进/后退的连接来关联一系列页面。常常和单窗口深入模式一起使用。

+模态面板

只显示一个页面,在用户解决好当前问题之前没有其他导航选择。保证用户的注意力集中在这个新任务上,这很容易裂解液容易实现,但过去被滥用过。模态面板具有破坏性:如果用户还没准备好回答模态面板要求的问题,就打断了用户的工作流,可能会迫使他做一些目前还不确定或不在意的决定。


+序列地图

每一页上,展示一幅地图,吧所有的页面按顺序排在地图上,包括一个“你在这里”的位置指示器。

如果导航的拓扑结构很庞大且有层级,可能需要使用下面的面包屑层级结构。


+面包屑层级结构

在层级结构的每个页面,显示所有父级页面的连接,上上回溯到主页面位置。

 

+注释滚动条

让滚动条在滚动的同时,可以作为一种内容的映射机制,或者说,作为一个“你在这里”的位置指示器。这样当页面快速滚动时,能看到一些表明位置感的东西。

+颜色编码的栏目

使用颜色来标记一个网页所属的栏目。如果觉得改变背景颜色变化太大了,尝试改变一种修饰的颜色会更好。


+逃生舱
在每个显示了导航选择的页面上,放置一个按钮或连接,让用户可以明白无误地离开这个页面,回到熟悉的地方。

它像个跳线。有时候,有了序列地图或面包屑层级结构,就没必要再有逃生舱了。

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics