用于网站和内容的滚动结束效果的制作方法
【专利说明】用于网站和内容的滚动结束效果
[0001] 相关申请的交叉引用
[0002] 本申请根据35U.S.C. §119要求于2013年9月10日提交的美国临时专利申请序列号 No. 61/876,155的优先权的权益，其公开的全部内容因此基于所有目的通过引用合并至此。
【背景技术】
[0003] 本公开一般涉及滚动结束效果，并且具体地，涉及提供类触觉的视觉用户体验，其 示出已经到达可滚动页面或内容的片段的末尾。
[0004] 网站或内容窗口可被向上或向下以及从一边到另一边滚动。当到达窗口中的页面 或内容的一个方向的末端时，窗口可停止滚动且可视内容保持静态，作为网页或内容不能 在特定方向上更进一步滚动的仅有的视觉提示。提供已经到达内容的末尾的进一步视觉提 示对用户来说可以是更有趣和有效的体验。
【发明内容】
[0005] 公开的主题涉及提供过度滚动被显示内容的视觉提示的计算机实现的方法。所述 方法包括在设备显示器上显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其 中，所述内容是可滚动的。所述方法还包括确定所述被显示的可滚动内容在第一方向上被 滚动至末端。所述方法进一步包括接收用户输入以进一步在所述第一方向上滚动所述可滚 动内容。所述方法还包括显示用户输入正在尝试超过所述可滚动内容的所述末端的视觉提 示，其中，所述视觉提示包括在第二方向上移动所述浏览器控制部和所述内容部。
[0006] 公开的主题还涉及一种用于提供过度滚动被显示内容的视觉提示的系统。所述系 统包括一个或多个处理器以及机器可读介质，所述机器可读介质包括存储在其中的指令， 所述指令当由所述处理器执行时引起所述处理器执行操作。所述操作包括在设备显示器上 显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其中，所述内容是可滚动的。 所述操作还包括确定被显示的可滚动内容在第一方向上被滚动至末端。所述操作进一步包 括接收用户输入以进一步在所述第一方向上滚动所述可滚动内容。所述操作还包括显示所 述用户输入正在尝试超过所述可滚动内容的所述末端的视觉提示，其中，所述视觉提示包 括在第二方向上移动所述浏览器控制部和所述内容部，所述第二方向与所述第一方向相 反。
[0007] 公开的主题还涉及一种包括机器可读指令的非暂时的机器可读存储介质，用于引 起处理器执行用于提供过度滚动被显示内容的视觉提示的方法。所述方法包括在设备显示 器上显示窗口，所述窗口具有窗口控制部、浏览器控制部和内容部，其中，所述内容是可滚 动的。所述方法还包括确定被显示的可滚动内容在第一方向上被滚动至末端。所述方法进 一步包括接收用户输入以进一步在所述第一方向上滚动所述可滚动内容。所述方法还包括 显示所述用户输入正在尝试超过所述可滚动内容的所述末端的视觉提示，其中，所述视觉 提示包括保持所述窗口控制部静态并以对数递减为基础在第二方向上移动所述浏览器控 制部和所述内容部。
[0008] 应理解为，从以下【具体实施方式】中，主题技术的其他配置将很容易对本领域技术 人员显而易见，其中主题技术的多种配置通过图示的方式被示出和描述。如将被实现的，主 题技术对其他和不同的配置有能力且它的一些细节能在多个其他方面修改，而所有都不背 离主题技术的范围。因此，附图和【具体实施方式】应被视为本质上是说明性的而不是限制性 的。
【附图说明】
[0009] 主题技术的特征在所附权利要求中被阐明。然而，出于解释的目的，主题技术的几 个实施例在下列附图中被阐明。
[0010] 图1图示了浏览器窗口的示例，所述浏览器窗口显示网页的开始内容。
[0011] 图2图示了浏览器窗口显示器中的视觉提示的示例，其对应于用户输入以在向上 的方向上在开始内容之上进一步滚动。
[0012] 图3图示了显示网页的结尾内容的浏览器窗口的示例。
[0013]图4图示了浏览器窗口显示器中的视觉提示的示例，其对应于用户输入以在向下 的方向上在结尾内容之上进一步滚动。
[0014]图5图示了提供了显示过度滚动被显示内容的视觉提示的示例过程。
[0015]图6图示了可以提供显示过度滚动被显示内容的视觉提示的示例网络环境。
[0016] 图7概念性地图示了示例电子系统，利用所述示例电子系统可以实现主题技术的 一些实现。
【具体实施方式】
【具体实施方式】 [0017] 在下方阐述目的是作为主题技术的各种配置的描述并不是为了表 示可以实现该主题技术的仅有配置。附加的图被合并于此并构成的一部分。 包括用于提供对主题技术的深入理解的目的的具体细节。然而，主题技术不 限制于本文中阐述的具体细节并可以在没有这些细节的情况下被实践，这对本领域技术人 员来说是清楚和明显的。在一些示例中，结构和组件以框图的形式被示出以便避免模糊主 题技术的概念。
[0018] 如上面注释的，用户尝试在一个方向上过度滚动网页或内容经过内容的末端。例 如，用户可导航至新闻网站并滚动新闻内容直到到达处于网页底部的最后的新闻故事。用 户可以在相同方向上继续滚动以查找更多内容，而没有意识到已经到达了网页底部，只因 为在用户在相同方向上过度滚动时内容保持静态。网页或内容可在页面顶部具有起点，在 页面底部具有末端，在页面左边具有最左点并且在页面右边具有最右点。用户可在向上、向 下、向左或向右方向中的任何一个上尝试过度滚动网页或内容经过末端。
[0019] 当在特定方向上过度滚动网页或内容的末端时，内容的这种静态显示的一个问题 是用户可能不容易看到已经到达内容末端。例如，当用户在阅读被显示在公司网页上的内 容时，用户可能缓慢地向下滚动被显示在用户的电子设备上的公司网页。然而，如果用户到 达了公司网页的底部并继续在公司网页中尝试并向下滚动，用户可能不容易注意到从网页 内容缓慢向上移动直到不再移动的改变。进一步地，网页内容的静态显示不提供与用户的 过度滚动手势的量相对应的视觉指示。因此，用户可能继续过度滚动网页经过末端，试着看 附加网页内容并在该过程中变得受挫。
[0020] 该公开主题提供了显示用户已经开始在特定方向上过度滚动网页或内容的视觉 提示。一检测到过度滚动输入，视觉提示就可开始，并且随着过度滚动输入继续，视觉提示 可以加强内容窗口的至少一部分的视觉运动。视觉运动可向用户提供与用户的滚动手势相 对应的类触觉的视觉体验。例如，用户可在滚动基于web的文章直到文章的开始的方向上移 动计算机鼠标。响应于用户在已经到达文章的开始之后在相同方向上持续地进一步移动鼠 标，显示了文章的一部分浏览器窗口和示出了打开浏览器标签的网站工具栏可进一步移 位，而示出了窗口控制工具栏的一部分浏览器窗口可保持固定，因此将内容和标签工具栏 向上挤压进控制工具栏。因此，在浏览器窗口中挤压内容和标签工具栏的视觉提示可提供 浏览器窗口正在拒绝用户的过度滚动内容的尝试的类触觉视觉感。
[0021] 图1图示了显示在平板电脑106上的浏览器窗口 200的示例。浏览器窗口 200包括窗 口控制部230,所述窗口控制部230具有带有浏览器窗口控件232(例如，关闭、最小化、最大 化）的工具栏。浏览器窗口 200还包括浏览器控制部240,所述浏览器控制部240具有指示了 当前打开基于标签活动的标签210、212、214。在图1的示例中，标签210和212指示用户之前 打开的或发起的浏览器活动(例如，搜索、网站导航、互联网应用）。标签214指示最近期的/ 当前的浏览器活动，其进一步在浏览器窗口 200的内容部250中被内容224指示。例如，标签 214是新闻网站的互联网搜索并且内容224是新闻网站的主页。标签210和212还具有对应的 内容220和222,当内容224被显示时所述内容220和222被隐藏。如果用户选择标签220或 222，则对应的内容220或222将被显示且内容224被隐藏。
[0022]内容224是可以在内容部250中上下滚动的。例如，在图1中图示的，内容224是新闻 网站的主页。内容224的开始包括新闻网站标识以及指示新闻条目的各种类别的多个标签。 进一步向下网页是持续在被显示在屏幕上的窗口之上的各种新闻故事，使得用户必须向下 滚动以在内容224的新闻流中阅读另外的故事。标签210、212、214的顶部和浏览器窗口 200 的顶部边框202之间的距离在图1中被示出为高度hi。
[0023]图2图示了浏览器窗口 200的示例，其中用户尝试进一步向上滚动内容224经过内 容224的开始(例如，过度滚动）。例如，用户可将手指放在触屏显示器上并在屏幕上向下拉 以尝试在显示器上进一步向上滚动至另外的内容224。这里，平板电脑106可被配置为当手 指在触屏上被拉取时在相反方向上滚动，使得当手指被向下拉取时，内容224中的视点被向 上滚动且内容224向下移位。可替代地，平板电脑106可被配置为在与手指运动相同的方向 上滚动，以便当手指在屏幕上被向下拉取时，内容224中的视点被向下滚动使得内容224向 上移位。此外，滚动输入可以是跨过触屏或触控板被拉取的手指或物体(例如，铅笔）、鼠标 的移动、在键盘上按键盘箭头，等等。
[0024]如在图2中图示的，当用户过度滚动经过内容224的开始或顶部时，浏览器控制部 240和内容部250在浏览器窗口 200中向下移位。这里，标签210、212、214和内容224全部在浏 览器窗口 200中向下移位而带有窗口控件232的窗口控制部230保持在原位(例如，静态的）。 标签210、212、214的顶部和