CN102365635B

CN102365635B - 界面导航工具

Info

Publication number: CN102365635B
Application number: CN201080013938.7A
Authority: CN
Inventors: 约翰·O·洛驰; 蒂莫西·韦恩·布姆加奈; 艾瑞克·史蒂文·佩顿; 克里斯多弗·海奈斯
Original assignee: Apple Computer Inc
Current assignee: Apple Inc
Priority date: 2009-03-26
Filing date: 2010-03-24
Publication date: 2014-12-31
Anticipated expiration: 2030-03-24
Also published as: US8806371B2; GB2480967A; WO2010111391A1; CN102365635A; GB201116583D0; US20100251170A1; DE112010001348T5

Abstract

公开了用于界面(例如图形用户界面)的导航工具。在一个方面中，在界面中呈现包括一个或多个堆栈元素(例如子目录)的第一堆栈项目(例如第一目录)。选择这一个或多个堆栈元素中的一个堆栈元素的用户输入使得第一堆栈项目的缩放版本(例如该目录的更小视觉呈现)和对应于选定的堆栈元素的第二堆栈项目(例如选定子目录)被呈现在界面中。对第一堆栈项目的缩放版本的选定使得第一堆栈项目(例如该目录的更大的视觉呈现)被呈现在界面中。

Description

界面导航工具

技术领域

本发明一般地涉及一种用于电子设备的用户界面工具。

背景技术

传统的用户界面(例如图形用户界面)允许用户利用层级结构来导航浏览(navigate through)对象。例如，用户可以导航浏览文件系统中的不同文件系统对象(例如文件目录或文件夹)。用户常常访问嵌套在根文件目录内的文件子目录。随着访问的子目录在根目录内的深度增大，识别访问的子目录与根目录之间的每个目录(例如父目录、祖目录)的内容的难度会增大。结果，使用传统用户界面来导航浏览文件系统的效率会下降。

传统上，传统的用户界面不可以提供用于在可能通过其它层级结构(例如不那么传统的层级结构)关连的对象之间进行导航的高效界面。例如，激活文本文档可能导致文本文档的内容被显示在文字处理应用中。随着用户界面中的界面窗口的数目增多，从被显示在文字处理应用中的文本文档的内容导航回到先前的层级结构(例如文件系统中的文本文档)会变得更加困难。

发明内容

公开了一种用于界面(例如图形用户界面)的导航工具。在一个方面中，在界面中呈现包括一个或多个堆栈元素(例如子目录)的第一堆栈项目(例如第一目录)。选择这一个或多个堆栈元素中的一个堆栈元素的用户输入使得第一堆栈项目的缩放版本(例如该目录的更小视觉呈现)和对应于选定的堆栈元素的第二堆栈项目(例如选定子目录)被呈现在界面中。选定第一堆栈项目的缩放版本使得第一堆栈项目(例如该目录的更大的视觉呈现)被呈现在界面中。

在一个方面中，提供了一种方法。该方法包括：生成第一堆栈项目的第一视觉呈现，所述第一堆栈项目包括一个或多个第一堆栈元素；在界面中在第一状态中呈现第一堆栈项目的第一视觉呈现；接收第一用户输入，第一用户输入选择所述一个或多个第一堆栈元素中的一个第一堆栈元素；响应于第一选择，在第二状态中：生成先前层级结构的第二视觉呈现，所述先前层级结构的第二视觉呈现是第一堆栈项目的层级结构的上下文呈现；以及在所述界面中，呈现所述先前层级结构的第二视觉呈现而不是第一堆栈项目的第一视觉呈现。在第三状态中，响应于选择所述先前层级结构的第二视觉呈现的第二用户输入，第一堆栈项目的第一视觉呈现被呈现在所述界面中，并且所述先前层级结构的第二视觉呈现被从所述界面中的显示中移除。该方面的其他实施例包括相应的系统、装置和计算机程序产品。

实现方式可以包括如下特征中的一个或多个。先前层级结构的第二视觉呈现是第一堆栈项目的第一视觉呈现的缩放版本。

在一个方面中，提供了一种方法。该方法包括：识别第一堆栈项目，第一堆栈项目包括一个或多个第一堆栈元素；生成第一堆栈项目的第一视觉呈现；在界面中在第一状态中呈现第一堆栈项目的第一视觉呈现；接收第一用户输入，第一用户输入选择所述一个或多个第一堆栈元素中的一个第一堆栈元素；以及响应于第一选择，在第二状态中：从所述界面中的显示中移除第一堆栈项目的第一视觉呈现；识别与选定的第一堆栈项目相对应的第二堆栈项目；生成第二堆栈项目的第二视觉呈现；生成第一堆栈项目的第三视觉呈现；以及组合第一堆栈项目的第三视觉呈现和第二堆栈项目的第二视觉呈现以用于在所述界面中显示。响应于选择第一堆栈项目的第三视觉呈现的第二用户输入，第一堆栈项目的第一视觉呈现被呈现在所述界面中。该方面的其它实施例包括相应的系统、装置和计算机程序产品。

实现方式可以包括如下特征中的一个或多个。第一选择还包括同时从所述一个或多个堆栈元素中选择另一堆栈元素，并且第三堆栈项目的第四视觉呈现被生成以用于与第一堆栈项目的第三视觉呈现和第二堆栈项目的第二视觉呈现相结合地显示。第一堆栈项目的第三视觉呈现被相对于第二堆栈项目的第二视觉呈现以一角度呈现在所述界面中。

