为了减少导航的代价,
1.让距离保持简短
2.减少跳转次数
常见的导航模式:
+清楚的入口点
界面上显示几个入口,让它们面向任务,具有自描述信息
+全局导航
每个页面上都有一组一致的连接或按钮,让用户可以通过它们访问网站或应用的核心栏目。对于大型网站或应用,可以用用该模式。可以很容易地从任何地方到达每一个栏目。
+中心辐条
把应用的各个栏目分割成几个迷你的小应用,每个应用都有一个入口(从主页面),并且可以回到主页面。
常用于小设备环境。
+金字塔
使用前进/后退的连接来关联一系列页面。常常和单窗口深入模式一起使用。
+模态面板
只显示一个页面,在用户解决好当前问题之前没有其他导航选择。保证用户的注意力集中在这个新任务上,这很容易裂解液容易实现,但过去被滥用过。模态面板具有破坏性:如果用户还没准备好回答模态面板要求的问题,就打断了用户的工作流,可能会迫使他做一些目前还不确定或不在意的决定。
+序列地图
每一页上,展示一幅地图,吧所有的页面按顺序排在地图上,包括一个“你在这里”的位置指示器。
如果导航的拓扑结构很庞大且有层级,可能需要使用下面的面包屑层级结构。
+面包屑层级结构
在层级结构的每个页面,显示所有父级页面的连接,上上回溯到主页面位置。
+注释滚动条
让滚动条在滚动的同时,可以作为一种内容的映射机制,或者说,作为一个“你在这里”的位置指示器。这样当页面快速滚动时,能看到一些表明位置感的东西。
+颜色编码的栏目
使用颜色来标记一个网页所属的栏目。如果觉得改变背景颜色变化太大了,尝试改变一种修饰的颜色会更好。
+逃生舱
在每个显示了导航选择的页面上,放置一个按钮或连接,让用户可以明白无误地离开这个页面,回到熟悉的地方。
它像个跳线。有时候,有了序列地图或面包屑层级结构,就没必要再有逃生舱了。
分享到:
相关推荐
Designing Storage Area Networks: A Practical Reference for Implementing Fibre Channel and IP SANs, Second Edition By Tom Clark Pages : 592 英文
Designing with Progressive Enhancement will show you how. It’s both a practical guide to understanding the principles and benefits of progressive enhancement, and a detailed exploration of examples ...
Designing with Data: Improving the User Experience with A/B Testing by Rochelle King English | 29 Mar. 2017 | ASIN: B06XY9TTN8 | 370 Pages | AZW3 | 4.61 MB On the surface, design practices and data ...
本书旨在帮助学生了解MIS领域的职业。 这本书的大部分是一个案例。 在需要时(仅在需要的范围内)引入工具以了解案例的各个部分。
Designing.Interfaces
1.Designing Data-Intensive Applications The Big Ideas Behind Reliable Scalable And Maintainable Systems 2017; 2.英文原版,PDF格式; 3.内容简介: If you develop applications that have some kind of server/...
The Humane Interface, New Directions For Designing Interactive Systems
提供的PDF文档《Designing With the EZ-USB FX3 Slave FIFO Interface》和《利用 EZ-USB FX3从设备 FIFO 接口进行设计》详细阐述了这些步骤,并提供了具体实现的指导。同时,"Source files for FPGA code and FX3 ...
非常优秀,这绝对是UI设计模式领域最好的书。
这两本书,“Designing Interface中文版”和“Web信息结构设计大型网站”都聚焦于提升用户体验(UX)和优化网站功能的核心概念。 首先,让我们深入探讨《Designing Interface中文版》。这本书主要关注如何设计出...
Designing Software Architectures A Practical Approach 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
designing.ggplots是一个R包,它将安装用于“设计ggplots:使传达清晰的图形”的研讨会资料。 该研讨会将于11月23日在加利福尼亚州伯班克的华纳兄弟公司举行的南加州All-Hands R用户聚会上举行。 安装此软件包还将...
《Designing Social Interfaces》(社交网站界面设计)是由Christian Crumlish和Erin Malone编写的,旨在为那些希望利用社交网络的力量来增强用户体验的设计者和工程师们提供宝贵的资源。这本书包含了超过100种设计...
Chapter 1: Introducing the iPhone and iPod touch Development Platform Chapter 2: Designing a User Interface Chapter 3: Implementing the Interface Chapter 4: Styling with CSS
### 设计网络界面:原则与模式 #### 一、概览 《设计网络界面:原则与模式》由Bill Scott和Theresa Neil共同撰写,是一部专为Web界面设计者准备的全面指南。本书深入探讨了如何在独一无二的Web环境中创造丰富的用户...
Designing Software Architectures A Practical Approach 英文azw3 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除