CN105122244A - 用于在计算装置上操作的浏览器的多面板视图界面 - Google Patents
用于在计算装置上操作的浏览器的多面板视图界面 Download PDFInfo
- Publication number
- CN105122244A CN105122244A CN201480022411.9A CN201480022411A CN105122244A CN 105122244 A CN105122244 A CN 105122244A CN 201480022411 A CN201480022411 A CN 201480022411A CN 105122244 A CN105122244 A CN 105122244A
- Authority
- CN
- China
- Prior art keywords
- panel
- webpage
- view interface
- group
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Abstract
本发明提供一种用于操作计算装置的方法。一个或一个以上处理器确定在浏览器中同时打开的多个网页。确定至少一第一网页群组和第二网页群组。在所述浏览器上,显示具有多个面板的多面板视图界面。所述多面板视图界面在每一面板中同时提供所述第一群组中的第一组网页中的至少一些网页的可用内容。所述可用内容对应于个别网页上所显示的内容的一部分。所述多面板视图界面包含选择界面,以使用户能够选择检视所述第一群组或所述第二群组中的网页。通过扩大所述网页的所述可用内容,来在所述多面板视图界面上显示网页。
Description
技术领域
本文所描述的实例大体上涉及一种用于在计算装置上操作浏览器的系统和方法。
背景技术
典型的网络浏览器提供单个窗口,其显示来自用户所接入或打开的网页的内容。甚至在用户在浏览器的多个标签中打开多个网页的情形中,所述网页中仅一个可在浏览器上完全显示。用户可通过选择相关联的标签,来检视所述浏览器上所打开的不同网页。
附图说明
图1说明用于在计算装置上操作浏览器的实例系统。
图2A和2B说明用于在计算装置上操作浏览器的实例方法。
图3A和3B说明浏览器的多面板视图界面的实例。
图4A和4B说明浏览器的多面板视图界面的另一实例。
图5A到5E说明在浏览器显示的一系列实例用户界面。
图6是说明在上面可实施本文所述的实例的计算装置的框图。
具体实施方式
本文所述的实例提供用于计算装置的浏览器,其在单个界面中同时显示来自多个网页的内容。在一些实例中,所述单个界面可为多视图面板界面,其可使用户能够检视来自属于用户所指定的特定网页群组的多个网页的内容。所述多视图面板界面可提供使用户能够在多个网页群组之间切换的特征。
根据一实例,浏览器或浏览器应用程序可存储在存储器中,且在计算装置上操作。确定在所述浏览器中同时打开的多个网页。在一些实例中,关于所述打开的网页中的每一者的信息可由浏览器维持。确定至少一与第一组网页相关联的第一网页群组以及与第二组网页相关联的第二网页群组。在浏览器上,显示具有多个面板的多面板视图界面,其中每一面板包含第一组网页中的一些网页的可用内容。所述可用内容可对应于在个别网页上显示的内容的一部分。以此方式,浏览器可基于群组来为用户组织网页,并使用户能够在视觉上区分打开的网页。
在一个实例中,所述多面板视图界面可包含群组选择特征,其使用户能够选择哪些网页群组来在多面板视图界面中检视(例如,第一群组、第二群组等)。用户可与群组选择特征交互,以在浏览器中打开的不同组网页之间切换。所述群组选择特征也可提供群组管理功能性,使得用户可直接从多面板视图界面管理网页和相关联群组。
所述多面板视图界面还可使用户能够与浏览器中同时打开的其它网页相比,选择待显示的网页(例如,多数)中的一者。举例来说,用户可提供输入来选择多面板视图界面的面板中的一者。响应于用户输入,可通过将对应于选定面板的可用内容扩充到活动视图,在多面板视图界面上显示所述网页。
在其它实例中,多面板视图界面可提供对应于一个以上网页群组的多个面板。更进一步,取决于变化,多面板视图界面的面板在大小上可大体上类似或大小不同。
本文所描述的一个或一个以上实例规定计算装置所执行的方法、技术和动作是以编程方式执行,或执行为计算机实施的方法。如本文所使用,以编程方式表示通过使用代码或计算机可执行指令。这些指令可存储在计算装置的一个或一个以上存储器资源中。以编程方式执行的步骤可或可不为自动的。
可使用程序模块、引擎或组件来实施本文所描述的一个或一个以上实例。程序模块、引擎或组件可包含程序、子例程、程序的一部分,或能够执行一个或一个以上所陈述任务或功能的软件组件或硬件组件。如本文所使用,模块或组件可存在于独立于其它模块或组件的硬件组件上。或者,模块或组件可为其它模块、程序或机器共享的元件或进程。
本文所描述的一些实例可通常要求使用计算装置,包含处理和存储器资源。举例来说,本文所描述的一个或一个以上实例可整体或部分地在计算装置上实施,例如服务器、桌上型计算机、蜂窝式或智能电话、个人数字助理(例如,PDA)、膝上型计算机、打印机、数字相框以及平板装置。存储器、处理和网络资源可全部结合本文所描述的任何实例(包含任何方法的性能或任何系统的实施例)的建立、使用或性能而使用。
此外,可通过可由一个或一个以上处理器执行的指令的使用来实施本文所描述的一个或一个以上实例。这些指令可在计算机可读媒体上运载。结合下文的图而展示或描述的机器提供上面可运载和/或执行用于实施实例的指令的处理资源和计算机可读媒体的实例。明确地说,结合实例而展示的大量机器包含处理器以及用于保持数据和指令的各种形式的存储器。计算机可读媒体的实例包含永久存储器存储装置,例如个人计算机或服务器上的硬盘驱动器。计算机存储媒体的其它实例包含便携式存储单元,例如CD或DVD单元、快闪存储器(例如在智能电话、多功能装置或平板计算机上运载)、以及磁性存储器。计算机、终端、具有网络能力的装置(例如,移动装置,例如手机)全部是利用处理器、存储器以及存储在计算机可读媒体上的指令的机器和装置的实例。另外,可以计算机程序或能够运载此程序的计算机可用载体媒体的形式来实施实例。
系统描述
图1说明用于在计算装置上操作浏览器的实例系统。系统100,例如由图1的实例所描述,可在计算系统上实施,例如桌上型计算机、膝上型计算机、平板装置或智能电话。系统100可经配置以经由网络与资源或服务器通信,以便接收和提供浏览器上的内容。
在一个实例中,系统100可包含浏览器110和界面150,以经由网络(例如,局域网或因特网)与一个或一个以上网络资源160通信。浏览器110可包含网页管理120、群组管理125、内容剪辑130和用户界面(UI)组件140。系统100的组件可组合以从网络资源接收数据/内容,并提供多面板视图界面,其同时显示对应于多个网页的可用内容。计算装置的用户可操作一个或一个以上输入机构,例如鼠标、键盘和/或触敏显示器,以控制多面板视图界面且与多面板视图界面交互。
取决于实施例,系统100中描述的组件可提供为个别组件或模块,或提供为其它组件的部分。可用各种应用程序(例如,软件)和/或实施系统100的一个或一个以上计算装置的硬件来实施逻辑。在一些实施例中,系统100的组件可在网络侧资源上,例如在一个或一个以上服务器上实施。系统100也可通过替代架构(例如,对等网络等)中的其它计算机系统的组合来实施。作为添加或替代,系统100的一个或一个以上组件可对应于可由浏览器用来提供多面板视图界面的插件。
计算机系统可操作浏览器110来经由例如因特网等网络从网络资源160检索信息并呈现所述信息。举例来说,所述信息或内容可由统一资源定位符(URL)识别,且可为网页、图像和/或视频等。当用户选择链接,例如超链接,或输入URL时,浏览器110可从相应的网络资源160检索对应于所述链接或URL的内容(例如,经由界面150的网页数据161),且在浏览器110上呈现内容(例如,浏览器110在浏览器窗口中打开所述网页)。在一些情况下,用户可同时打开多个不同网页。
多面板视图界面
浏览器110可确定存在由用户打开的多个网页。如果浏览器110仅具有一个打开的网页(例如,第一网页),那么浏览器110的UI组件140可向用户界面提供所述网页的完整屏幕视图(或活动视图)。所述活动视图使所述用户能够以典型方式与网页交互,例如选择所述网页上的链接,滚动所述网页等。所述用户还可操作浏览器110,以同时打开第二网页(例如,通过与浏览器110的标签条或状态条界面交互,以进入另一URL,或通过点击第一网页上的链接,来打开所述链接作为新的标签)。当浏览器110打开第二网页时,所述第二网页可显示为完整屏幕视图而不是第一网页。每一同时打开的网页也可与标签或可选择特征相关联,使得用户可与所述标签或可选择特征交互,以在将在整个屏幕或活动视图中检视(例如,经由用户输入141)哪些网页之间切换。
浏览器110可包含网页管理120,其维持关于同时打开的的每一网页的信息。网页管理120也可维持关于先前已由用户打开的网页的浏览历史或信息。对于同时打开的每一网页,网页管理120可维持关于所述网页的信息(例如,其何时打开,所述网页的URL等),并使所述网页与对应于标签或可选择特征的识别符相关联。
当同时打开一个以上网页时,UI组件140可在计算装置的显示器上提供多面板视图界面151。多面板视图界面151包含多个面板(或卡),其各自显示对应于同时打开的网页且与所述网页的识别符相关联的可用内容。举例来说,对于每一面板,所述可用内容可对应于在对应网页上显示的内容的一部分。浏览器110可响应于用户输入141(例如,经由计算装置的输入机构),提供多面板视图界面151。在一个实例中,浏览器110可通过致使整个屏幕或活动视图的大小减小,使得(i)所述网页的内容的仅一部分在所述面板的一者中显示(例如,作为可用内容),且(ii)可暴露其它面板,来显示来自当前显示网页的整个屏幕视图或活动视图的多面板视图界面151。
在一些实例中,UI组件140可包含卡逻辑142和输入检测144。卡逻辑142可(i)确定浏览器110中同时打开多少网页(例如,通过与网页管理120通信),(ii)确定多面板视图界面151上将同时显示多少面板或卡,(iii)确定面板的大小,(iv)使每一面板与浏览器110中同时打开的特定网页相关联(例如,使用所述网页的识别符),以及(v)基于用户输入141来重新安排所述面板在多面板视图界面151中的次序或定位。举例来说,卡逻辑142可确定存在三个同时打开的网页,确定所述三个面板可同时在多面板视图界面151上显示,且可使所述三个网页中的每一者与所述面板中的每一者相关联。卡逻辑142还可确定所述三个面板中的每一者的大小大体上相等(例如,各自具有是整个浏览器窗口的三分之一的大小)。
卡逻辑142可基于(i)浏览器110中的同时打开的网页的数目,(ii)计算装置的浏览器窗口或显示器的总大小,(iii)计算装置的显示器的定向(例如,移动或手持式装置的风景或肖像定向),和/或(iv)用户指定或预定配置/设定,来确定用于多面板视图界面151的面板的大小。举例来说,用户指定或预定配置可规定多面板界面151上一次只能显示最多五个面板(例如,使得如果存在五个以上打开的网页,那么用户必须滚动所述多面板界面151来检视额外面板)。在另一实例中,所述配置可规定多个面板中的每一者的大小将大体上相等。影响显示的面板的大小和数目的这些因素可由用户在浏览器110的菜单中配置。取决于实施例,卡逻辑142可基于所述因素来动态地定所述面板的大小(或重新定大小),使得当在浏览器上打开一个或一个以上额外网页(或关闭一个或一个以上网页),可动态地调整所述面板的大小。
UI组件140还包含输入检测144,以检测用户经由计算装置的一个或一个以上输入机构(例如,触敏显示器、一个或一个以上按钮或开关、键盘、鼠标、追踪球等)提供的输入141。用户可通过执行示意动作或通过选择多面板界面151的所显示的可选特征和面板来提供用户输入141。举例来说,所述用户可在触敏显示器的表面上执行示意动作,或使用鼠标或追踪球来点击、保持和拖曳多面板视图界面151的可选特征或部分。输入检测144可使用示意动作辨识逻辑来确定用户提供或输入什么示意动作,且确定什么动作对应于那些示意动作。用户输入141可用来控制例如什么网页在浏览器110中打开,或多面板界面151中的UI组件140将显示什么(例如,滑动或卷动面板,扩大面板,将网页的活动视图减少到面板,关闭打开的网页等)。基于用户输入141,网页管理120还可更新或修改关于打开的网页和浏览器的浏览历史的信息。
UI组件140可使用关于内容剪辑130所提供的内容的内容或信息来产生多面板界面151。对于浏览器110中打开的每一网页,从一个或一个以上网络资源160接收对应于所述网页的网页数据161。对于每一网页,浏览器110的内容剪辑130可确定在所述网页上显示的内容的什么部分将在多面板界面151的对应面板中呈现。内容剪辑130可确定所述网页上显示的内容的什么部分是所述网页的将向用户传达的重要方面(例如,网页的标题或题目、主图像或最大图像)。
举例来说,许多网页具有接近网页顶部或网页的左上角的标题或题目部分。类似地,许多网页可包含接近网页的上部区和/或中心的特定主题或题目的图像或大文本。内容剪辑130可将所述网页的内容的此类部分识别为所述网页的重要方面,且向UI组件140提供所识别部分的剪辑和/或关于所述所识别部分的信息(例如,所述网页的x-y坐标系的四个参考点)。
内容剪辑130还可基于多面板界面151的面板的大小,确定将识别所述内容的什么部分。举例来说,内容剪辑130可结合UI组件140的卡逻辑142工作,以确定多面板界面151的面板大小。网页的所识别部分的大小可基于其对应面板的大小而变化。UI组件140可对于每一面板,显示对应于内容剪辑130针对所述网页而识别的内容的一部分的可用内容。
对网页进行分组
浏览器110还包含群组管理125,以维持关于网页的分组的信息。取决于实施例,群组管理125可与浏览器110的网页管理120通信,或作为浏览器110的网页管理120的一部分。当存在在浏览器110中打开的多个网页时,用户可将一个或一个以上网页选择为与特定群组相关联。用户还可在浏览器中创建多个群组。关于用户所指定的群组的信息可由群组管理125维持。举例来说,群组管理125可使对应于网页的个别识别符与一个或一个以上群组识别符相关联。
取决于实施例,多面板视图界面151可显示仅对应于特定网页群组的网页的面板。在此类实例中,多面板视图界面151可包含群组选择特征,来使用户能够在检视不同网页群组之间切换(例如,选择一特征来检视与多面板视图界面151上当前显示的网页群组不同的群组)。在另一实例中,多面板视图界面151可同时显示对应于多个群组的网页的面板。当对应于多个群组(或一个群组以及不在一群组中的其它网页)的面板存在于多面板视图界面151中时,可提供一个或一个以上图形特征来指示哪些面板属于哪一群组。在任一实例中,用户可通过与多面板视图界面151上的输入141交互且在多面板视图界面151上提供用户输入141,来更新和处理网页群组。
以此方式,多面板视图界面151可提供关于哪些网页(或网页群组)在浏览器110中打开的信息,作为用户的视觉和可用内容。另外,网页的分组提供为所述用户提供所打开的网页的额外组织。用户可浏览通过所述面板,且选择一面板来将对应网站视为活动视图。当用户使用用户输入141作出面板的选择时,UI组件140可通过将所述面板内的可用内容扩大到所述活动视图,来致使选定网页被检视为多面板视图界面151上的活动视图。
方法
图2A和2B说明用于在计算装置上操作浏览器的实例方法。如图2A和2B所描述的方法可使用例如结合图1的实例而描述的组件来实施。因此,参考图1的元件是为了说明用于执行正描述的步骤或子步骤的合适元件或组件的目的。
参看图2A,可在浏览器110中同时打开多个网页。浏览器110可包含网页管理120,其维持关于同时打开的网页的信息。浏览器110可确定何时存在同时打开的一个以上网页(210)。当同时打开的多个网页时,浏览器110可确定与第一组网页相关联的第一网页群组和/或与第二组网页相关联的第二网页群组(和/或额外群组)(220)。在一个实例中,用户可指定所述群组,且群组管理125可维持关于所述群组的信息。
可在浏览器上显示多面板视图界面151,其具有多个面板,所述面板各自显示第一组网页或第二组网页的至少一些网页的可用内容(230)。网页的可用内容可对应于所述网页上所显示的内容的一部分,且在具有相关联识别符或标签的对应面板中显示。以此方式,例如,用户已指定或选择为属于第一群组(与第二群组相反)的网页的部分可在多面板视图界面151上同时显示。在此类情况下,多面板视图界面151还可包含群组选择特征,其使用户能够检视多面板视图界面151中的不同网页群组。
当用户选择多面板视图界面151中所显示的面板中的一者,可通过将所述面板中的可用内容扩大到活动视图,来在多面板用户界面上显示对应网页。类似地,用户可通过与多面板视图界面151交互,将来自活动视图的网页的大小降回到面板内的可用内容,使得所述网页的内容的仅一部分在所述面板的一者中显示,且其它面板可暴露。
图2B说明用于操作计算装置上的浏览器的另一实例。图2B类似于图2A,但浏览器110不确定其中显示多面板视图界面151中的内容的网页群组。浏览器110可确定何时存在同时打开的多个网页(250)。当同时打开的多个网页时,浏览器110可显示具有多个面板的多面板视图界面151(260)。每一面板可包含打开的多个网页中的一些网页的可用内容。举例来说,可在浏览器110中打开十个网页,其中无任何网页被指定为群组的一部分。多面板视图界面151可同时显示对应于所述十个网页中的五个的五个面板。用户可通过滑动来提供输入以检视其它面板,或滚动通过以检视当前不在多面板视图界面151上显示的其它面板。
在一种变化中,群组可与一组网页相关联。在图2B中,可结合对应于不在所述群组中或在另一群组中的网页的面板来显示对应于所述群组中的网页的面板。以此方式,可将多个群组的多个网页显示为同一多面板视图界面151中的面板。举例来说,两个网页可在一个群组中,且所述两个网页的可用内容可在两个面板中个别地显示。对应于不在任一群组中指定或在不同群组中指定的网页的两个额外面板也可在多面板视图界面151中显示。
用户可选择多面板视图界面151中所显示的面板中的一者。响应于用户输入,可通过将选定面板中的可用内容扩大到活动视图,来在多面板用户界面上显示对应网页(270)。
实例
图3A和3B说明浏览器的多面板视图界面的实例。如图3A和3B中所描述的多面板视图界面300可为如相对于图1到2B而论述的多面板视图界面的实例。
多面板视图界面300可包含多个面板310、320。在图3A的实例中,多面板视图界面300提供三个面板以及两个面板的部分(使得所述面板的部分被隐藏或离开显示器)。所述面板可具有不同大小,且具有所述面板之间的不同大小的间距。举例来说,面板320中的一者的大小显著大于其它面板310,且位于多面板视图界面300的中心区中。每一面板对应于在浏览器中打开的网页,且包含对应于所述网页上所显示的内容的一部分的可用内容315。因为所述可用内容对应于网页上所显示的内容的一部分,所以在一些实例中,所述可用内容可为浏览器中正播放的视频的一部分。在多面板视图界面300中,面板的可用内容可显示对应于所述视频的图像,或继续播放所述视频。
每一面板还可包含识别符330,以及标题或所述标题的部分。取决于实施例,每一识别符330可为可选的,以使用户能够(i)重新排列面板的次序(例如,通过选择识别符330,并在两个面板之间从一个位置拖曳到另一位置),(ii)关闭对应的网页和面板(例如,通过选择识别符330,并将其向上或向下滑动),或(iii)滚动通过所述面板,以致使具有选定识别符330的面板定位在中心区中。
多面板视图界面300还可包含群组选择特征340,其包含一个或一个以上可选群组识别符345。在一个实例中,多面板视图界面300可提供已(例如,由用户)指定为在特定群组中的网页的面板310、320。在图3A的实例中,在面板310、320中显示的网页群组对应于具有识别符“02”且标记为“娱乐”的群组。用户可选择不同群组(例如,“个人”或“购物”)的另一识别符来检视对应于不同群组的网页的面板,且可编辑所述群组的标记。可选特征“02”具备与其它可选特征不同的视觉差别,以向用户识别用户当前正在多面板视图界面300中检视哪些网页群组。
多面板视图界面300还可包含网页指示符350,其在必要时,例如显示描绘多面板视图界面300中当前提供哪几组面板的第一组数字(例如,“1到5”),以及描绘打开的面板的总数目的第二数字(例如,“35”)。取决于变化,此第二数字可对应于当前显示为面板的特定网页群组中的若干网页,或可对应于浏览器中打开的网页的总数。用户可检视网页指示符350,以确定他或她当前正在检视面板1到5,且可通过用户输入滚动通过以检视其它面板,来在多面板视图界面300上看到额外面板。
举例来说,用户可使用触敏显示器上(例如,平板装置上)的一个或一个以上示意动作,或通过使用受鼠标控制的光标点击和拖曳所显示的特征(例如,在操作膝上型计算机或桌上型计算机上的浏览器时),与多面板视图界面300交互。用户可滚动(例如,从左往右或反之亦然,或从上到下或反之亦然)以检视多面板视图界面300上的额外面板(例如未显示的面板,或仅部分显示的面板)。在图3A的实例中,当用户滚动面板,使得与面板“03”不同的面板,例如面板“04”位于中心区中时,面板“03”的大小随着其向左移动而减小,且面板“04”的大小随着其移向中心区而增加。以此方式,当对应面板移向中心区时,多面板视图界面300可使用户看到可用内容的较大部分。
用户也可与多面板视图界面300交互,以在多面板视图界面300上显示仅一个网页的大部分。举例来说,用户可选择面板320,以致使面板320将所述面板的可用的内容315扩大到网页的活动视图。图3B说明当用户已选择面板320时的多面板视图界面300。可用内容315的大小已扩大,以在整个视图或活动视图360中显示对应于面板320的网页。一旦多面板视图界面300显示网页的活动视图360,就使用户能够以典型方式与所述网页交互,例如选择链接,滚动页面、暂停视频、播放视频等。
另外,当多面板视图界面300显示活动视图360时,还可提供浏览器命令条或菜单条370。浏览器命令或菜单条370可包含“向后”特征和“向前”特征,以及其它菜单功能性。在一个实例中,网页的标题可在浏览器命令或菜单条370的区中显示。当用户选择浏览器命令或菜单条370的区中的标题时,可代替所述标题或除所述标题之外显示所述网页的URL。
在图3B中,用户可与多面板视图界面300的活动视图360交互,以选择其它识别符或可选特征330。选择另一识别符330可致使相关联的网页在活动视图360中显示,而不首先显示多个面板,如图3A中说明。用户可通过执行示意动作或通过在浏览器命令或菜单条370上点击和拖曳(例如,向上滑动或向下滑动),来减小网页的活动视图360,以便检视多面板视图界面300中的多个面板。响应于用户输入,可减小活动视图360的大小,使得在图3A的多面板视图界面300中可显示多个面板。
作为添加或替代,当多面板视图界面300显示活动视图360时,那行标签或可选择特征330可从视图隐藏。在此实例中,活动视图360的大小可较大,其中浏览器命令或菜单条370较靠近多面板视图界面300的顶部(与图3B中所说明的相比)。为了使用户检视同时打开的其它网页的可选特征330,用户可与浏览器命令或菜单条370交互。举例来说,用户可在浏览器命令或菜单条370上进行互动运动(例如,向上或向下示意动作)或轻敲,以揭示那行可选特征330,例如图3B中所说明。
返回参看图3A,用户可通过与多面板视图界面300交互来处理或更新网页群组。举例来说,用户已创建了三个群组,标记为“个人”、“娱乐”和“购物”。在图3A中,对应于已分组在“娱乐”群组中的一组网页在多面板视图界面300中显示。用户可选择面板310和/或对应可选特征330(例如,由“04”或“05”识别的面板),并将其拖曳并放下到例如群组识别符“01”或“03”中的一者,以将所述面板的相关联网页移到“个人”群组或“购物”群组。类似地,用户可选择面板310和/或对应可选特征330,并将其拖曳并放下到“+”特征,以创建具有选定网页的新群组。在另一实例中,用户可选择并滑动面板(例如,向上或向下),以将网页从现有群组去除,或完全关闭网站。以此方式,用户可直接从多面板视图界面300处理和编辑网页群组,而不必打开单独的界面或菜单。
尽管图3A中描述的实例中说明五个面板,但其它变化可包含在多面板视图界面300上同时显示的不同数目个面板,例如三个或七个。其它实例可包含四个面板或六个面板等,其中两个大面板位于中心区中(例如,并排),与中心区中的单个大面板形成对比。
图4A和4B说明浏览器的多面板视图界面的另一实例。在一个实例中,图4A和4B可为图3A和3B的修改,且具有图3A和3B的类似特征和特性。如图4A和4B中所述的多面板视图界面400可为如相对于图1到2B所论述的多面板视图界面的实例。
图4A的多面板视图界面400可包含多个面板410。在图4A的实例中,在多面板视图界面400中显示五个面板410,其中每一面板410具有大体上相同大小,且包含对应于在浏览器中打开的特定网页的可用内容。每一面板410可具有相关联的识别符或可选特征420、网页域以及所述网页的标题。多面板视图界面400还可包含网页指示符450,其在必要时,例如显示描绘多面板视图界面400中当前提供哪组面板的第一组数字(例如,“1到5”,以及描绘浏览器中打开的面板的总数的第二数字(例如,“35”)。用户可通过滚动面板(例如,从左向右或从右向左)来检视额外面板410和对应特征。
在一个实例中,多面板视图界面400中同时提供的面板410可对应于(i)无群组(例如,用户尚未制定或创建任何群组),(ii)一个群组,或(iii)一个以上群组。在图4A的实例中,用户已指定了两个网页群组。第一群组包含由“01”、“02”和“03”识别的网页,而第二群组包含由“04”和“05”识别的网页。一个或一个以上图形特征430可具备群组来指示与其它群组相比,哪几组网页分组在一起。图形特征430可包含(i)连接群组的识别符或可选特征420的线,(ii)具有不同阴影、色彩和/或厚度的线,(iii)围绕群组的识别符或可选特征420的形状,和/或(iv)用于群组的识别符或可选特征420的不同色彩、阴影、填料。
多面板视图界面400可使用户能够直接从多面板视图界面400管理和编辑网页群组。举例来说,用户可通过进行穿过“02”与“03”之间的图形特征430的滑动示意动作(其可表示“切割”动作),来将对应于识别符“03”的网页从所述群组去除。输入检测144的示意动作辨识逻辑例如可将在所述位置穿过所述线的滑动示意动作检测为切断所述线的动作,并将“03”从所述群组去除。在另一变化中,用户通过选择识别符“03”,并将其拖曳离开其默认位置至少预定量以致使线430断裂,来将“03”从所述群组去除。在另一实例中,用户可通过选择和拖曳识别符,并将所述识别符放下到另一识别符(例如,图5A到5E中所论述),来创建具有两个或两个以上网页的群组。
用户可选择面板410,以致使面板410将所述面板的可用内容415扩大到网页的活动视图。图4B说明当用户已选择了面板410时的多面板视图界面400。可用内容415的大小已扩大,以在整个视图或活动视图460中显示对应于面板410的网页。一旦多面板视图界面400显示网页的活动视图460,就使用户能够以典型方式与网页交互,例如,选择链接、滚动页面、暂停视频、播放视频等。多面板视图界面400也可提供浏览器命令条或菜单条470。
返回参看图1,浏览器110的内容剪辑130可确定网页上显示的内容的什么部分被选择为面板的可用内容。图4B说明已被内容剪辑130识别为网页的重要方面以在图4A的面板410中显示为可用内容的部分480。部分480包含题目或名字“巢”,且可从活动视图460裁切,或使用x-y坐标系的四个参考点来识别。部分480的大小可基于多面板视图界面400的面板的大小而变化。虽然图4A中说明五个面板410,但在其它变化中,多面板视图界面400中可仅提供三个面板,使得每一面板的大小可大于图4A的面板410。
如所论述,面板410的可用内容可对应于个别网页的所显示内容的经裁切的或所识别的部分。在此类情况下,可用内容具有与网页的所显示内容的比例大体上类似的比例(例如,与所显示的内容相比,可用内容本身不缩小或扩大)。举例来说,图4A的面板410的可用内容415以与图4B的活动视图460中的部分480大体上相同的形式和大小来显示图像和题目“巢”。在其它变化中,与对应网页的所显示内容相比,面板的可用内容可缩小或放大。
图5A到5E说明在浏览器显示的一系列实例用户界面。在图5A中,提供对应于两个网页的两个识别符或可选特征(例如图4A和4B中所说明)。所述两个可选特征“04”和“05”尚未与群组相关联,因为两个可选特征之间未提供图形特征或差别。
在图5B中,用户已选择(经由输入机构)可选特征“04”,且已开始将其拖曳到可选特征“05”上方。当用户进行此运动时,可选特征“04”的大小扩大,以使用户明白用户已选择了哪一特征。在图5C中,随着用户在可选特征“05”邻近或周围的预定区域内移动可选特征“04”,所述可选特征的若干部分开始变形并彼此接触。随着使可选特征“04”更加靠近(或重叠)可选特征“05”,两个可选特征开始组合。此时,例如,当用户释放可选特征“04”时,浏览器确定所述可选特征的网页将分组在一起,且提供图形特征来指示所述分组,如图5E中所说明。
硬件图
图6是说明在上面可实施本文所述的实例的计算装置的框图。在一个实例中,计算装置600可对应于桌上型计算机、膝上型计算机或移动计算装置,例如能够进行打电话、消息接发和数据服务的蜂窝式装置。此类装置的实例包含智能电话、手持机或平板装置。计算装置600包含处理器610、存储器资源620、显示装置630(例如,触敏显示装置)、一个或一个以上通信子系统640(包含无线通信子系统)、输入机构650(例如,机构可包含触敏显示装置或作为其一部分),以及一个或一个以上其它装置组件(例如,GPS组件、输出装置、相机组件等)660。
处理器610配置有软件和/或其它逻辑,以执行结合例如图1到5所描述以及申请案中别处的实施例而描述的一个或一个以上进程、步骤和其它功能。处理器610配置有存储在存储器资源620中的指令和数据,以如图1到5所述操作浏览器。举例来说,例如图1到5中所述,用于操作浏览器以显示多面板视图界面615的指令可存储在计算装置600的存储器620中。在一个实施例中,用户可操作浏览器以打开和检视经由网络检索到的多个网页。当用户操作浏览器时,使用通信子系统640(例如,由浏览器)从网络检索网页数据645。
通信子系统640可使计算装置600能够通过网络链接(无线或有线)的使用与一个或一个以上网络(例如,因特网)通信。通过使用网络链接,计算装置600可与其它计算机系统,例如网络资源和服务器通信,以接收或检索网页数据645。浏览器可使用网页数据645来提供多视图面板界面615,如结合图1到5所描述。在一个实例中,通信子系统640中的至少一者经由数据通道和话音通道发送和接收蜂窝式数据。
处理器610可通过执行存储在存储器资源620中的指令和/或应用程序,来致使浏览器用户界面特征在显示器630上呈现。在一些实施例中,用户可与触敏显示器630交互,以在多面板视图界面615上提供输入,来管理网页群组且控制将检视哪些网页和/或将检视哪些面板等。
预期本文所描述的实例将独立于其它方面、理念或系统而扩展到本文所描述的个别元件和概念,并且例如包含本申请案中别处陈述的元件的组合。尽管本文参考附图详细描述了实例,但将理解,所述实例不限于那些精确描述和说明。由此,从业者将明白许多修改和变化。因此,预期个别地或作为实例的一部分而描述的特定特征与其它个别描述的特征或其它实例的部分组合,即使所述其它特征和实例未提到所述特定特征也是如此。
Claims (15)
1.一种用于操作计算装置的方法,所述方法由一个或一个以上处理器执行,且包括:
确定在浏览器中同时打开的多个网页;
确定至少一与第一组网页相关联的第一网页群组以及与第二组网页相关联的第二网页群组;
在所述浏览器上显示具有多个面板的多面板视图界面,所述多面板视图界面在每一面板中同时提供所述第一组网页中的至少一些网页的可用内容,所述可用内容对应于个别网页上显示的内容的一部分,其中所述多面板视图界面包含选择特征,以使用户能够选择检视所述第一群组或所述第二群组中的网页;以及
响应于用户输入,通过扩大所述网页的所述可用内容,在所述多面板视图界面上显示所述第一组网页中的所述网页中的一者。
2.根据权利要求1所述的方法,其中显示所述多面板视图界面包含确定所述第一组网页中的网页的数目,且其中所述多面板视图界面的每一面板的大小是基于所述第一组网页中的网页的所述数目。
3.根据权利要求2所述的方法,其中显示所述多面板视图界面包含确定所述至少一些网页中的每一者的所显示内容的哪一部分将被裁切,并提供作为每一面板中的可用内容。
4.根据权利要求1所述的方法,其中显示所述多面板视图界面包含在所述多面板视图界面的中心区中提供第一面板,其中当所述第一面板位于中心区中时,所述第一面板具有大于所述多个面板中的其它面板的大小。
5.根据权利要求4所述的方法,其中显示所述多面板视图界面包含使所述用户能够重新定位所述多个面板,以便致使不同于所述第一面板的第二面板位于所述中心区中,其中当所述第二面板位于所述中心区中时,所述第一面板的大小减小,且所述第二面板具有大于所述多个面板中的其它面板的大小。
6.根据权利要求1所述的方法,其中在所述多面板视图界面上显示所述网页中的一者包含同时显示对应于所述第一群组中的所述第一组网页中的所述至少一些网页的多个可选特征。
7.一种存储指令的非暂时性计算机可读媒体,所述指令在由计算装置的一个或一个以上处理器执行时,致使所述计算装置:
确定在浏览器中同时打开的多个网页;
确定至少一与第一组网页相关联的第一网页群组以及与第二组网页相关联的第二网页群组;
在所述浏览器上显示具有多个面板的多面板视图界面,所述多面板视图界面在每一面板中同时提供所述第一组网页中的至少一些网页的可用内容,所述可用内容对应于个别网页上显示的内容的一部分,其中所述多面板视图界面包含选择特征,以使用户能够选择检视所述第一群组或所述第二群组中的网页;以及
响应于用户输入,通过扩大所述网页的所述可用内容,在所述多面板视图界面上显示所述第一组网页中的所述网页中的一者。
8.根据权利要求7所述的非暂时性计算机可读媒体,其中所述指令在由所述一个或一个以上处理器执行时,致使所述计算装置通过确定所述第一组网页中的网页的数目,来显示所述多面板视图界面,且其中所述多面板视图界面的每一面板的大小是基于所述第一组网页中的网页的所述数目。
9.根据权利要求8所述的非暂时性计算机可读媒体,其中所述指令在由所述一个或一个以上处理器执行时,致使所述计算装置通过确定所述至少一些网页中的每一者的所显示内容的哪一部分将被裁切并提供作为每一面板中的可用内容,来显示所述多面板视图界面。
10.根据权利要求7所述的非暂时性计算机可读媒体,其中所述指令在由所述一个或一个以上处理器执行时,致使所述计算装置通过在所述多面板视图界面的中心区中提供第一面板来显示所述多面板视图界面,其中当所述第一面板位于中心区中时,所述第一面板具有大于所述多个面板中的其它面板的大小。
11.根据权利要求10所述的非暂时性计算机可读媒体,其中所述指令在由所述一个或一个以上处理器执行时,致使所述计算装置通过使所述用户能够重新定位所述多个面板,以便致使不同于所述第一面板的第二面板位于所述中心区中,来显示所述多面板视图界面,其中当所述第二面板位于所述中心区中时,所述第一面板的大小减小,且所述第二面板具有大于所述多个面板中的其它面板的大小。
12.根据权利要求10所述的非暂时性计算机可读媒体,其中所述指令在由所述一个或一个以上处理器执行时,致使所述计算装置通过同时显示对应于所述第一群组中的所述第一组网页中的所述至少一些网页的多个可选特征,来在所述多面板视图界面上显示所述网页中的一者。
13.一种用于操作计算装置的方法,所述方法由一个或一个以上处理器执行,且包括:
确定在浏览器中同时打开的多个网页;
在所述浏览器上显示具有多个面板的多面板视图界面,所述多面板视图界面在每一面板中同时提供所述多个网页中的至少一些网页的可用内容,所述可用内容对应于个别网页上所显示的内容的一部分,其中所述多面板视图界面包含一个或一个以上图形特征,其指示所述至少一些网页中的第一组与第一群组相关联;以及
响应于用户输入,通过扩大所述网页的所述可用内容,在所述多面板视图界面上显示所述至少一些网页中的所述网页中的一者。
14.根据权利要求13所述的方法,其中显示所述多面板视图界面包含(i)确定所述第一组网页中的网页的数目,其中所述多面板视图界面的每一面板的大小是基于所述至少一些网页的所述第一组中的网页的所述数目,以及(ii)确定所述至少一些网页中的每一者的所显示内容的哪一部分将被裁切并提供作为每一面板中的可用内容。
15.根据权利要求13所述的方法,其中所述一个或一个以上图形特征包含连接两个或两个以上可选特征的线,每一可选特征对应于所述第一组中的网页。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US13/874,345 | 2013-04-30 | ||
US13/874,345 US20140325400A1 (en) | 2013-04-30 | 2013-04-30 | Multi-panel view interface for a browser operating on a computing device |
PCT/US2014/036265 WO2014179510A1 (en) | 2013-04-30 | 2014-04-30 | A multi-panel view interface for a browser operating on a computing device |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105122244A true CN105122244A (zh) | 2015-12-02 |
Family
ID=50942818
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201480022411.9A Pending CN105122244A (zh) | 2013-04-30 | 2014-04-30 | 用于在计算装置上操作的浏览器的多面板视图界面 |
Country Status (6)
Country | Link |
---|---|
US (1) | US20140325400A1 (zh) |
EP (1) | EP2992462A1 (zh) |
JP (1) | JP2016520923A (zh) |
KR (1) | KR20160003820A (zh) |
CN (1) | CN105122244A (zh) |
WO (1) | WO2014179510A1 (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP6161546B2 (ja) * | 2014-01-14 | 2017-07-12 | インターナショナル・ビジネス・マシーンズ・コーポレーションInternational Business Machines Corporation | 特定領域を生成し表示する方法、装置及びプログラム。 |
USD757784S1 (en) * | 2014-02-11 | 2016-05-31 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with graphical user interface |
USD758411S1 (en) * | 2014-02-11 | 2016-06-07 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with graphical user interface |
US20160364121A1 (en) * | 2015-06-10 | 2016-12-15 | Mediatek Inc. | Method and associated circuit for arranging window on screen |
US10261679B2 (en) | 2015-09-21 | 2019-04-16 | Knowlio, Inc. | Digital resource management system |
WO2017074963A1 (en) | 2015-10-26 | 2017-05-04 | Knowlio, Inc. | Digital resource management system |
US10740424B2 (en) | 2016-04-12 | 2020-08-11 | Knowlio, Inc. | Smooth navigation between resources in a digital resource management system |
Family Cites Families (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7600192B1 (en) * | 1998-11-30 | 2009-10-06 | Sony Corporation | Method of zoom and fade transitioning between layers of information screens |
US8015259B2 (en) * | 2002-09-10 | 2011-09-06 | Alan Earl Swahn | Multi-window internet search with webpage preload |
US20070157105A1 (en) * | 2006-01-04 | 2007-07-05 | Stephen Owens | Network user database for a sidebar |
US7661076B2 (en) * | 2006-03-31 | 2010-02-09 | Microsoft Corporation | Two dimensional trees to edit graph-like diagrams |
US20080155426A1 (en) * | 2006-12-21 | 2008-06-26 | Microsoft Corporation | Visualization and navigation of search results |
EP2124142A4 (en) * | 2007-02-16 | 2010-08-04 | Sharp Kk | USER INTERFACE GENERATOR, INFORMATION ENTITY DEVICE, USER INTERFACE MANAGEMENT PROGRAM, RECORDING MEDIA, AND USER SURFACE MANUFACTURING METHOD |
US20090007014A1 (en) * | 2007-06-27 | 2009-01-01 | Microsoft Corporation | Center locked lists |
US20090249179A1 (en) * | 2008-03-28 | 2009-10-01 | Shieh Johnny M | Method to display multiple cached webpages related to a bookmark |
US20100179949A1 (en) * | 2009-01-15 | 2010-07-15 | Safar Samir H | Method and system for an internet browser add-on providng simultaneous multiple interactive websites on one internet browser window |
US9009622B2 (en) * | 2009-06-30 | 2015-04-14 | Verizon Patent And Licensing Inc. | Media content instance search methods and systems |
US20110289416A1 (en) * | 2010-05-24 | 2011-11-24 | Andre Godfrey | Screensaver System and Method for Providing Content to Users and Workstations |
US20120131485A1 (en) * | 2010-11-23 | 2012-05-24 | Opera Software Asa | System and method for providing interactive tab management in tabbed browsers |
US8898562B2 (en) * | 2011-03-04 | 2014-11-25 | Dan Tocchini | System and method for harmonious tiling search and publishing |
US9069439B2 (en) * | 2011-04-11 | 2015-06-30 | Microsoft Technology Licensing, Llc | Graphical user interface with customized navigation |
AU2011202182B1 (en) * | 2011-05-11 | 2011-10-13 | Frequency Ip Holdings, Llc | Creation and presentation of selective digital content feeds |
-
2013
- 2013-04-30 US US13/874,345 patent/US20140325400A1/en not_active Abandoned
-
2014
- 2014-04-30 JP JP2016512031A patent/JP2016520923A/ja active Pending
- 2014-04-30 CN CN201480022411.9A patent/CN105122244A/zh active Pending
- 2014-04-30 KR KR1020157033988A patent/KR20160003820A/ko not_active Application Discontinuation
- 2014-04-30 WO PCT/US2014/036265 patent/WO2014179510A1/en active Application Filing
- 2014-04-30 EP EP14730281.4A patent/EP2992462A1/en not_active Withdrawn
Also Published As
Publication number | Publication date |
---|---|
US20140325400A1 (en) | 2014-10-30 |
EP2992462A1 (en) | 2016-03-09 |
WO2014179510A1 (en) | 2014-11-06 |
WO2014179510A4 (en) | 2014-12-24 |
KR20160003820A (ko) | 2016-01-11 |
JP2016520923A (ja) | 2016-07-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20240094872A1 (en) | Navigating through documents in a document viewing application | |
CN105122244A (zh) | 用于在计算装置上操作的浏览器的多面板视图界面 | |
US10248305B2 (en) | Manipulating documents in touch screen file management applications | |
CN107426403B (zh) | 移动终端 | |
CN103314373B (zh) | 移动设备上大数据集的有效处理 | |
WO2022193597A1 (zh) | 界面信息切换方法及装置 | |
US9507791B2 (en) | Storage system user interface with floating file collection | |
CN103870134B (zh) | 一种信息浏览的方法及装置 | |
CN104205098A (zh) | 使用阵列模式在浏览器中的内容项之间进行导航 | |
US10331327B2 (en) | Message display method, apparatus and terminal | |
CN107102786B (zh) | 一种信息处理方法及客户端 | |
CN101930456A (zh) | 通过浏览器创建聚合LinkUGC的方法和系统 | |
CN106649639A (zh) | 一种页面显示方法及设备 | |
CN104216600A (zh) | 一种提供应用程序的功能的方法及触屏智能终端设备 | |
Roudaki et al. | A classification of web browsing on mobile devices | |
CN104679395A (zh) | 一种文档呈现方法及用户终端 | |
CN117093796A (zh) | 内容创造性web浏览器 | |
US11775736B2 (en) | Method and system for providing mini-map in chatroom | |
CN105389357B (zh) | 一种用于调整界面信息块排布的方法与设备 | |
CN103020183A (zh) | 左键选定字符串后激活搜索分享栏进行搜索分享操作 | |
CN114077371A (zh) | 信息展示方法、装置、电子设备以及存储介质 | |
CN103902190A (zh) | 网页的群组管理方法 | |
US8949245B2 (en) | Enhanced views of tagged items in a gallery | |
CN105718138A (zh) | 一种在移动终端中用于确定光标位置的方法和装置 | |
KR102524437B1 (ko) | 이동단말 및 그 제어방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20151202 |
|
WD01 | Invention patent application deemed withdrawn after publication |