该方法还包括：接收选择第一堆栈项目的第三视觉呈现的第二用户输入；以及响应于第二选择，在第三状态中：从所述界面中的显示中移除第二堆栈项目的第二视觉呈现；从所述界面中的显示中移除第一堆栈项目的第三视觉呈现；以及在所述显示中呈现第一堆栈项目的第一视觉呈现。第三视觉呈现是第一视觉呈现的缩放版本。所述一个或多个第一堆栈元素对应于文件目录。第三视觉呈现和第二视觉呈现在第二状态中以重叠布置被呈现。

该方法还包括：生成可视化模型，所述可视化模型定义用第一终点和第二终点限定的多维路径，其中所述可视化模型生成：在第一状态中，第一视觉呈现在所述第一终点处的部署；在第二状态中，第三视觉呈现在所述第二终点处的部署和第二视觉呈现在第一终点处的部署；以及在第三状态中，第一视觉呈现在第一终点处的部署。该方法还包括指示当前对第三视觉呈现中的所选定的第一堆栈元素的选定。该方法还包括：对于所述一个或多个第一堆栈元素中的每个第一堆栈元素，生成与每个第一堆栈元素有关的文本；以及组合所述文本和所述一个或多个第一堆栈元素以用于在第一堆栈项目的第一视觉呈现中显示。

在一个方面中，提供了一种方法。该方法包括：呈现第一堆栈项目的第一视觉呈现，第一堆栈项目包括一个或多个第一堆栈元素；接收第一用户输入，第一用户输入选择所述一个或多个第一堆栈元素中的一个第一堆栈元素；响应于第一选择，进行第一转变，第一转变将第一堆栈项目的第一视觉呈现转变成第一堆栈项目的第二视觉呈现，第一堆栈项目的第二视觉呈现是第一堆栈项目的第一视觉呈现的缩放版本；以及组合第一转变和第二堆栈项目的第三视觉呈现以用于在界面中显示。该方面的其它实施例包括相应的系统、设备和计算机程序产品。

实现方式可以包括如下特征中的一个或多个。该方法还包括：接收选择第一堆栈项目的第二视觉呈现的第二用户输入；以及响应于第二选择：从所述界面中的显示中移除第二堆栈项目的第三视觉呈现；进行第二转变，第二转变将第一堆栈项目的第二视觉呈现转变成第一堆栈项目的第一视觉呈现；以及在所述界面中呈现所述第二转变。

第二堆栈项目包括一个或多个第二堆栈元素，并且该方法还包括：接收第三用户输入，第三用户输入选择所述一个或多个第二堆栈元素中的一个第二堆栈元素；响应于第三选择，进行第三转变，第三转变将第二堆栈项目的第三视觉呈现转变成第二堆栈项目的第四视觉呈现，第二堆栈项目的第四视觉呈现是第二堆栈项目的第三视觉呈现的缩放版本；以及组合第一堆栈项目的第二视觉呈现、第三转变以及第三堆栈项目的第五视觉呈现以用于在所述界面中显示。

在一个方面中，提供了一种方法。该方法包括：呈现子对象的第一视觉呈现和父对象的第二视觉呈现；接收选择所述父对象的第二视觉呈现的输入；以及响应于该选择：在所述界面中将焦点返回到所述父对象，并且从所述界面中的显示中移除所述子对象的第一视觉呈现和所述父对象的第二视觉呈现。该方面的其它实施例包括相应的系统、装置和计算机程序产品。

实现方式可以包括如下特征中的一个或多个。父对象是父目录并且子对象是子目录。

在该说明书中描述的主题的特定实施例可以被实现，来实现如下特征中的一个或多个。第一堆栈项目(第一目录)和第一堆栈项目所包含的堆栈元素(第二子目录)视觉呈现包括，与第二堆栈项目(例如第一目录的子目录)的视觉呈现相结合，提供用户相关上下文(例如在文件系统层级结构中的当前位置以及父目录的内容)，用户相关上下文允许用户更有效地在堆栈项目和堆栈元素之间进行导航。

例如，呈现可以像返回按钮那样使用的第一目录的缩放视觉呈现(例如更小的呈现)以及第一目录的子目录提供示出两个堆栈项目的层级关系的详细上下文。此外，动画可以用来将子目录呈现为从第一目录中出来或进入第一目录中，以进一步增强对用户的层级关系的上下文呈现。

例如，以这种方式提供用户上下文还提供对图形用户界面中的空间(例如桌面实际版面)的更有组织更有效的使用。因此，改善了用户体验。

附图说明

图1是可以用来实现在此所述的系统和方法的示例系统的框图。

图2是示例用户界面体系架构的框图。

图3A是图示第一堆栈项目(stack item)的示例第一视觉呈现的框图。

图3B是图示第一堆栈项目的示例第二视觉呈现和第二堆栈项目的第一视觉呈现的框图。

图3C是图示第一堆栈项目的示例第二视觉呈现和第二堆栈项目的第一视觉呈现的框图。

图3D是图示出第一堆栈项目的示例第二视觉呈现、第二堆栈项目的示例第二视觉呈现、第三堆栈项目的示例第一视觉呈现的框图。

图3E是图示出第一堆栈项目的示例第二视觉呈现、第二堆栈项目的示例第一视觉呈现和第四堆栈项目的示例第一视觉呈现的框图。

图4A是包括包含应用图标的堆栈项目的示例第一视觉呈现的截屏图。

