为了减少导航的代价,
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 for Windows 8 is a fast-paced, 150-page primer on the key design concepts you need to create successful Windows 8 apps. This book will help you design a user interface that is both ...
本书旨在帮助学生了解MIS领域的职业。 这本书的大部分是一个案例。 在需要时(仅在需要的范围内)引入工具以了解案例的各个部分。
4、Designing an iPhone Application: From Product Definition to Branding 5、Handling Common Tasks 6、A Brief Tour of the Application User Interface 7、Navigation Bars, Tab Bars, Toolbars, and the ...
Designing.Interfaces
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 ...
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
Designing with EZ-USB FX2LP™ Slave FIFO Interface using FPGA
非常优秀,这绝对是UI设计模式领域最好的书。
Designing Software Architectures A Practical Approach 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
Designing Software Architectures will teach you how to design any software architecture in a systematic, predictable, repeatable, and cost-effective way.
designing.ggplots是一个R包,它将安装用于“设计ggplots:使传达清晰的图形”的研讨会资料。 该研讨会将于11月23日在加利福尼亚州伯班克的华纳兄弟公司举行的南加州All-Hands R用户聚会上举行。 安装此软件包还将...
Designing for Sustainability
's Design Pattern Library, Designing Social Interfaces provides you with more than 100 patterns, principles, and best practices, along with salient advice for many of the common challenges you'll face...
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
Designing+Interface中文版.pdf+Web信息结构设计大型网站.pdf