网络浏览器图形用户界面及其实现方法技术

提供了一种用于在小屏幕上浏览网页的改进图形用户界面。该用户界面首先在屏幕上显示网页的缩减表现形式。一旦在网页内选择了感兴趣的部分，则该用户界面以较大尺寸且可选地以垂直化表现形式来显示所选中的部分。可选地，可以同时显示这两种表现形式。还提供了一种实现该网络浏览器的方法，由此，最初只下载足以显示网页的缩减表现形式的数据。一旦用户在网页内选择了感兴趣的部分，则以较大尺寸显示选中部分所需的数据被下载并显示。

【技术实现步骤摘要】

本专利技术涉及计算机用户界面领域，并且具体地涉及用来浏览文档的图形用户界面以及实现这种界面的方法。
技术介绍
用来浏览诸如网页(web page)之类的文档的图形用户界面是公知的。在典型的文档浏览器界面中，文档的一部分被显示在屏幕上，并且通过使用键盘输入、鼠标输入、或其他用户输入来在屏幕上将文档上下滚动，从而观看文档的其他部分。这种浏览文档的方法在大多数应用中适用。然而，当文档格外长时，这种方法的不足就变得非常明显。在这种情形中，可能必须将文档滚动相当长的一段时间，才能观看到感兴趣的部分。解决这一问题的一种方法是使用“向上翻页”和“向下翻页”来允许用户迅速滚动。另一种方法是使用垂直滚动条，其允许用户选择要在屏幕上观看的文档的相对位置。然而，这些解决方案不能允许用户在文档内容易地标识出要跳到的感兴趣部分。解决这一问题的另一方法是在面板侧面显示文档中各个页码的可选缩略图，或者是允许用户跳到具体的页号。这些方法可能是有效的，但是只有在文档能方便地被拆分为多个页时才能实现。当然，诸如网页之类的许多文档是连续的，它们不能被拆分为这种页，因此不能使用这种方法来进行显示和导航。在小屏幕时上述不足尤为严重，例如，当在个人数字助理(PDA)、无线手持设备、或具有网络功能的蜂窝电话在观看文档时。许多文档，尤其是大多数网页是针对宽屏幕设计的，并且最好在宽屏幕上观看，这种宽屏幕通常具有800或1024个像素的水平分辨率。在许多情形中，网页作者通过向网页给出二维结构，来利用这些大屏幕尺寸。这种二维结构将网页布置为相邻区域(常常是矩形区域，但是并不必然如此)的集合。这些区域包含不同类型的语义信息，例如一组指向其他区域的站点、故事、图像、广告等的链接。这些不同区域一般具有不同的视觉特征，这允许用户简单一瞥就能迅速标识出页面中感兴趣的区域。用户常常使用这些不同的、大尺寸的视觉特征，来迅速标识出页面中他们感兴趣的特定区域。这又允许他们将注意力迅速集中到该区域并阅读文字、观看图像、点击想要的链接，或者以其他方式与页面中想要的区域进行交互。手持设备上的屏幕通常远小于许多文档尤其是网页在创建时所针对的屏幕分辨率。由于这一限制，为了显示网页的内容，手持设备上的浏览器常常拆散这种网页，并且将它们重新绘制(render)为窄得多的内容“条”，从而用户可以垂直滚动以观看整个页面。尽管这种网页的“垂直化”重新绘制保留了原始网页的全部内容，但是丢失了原始页面的许多二维结构。这种垂直化过程具有几个效果。第一，由于在垂直化重新绘制中缺少大规模、二维的地标(landmark)，这使用户更加难以标识出垂直化页面上的各种不同的在语义上有区别的内容区域。第二，在垂直化重新绘制中，网页的高度比原始高度要大许多倍。为了在整个页面内导航，手持设备的用户必须执行多得多的下滚操作(例如，使用滚轮或某些其他键或输入机制来一次滚动一行或一屏)。不仅这一过程是令人生厌的，而且必须滚动许多次这样一种行为也分散了用户的注意力，因为用户注视内容同时内容在滚动通过，这使用户更难以找到想要的感兴趣区域。第三，在许多页面中，最高价值的内容(例如，报纸中主要故事的文字)在结尾，这被绘制在垂直化页面的许多屏之下，这就迫使用户执行大量滚动操作，才能观看感兴趣的部分。如果文档必须被下载观看并且文档特别长或下载带宽有限，则浏览文档的一般方法会出现另一问题。因为一般的文档浏览方法需要下载完毕整个文档才能浏览该文档，所以在请求文档之后可能需要某些时间用户才能观看及浏览该文档。
技术实现思路
在广泛的方面，本申请提供了一种网络浏览器(web browser)与用户交互的方法，该方法包括(a)以缩减尺寸显示网页的第一表现形式(representation)；(b)从用户接收放大网页内感兴趣部分的第一输入，其中感兴趣的部分由用户在第一表现形式中选择；以及(c)以较大尺寸来显示网页的所选中部分的第二表现形式。可以交替或同时显示第一和第二表现形式。如果交替显示第一和第二表现形式，则该方法还包括从用户接收第二输入，以进行缩小；以及响应接收到该第二输入，用第一表现形式代替第二表现形式。如果同时显示第一和第二表现形式，则该方法还包括以第一表现形式，来显示标识出要以第二表现形式显示的网页部分的标记，并且其中通过用户在第一表现形式内移动所述标记并且可选地选择该部分，来在网页内选择感兴趣的部分。在显示第一表现形式之前，该方法还包括下载网页，并以缩减尺寸绘制该网页的第一表现形式。或者，可以在显示第一表现形式之前，下载以缩减尺寸绘制的网页的第一表现形式，并且在步骤(b)和(c)之间，可以下载以较大尺寸绘制的网页的选中部分的第二表现形式。该方法可以在手持设备上实施，并且第二表现形式可以是垂直化表现形式。在另一方面，本申请提供了一种用于显示网页的计算机系统，该计算机系统包括处理器；输入设备，其连接到处理器，用于将用户输入传送到处理器；屏幕，其连接到处理器，用于显示网页；和与处理器相关联的网页显示装置，其可操作来使处理器进行如下操作(a)在屏幕上以缩减尺寸显示网页的第一表现形式；(b)从输入设备接收放大该网页内感兴趣部分的第一输入，其中感兴趣的部分是在第一表现形式中选择的；以及(c)在屏幕上以较大尺寸来显示网页的所选中部分的第二表现形式。与上述方法一样，网页显示装置可以被操作来使处理器交替或同时显示第一和第二表现形式。如果交替显示第一和第二表现形式，则该显示装置还可以使处理器从输入设备接收第二输入，以进行缩小；以及响应接收到所述第二输入，在屏幕上用第一表现形式代替第二表现形式。该计算机系统还包括连接到处理器的通信设备，以允许处理器与另一计算机通信。这种情形中，显示装置可以使处理器进行如下操作通过所述通信设备从另一计算机下载网页；以及以缩减尺寸来绘制该网页的第一表现形式，上述两个步骤都在步骤(a)之前。或者，显示装置可以使处理器进行如下操作在步骤(a)之前，通过通信设备从另一计算机下载以缩减尺寸绘制的网页的第一表现形式；以及在步骤(b)和(c)之间，通过通信设备从另一计算机下载以较大尺寸绘制的网页的选中部分的第二表现形式。该计算机系统可以是手持设备。在另一方面中，本申请提供了一种服务器将网页传送到客户端的方法，该方法包括以缩减尺寸绘制网页的第一表现形式；将所绘制的第一表现形式发送到客户端；从客户端接收以较大尺寸绘制该网页的选中部分的第二表现形式的请求；以及响应接收到该请求，以较大尺寸来绘制网页的选中部分的第二表现形式，并且将所绘制的第二表现形式发送到客户端。这种方法可以在无线电信服务器上实施，其中客户端是无线手持设备。本申请还包括计算机可读介质，其包含有使计算机实现上述方法中任一项的指令。本领域的普通技术人员在阅读了下面对具体实施例的描述之后，将清楚其他方面和特征。附图说明现在将参考附图描述优选实施例，附图中图1是现有技术的网络浏览器在台式机屏幕上显示网页时的屏幕截图；图2是现有技术的网络浏览器在手持设备屏幕上显示相同网页时的屏幕截图； 图3是根据本申请的用户界面的实施例，网络浏览器在显示网页的缩减表现形式时的示例屏幕截图；图4是图3的网络浏览器在显示网页的垂直化表现形式时的屏幕截图；图5是根据本申请的用户界面的另一实施例，网本文档来自技高网...