图4B是包括图4A的堆栈项目的示例第二视觉呈现的截屏图。

图5是用于生成堆栈项目的示例处理的流程图。

图6是可以用来实现在此所述的系统和方法的示例系统层结构的框图。

在各个附图中相似的标号和指代指示类似的元素。

具体实施方式

图1是可以用来实现在此所述的系统和方法的示例系统100的框图。系统100可以例如被实现在计算机设备或其它电子设备中，计算机设备诸如是可从苹果公司获得的个人计算机设备中的任一者。其它示例实现方式也可以包括视频处理设备、多媒体处理设备、便携式计算设备、便携式通信设备、机顶盒和其它电子设备。

示例系统100包括处理设备102、第一数据存储装置(例如存储器104)、第二数据存储装置106、图形设备108、输入设备110、输出设备112和网络设备114。诸如数据总线或母版之类的总线系统116可以用来建立和控制组件102、104、106、108、110、112和114之间的数据通信。然而，也可以使用其它示例系统体系架构。

处理设备102例如可以包括一个或多个微处理器。第一数据存储装置104例如可以包括诸如动态随机存取存储器之类的随机存取存储器储存设备，或其它类型的计算机可读介质存储设备。第二数据存储装置106例如可以包括一个或多个硬盘设备、闪速存储器和/或只读存储器，或者其它类型的计算机可读介质存储设备。

图形设备108例如可以包括图形加速卡或显示适配器，并且被配置为生成图像并将其输出给显示设备。在一种实现方式中，图形设备108可以实现在连接至总线系统116的专用硬件卡中。在另一实现方式中，图形设备108可以实现在整合到总线系统116的芯片集中的图形控制器中。也可以使用其它实现方式。

示例输入设备110可以包括键盘、鼠标、触笔、摄像机、多触摸表面等等，并且示例输出设备112可以包括显示设备、音频设备等等。

网络设备114例如可以包括可操作来进行与网络118的数据通信的有线或无线网络设备。网络118可以包括一个或多个局域网(LAN)或广域网(WAN)，诸如因特网。

在一种实现方式中，系统100包括定义存储于第一数据存储装置104和/或第二数据存储装置106中的操作系统的指令。示例操作系统可以包括MAC OSX系列操作系统、基于WINDOWS的操作系统或其它操作系统。在执行了操作系统指令时，对各种系统对象的访问被启用。示例系统对象包括数据文件、应用、功能、窗口等等。为了辅助直观的用户体验，系统100包括以直观的方式向用户传递有关系统100的信息并且向用户提供对各种系统对象的访问的图形用户界面。

图2是示例用户界面体系架构200的框图。用户界面体系架构200包括用户界面(UI)引擎202，其向用户提供对各种系统对象204的访问并向用户传递有关系统100的信息。

在执行时，UI引擎202可以使得图形设备108生成诸如显示设备之类的输出设备112上的图形用户界面。在一种实现方式中，图形用户界面可以包括多维桌面210和多维应用环境212。在一种实现方式中，多维桌面210和多维应用环境212包括x轴方向、y轴方向和z轴方向，例如，高度方向、宽度方向和深度方向。x轴方向、y轴方向和z轴方向可以限定三维环境，例如包括z轴(例如深度)方向的“3D”或“2.5D”环境。

在一种实现方式中，多维桌面210可以包括用户界面元素，诸如可视化对象220、可视化对象容器222和堆栈项目224。堆栈项目224中的每一个可以与一个或多个堆栈元素226相关联(以下将更详细地描述)。在一些实现方式中，可视化对象220、可视化对象容器222、堆栈项目224和堆栈元素226可以在伪三维(即“2.5D”)或三维环境中被呈现为具有深度方向的图形对象。堆栈项目和堆栈元素可以被二维或三维地呈现。

可视化对象220例如可以是系统对象的视觉呈现。在一些实现方式中，可视化对象220是图标。也可以使用其它可视化对象，例如报警通知窗口、菜单命令栏、窗口、或系统对象的其它视觉呈现。

在一种实现方式中，多维应用环境212可以包括沿着深度方向分布的应用环境。例如，诸如应用窗口的内容帧可以呈现在第一表面上，并且诸如工具栏命令之类的控制元素可以呈现在第二表面上。

图3A是图示例如在第一状态中的第一堆栈项目的示例第一视觉呈现302的框图。在一些实现方式中，第一堆栈项目是包括一个或多个堆栈元素(例如堆栈元素302a至302i)的系统对象，诸如对应于系统对象的图标或系统对象的其它可视化呈现。第一堆栈项目与堆栈元素302a至302i相关联，以使得对第一堆栈项目的选定可以提供对堆栈元素302a至302i中的任意堆栈元素以及它们对应的系统的对象的访问。在一些实现方式中，堆栈元素可以用系统对象的相应可视化对象来实现。在一些实现方式中，堆栈元素可以用系统对象的相应缩略图标来实现。在一些实现方式中，堆栈元素可以用系统对象的不同相应图标来实现。在一些实现方式中，堆栈元素可以用共同的堆栈元素图标的来实现。也可以使用利用图标和/或其它可视化对象的其它堆栈元素实现方式。

