[发明专利]具有灵活的平行和正交移动的多层用户界面

说明书

背景技术

有效用户界面的设计提出许多挑战。一个挑战是给定了显示器的空间限制和特定用户的需求，如何为用户提供最优量的视觉信息或功能。这个挑战对于具有小型显示器的设备（诸如，智能电话或其他移动计算设备）会尤其棘手。这是因为对于进行特定活动的用户通常存在比适合于显示器的更多的可用信息。用户会容易变得迷惑，除非认真地注意信息是如何呈现在有限量的可用显示空间中的。

不论先前的技术的好处如何，它们都没有以下呈现的技术和工具的优点。

发明内容

此处描述的技术和工具涉及在计算机显示器上向用户呈现视觉信息，并且更具体地涉及在小型显示器上呈现视觉信息，小型显示器诸如是在智能电话和其他移动计算设备上找到的那些显示器。具体而言，描述了涉及用户界面的不同方面的技术和工具，在该用户界面中，彼此相关的视觉信息层以不同的速率移动。在一个实现中，各层响应于用户输入，在同一个方向上以是层的长度（也被称为层的宽度，诸如当层被水平地定向时）的函数的速率移动。例如，图形用户界面（GUI）包括背景层、标题层和内容层。在特定方向上（例如，在水平维度中从左向右）用户导航通过内容层也导致在背景层和标题层的一个或多个中的同一方向上的移动。层中移动的量和性质依赖于一个或多个因素，诸如，层中的数据、或层中对应锁点（lock points）之间的相对距离。例如，如果内容层比背景层长，则内容层比背景层移动得快。内容层的移动速率可以与触摸屏上手势的移动速率相匹配，以便给用户直接操纵触摸屏上的内容的感觉。

一个方面，UI系统显示包括至少第一和第二层的GUI。第一层中视觉信息的第一部分位于触摸屏的显示区域内。UI系统接收与触摸屏上的第一手势相对应的第一用户输入。UI系统至少部分地基于用户输入来计算第一移动，第一移动包括从初始第一层位置到当前第一层位置的第一层的移动，在初始第一层位置中，第一层中视觉信息的第二部分位于显示区域以外，在当前第一层位置中，第一层中视觉信息的第二部分位于显示区域内。第一移动以第一移动速率在第一方向上（例如，移动速率基本等于用户的手指或触摸屏上其他物体摆出的手势的移动速率）进行。UI系统至少部分地基于用户输入来计算与第一移动基本平行的第二移动，第二移动包括从初始第二层位置到当前第二层位置的第二层中视觉信息的移动。第二移动以第二移动速率在第一方向上进行。第二移动速率与第一移动速率不同。

第一层具有可用于在与第一方向（例如，水平方向）基本正交的第二方向（例如，垂直方向）上移动的用户界面元素（例如，可垂直滚动的元素，诸如链接列表）。UI系统接收与触摸屏上的第二手势相对应的第二用户输入，并至少部分地基于第二用户输入来计算基本正交的移动（例如，垂直移动）。基本正交的移动包括第一层中用户界面元素中的视觉信息从初始元素位置到当前元素位置的的移动。可基于初始元素位置和第二手势的速度来计算当前元素位置。当元素位于初始元素位置时，用户界面元素中视觉信息的一部分可以位于显示区域以外，而在元素位于当前元素位置时用户界面元素中视觉信息的这一部分位于显示区域以内。