【技术保护点】
一种网络浏览器与用户交互的方法，所述方法包括：（ａ）以网页（１０）的原始布局显示所述网页（１０）的第一表现形式（１８），其中一组相邻的内容区域（１０ａ、１０ｂ、１０ｃ、１０ｄ）被绘制为二维结构形式，但是尺寸被缩减；（ｂ）从所述用户接收放大所述网页（１０）内感兴趣部分（２０）的第一输入，所述感兴趣的部分是由所述用户在所述第一表现形式（１８）中选择的；以及（ｃ）以另一种布局来显示所述网页（１０）的所述选中部分的第二表现形式（１６），其中所述内容区域（１０ａ、１０ｂ、１０ｃ、１０ｄ）被重新绘制为较窄的结构并且是较大的尺寸。

【技术特征摘要】
EP 2004-9-23 04104637.61.一种网络浏览器与用户交互的方法，所述方法包括(a)以网页(10)的原始布局显示所述网页(10)的第一表现形式(18)，其中一组相邻的内容区域(10a、10b、10c、10d)被绘制为二维结构形式，但是尺寸被缩减；(b)从所述用户接收放大所述网页(10)内感兴趣部分(20)的第一输入，所述感兴趣的部分是由所述用户在所述第一表现形式(18)中选择的；以及(c)以另一种布局来显示所述网页(10)的所述选中部分的第二表现形式(16)，其中所述内容区域(10a、10b、10c、10d)被重新绘制为较窄的结构并且是较大的尺寸。2.如权利要求1所述的方法，其中在接收到所述第一输入时，所述第二表现形式(16)代替所述第一表现形式(18)。3.如权利要求2所述的方法，还包括从所述用户接收第二输入以进行缩小；以及响应接收到所述第二输入，用所述第一表现形式代替所述第二表现形式。4.如权利要求1所述的方法，其中在第一和第二面板(16、18)中同时显示所述第一和第二表现形式(16，18)。5.如权利要求4所述的方法，还包括以所述第一表现形式，来显示标识出要以所述第二表现形式显示的所述网页的部分的标记(20)；以及其中通过所述用户在所述第一表现形式内移动所述标记，来在所述网页(10)内选择感兴趣的部分。6.如权利要求4所述的方法，还包括以所述第一表现形式，来显示标识出要以所述第二表现形式(18)显示的所述网页(10)的部分的标记(20)；以及其中通过在所述第一表现形式(18)内将所述标记(20)移动到感兴趣的部分并且选择所述部分，来在所述网页(10)选择感兴趣的部分。7.如权利要求1至6中任一项所述的方法，还包括下载所述网页(10)；以及以所述网页(10)的原始布局但是以缩减尺寸来绘制所述网页(10)的所述第一表现形式(18)，上述两个步骤都在步骤(a)之前。8.如权利要求1至6中任一项所述的方法，还包括在步骤(a)之前，下载以缩减尺寸绘制的所述网页(10)的所述第一表现形式(18)；以及在步骤(b)和(c)之间，下载以其他布局绘制的所述网页(10)的选中部分的所述第二表现形式(16)。9.如权利要求1至8中任一项所述的方法，其中所述其他布局(16)包括所述内容区域(10a、10b、10c、10d)的实质上线状绘制。10.一种计算机可读介质，包含让计算机实现权利要求1至9中任一项所述的方法的指令。11.一种用于显示网页的计算机系统，所述计算机系统包括处理器(36A)；输入设备(36C)，其连接到所述处理器(36A)，用于将用户输入传送到所述处理器(36A)；屏幕(36B)，其连接到所述处理器(36A)，用于显示所述网页(10)；和与所述处理器(36A)相关联的网页显示装置，其可操作来使所述处理器进行如下操作(a)在所述屏幕上以所述网页(10)的原始布局显示所述网页(10)的第一表现形式(18)，其中一组相邻的内容区域(10a、10b、10c、10d)被绘制为二维结构形式，但是尺寸被缩减；(b)从所述输入设备(36C)接收放大所述网页(10)内感兴趣部分(20)的第一输入，所述感兴趣的部分在所述第一表现形式(18)中选择；以及(c)在所述屏幕(36B)上以另一种布局来显示所述网页(10)的所述选中部分的第二表现形式(16)，其中所述内容区域(10a、10b、10c、10d)被重新绘制为较窄的结构并且是较大的尺寸。12.如权利要求11所述的计算机系统，其特征在于所述网页显示装置还可操作来使所述处理器(36A)在接收到所述第一输入时在所述屏幕上用所述第二表现形式(16)代替所述第一表现形式(18)。13.如权利要求12所述...

【专利技术属性】
技术研发人员：戴维弗朗西斯塔普什卡，迈克尓诺尔斯，米哈尔扎拉里代斯，戴维P亚日，
申请(专利权)人：捷讯研究有限公司，
类型：发明
国别省市：CA[加拿大]