在一些实现方式中，如图3A所示，堆栈元素302a至302i被以平铺的方式聚集。也可以使用其它堆栈布置。在一些实现方式中，堆栈元素302a至302i中的每一个显示相应的特有标记(indicium)，例如与各个堆栈元素相关联的图像缩略预览、与各个堆栈元素相关联的文档的第一页、与各个堆栈元素相关联的文件目录中所包括的文档。也可以使用其它特有标记或多个特有标记。例如，与图像对应的堆栈元素可以具有相同的纵横比、例如4x 5纵横比、9x 12纵横比等等。类似地，与文档对应的堆栈项目可以具有相同纵横比的页面选择，例如8.5x 11纵横比、A4纵横比等等。也可以使用其它一个或多个特有标记，例如可以在每个堆栈元素中显示文档大小和/或文档日期。

在一些实现方式中，堆栈元素302a至302i可以被正规化至相似的显示纵横比。例如，与具有不同纵横比(例如4x 5纵横比、9x 12纵横比等)的图像相对应的堆栈元素可以通过在缩略图像的缩略图周围添加边框而具有相同的显示纵横比。这样的正规化可以辅助对具有不一致的特征(例如不同格式化大小)的系统对象的一致呈现。

第一堆栈项目可以包括与不同类型的系统对象有关的可视化对象。例如，堆栈项目可以包括与外围设备(例如是硬盘驱动器、串行总线设备等)有关的堆栈元素；或者可以包括与应用窗口有关的堆栈元素；或者可以包括与系统功能(例如菜单、关机功能、休眠功能、备份功能等)有关的堆栈元素；或可以包括与新近的系统报警有关的堆栈元素；或其它系统对象。

在一些实现方式中，第一堆栈项目可以包括与不同系统视图有关的可视化对象。例如，堆栈元素302a可以对应于工作环境；堆栈元素302b可以对应于游戏环境；堆栈元素302c可以对应于音乐环境；并且堆栈元素302d可以对应于电影环境。对相应元素302a至302d中的任意元素的选择例如可以使得用户界面跳转到相应环境。

在一些实现方式中，第一堆栈项目可以包括与多个监视器有关的可视化对象。例如，如果双监视器用户环境中的监视器被禁用，则被禁用的监视器上所显示的相应可视化对象可以折叠成剩下的监视器上的监视器堆栈。

堆栈项目和堆栈元素的其它实现方式是可能的，如以下更详细所述。例如，堆栈元素302a至302i中的每个堆栈元素可以对应于另一堆栈项目。对堆栈元素302a至302i中的任意堆栈元素的选择可以使得用户界面显示对应于选定堆栈元素的堆栈项目。

图3B是图示例如在第二状态中的第一堆栈项目的示例第二视觉呈现304以及第二堆栈项目的第一视觉呈现306的框图。响应于对第一堆栈项目的第一视觉呈现302中的堆栈元素(例如堆栈元素302a)的选择，用户界面可以生成第一堆栈项目的第二视觉呈现304。第一堆栈项目的第一视觉呈现302中的堆栈项目302a对应于第一堆栈项目的第二视觉呈现304中的堆栈元素304a。具体地，堆栈元素302a和堆栈元素304a可以对应于同一系统对象。

第一堆栈项目的第二视觉呈现304提供用户相关上下文(例如父目录的视觉呈现以及其包含的子目录)，以使得用户可以在知道第一堆栈项目包括什么以及第二堆栈项目(子目录)源自哪儿的同时可以导航回到第一堆栈项目(例如父目录)。可以认为第二视觉呈现304具有返回按钮的功能，其提供第一堆栈项目和第二堆栈项目之间的层级关系的上下文呈现，并且允许用户从当前层级结构(例如第二堆栈项目)导航至先前层级结构(例如第一堆栈项目)。先前层级结构的示例是子目录的父目录。导航至先前层级结构的另一示例是从文字处理应用中显示的文本文档的内容(例如子对象)导航回到文件系统中的文本文档(父对象)。

在一些实现方式中，当堆栈元素302a被选定时，第一堆栈项目的第二视觉呈现304和第二堆栈项目的第一视觉呈现306可以被组合以用于通过动画显示在界面上。第一堆栈项目的第一视觉呈现302可以在第一动画中被动画显示，以使得其被转变成第一堆栈项目的第二视觉呈现304。另外，第二堆栈项目的第一视觉呈现306可以通过第二动画被呈现，示出第一视觉呈现306从堆栈元素304a中出来，如箭头所指示的。这种类型的动画的示例包括堆栈元素304a的第一视觉呈现306“扇出”、“飞出”或“弹出”。在一些实现方式中，第一动画在第二动画开始之前完成。在一些实现方式中，第一动画和第二动画可以同时发生或在时间上部分重叠地发生(例如通过交叉淡变)。

在一些实现方式中，第一堆栈项目的第二视觉呈现304是第一堆栈项目的第一视觉呈现302的缩放版本(例如更小的呈现)。第一堆栈项目的第二视觉呈现304可以和第一堆栈项目的第一视觉呈现302具有相同的纵横比率。如图3B中所示，第二堆栈项目的第一视觉呈现302和第一堆栈项目的第二视觉呈现304被显示在平行的面中。在一些实施方式中，第一堆栈项目的第二视觉呈现304可以以相对于第二堆栈项目的第一视觉呈现306的一角度显示。具体地，第一堆栈项目的第二视觉呈现304可以在三维空间中(通过动画)被旋转回去来图示出：在三维空间中，第一堆栈项目的第二视觉呈现304在第一视觉呈现306的后面并且正在向后移动例如来创建第二视觉呈现304正在远离用户并且更加深入图形用户界面的幻觉。可以令第一堆栈项目的第二视觉呈现304停在一平面中，该平面如果被投影，将与第二堆栈项目的第一视觉呈现306被显示于其中的那个平面相交。

