Win8应用开发 入门篇(三) UX交互导航模式

导航模式(Windows 应用商店应用)

在本文中

组织 Windows 应用商店应用中的内容,以便用户可以轻松而直观地进行导航。使用正确的导航模式可帮助你限制永久位于屏幕上的控件。这样用户就可以将精力集中在当前内容上。

Windows 应用商店应用中的导航基于两种模式:分层模式和平面模式。应用可以使用其中一个或者使用这两种模式的组合。

分层模式

此模式可使 Windows 应用商店应用变得快速而流畅。它最适合具有大量内容或许多不同部分内容供用户浏览的应用。 大多数 Windows 应用商店应用都使用分层导航系统。

更深入地了解此功能以作为应用功能大全系列的一部分:  分层导航详细信息(HTML 和 XAML


中心页是用户到应用的 入口点。此处的内容 以水平方式显示在一个丰富的 平移视图中,这样用户 一眼就能看见新增内容和 可用功能。

中心由不同 别的内容构成,每个类别都映射到 应用的部分页中。

部分页是应用的第二个 层级。此处的内容可以采用 任何形式显示,这些形式必须能够 最好地表示该方案及该部分所包含 的内容。

部分页由各个项目组 成,每个项目都有它自己 的详细信息页。 部分页还可以利用 分组和全景风格 布局。

详细信息页是应用的第三个 层级。此处显示了 各个项目的详细信息, 各项目的格式可能会根据 内容的特殊类型不同而 有很大的不同。

详细信息页由项目详细信息 或功能组成。 详细信息页可能包含许多信息 ,也可能包含一个 单一对象,例如图片 或视频。

平面模式

许多 Windows 应用商店应用都使用平面导航模式。诸如游戏、浏览器或文档创建等应用使用此模式让用户可以在所有驻留在同一分层级别的页面、选项卡或模式之间移动。与分层模式不同,通常没有永久性的后退按钮或导航堆栈,因此在页面之间进行移动通常通过内容(如下面第一个示例)或导航栏(如下面第二个示例)中的直接链接来完成。

更深入地了解此功能以作为应用功能大全系列的一部分:  平面导航详细信息(HTML 和 XAML

当核心方案涉及在少量页面或选项卡之间快速切换时,最适合使用此模式,例如在像 Internet Explorer、电子书和游戏这样的 Web 浏览器应用中。

画布上导航

  1. 页眉和“后退”按钮

    页眉可对当前页面进行标记,有助于查找页面。 使用“后退”按钮可以快速返回你所在的 位置。

  2. 部分或类别标签

    这些标签可以将用户移动到内容的不同部分或类别。

  3. 其他目标

    你可以使用磁贴、箭头、按钮、搜索结果或其他自定义目标作为导航元素。在某些游戏中,你可以找到使用有趣形状的导航元素示例。

顶部应用栏

通过从屏幕的顶部或底部边缘轻扫,用户可以显示应用栏。顶部应用栏也称为导航栏。你可以在顶部应用栏中放置导航元素,这样可以腾出更多屏幕区域显示应用中的内容。或者,如果用户在使用你的应用时经常需要一些导航元素,则可以将它们放在画布上,条件是将它们放在画布上不会对应用体验造成负面影响。你决定导航元素是在顶部栏中还是在画布上。

通常,部分或类别标签在导航栏中,如 Hulu Plus 中那样。

许多应用使用顶部应用栏提供快捷方式。例如,在 ESPN 应用中,用户通过单击顶部应用栏中部分标签上方的记分板可以导航到 gamecast 页面。

顶部应用栏还可以为用户提供目标页面上内容的预览。在以下购物应用示例中,可以在进入产品详细信息页面前,在应用栏中预览产品图像。

我们建议你以创新方式使用应用栏提高你的设计水平。在 Fresh Paint 中,顶部应用栏超越其专用导航功能,还用作绘画工具箱。

语义式缩放

语义式缩放可以快速顺畅地 扫描和四处移动视图, 尤其是当视图为很长的 平移列表时。

例如,在 Great British Chefs 应用中,中心页面有一个焦点部分,后跟五个视觉丰富、可水平平移的部分。该应用使用语义式缩放,可使用户更轻松地跳转到五个部分中的每一个。

时间: 2024-08-17 13:51:41

Win8应用开发 入门篇(三) UX交互导航模式的相关文章

Android 自定义控件开发入门 (三)

上两次我们从如何自定义控件讲起,列举了View的一些Api,说明了一些在自定义的时候,可以进行重写的方法,然后通过一个例子的两种写法向大家展示了最基本的自定义控件和我们要充分了解并积极重写View方法的精神,这次我们将继续进行学习! 现在请大家回想一下我们使用安卓原生控件时的感受,一个好的控件是可以在xml中进行各种属性的操作的,而自定义控件往往有一些特殊的需求,今天我要讲的就是安卓给自定义控件添加自定义的属性. 下面再给大家具体介绍一下如果自定义的View需要有自定义的属性我们该如何处理: 我

【SSRS】入门篇(三) -- 为报表定义数据集

原文:[SSRS]入门篇(三) -- 为报表定义数据集 通过前两篇文件 [SSRS]入门篇(一) -- 创建SSRS项目 和 [SSRS]入门篇(二) -- 建立数据源 后, 我们建立了一个SSRS项目,并取得数据源,那么接下来做的就是知道报表要显示什么数据了,这一步可以通过建立数据集来实现. 1.解决方案资源管理器 ->右键选择共享数据集 ->添加新数据集: 2.在共享数据集属性窗口输入数据集名称:AdventureWorksDataset:数据源选择之前建立的:AdventureWorks

8.17_Linux之bash shell脚本编程入门篇(三)之循环以及函数function的使用

bash shell脚本编程入门篇(三)之循环 什么是循环执行? 将某代码段重复运行多次 重复运行多少次: 循环次数事先已知 循环次数事先未知 有进入条件和退出条件 相关命令:for, while, until,selet, for命令的使用 作用: 依次将列表中的元素赋值给"变量名"; 每次赋值后即执行一次循环体; 直到列表中的元素耗尽,循环结束 命令格式: for 变量名 in 列表; do 循环体(正常执行的执行命令) 语句1 语句2 语句3 ... done 列表生成方式: (

iOS开发UI篇—多控制器和导航控制器简单介绍

iOS开发UI篇—多控制器和导航控制器简单介绍 一.多控制器 一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理 有多个view时,可以用一个大的view去管理1个或者多个小view,控制器也是如此,用1个控制器去管理其他多个控制器 比如,用一个控制器A去管理3个控制器B.C.D.控制器A被称为控制器B.C.D的“父控制器”:控制器B.C.D的被称为控制器A的“子控制器” 为了便于管理控制器,iOS提供了2个比较特殊的控

9、Cocos2dx 3.0游戏开发找小三之工厂方法模式与对象传值

重开发者的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27704153 工厂方法模式 工厂方法是程序设计中一个经典的设计模式,指的是基类中只定义创建对象的接口,将实际的实现推迟到子类中. 在这里,我们将它稍加推广,泛指一切生成并返回一个对象的静态函数. 一个经典的工厂方法如同这样: Sprite* factoryMethod() { Sprite* ret = new Sprite(); //在这里对 ret

python 微信开发入门篇-调用JS SDK 含微信支付(二)

本章节完成微信js sdk + 微信支付调用,项目基础部分请参照入门篇第一章:https://www.cnblogs.com/wangcongxing/p/11546780.html 1.微信服务号设置    登录服务号后台设置如下: 1.登录地址:https://mp.weixin.qq.com/ 2.设置-->公众号设置-->功能设置 设置后结果如下 2.微信商户后台设置 登录微信支付平台设置如下: 1.登录地址(因为需要安装exe插件, 设置浏览为兼容模式  建议使用QQ浏览器):htt

ActiveMQ入门系列三:发布/订阅模式

在上一篇<ActiveMQ入门系列二:入门代码实例(点对点模式)>中提到了ActiveMQ中的两种模式:点对点模式(PTP)和发布/订阅模式(Pub & Sub),详细介绍了点对点模式并用代码实例进行说明,今天就介绍下发布/订阅模式. 一.理论基础 发布/订阅模式的工作示意图: 消息生产者将消息(发布)到topic中,可以同时有多个消息消费者(订阅)消费该消息. 和点对点方式不同,发布到topic的消息会被所有订阅者消费. 当生产者发布消息,不管是否有消费者,都不会保存消息. 一定要先

ios开发入门篇(四):UIWebView结合UISearchBar的简单用法

 UIWebView是ios开发中比较常用的一个控件.我们可以用它来浏览网页.打开文档等,今天笔者在这里简单介绍下UIWebView和UISearchBar结合起来的用法,做一个简单的类浏览器. 一:首先定义这两个控件,并在.h文件中实现UISearchBarDelegate,UIWebViewDelegate两个代理 @interface TestView : UIViewController<UISearchBarDelegate,UIWebViewDelegate> @property(

ios开发入门篇(二):Objective-C的简单语法介绍

一:面向对象的思想 objective-c与C语言的编程思想不同,C语言是面向过程的编程,而objective-c则是面向对象的编程,所谓面向对象,我个人的理解,就是抽象.将具有一定共同点的实物抽象成一个个类,对其进行封装,继承,对实物本身进行操作. 二:Objective-C的历史 objective-c是以SmallTalk为基础,建立在C语言之上,并兼容c与c++的一门编程语言.20世纪80年代早期由 Brad J.Cox设计,2007年苹果公司发布了objective-c 2.0,并在i