其它实现方式是可能的。例如，如图3B中所示，第二堆栈项目的第一视觉呈现306和第一堆栈项目的第二视觉呈现304被以重叠布置的方式显示。作为另一示例，第二堆栈项目的第一视觉呈现306和第一堆栈项目的第二视觉呈现304可以被显示为使得视觉呈现不重叠(例如，为平铺布置)。

此外，第一堆栈项目的第二视觉呈现304包括指示符(未示出)。指示符可以用来标识：通过第一视觉呈现306呈现的第二堆栈项目是对应于堆栈元素304a(其对应于当前被选定的堆栈元素302a)的堆栈项目。指示符可以以各种实现方式被视觉呈现。例如，指示符可以通过对堆栈元素304a的明暗处理而被呈现。作为另一示例，指示符可以通过围绕堆栈元素304a的边框(例如高亮显示)而被呈现。作为另一示例，堆栈元素304a的呈现可以被修改以使得其是2.5D、3D或动画显示的。

另外，堆栈元素304a和第二堆栈项目的第一视觉呈现306可以各种被呈现为带有文本，该文本将它们各自标识为与另一者有关。例如，堆栈元素304a可以对应于图像的目录，并且堆栈元素306a至306p可以是图像。文本“聚会照片”例如可以与第一堆栈项目的第二视觉呈现304和第二堆栈项目的第一视觉呈现306一起被显示。其它实现方式是可能的。

图3C是图示例如在第三状态中的第一堆栈项目的示例第二视觉呈现304和第二堆栈项目的第一视觉呈现306的框图。对第一堆栈项目的第二视觉呈现304的选定使得用户可以将焦点返回到第一堆栈项目的第一视觉呈现302。在一些实现方式中，当第二视觉呈现304被选定时，可以在用户界面中呈现动画。

动画可以是参考图3B描述的动画的反面(相反动画)。具体地，第一堆栈项目的第二视觉呈现304可以在第一动画中被动画显示，以使得其转变成第一堆栈项目的第一视觉呈现302。另外，第二堆栈项目的第一视觉呈现306可以通过第二动画被从显示中移除，第二动画示出第二堆栈项目的第一视觉呈现306进入到堆栈元素304a中，如箭头所示。这种类型的动画的示例包括第二项目的第一视觉呈现306“扇入”、“飞入”或“弹入”堆栈元素304a中。在一些实现方式中，第二动画在第一动画开始之前完成。在一些实现方式中，第一动画和第二动画可以同时发生或者在时间上部分重叠地发生。结果，第一堆栈项目的第一视觉呈现302在用户界面上变得轮廓清晰，诸如图3A中图示的那样。

所描述的动画可以使用可视化模型来实现，可视化模型定义包括一个或多个终点的多维路径。例如，第一堆栈项目的第一视觉呈现302一开始可以部署在第一终点处，例如如图3A中所示。第一堆栈项目的第二视觉呈现304可以部署在第二终点处，例如如图3B中所示。响应于对第二视觉呈现304的选定，第一堆栈项目的第一视觉呈现302可以部署在第一终点处，如图3A中所示。对于每个动画，第一终点不一定位于用户界面中的相同位置处。类似地，对于每个动画，第二终点不一定位于用户界面中的相同位置处。

暂时参考图3B，从第二堆栈项目的第一视觉呈现306中选择堆栈元素(例如306e)可以导致第三堆栈项目的第一视觉呈现的显示。

图3D是图示第一堆栈项目的示例第二视觉呈现304、第二堆栈项目的示例第二视觉呈现308以及第三堆栈项目的示例第一视觉呈现310的框图。具体地，第三堆栈项目可以对应于堆栈元素306e。用户可以以如针对图3A至3C描述的类似的方式与第三堆栈项目的第一视觉呈现310和第二堆栈项目的第一视觉呈现308交互。

第一堆栈项目的第二视觉呈现304和第二堆栈项目的第二视觉呈现308提供用户相关上下文。例如，如果第三堆栈项目是目录，则第一堆栈项目和第二堆栈项目分别是祖目录和父目录。用户可以在知道第一堆栈项目和第二堆栈项目包括什么以及第三堆栈项目源自哪里的同时导航回到第一堆栈项目或第二堆栈项目。

在一些实现方式中，对第一堆栈项目的第二视觉呈现304的选定可以导致：第三堆栈项目的第一视觉呈现310进入第二堆栈项目的第二视觉呈现308中，并且第二堆栈项目的第二视觉呈现308进入第一堆栈项目的堆栈元素304a中。结果，第一堆栈项目的第一视觉呈现302在用户界面上变得轮廓清晰，如图3A中所示。其它实现方式是可能的。例如，第三堆栈项目的第一视觉呈现310和第二堆栈项目的第二视觉呈现308可以都被动画显示为进入堆栈元素304a中。

另外，如前所述，第一堆栈项目的第二视觉呈现304和第二堆栈项目的第二视觉呈现308可以以一角度被显示。例如，第二视觉呈现304可以显示在第一平面中，第一平面如果被投影，则与第一视觉呈现310被显示于其中的那个平面相交。第二视觉呈现308可以显示在与第一平面平行的第三平面中。

图3E是图示第一堆栈项目的示例第二视觉呈现304、第二堆栈项目的示例第一视觉呈现306以及第四堆栈项目的示例第一视觉呈现312的框图。如图3E中所示，同时选定堆栈项目304a和304e例如可以使得第二堆栈项目(对应于堆栈项目304a)的第一视觉呈现306与第四堆栈项目(对应于堆栈项目304e)的第一视觉呈现312被同时地呈现。另外，多于两个的堆栈元素可被选定以显示堆栈项目的相应视觉呈现。

其它实现方式是可能的。例如，两个或更多无关的堆栈项目可以被同时呈现在用户界面中。堆栈项目可以被认为是无关的，这是因为它们是独立嵌套结构，例如可以通过无关的堆栈项目中的每一个来访问的另外的堆栈元素和堆栈项目是特有的。

作为另一示例，通过返回按钮接收的预定输入(例如带角度的手势或沿着堆栈项目的水平面的手势)可以导致对先前为用户生成的一个或多个返回按钮的显示。例如，为用户生成的所有返回按钮可以存储在存储器中的历史中。在一些实现方式中，如果不能一次在界面中显示所有返回按钮，则返回按钮可被进一步缩放。其它实现方式是可能的。滚动条可被生成并被呈现来允许用户在返回按钮的历史中进行导航。另外，类似于MacOS X的Cover Flow(覆盖流)之类的界面可以用于显示返回按钮。在一些实现方式中，在返回按钮上点击并保持光标可以导致返回按钮清单被显示，这与菜单类似。用户可以在保持光标来在返回按钮清单中进行导航的同时移动光标。在一些实现方式中，返回按钮清单可以通过动画显示被呈现，例如返回按钮清单从当前返回按钮滑出。另外，其它类型的预定输入可以用来示出和隐藏返回按钮清单。例如，在将光标悬停在当前返回按钮上的同时按压键盘上的选择键可以导致对返回按钮清单的显示。此外，释放选择键可以导致对返回按钮清单的隐藏。

在一些实现方式中，返回按钮可以指示其提供在堆栈项目之间进行导航的能力。例如，当用户将光标移动到返回按钮上(例如悬停在返回按钮上)时，返回按钮可以被高亮显示。作为另一示例，可以呈现描述性文本(例如“返回”、“返回到地址薄”)或图标，其向用户指示选定该返回按钮将会将用户焦点返回到特定对象(例如地址薄)。

在一些实现方式中，动画可以用来向用户指示：用户已经选定的堆栈项目正处在激活或开启的进程中。例如，可以在用户界面中呈现旋转的光标或时钟。作为另一示例，用户选定的视觉呈现可以被动画显示来创建其“正在脉冲式发生”的幻觉(例如通过颜色或大小的变化)。在一些实现方式中，例如可以显示界面元素(例如窗口)，其通过显示文本“正在加载”来指示堆栈项目“正在加载”。当对象加载时，它们可以被呈现在界面元素中，并且界面元素的大小可以被自动调节来适应对正在加载的对象的显示。

在一些实现方式中，返回按钮不是其相应堆栈项目的缩放呈现。

图4A是包括包含应用图标的堆栈项目的示例第一视觉呈现400的截屏图。图4B是图4A的堆栈项目的示例第二视觉呈现410的截屏图。如图4B中所示，图4A的堆栈项目的第二视觉呈现410不是第一视觉呈现400的缩放版本。第二视觉呈现410是先前的层级结构的呈现，或先前层级结构呈现。具体地，先前层级结构的呈现包括“Applications”(应用)图标，“Applications”图标指示先前层级结构是一组应用图标。其它实现方式是可能的。

图5是用于生成堆栈项目的示例处理500的流程图。处理500包括生成(510)第一堆栈项目的第一视觉呈现，第一堆栈项目包括一个或多个第一堆栈元素。处理500还包括在界面中第一状态中呈现(520)第一堆栈项目的第一视觉呈现。例如，UI引擎202可以生成并呈现多维桌面210中的第一堆栈项目的第一视觉呈现。处理500还包括接收(530)选择一个或多个堆栈元素中的一个的第一用户输入。例如，第一用户输入可以通过输入设备110被接收。处理500还包括响应于第一选择，在第二状态中：(540)生成先前层级结构的第二视觉呈现，并且在界面中呈现先前层级结构的第二视觉呈现而不是第一堆栈项目的第一视觉呈现。先前层级结构的第二视觉呈现是第一堆栈项目的层级结构的上下文呈现。例如，UI引擎202可以生成并呈现在多维桌面210中的先前层级结构的第二视觉呈现。在第三状态中响应于选择先前层级结构的第二视觉呈现的第二用户输入，第一堆栈项目的第一视觉呈现被呈现在界面中，并且先前层级结构的第二视觉呈现被从界面中的显示移除。例如，响应于通过输入设备110接收的第二用户输入，UI引擎202可以呈现第一堆栈项目的第一视觉呈现并从多维桌面210中的显示中移除先前层级结构的第二视觉呈现。

图6是可以用来实现在此所述的系统和方法的示例系统层结构600的框图。然而，也可以使用其它系统层实现方式。

在一些实现方式中，用户界面引擎，诸如UI引擎202或能够生成三维用户界面环境的另一UI引擎，操作于应用级602并且实现可通过应用程序接口(API)层604获得的图形功能和特征。示例图形功能和特征包括由图形API支持的图形处理、由成像API支持的图像处理和由视频API支持的视频处理。

API层604进而与图形库层606相接口。图形库层604可以例如被实现为图形硬件的软件接口，诸如OpenGL规范的实现。驱动器/硬件层608包括驱动器和相关联的图形硬件，诸如图形卡和相关联的驱动器。

所描述的特征可以以数字电子电路实现或以计算机硬件、固件、软件实现或以它们的组合实现。特征可以以被有形地包含在信息载体(例如机器可读储存设备)中的计算机程序产品来实现，以供可编程处理器执行；并且方法步骤可以通过可编程处理器执行指令程序来对输入数据进行操作并生成输出而执行所描述的实现方式的功能。

所描述的特征可以有益地以可在可编程系统上执行的一个或多个计算机程序来实现，可编程系统包括被耦接来从数据储存系统接收数据和指令并向其发送数据和指令的至少一个可编程处理器，至少一个输入设备以及至少一个输出设备。计算机程序是可以在计算机中被直接地或间接地使用来执行确定活动或得出确定结果的指令集。计算机程序可以以任意形式的可编程语言(例如Objective-C、Java)来撰写，包括编译的或解释的语言，并且其可以以任意形式来部署，例如作为单独的程序部署或作为适合于在计算环境中使用的模块、组件、子例程或其它单元部署。

用于指令程序的执行的合适处理器例如包括通用的和专用的微处理器，和任意种类的计算机的单个处理器或多个处理器或核心中的一个。一般，处理器将从只读存储器或随机存取存储器或这二者接收指令或数据。计算机的实质元件是用于执行指令的处理器和用于存储指令和数据的一个或多个存储器。一般，计算机也包括用于存储数据文件的一个或多个海量储存设备或被可操作地耦接来与所述一个或多个海量储存设备通信；这样的设备包括磁盘、诸如内部硬盘和可移除盘；磁光盘；以及光盘。适合于有形地包含计算机程序指令和数据的储存设备包括所有形式的非易失性存储器，例如包括示例半导体存储设备，诸如EPROM、EEPROM和闪存设备；磁盘，诸如内部硬盘和可移除盘；磁光盘；以及CD-ROM和DVD-ROM盘。处理器和存储器可以用ASIC(专用集成电路)补充或被结合进ASIC中。

为了提供与用户的交互，这些特征可以被实现在计算机上，该计算机具有用于向用户显示信息的诸如CRT(阴极射线管)或LCD(液晶显示)监视器的显示设备，以及用户可以用来向计算机提供输入的键盘和诸如鼠标或跟踪器之类的点选设备。

这些特征可以实现在计算机系统中，该计算机系统包括后端组件，诸如数据服务器，或者包括中间组件，诸如应用服务器或因特网服务器，或包括前端组件，诸如具有图形用户界面或因特网浏览器的客户端计算机，或者它们的任意组合。系统的组件可以通过任意形式和媒介的数字数据通信(诸如通信网络)来连接。通信网络的示例包括例如LAN、WAN和形成因特网的计算机和网络。

计算机系统可以包括客户端和服务器。客户端和服务器一般相互远离并且通常通过网络来交互。客户端和服务器的关系借助在各个计算机上运行的并且相互具有客户端-服务器关系的计算机程序而出现。

已经提供了许多实现方式。然而，将理解，可以做出各种修改。例如，一个或多个实现方式的元素可以被组合、删除、修改或补充来形成更多实现方式。作为另一示例，附图中描述的逻辑流程不要求所示出的特定次序，或顺序次序来实现所期望的结果。另外，可以提供其它步骤或可以从所描述的流程中删除步骤并且可以向所描述的系统添加其它组件或从该系统移除其它组件。因此，其它实现方式在权利要求的范围内。

Claims

1.一种计算机实现的方法，包括：

生成第一堆栈项目的第一视觉呈现，所述第一堆栈项目包括一个或多个第一堆栈元素；

在界面中在第一状态中呈现第一堆栈项目的第一视觉呈现；

接收第一用户输入，第一用户输入选择所述一个或多个第一堆栈元素中的一个第一堆栈元素；

响应于第一选择，在第二状态中：

生成第一堆栈项目的第二视觉呈现，所述第一堆栈项目的第二视觉呈现是第一堆栈项目的层级结构的上下文呈现，其中，所述第一堆栈项目的第二视觉呈现是第一堆栈项目的第一视觉呈现的缩小版本；

在所述界面中，呈现所述第一堆栈项目的第二视觉呈现而不是第一堆栈项目的第一视觉呈现；以及

在所述界面中，呈现与所选择的第一堆栈元素对应的第二堆栈项目的第三视觉呈现；

其中，响应于选择所述第一堆栈项目的第二视觉呈现的第二用户输入，在第三状态中，第一堆栈项目的第一视觉呈现被呈现在所述界面中，并且所述第一堆栈项目的第二视觉呈现和第二堆栈项目的第三视觉呈现被从所述界面中的显示中移除。

2.一种计算机实现的方法，包括：

识别第一堆栈项目，第一堆栈项目包括一个或多个第一堆栈元素；

生成第一堆栈项目的第一视觉呈现；

在界面中在第一状态中呈现第一堆栈项目的第一视觉呈现；

接收第一用户输入，第一用户输入选择所述一个或多个第一堆栈元素中的一个第一堆栈元素；以及

响应于第一选择，在第二状态中：

从所述界面中的显示中移除第一堆栈项目的第一视觉呈现；

识别与选定的第一堆栈元素相对应的第二堆栈项目；

生成第二堆栈项目的第二视觉呈现；

生成第一堆栈项目的第三视觉呈现，其中第三视觉呈现是第一视觉呈现的缩小版本；以及

组合第一堆栈项目的第三视觉呈现和第二堆栈项目的第二视觉呈现以用于在所述界面中显示；

其中，响应于选择第一堆栈项目的第三视觉呈现的第二用户输入，第一堆栈项目的第一视觉呈现被呈现在所述界面中，并且从所述界面的显示中移除第一堆栈项目的第三视觉呈现和第二堆栈项目的第二视觉呈现。

3.如权利要求2所述的方法，其中，第一选择还包括同时从所述一个或多个第一堆栈元素中选择另一第一堆栈元素，并且第三堆栈项目的第四视觉呈现被生成以用于与第一堆栈项目的第三视觉呈现和第二堆栈项目的第二视觉呈现相结合地显示。

4.如权利要求2所述的方法，其中，第一堆栈项目的第三视觉呈现被相对于第二堆栈项目的第二视觉呈现以一角度显示在所述界面中。

5.如权利要求2所述的方法，还包括：

接收选择第一堆栈项目的第三视觉呈现的第二用户输入；以及

响应于第二选择，在第三状态中：

从所述界面中的显示中移除第二堆栈项目的第二视觉呈现；

从所述界面中的显示中移除第一堆栈项目的第三视觉呈现；以及

在所述显示中呈现第一堆栈项目的第一视觉呈现。

6.如权利要求2所述的方法，其中，所述一个或多个第一堆栈元素对应于文件目录。

7.如权利要求2所述的方法，其中，第三视觉呈现和第二视觉呈现在第二状态中以重叠布置被呈现。

8.如权利要求2所述的方法，还包括：

生成可视化模型，所述可视化模型定义用第一终点和第二终点限定的多维路径，其中所述可视化模型生成：

在第一状态中，第一视觉呈现在所述第一终点处的部署；

在第二状态中，第三视觉呈现在所述第二终点处的部署和第二视觉呈现在第一终点处的部署；以及

在第三状态中，第一视觉呈现在第一终点处的部署。

9.如权利要求2所述的方法，还包括：

指示当前对第三视觉呈现中的所选定的第一堆栈元素的选定。

10.如权利要求2所述的方法，还包括：

对于所述一个或多个第一堆栈元素中的每个第一堆栈元素，生成与每个第一堆栈元素有关的文本；以及

组合所述文本和所述一个或多个第一堆栈元素以用于在第一堆栈项目的第一视觉呈现中显示。

11.一种计算机实现的方法，包括：

呈现第一堆栈项目的第一视觉呈现，第一堆栈项目包括一个或多个第一堆栈元素；

响应于第一选择，进行第一转变，第一转变将第一堆栈项目的第一视觉呈现转变成第一堆栈项目的第二视觉呈现，第一堆栈项目的第二视觉呈现是第一堆栈项目的第一视觉呈现的缩小版本；以及

组合第一转变和第二堆栈项目的第三视觉呈现以用于在界面中显示；

接收选择第一堆栈项目的第二视觉呈现的第二用户输入；以及

响应于第二选择：

从所述界面中的显示中移除第二堆栈项目的第三视觉呈现；

进行第二转变，第二转变将第一堆栈项目的第二视觉呈现转变成第一堆栈项目的第一视觉呈现；以及

在所述界面中呈现所述第二转变。

12.如权利要求11所述的方法，其中，第二堆栈项目包括一个或多个第二堆栈元素，并且该方法还包括：

接收第三用户输入，第三用户输入选择所述一个或多个第二堆栈元素中的一个第二堆栈元素；

响应于第三选择，进行第三转变，第三转变将第二堆栈项目的第三视觉呈现转变成第二堆栈项目的第四视觉呈现，第二堆栈项目的第四视觉呈现是第二堆栈项目的第三视觉呈现的缩小版本；以及

组合第一堆栈项目的第二视觉呈现、第三转变以及第三堆栈项目的第五视觉呈现以用于在所述界面中显示。

13.一种计算机实现的设备，包括：

用于生成第一堆栈项目的第一视觉呈现的装置，所述第一堆栈项目包括一个或多个第一堆栈元素；

用于在界面中在第一状态中呈现第一堆栈项目的第一视觉呈现的装置；

用于接收第一用户输入的装置，第一用户输入选择所述一个或多个第一堆栈元素中的一个第一堆栈元素；

用于响应于第一选择，在第二状态中执行如下步骤的装置：

在所述界面中，呈现第一堆栈项目的第二视觉呈现而不是第一堆栈项目的第一视觉呈现；以及

其中，在第三状态中，响应于选择所述第一堆栈项目的第二视觉呈现的第二用户输入，第一堆栈项目的第一视觉呈现被呈现在所述界面中，并且所述第一堆栈项目的第二视觉呈现和第二堆栈项目的第三视觉呈现被从所述界面中的显示中移除。

14.一种计算机实现的方法，包括：

呈现父对象的第一视觉呈现；

接收选择父对象的子对象的输入；

呈现所选的子对象的第一视觉呈现和父对象的第二视觉呈现，其中，父对象的第二视觉呈现是父对象的第一视觉呈现的缩小版本；

接收选择所述父对象的第二视觉呈现的输入；以及

响应于该选择：

呈现父对象的第一视觉呈现，并且

从界面中的显示中移除所述子对象的第一视觉呈现和所述父对象的第二视觉呈现。

15.如权利要求14所述的方法，其中所述父对象是父目录并且所述子对象是子目录。