CN110110259A - 使用阵列模式在浏览器中的内容项之间进行导航 - Google Patents
使用阵列模式在浏览器中的内容项之间进行导航 Download PDFInfo
- Publication number
- CN110110259A CN110110259A CN201910247859.5A CN201910247859A CN110110259A CN 110110259 A CN110110259 A CN 110110259A CN 201910247859 A CN201910247859 A CN 201910247859A CN 110110259 A CN110110259 A CN 110110259A
- Authority
- CN
- China
- Prior art keywords
- label
- heap
- current active
- page
- inactive
- 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
- 230000004044 response Effects 0.000 claims abstract description 28
- 238000000034 method Methods 0.000 claims description 67
- 238000003860 storage Methods 0.000 claims description 35
- 230000015654 memory Effects 0.000 claims description 17
- 230000001965 increasing effect Effects 0.000 claims description 5
- 230000009466 transformation Effects 0.000 abstract description 51
- 238000003491 array Methods 0.000 abstract description 3
- 230000008569 process Effects 0.000 description 58
- 238000003825 pressing Methods 0.000 description 44
- 230000000694 effects Effects 0.000 description 25
- 230000000007 visual effect Effects 0.000 description 20
- 238000012545 processing Methods 0.000 description 18
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 16
- 230000008859 change Effects 0.000 description 16
- 230000004048 modification Effects 0.000 description 8
- 238000012986 modification Methods 0.000 description 8
- 238000005096 rolling process Methods 0.000 description 8
- 230000002829 reductive effect Effects 0.000 description 7
- 230000003321 amplification Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 5
- 238000005562 fading Methods 0.000 description 5
- 238000003199 nucleic acid amplification method Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 238000000844 transformation Methods 0.000 description 4
- 230000006399 behavior Effects 0.000 description 3
- 238000004590 computer program Methods 0.000 description 3
- 238000006073 displacement reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000003068 static effect Effects 0.000 description 3
- 238000006467 substitution reaction Methods 0.000 description 3
- RTZKZFJDLAIYFH-UHFFFAOYSA-N Diethyl ether Chemical compound CCOCC RTZKZFJDLAIYFH-UHFFFAOYSA-N 0.000 description 2
- 239000011469 building brick Substances 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 2
- 230000003247 decreasing effect Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000002708 enhancing effect Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000036961 partial effect Effects 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000009825 accumulation Methods 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000004913 activation Effects 0.000 description 1
- 239000000853 adhesive Substances 0.000 description 1
- 230000001070 adhesive effect Effects 0.000 description 1
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000008602 contraction Effects 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000013523 data management Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000000151 deposition Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000011084 recovery Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 238000013519 translation Methods 0.000 description 1
- 230000003936 working memory Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
-
- 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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
-
- 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/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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
- G06F3/04883—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 for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及使用阵列模式在浏览器中的内容项之间进行导航。在用户可以查看多个不同内容项的任何环境中,使用阵列模式来提供在内容项之间的切换。在全帧模式下,一个内容项是可见且活动的,但其他内容项也可以是打开的。响应于用户输入,所述显示器可切换至阵列模式,在所述阵列模式中,全部所述内容项在可滚动阵列中均是可见的。在阵列模式下选择内容项可导致所述显示器返回到所述全帧模式,其中所选择的内容项变为可见且活动的。还可以提供在所述全帧模式与阵列模式之间的流畅动画转变,以及用于控制所述转变的基于手势的界面。
Description
本申请是申请日为2013年1月29日、申请号为201380017048.7、题为“使用阵列模式在浏览器中的内容项之间进行导航”的发明专利申请的分案申请。
相关申请的交叉引用
本申请要求2012年2月5日提交的美国临时申请No.61/595,114、2013年1月25日提交的美国专利申请No.13/750,572以及2013年1月25日提交的美国专利申请No.13/750,586的优先权。这些申请中的每一者的公开内容均全文以引用方式并入本文。
背景技术
本发明整体涉及用于计算机系统中的内容浏览器,并具体地讲涉及使用阵列模式在浏览器中的内容项之间进行导航。
内容浏览器存在于许多类型的计算机系统(从台式到平板型再到手持式)上。浏览器通常实现为软件,其使用户能够查看内容项并与内容项交互。例如,在万维网的情况下,web浏览器允许用户输入特定内容项(在网页浏览环境中通常称为网页)的统一资源定位符(URL)并在浏览器的页面显示区域中查看该项目。用户能够例如通过激活嵌入在页面中的超链接并由此导航至不同页面,来与所显示的网页交互。
多种现有web浏览器支持通常被称为“标签式”浏览的模式。浏览器保持与各种“标签”相关联的多个页面的URL和/或实际内容;该领域的常见使用将这种事件状态不同地描述为页面在标签中打开或者标签呈打开状态。通常呈现为看起来像文件夹上的标签的标签自身出现在浏览器的标签区域中,例如在页面显示区域的顶部。每个所呈现的标签包含该标签中当前打开的页面的标题、副标题、URL或其他标识符。在任何给定时间,一个标签为“活动”标签;在活动标签中当前打开的页面呈现在页面显示区域中并且为活动页面。所有用户输入均在活动页面的环境中处理。用户可改变标签的当前页面。例如,如果用户选择(例如,点击)活动页面中的超链接,则浏览器将通常以链接至的页面替换该页面,所述链接至的页面通常在当前活动的标签中打开并成为活动标签的当前页面。因此,每个标签可在该标签中查看其自身的页面历史。
用户可通过选择(例如,点击)浏览器中非活动标签中的任一个来切换至不同标签,届时所选择的标签变为活动标签,并且与该标签相关联的当前页面呈现在页面显示区域中并变为浏览器的活动页面。与该转变结合,标签区域通常改变以指示新的活动标签。用户还可以通过操作在浏览器的用户界面中提供的各种控件来创建新标签或关闭已打开标签。因此,标签式浏览器可允许任意数目的标签在任何给定时间呈打开状态,其中每个标签具有其自身的当前页面和页面查看历史。
标签提供了管理内容的有用方式,且用户通常发现便于保持大量已打开标签。然而,随着已打开标签的数量增多,找到特定页面变得具有挑战性。标签中的页面名称或其他标记可能不足以让用户识别出其正在搜寻的页面,并且在一些情况下,由于浏览器相对于可能呈打开状态的多个标签的尺寸是有限的,所以并非所有标签均可见。
发明内容
本发明的某些实施例提供了在已打开标签(或其他已打开内容项)之间的改进的导航。在用户可以查看多个不同内容项的任何环境(诸如web浏览器或文字处理程序等)中,使用阵列模式提供在已打开(或当前加载的)内容项之间的切换。在全帧模式下,一个内容项是可见且活动的,但其他内容项也可以是打开的。响应于用户输入,显示器可切换至阵列模式,其中全部内容项在可滚动阵列中均是可查看的。在阵列模式下选择内容项可导致显示器切换回到全帧模式,其中所选择的内容项变为可见且活动的。还可以提供在全帧模式与阵列模式之间的流畅动画转变,以及用于控制所述转变的基于手势的界面。允许用户通过滚动通过阵列来快速看到所有已打开内容项可协助用户迅速找到特定内容项,不管在给定时间有多少项目是打开的。
本发明的某些实施例涉及在可能于多个标签中打开的内容项(包括但不限于网页)之间浏览。在一些实施例中,除了可能类似于现有标签式浏览器的全帧模式之外,浏览器还可以支持“阵列模式”,其中在不同标签中打开的各个内容项被布置成阵列,该阵列的至少一部分在浏览器的页面显示区域中是可见的。用户可滚动通过该阵列以查看并选择已打开内容项中的任一个,以使其变为活动标签。当内容项被选择以成为已打开标签时,浏览器可切换至全帧模式,以将所选择的内容项显示为活动项。可提供全帧模式与阵列模式之间的流畅动画转变,且这些转变可以帮助用户理解这些模式之间的关系。在一些实施例中,可使用基于手势的用户界面来控制阵列模式与全帧模式之间的转变(例如,响应于由用户在触敏表面上做出的手势)。
某些实施例还涉及使用触敏表面来改变计算机系统中显示器的用户界面区域。首先,能够以第一缩放系数来显示第一用户界面区域。可基于检测触敏表面上的两个或更多个触点相对于彼此的移动来检测第一手势;例如,所述触点可朝着彼此移动,并且可基于在所述触点中的至少一个保持与触敏表面接触的同时该触点的移动来检测第二手势(即,第一手势与第二手势之间不存在抬起(lift-off))。响应于检测到第一手势,计算机系统能够以低于第一缩放系数的第二缩放系数来显示第一用户界面区域,并且响应于检测到第二手势,计算机系统可显示先前未显示的不同用户界面区域的一部分。第一手势和第二手势的组合(在至少一个触点保持与触敏表面连续接触的同时)可实现从第一用户界面区域至第二用户界面区域的转变。
以下具体实施方式连同附图将提供对本发明的实质和优点的更好理解。
附图说明
图1为根据本发明实施例的计算机系统的框图。
图2示出了根据本发明实施例的处于全帧模式的浏览器屏幕。
图3示出了根据本发明实施例的处于阵列模式的浏览器屏幕。
图4示出了根据本发明实施例的处于阵列模式的另一个浏览器屏幕,指示了滚动。
图5为根据本发明实施例的可用于在内容浏览器中的标签之间进行导航的过程的流程图。
图6-8示出了在可根据本发明实施例实施的从全帧模式转变到阵列模式的各个阶段中的浏览器屏幕。图6示出了转变的早期阶段。图7示出了继图6之后的阶段。图8示出了继图7之后的阶段。
图9-14示出了在可根据本发明实施例实施的从阵列模式转变到全帧模式的各个阶段中的浏览器屏幕。
图9示出了即将转变至全帧模式的处于阵列模式的浏览器屏幕。
图10示出了转变的开始阶段。
图11示出了继图10之后的阶段。
图12示出了继图11之后的阶段。
图13示出了继图12之后,接近转变结束的阶段。
图14示出了转变的结束阶段。
图15示出了触敏表面上用于向内按压的接触区域。
图16示出了触敏表面上用于向外按压的接触区域。
图17为根据本发明实施例的用于解译向外按压手势的过程的流程图。
图18为根据本发明实施例的用于解译向外按压手势的过程的流程图。
图19-21为屏幕图像,其示出了图17和图18的手势解译过程的效果。
图19示出了处于全帧模式的显示放大页面的浏览器屏幕。
图20示出了处于全帧模式的具有暂时收缩页面的浏览器屏幕。
图21示出了具有迅速恢复至全帧模式的页面的浏览器屏幕。
图22示出了根据本发明实施例的触敏表面上用于按压-滑移手势的接触区域。
图23为根据本发明实施例的可用于解译向内按压和按压-滑移手势的过程的流程图。
图24示出了根据本发明实施例的针对用户的云计算设置。
图25示出了根据本发明另一个实施例的处于阵列模式的浏览器的浏览器屏幕。
图26示出了根据本发明实施例的可用于访问远程标签的浏览器屏幕。
图27示出了根据本发明实施例的可用于访问远程标签的另一个浏览器屏幕。
图28为根据本发明实施例的用于浏览远程标签的过程的流程图。
图29-33为根据本发明实施例的屏幕截图,其示出了使用“标签堆”比喻在处于阵列模式的标签之间进行导航。
图29示出了根据本发明实施例的处于全帧模式的浏览器屏幕。
图30示出了与图29的全帧模式相对应的阵列模式的浏览器屏幕。
图31示出了显示滚动图30中的阵列的效果的浏览器屏幕。
图32示出了显示将图30中的阵列滚动至右端的效果的浏览器屏幕。
图33示出了显示将图30中的阵列滚动至左端的效果的浏览器屏幕。
图34示出了根据本发明实施例的处于阵列模式的具有另外的页面辨识的浏览器屏幕。
图35示出了根据本发明实施例的处于阵列模式的具有以栅格布置的页面的浏览器屏幕。
应当注意,一些附图包括示例性内容项,所述示例性内容项中的一些可包括由第三方生成或拥有的内容。所述内容仅用于对本发明的某些特征加以说明,并且应理解,所述特定内容项不是本发明的一部分。
具体实施方式
本发明的某些实施例涉及在可能于多个标签中打开的内容项(包括但不限于网页)之间进行浏览。(如本文所用,例如,如果将项目的表示加载到相关应用的存储器中,则该项目可以是“打开”的。)在一些实施例中,除了可能类似于现有标签式浏览器的全帧模式之外,浏览器还可以支持“阵列模式”,其中在不同标签中打开的各个内容项被布置成阵列(例如,单个条带),该阵列的至少一部分在浏览器的页面显示区域中是可见的。用户可滚动通过该阵列以查看并选择已打开内容项中的任一个,以使其变为活动标签。当内容项被选择以成为已打开标签时,浏览器可切换至全帧模式,以将所选择的内容项显示为活动项。可提供全帧模式与阵列模式之间的流畅动画转变,且这些转变可以帮助用户理解这些模式之间的关系。在一些实施例中,可使用基于手势的用户界面来控制阵列模式与全帧模式之间的转变(例如,响应于由用户在触敏表面上做出的手势)。
图1示出了根据本发明实施例的计算机系统100。计算机系统100可以实现为各种计算设备中的任一种,所述计算设备包括例如台式计算机或膝上型计算机、平板电脑、智能电话、个人数字助理(PDA)或任何其他类型的计算设备,不限于任何特定的形状因数。计算机系统100可包括存储子系统110、输入设备120、显示器125、网络接口135、总线140和一个或多个处理单元105。
一个或多个处理单元105可包括可具有一个或多个核的单个处理器,或多个处理器。在一些实施例中,一个或多个处理单元105可包括通用主处理器以及一个或多个专用协处理器诸如图形处理器、数字信号处理器等。在一些实施例中,一些或全部处理单元105可使用诸如专用集成电路(ASIC)或现场可编程门阵列(FPGA)的定制电路来实现。在一些实施例中,此类集成电路执行存储在电路自身上的指令。在其他实施例中,一个或多个处理单元105可执行存储在存储子系统110中的指令。
存储子系统110可包括各种存储器单元,诸如系统存储器、只读存储器(ROM)和永久性存储设备。ROM可存储电子设备100的一个或多个处理单元105和其他模块所需要的静态数据和指令。永久性存储设备可为读写存储器设备。该永久性存储设备可为甚至在计算机系统100掉电时也存储指令和数据的非易失性存储器单元。本发明的一些实施例可将海量存储设备(诸如磁盘或光盘或闪存存储器)用作永久性存储设备。其他实施例可将可移除存储设备(例如,软盘、闪存驱动器)用作永久性存储设备。系统存储器可为读写存储器设备或易失性读写存储器,诸如动态随机存取存储器。系统存储器可存储处理器在运行时需要的指令和数据中的一些或全部。
存储子系统110可包括计算机可读存储介质的任意组合,所述计算机可读存储介质包括各种类型的半导体存储器芯片(DRAM、SRAM、SDRAM、闪存存储器、可编程只读存储器)等。还可以使用磁盘和/或光盘。在一些实施例中,存储子系统110可包括可以是可读和/或可写的可移除存储介质;此类介质的例子包括光盘(CD)、只读数字多功能光盘(例如,DVD-ROM、双层DVD-ROM)、只读和可刻录盘、超密度光盘、闪存存储器卡(例如,SD卡、迷你SD卡、微型SD卡等)、磁性“软”盘等。计算机可读存储介质不包括无线地或通过有线连接传送的载波和暂态电子信号。
在一些实施例中,存储子系统110可存储将由一个或多个处理单元105执行的一个或多个软件程序,诸如浏览器应用145。“软件”通常是指在被一个或多个处理单元105执行时使得计算机系统100执行各种操作,从而定义对软件程序的操作进行执行和实施的一个或多个特定机器实施的指令序列。指令可存储为驻留在只读存储器中的固件和/或存储在磁性存储装置中的应用,所述固件和/或应用可被读取到存储器中以供处理器处理。软件可以实现为单个程序或根据需要进行交互的独立程序或程序模块的集合。程序和/或数据可存储在非易失性存储装置中并在程序执行期间全部或部分地复制到易失性工作存储器中。一个或多个处理单元105可从存储子系统110检索要执行的程序指令以及要处理的数据,以便执行本文所述的各种操作。
用户界面可由一个或多个用户输入设备120、显示设备125和/或一个或多个其他用户输出设备(未示出)提供。输入设备120可包括用户可经由其将信号提供至计算系统100的任何设备;计算系统100可解译指示特定用户请求或信息的信号。在各种实施例中,输入设备120可包括键盘触摸板、触摸屏、鼠标或其他指向设备、滚轮、点击轮、拨号盘、按钮、开关、小键盘、麦克风等中的任一者或全部。
显示器125可显示由电子设备100生成的图像并且可包括各种图像生成技术,例如阴极射线管(CRT)、液晶显示器(LCD)、包括有机发光二极管(OLED)在内的发光二极管(LED)、投影系统等,以及支持电子器件(例如,数模或模数转换器、信号处理器等)。一些实施例可包括用作输入设备和输出设备两者的设备,诸如触摸屏。在一些实施例中,可除显示器125之外或替代显示器125提供其他用户输出设备。例子包括指示灯、扬声器、触觉“显示”设备、打印机等。
在一些实施例中,用户界面可提供图形用户界面,其中显示器125的某些区域中的可见图像元素被定义为用户使用用户输入设备120所选择的活动元素或控制元素。例如,用户可操纵用户输入设备来将屏幕上的光标或指针定位在控制元素上,然后点击按钮以指示该选择。可选地,用户可在触摸屏设备上触摸控制元素(例如,使用手指或触笔)。在一些实施例中,用户可以说出与控制元素相关联的一个或多个字(所述字可为例如元素上的标记或与该元素相关联的功能)。在一些实施例中,可将触敏设备上的用户手势识别并解译为输入命令;这些手势可以但并不需要与显示器125中的任何特定阵列相关联。也可以实施其他用户界面。
网络接口135可以为电子设备100提供语音和/或数据通信能力。在一些实施例中,网络接口135可以包括用于访问无线语音和/或数据网络(例如,利用蜂窝电话技术、高级数据网络技术诸如3G、4G或EDGE,WiFi(IEEE 802.11系列标准),或其他移动通信技术,或它们的任意组合)的射频(RF)收发器组件、GPS接收器组件,和/或其他组件。在一些实施例中,除了无线接口之外或者替代无线接口,网络接口135可以提供有线网络连接性(例如,以太网)。网络接口135可以利用硬件(例如,天线、调制器/解调器、编码器/解码器,以及其他模拟和/或数字信号处理电路)与软件组件的组合来实现。
总线140可包括可通信地连接电子设备100的许多内部设备的各种系统、外围设备和芯片集总线。例如,总线140可以将一个或多个处理单元105与存储子系统110可通信地耦接。总线140还连接至输入设备120和显示器125。总线140还通过网络接口135将电子设备100耦接至网络。以此方式,电子设备100可以是多个计算机系统的网络(例如,局域网(LAN)、广域网(WAN)、内联网)的一部分,或者网络的网络(诸如互联网)的一部分。电子设备100的任何或所有组件均可与本发明一起使用。
一些实施例包括电子组件,诸如将计算机程序指令存储在计算机可读存储介质中的微处理器、存储装置和存储器。本说明书中所描述的许多特征可以实现为过程,所述过程被指定为在计算机可读存储介质上编码的一组程序指令。当这些程序指令被一个或多个处理单元执行时,这些程序指令使得该一个或多个处理单元执行程序指令中所指示的各种操作。程序指令或计算机代码的例子包括机器代码,诸如由编译器产生的机器代码,以及包括由计算机、电子组件或微处理器使用解译器来执行的更高级别代码的文件。
通过合适的编程,一个或多个处理单元105可为电子设备100提供各种功能。例如,一个或多个处理单元105可以执行浏览器应用145。浏览器应用145可提供各种功能,诸如从本地或远程源检索并显示内容项(例如,使用HTTP或其他数据传输协议来检索并显示网页)的能力以及接收并解译有关内容项的用户输入(诸如对要查看的项目的选择、由用户响应于特定内容项所进行的数据提交(例如,填写交互网页上的表格))的能力,等等。在一些实施例中,浏览器应用145支持“标签式”浏览,其通常是指将不同内容项和/或浏览历史与被视为打开的不同“标签”相关联的能力。表示每个已打开标签的图标(通常但不一定呈标签的形状,诸如可在马尼拉文件夹上见到的图标)可由浏览器应用145呈现并由用户进行选择。
应当理解,计算机系统100是示例性的,且变型形式和修改形式是可能的。计算机系统100可具有此处未具体描述的其他能力(例如,移动电话、全球定位系统(GPS)、电源管理、一个或多个相机、用于连接外部设备或附件的各种连接端口,等等)。此外,尽管参考特定块描述了计算机系统100,但应当理解,定义这些块是为了描述方便,并非意在暗示组件部分的特定物理布置。此外,块不必对应于物理上不同的组件。可以配置块以执行各种操作,例如通过对处理器编程或提供适当的控制电路,并且各个块根据初始配置是如何获得的而可以是能重新配置的或不能重新配置的。可以在包括利用电路和软件的任意组合实现的电子设备在内的多种装置中实现本发明的实施例。
图2示出了根据本发明实施例的处于全帧模式的浏览器的浏览器屏幕200。浏览器屏幕200和本文所述的其他浏览器屏幕可例如在执行图1的浏览器应用145的计算机系统100中生成。在一些实施例中,浏览器屏幕200可在窗口内作为较大的所呈现工作区的一部分呈现(例如,在膝上型计算机或台式计算机上),且呈现为显示设备125上的图像。在一些实施例中,浏览器屏幕200可以全屏模式呈现,其中显示设备125的整个图像区域被浏览器屏幕200填充。一些实施例可提供用户可操作的控制元素,例如元素202,以便在全屏呈现状态与窗口呈现状态之间进行切换。(如在下文中将变得清楚,浏览器屏幕200是以全屏状态还是以窗口状态呈现与浏览器是否处于全帧模式无关。)
浏览器屏幕200包括用户界面区域204,有时也称为“chrome”和页面显示区域204。在全帧模式下,页面显示区域204被活动的内容项填充。在该例子以及本文的其他例子中,内容项可以是网页;然而,本领域的技术人员将会知道,浏览器可用于在其他类型的内容项之间进行导航并查看所述其他类型的内容项,并且本发明不限于网页。
Chrome 202可包括标签显示区域205,该区域显示对应于当前已打开标签的标签指示符(或简称标签)206a-206d。在该例子中,标签206a为活动标签,意指与所显示页面(在该情况下为页面204)相关联的标签。活动标签206a被呈现为视觉上位于相邻标签206b,206c前方(或之上)。可使用诸如减暗和加亮的各种效果来将活动标签206a与其他已打开标签206b-206d视觉上区分开。可提供加号按钮207以允许用户打开新标签。可例如通过点击标签中的“关闭”图标(图2中未示出)来关闭已打开标签。
在该例子中,浏览器应用145可在给定时间具有任意多个打开的标签,然而例如由于存在对标签显示区域的可用空间以及对每个标签指示符的所需最小尺寸的限制,所以可以不为每个已打开标签呈现可见的标签指示符。不具有可见指示符的标签称为“隐藏的”,并且视觉指示符(诸如V形箭头208)可用于传达存在隐藏标签的信号。V形箭头208可为用户可选择以查看隐藏标签列表的用户可操作控制元素。在一些实施例中,隐藏标签还可在标签206d的左侧打开。V形箭头(未示出)可用于指示任何此类标签的列表的存在并查看所述列表。
Chrome 202还可包括其他用户可操作控制元素。以示例的方式,那些元素可包括后退及前进按钮210,用户可操作该后退及前进按钮以返回至当前标签中的先前查看页面或者从先前查看页面前进至同一个标签中的随后查看页面。URL栏212可显示活动页面204的URL,并且还可经操作以输入URL并指导浏览器应用145检索及显示当前活动标签中的相应页面。搜索栏214可用于输入搜索引擎的文本查询,其中搜索结果被展示为当前活动标签中的新页面。可以提供其他控制元素,诸如行216中的控件,所述控制元素可以例如允许用户访问最喜爱的或近期查看的页面。这些控制元素在性质上可能通常是常规的,并且详细描述予以省略。
在一些实施例中,chrome 202包括“视角”按钮220,用户可操作该“视角”按钮以在阵列模式与图2所示的全帧模式之间来回切换。阵列模式为用户提供针对已打开标签的不同视角以及快速浏览所有已打开标签的当前页面(例如,以便找到特定页面)的增强能力。
图3示出了根据本发明实施例的处于阵列模式的浏览器屏幕300。与图2所示的全帧模式相似,处于阵列模式的浏览器屏幕300具有chrome 302和页面显示区域304。在该实施例中,chrome 302与chrome 202的不同之处在于未绘出标签显示区域206。(如下文所示,在阵列模式下,标签显示区域206可被看作“隐藏”在chrome 302后方。)
阵列模式下的页面显示区域304可能不只显示单个页面。相反地,其可以显示页面306的阵列305的一部分,包括页面306a(完全可见)以及页面306b和306c(每个仅部分地可见)。阵列305包括针对浏览器屏幕200中每个已打开标签的一个页面306,但并非全部所述页面或标签均是可见的。在一些实施例中,阵列305为一个页面高且N个页面宽的条带,其中N为浏览器应用145中已打开标签的数量。阵列305中的每个页面306以相对于其全帧模式呈现减小的尺寸来呈现,使得每次可以看到(或部分看到)不止一个页面。页面306在阵列305中的次序可对应于标签206的次序(图2),因为页面306在即将进入阵列模式之前以全帧模式呈现;如下文所述,这种对应可帮助用户理解所述两种模式之间的关系。
在该实施例中,阵列305中的每个页面306具有附接至其顶部的标签310。与图2的全帧视图中的标签206相似,每个标签310可包括相应页面的标题。标签310(包括任何隐藏标签)可保持与图2的标签206的一一对应,然而在图3中可见到较少标签,因为这些标签相隔更远。阵列305可响应于用户输入而向左或向右滚动,使得在阵列滚动时不同的页面306进入或离开视图。
图4示出了在向左滚动大致一个页面306之后的阵列305。页面306c现在接近中心,其中页面306a在右侧仅部分地可见,并且在页面306b已移出视图的同时不同的页面(页面306e)进入视图。因此,如图所示,可将所有已打开标签视作存在于阵列模式下,即便一些标签在任何给定时间可能不可见。在阵列305滚动时,每个页面306及其相应的标签310作为单元一起移动。(随着新页面变得可见,它们可自浏览器应用145的高速缓存来加载或自其原始源来动态地重新加载)。
再次参见图3,在一些实施例中,可提供位置指示符316以视觉上提示阵列305的哪个部分是可见的。在一些实施例中,位置指示符316包括一行圆点,其中一个圆点对应于每个已打开标签。辨识出当前最接近页面显示区域304的中心的页面306,并将与页面306在阵列305中的位置相对应的圆点加亮。因此,例如参见图2,标签206a为从左端起的第三个标签206。如果标签206a对应于处于图3所示阵列模式下的标签310a,则从左侧起的第三个圆点将被加亮,因为附接至标签310a的页面306a最接近页面显示区域304的中心。在阵列305向左或向右滚动时,不同的页面306变得最接近中心,且位置指示符316中的不同圆点可被加亮。因此,例如在图4中,从左侧起的第二个圆点被加亮,此时页面306c最接近中心。
在其他实施例中,位置指示符316可包括固定数量或任意数目的圆点,且被加亮的圆点可指示在阵列内的大致位置而不是准确定位符。例如,如果30个标签是打开的且在指示符316中使用十个圆点,则将指示符316中自左侧起第一个圆点加亮将指示从左侧起的前三个页面中的一者最靠近中心,则将指示符316中自左侧起第二个圆点加亮将指示从左侧起的接下来三个页面中的一者最靠近中心,以此类推。还可以使用针对阵列305当前可见的大致或准确部分的其他表示。例如,在阵列向左或向右滚动时,表示页面显示区域304的半透明框(未示出)可跨过指示符的圆点向左或向右“滑动”。
在一些实施例中,位置指示符316可作为控制元素操作。用户可以选择(例如,使用光标来接触触点)位置指示符316中的圆点以使阵列“跳跃”至所选择的位置(或大致位置);所述跳跃可呈现为例如至所选择的位置的非常快的滚动或者突然移位。
在图3和图4的实施例中,处于阵列模式的内容项可能是“实况的”而非静态表示。例如,如果页面306a为活动页面并且在浏览器应用145切换至阵列模式时正在播放视频,则该视频可在浏览器应用145处于阵列模式时继续播放。在一些实施例中,用户可与处于阵列模式的可见页面进行交互,例如以便启动或中止视频回放或者选择当前可见页面(例如,图3中的页面306a)中的超链接,并从而改变该标签的当前页面。在一些实施例中,选择链接使得浏览器屏幕200退出阵列模式并返回至全帧模式。在其中选择链接的标签变为活动标签,并且链接至的页面变为活动标签的当前页面。在其他实施例中,选择链接使得浏览器屏幕200在不退出阵列模式的情况下改变在其中选择链接的标签的当前页面。
在处于阵列模式下的任何时间,用户可选择返回至全帧模式。在一些实施例中,选择任何可见页面306(例如,通过点击或轻按页面或其标签)使得浏览器应用145返回至全帧模式(例如,如图2中所示),此时所选择的标签/页面变为活动标签/页面。在一些实施例中,用户可使用视角按钮220在全帧模式与阵列模式之间来回切换。如果在处于阵列模式下时选择视角按钮220,则在一些实施例中,当前最接近页面显示区域304的中心的页面306/标签310变为活动页面/标签。在其他实施例中,选择视角按钮220以退出阵列模式导致在进入阵列模式之前活动的最后一个页面/标签再次变为活动的,同时在这种情况下的来回切换有效地发挥作用以“取消”标签之间的导航。
在一些实施例中,无论多少标签是打开的,阵列模式均可用于快速定位并导航至特定标签。图5为根据本发明实施例的可用于在诸如浏览器应用145的内容浏览器中的标签之间进行导航的过程500的流程图。
在框502处,浏览器应用145以例如如图2中所示的全帧模式显示当前内容项(例如,网页)。在框504处,浏览器应用145可接收请求切换至阵列模式的用户输入。例如,用户可来回切换视角按钮220或做出手势(诸如下文所述的按压手势)或操作与模式切换相关联的另一个控件。在框506处,响应于用户输入,浏览器应用145可将页面显示区域从全帧模式转变至阵列模式(例如,如图3中所示),此时内容项以阵列显示。如下文所述,在一些实施例中,所述转变可包括流畅动画,所述流畅动画促进用户理解处于全帧模式的标签与处于阵列模式的标签式内容项之间的关系。
在框508处,浏览器应用145可接收操纵内容项阵列的另外的用户输入。例如,用户可将阵列滚动至不同位置,与阵列中的内容项交互,等等。
在框510处,浏览器应用145可接收选择内容项中的一者以用于在全帧模式下查看的用户输入。作为响应,在框512处,浏览器应用145可将页面显示区域从阵列模式转变回全帧模式,此时所选择的内容项变为当前内容项。与在框506处转变至阵列模式一样,在一些实施例中,在框512处的转变可包括流畅动画,所述流畅动画促进用户理解处于阵列模式的标签式内容项与处于全帧模式的标签之间的关系。
应当理解,本文所述的导航过程和显示模式是示例性的,且变型形式和修改形式是可能的。可并行执行按序列描述的步骤,可改变步骤的次序,且可修改、组合、添加或省略步骤。
例如,与内容项的交互并不限于滚动和选择项目。如上文所指出,在一些实施例中,用户可在保持阵列模式的同时播放媒体内容或跟随内容项中的超链接。另外,在一些实施例中,用户可在阵列模式下对标签进行操纵。例如,用户可重新布置页面在阵列中的次序,例如通过点击页面并将页面拖动(例如,借助光标或触摸输入)到阵列中的新位置。
在一些实施例中,用户可在阵列模式下将标签关闭。例如,图3中的每个标签310可在一个拐角中具有“关闭”按钮(例如,X),并且选中标签的关闭按钮会关闭该标签。在一些实施例中,只有当用户将屏幕上的指针悬停在标签上方时,关闭按钮才能变得可见;在其他实施例中,关闭按钮可能始终是可见的。在另有其他实施例中,关闭按钮可根据需要接近标签或位于页面下方或其他地方,只要清楚如果选择该按钮将关闭哪个标签即可。当关闭标签时,阵列中的其他页面可能移位以填充间隙。
在一些实施例中,用户可在阵列模式下将标签打开。例如,“已打开标签”控制元素(例如,加号按钮)可在图3的页面显示区域304的未使用部分中(例如,靠近位置指示符316或在位置指示符316下方)呈现。可通过将页面插入阵列中(例如,介于图3的页面306c与306a之间)来显示新标签;现有页面可移位以生成用于新页面的空间。新页面最初可能是空白的,或者可使用默认页面。
一些实施例还可提供用于增强滚动体验的特征。例如,如果在用户进入阵列模式时正在全帧模式下的当前页面中播放音频,则随着浏览器转变至阵列模式,该音频可继续播放;在一些实施例中,音量可降低以提示页面正向远方移动(因为所呈现的页面变得较小)。在阵列滚动时,音频输出可与页面一起向左或向右移位,并且可在页面变得更远离或更接近阵列的可见部分时使音量渐弱或渐强。
在图2-4所示的例子中,全帧模式和阵列模式通过内容项的外观(全帧对减小的尺寸)、通过在chrome下方可见的标签区域的存在或不存在以及通过浏览器窗口中的标题来视觉上区分。如图2中所示,在全帧模式下,标题栏230中的窗口标题可匹配或包括当前活动标签的标题或其他标识符。如图3中所示,在阵列模式下,标题栏330中的窗口标题可改变为通用标题,例如指示已打开标签的数量N的通用标题。应当理解,可使用视觉指示的任意组合来区分阵列模式和全帧模式;例子包括配色方案(例如,chrome或其部分可以改变颜色)、字体、chrome中各种控制元素或标记存在或不存在,等等。在一些实施例中,可基于考虑因素(诸如呈减小尺寸的页面的可读性)来调节内容项在阵列模式下的尺寸及布置。在一些实施例中,能够以阴影或其他视觉效果来呈现阵列模式下的页面,使得这些页面看起来像悬浮在页面显示区域304的背景上方。为了增加悬浮的假象,可将背景呈现为静态图案,此时当阵列滚动时页面相对于所述静态图案移动。
此外,虽然本文例示的阵列模式将内容项布置为与全帧模式下的标签区域中的标签布置自然对齐的1×N条带,但其他实施例可以使用不同的阵列尺寸,例如以允许更多页面在任何给定时间至少部分地可见。(使用栅格的实施例在下文中描述。)在一些实施例中,可通过用户可选的设置参数来控制阵列尺寸。
一些实施例可提供在全帧模式与阵列模式之间的流畅动画转变。这些转变可被设计来帮助用户理解所述两种模式之间的关系。图6-9提供了一系列屏幕图像,其示出了可根据本发明实施例实现的从全帧模式到阵列模式的转变,并且图9-14提供了一系列屏幕图像,其示出了可根据本发明实施例实现的从阵列模式到全帧模式的相应转变。
对于向阵列模式的转变而言,转变的起始点可为如图2中所示的处于全帧模式的浏览器屏幕,并且结束点可为如图3中所示的处于阵列模式的浏览器屏幕。
图6示出了在转变的早期阶段期间的浏览器屏幕600。先前以全帧模式显示的页面602开始收缩,使得背景区域604在浏览器屏幕600的页面显示区域的边缘附近变得可见。同时,标签608从chrome 606脱离,反转(使得较宽的一端位于底部而不是如图2中那样位于顶部)并附接至页面602的顶部。当处于全帧视图时,初始附接可位于标签608相对于页面602出现的相同点处。因此,用户可以看到标签608正从标签行610的其余部分分离并附接至其页面。
图7示出了在转变的后续阶段期间的浏览器屏幕700。页面602进一步收缩,且相邻页面702,704的边缘变得可见。标签608朝着页面602的中心顶部水平地滑动。同时,标签行610的其余部分开始从视图中消失。在该例子中,动画使得标签阵列610看起来像向上滑动到chrome 606后方。
图8示出了随着转变继续的浏览器屏幕800,其中页面602继续收缩。页面702和704也相应地收缩,且页面702,704的较大部分变得可见。标签608继续朝着顶部中心滑动对齐,且标签阵列610进一步滑动到chrome708后方。转变可以如图3中所示的阵列模式浏览器屏幕300告终。这些转变效果的积累向用户指示其现在正处于新浏览模式下。
现在将描述沿相反方向从阵列模式到全屏模式的转变。图9示出了即将转变至全帧模式的处于阵列模式的浏览器屏幕900。将变为活动页面的页面902示出为靠近页面显示区域904的中心。标签906显示在页面902的顶部中心处。相邻页面908和910与它们的对应标签912,914是部分地可见的。
图10示出了在转变的早期阶段期间的浏览器屏幕1000。页面902展开,且标签906朝着其最终目标位置(即,其将如下所述看起来好像插入标签行中的点)滑动远离中心。页面908和910也展开,但现在由于页面902展开,所以每个页面仅有较小的部分可见。标签行1002开始显现。在该例子中,动画使得标签行1002看起来好像从chrome 1004的后方向下滑动,与图6-8中所看到的效果相反。
图11示出了在转变的后续阶段期间的浏览器屏幕1100。页面902继续展开,且标签906继续朝着其最终目标位置滑动。页面908和910也展开,但由于页面902继续展开,所以这些页面仅有较小的部分可见。标签阵列1002继续向下滑动。
图12示出了在转变继续时的浏览器屏幕1200。页面902已展开得足以使其他页面不可见,且标签906几乎已到达其目标位置。标签行1002继续向下滑动,且不活动标签1202,1204,1206逐渐融入适当位置。
图13示出了在接近转变结束的阶段处的浏览器屏幕1300。页面902几乎已达到全尺寸,且标签906大致在于转变结束时其将占据的位置处将标签行1002的其余部分覆盖。
图14示出了在转变结束时的浏览器屏幕1400。页面902以全帧模式显示,且标签906从页面902脱离、反转(使得较宽的一端位于顶部而不是如图13中那样位于底部)并附接至在标签阵列1002之上的chrome 1004。因此,标签906已到达其目标位置。
在该实施例中,全帧模式与阵列模式之间的转变保留标签在标签行中的次序。即,当转变至阵列模式时,阵列的标签式页面以转变时全帧模式下的标签次序布置。同样,当转变至全帧模式时,全帧模式下的标签以转变时阵列的标签式页面的次序布置。(这不排除在处于如上文所述的阵列模式时将标签重新布置;经重新布置的次序在转变回到全帧模式的过程中得以保留。)
本文所述的转变序列提供了有助于用户理解阵列模式与全帧模式之间的关系的视觉提示。活动标签从显示器的其余部分脱离(例如,在图6中)向用户提供用户界面正从第一查看模式(例如,全帧模式)转变至第二查看模式(例如,阵列模式)的初始视觉指示。该视觉指示与本文所述的其他视觉指示(例如,标签的水平移动、网页尺寸的减小,等等)结合向用户提供转变正在发生的进一步指示并且还视觉上示出了活动内容项在阵列内的位置。在一些实施例中,用户可仅通过看到转变来对其进行理解,而不需要写入的指令或教程等。这允许用户在没有外部指导诸如用户手册或教程视频的情况下发现和探索阵列模式。
应当理解,上述的转变序列是示例性的,且变型形式和修改形式是可能的。转变能够以所需的任何速率发生。在一些实施例中,可基于用户偏好对转变的速率进行调谐。虽然流畅转变可能有助于用户理解阵列模式与全帧模式之间的关系,但应当理解,流畅转变不是必需的。视觉提示诸如明亮闪光可以与从一个模式突然跳跃至另一个模式一起使用,或者浏览器可仅仅以新模式(例如,在显示器的单个帧刷新周期内)重新呈现。
如上文所述,可响应于用户输入来完成阵列模式与全帧模式之间的切换。可使用浏览器的控制元素,诸如图2的视角按钮220,和/或通过在阵列模式下选择内容项或标签以便在全帧模式下查看所选择的项目,来提供所述输入。在一些实施例中,可使用其他用户输入来触发模式切换。
在一些实施例中,计算机系统诸如图1的计算机系统100支持基于手势的用户界面。例如,在其上呈现各种浏览器屏幕的显示器可具有触敏表面,并且用户在该表面上的手势(通常为手指和/或手部运动)可被检测到并被解译为浏览器应用145的控制信号。又如,可将触敏表面(其可以但不需要能够显示信息)提供为用户输入设备,且用户的手势可再次被检测到并被解译为浏览器应用145的控制信号。
在手势输入可用的情况下,可由浏览器应用145检测到某些具体手势并将其解译为传达浏览器应用145应当在全帧模式与阵列模式之间转变的信号。可将其他手势解译为在特定模式内控制浏览器应用145的操作,并且可取决于浏览器应用145是处于全帧模式还是阵列模式,来对一些手势进行不同的解译。现在将描述浏览器应用145的基于手势的控制的例子。
在基于手势的界面中,可以使用“按压”手势来控制对某个区域的放大和缩小。按压手势在图15和16中示出。图15示出了触敏表面上用于向内按压的接触区域。最初在触敏表面1500上检测到两个接触区域1502和1504。例如,用户可将两个手指抵靠表面1500放置。然后,检测到接触区域1502和1504如箭头所示大致朝着彼此移动,例如到区域1502'和1504'。向内按压手势可能类似于在指尖之间挤压物体,其可与减小正在查看的项目的尺寸(缩小)相关联。
图16示出了触敏表面上用于向外按压的接触区域。最初在触敏表面1600上检测到两个接触区域1602和1604。例如,用户可将两个手指抵靠表面1600放置。然后,检测到接触区域1602和1604如箭头所示大致远离彼此移动,例如到区域1602'和1604'。向外按压手势可能与向内按压反向,其可与增大正在查看的项目的尺寸(放大)相关联。
在向内按压手势和向外按压手势两者中,接触区域中的任一个或两个可以移动;可基于两个接触区域的存在以及它们之间距离的增大或减小来识别手势。在一些情况下,可使用速度约束来将有意按压和无意按压区分开(例如,在用户做出不同手势诸如两根手指划动手势时无意地改变手指之间的间距的情况下)。
在本发明的一些实施例中,可利用按压缩放界面范例来提供在阵列模式与全帧模式之间切换浏览器应用145的直观方式。例如,由于向内按压与减小项目的尺寸相关联,所以在处于全帧模式时的向内按压可被解译为切换至阵列模式(此时内容项以减小的尺寸呈现)的用户请求并且可触发至阵列模式的转变。类似地,由于向外按压与增大项目的尺寸相关联,所以在处于阵列模式时的向外按压可被解译为切换至全帧模式(此时当前活动的内容项以全尺寸呈现)的用户请求。在一些实施例中,响应于向外按压,在进入全帧模式时在阵列模式下刚好最接近页面显示区域的中心的内容项变为活动项。在其他实施例中,用户可将向外按压与阵列中的具体内容项相关联(例如,通过在触摸屏显示器的由触摸屏显示器中的那个项目所占据的部分内做出向外按压手势),并且与向外按压相关联的项目可变为活动项。
另外,手势可用于在处于阵列模式时对操作进行控制。例如,可通过拖动手势(例如,此时一根手指或两根手指跨触敏表面滑动)来滚动阵列:向左(右)拖动手势可使阵列的可见部分向左(右)移动。所移动的距离可取决于拖动的长度和/或速度。
在一些实施例中,可将对按压手势的作为控制全帧模式与阵列模式之间的切换的解译与对按压手势的作为在处于全帧模式时控制缩放(放大或减小)的解译相结合。现在将描述可用于手势解译的过程的例子。
图17为根据本发明实施例的用于解译向外按压手势的过程1700的流程图。过程1700可在例如浏览器应用145中执行。
在框1702处,过程1700可检测向外按压。例如,计算机系统的操作系统可向浏览器发送指示已检测到向外按压的信号。或者,浏览器应用145可接收来自触摸表面的数据并直接解译该数据。
在框1704处,过程1700确定浏览器应用145是否处于全帧模式。如果是,则将向外按压解译为缩放活动内容项的请求,并且在框1706处,将活动内容项以较大的尺寸重新呈现。(项目放大的程度可取决于按压的尺寸和/或速度。)
如果在框1704处,浏览器应用145不处于全帧模式,则在阵列模式的环境中解译向外按压,在该环境中向外按压被解译为转变至全帧模式的请求。因此,在框1708处,过程1700可确定哪个内容项应当变为活动项。例如,如果向外按压不与任何特定内容项相关联,则可以选择最接近页面显示区域中心的项目。或者,如果向外按压与特定内容项相关联,则可以选择该项目。在框1710处,过程1700可使浏览器应用145转变至具有如在框1708处确定的活动项的全帧模式。
图18为根据本发明实施例的用于解译向内按压手势的过程1800的流程图。过程1800可在例如浏览器应用145中执行。
在框1804处,过程1800可检测向内按压。例如,计算机系统的操作系统可向浏览器发送指示已检测到向内按压的信号。或者,浏览器应用145可接收来自触摸表面的数据并直接解译该数据。
在框1804处,过程1800确定浏览器应用145是否处于全帧模式。如果是,则过程1800确定活动内容项当前是否以最小缩放系数呈现。(例如,缩放系数可被限定为总是为至少1.0,使得处于全帧模式的项目总是以实际尺寸的100%或更大来呈现。也可以使用其他最小值,例如0.5,以允许减小至实际尺寸的50%。)如果缩放系数大于最小值,则将向内按压解译为缩小的请求。因此,在框1808处,过程1800能够以较小的缩放系数重新呈现活动页面。(缩放系数减小的程度可取决于按压的尺寸和/或速度,并且新缩放系数可受最小值约束。)
如果在框1806处,项目当前以最小缩放系数来呈现,则将向内按压解译为进入阵列模式的请求,并且在框1810处,过程1800可发起向阵列模式的转变。
在该例子中,向内按压手势在阵列模式下不具有经定义的含义。因此,如果在框1804处,浏览器应用145处于阵列模式,则过程1800可不进行任何操作(框1812)。在一些实施例中,过程1800可执行视觉效果以向用户指示手势已接收到但不具有任何效果。例如,可使用橡皮筋型视觉效果来显示阵列中的内容项短暂地收缩,然后迅速回弹至标准尺寸。在其他实施例中,向内按压手势在阵列模式下可具有经定义的含义(例如,使每个内容项的尺寸收缩以允许更多项目同时可见),并且框1812可包括与实现所述经定义的含义相关联的任何动作。
应当理解,这些手势解译过程是示例性的,且变型形式和修改形式是可能的。可并行执行按序列描述的步骤,可改变步骤的次序,且可修改、组合、添加或省略步骤。此外,虽然所描述的过程假设浏览器仅具有两种相关模式(全帧模式和阵列模式),但一些浏览器可提供影响按压手势的解译的另外模式;可修改图17和图18的过程以支持另外的依赖于环境的解译。
图19-21为屏幕图像,其示出了图17和图18的手势解译过程的效果。图19示出了处于全帧模式的浏览器屏幕1900,其具有以放大的格式(缩放系数大于1.0)呈现的页面1902。此时,检测到向内按压手势。向内按压使页面1902收缩至新缩放系数。在一个实施例中,新缩放系数被限于不小于1.0,并且如果输入和当前缩放系数使得按压手势请求减小至小于1.0的缩放系数,则浏览器可仅将新缩放系数设置为1.0。当发生这种情况时,可使用视觉提示来向用户传达已达到缩放极限的信号。例如,如图20中的浏览器屏幕2000所示,页面1902可显示为收缩以占据小于整个页面显示区域2002。(这可能指示向阵列模式的转变,但在该例子中,模式并未改变。)然后,页面1902能够以缩放系数1.0迅速恢复至全帧模式,如图21中的浏览器屏幕2100所示。该序列的事件可向用户提供页面现在处于其最小缩放系数且进一步向内按压将导致进入阵列模式的视觉提示。
因此,如果活动页面被放大,则用户可借助两次向内按压来进入阵列模式:一次按压用于以缩放系数1.0返回至全帧模式,并且第二次按压用于切换模式。
有时,用户可能不需要浏览所有已打开标签,而是仅可能需要切换至相邻标签。浏览器应用145可支持在处于全帧模式时经由机制诸如选择浏览器屏幕200中的不同标签206(图2)来切换标签。然而,取决于特定用户界面,选择标签可能是麻烦的。因此,本发明的一些实施例提供了一种手势,该手势可被解译为切换至相邻标签,从而利用阵列模式和上文所述的相关手势。
在一些实施例中,可如图22中所示来定义“按压-滑移”手势。该手势能够以两个阶段进行,如由编号的箭头所指示。阶段1可能非常类似图15的向内按压:在触敏表面2200上在初始位置处检测到两个接触区域2202和2204,然后检测到这两个接触区域如图所示朝着彼此移动,例如至位置2202'和2204'。(与向内按压一样,接触区域中的任一个或两个可以移动,只要净移动使接触区域之间的距离减小即可。)在阶段2中,接触区域中的至少一个线性地移动;在该例子中,2202'处的接触区域移动至2202”。在一些实施例中,第二接触区域(区域2204')在阶段2期间是否保持接触并不重要,只要所述两个区域中的至少一个在手势的持续过程中始终保持接触即可。任一区域可以是在阶段2期间移动的一个区域,或者两个区域均可保持接触并在大致相同的方向上移动。阶段2期间的移动可沿任何方向,并且对手势的解译可部分地取决于该移动的方向。按压-滑移手势能够以单次连续移动来执行;用户不需要在阶段1与阶段2之间暂停,只要按压以及平移或定向移动均可被检测到即可。
在一些实施例中,图22中所示的按压-滑移手势可用于提供在浏览器中的相邻标签之间切换的快捷界面。图23为根据本发明实施例的可用于解译向内按压及按压-滑移手势的过程2300的流程图。过程2300类似于过程1800,且框2302-2312可类似于上述框1802-1812来实施。在框2314处,在于框2310处切换至阵列模式之后,过程2300确定是否已检测到按压-滑移手势的阶段2(移动)。如果未检测到,则过程2300可结束,从而使浏览器应用145留在阵列模式中。
如果已检测到按压-滑移阶段2的移动,则在框2316处,过程2300可确定阶段2移动的方向。在框2318处,过程2300可至少部分地基于该移动的方向来选择新活动标签。例如,假设在框2304处,浏览器应用145处于如图2中所示的全帧模式下,此时标签206a为活动标签。标签206b在右侧与标签206a相邻,且标签206c在左侧与标签206a相邻。如果框2316处的移动是向右的,则可以选择标签206b(位于最新活动标签206a右侧的相邻标签);如果移动是向左的,则可以选择标签206c(位于最新活动标签206a左侧的相邻标签)。在一些实施例中,如果在所指示的方向上不存在与最新活动标签相邻的已打开标签,则最新活动标签可保持为活动标签。在其他实施例中,如果在所指示的方向上不存在与最新活动标签相邻的已打开标签,则该手势可被解译为请求打开新标签,且该新标签(其可最初根据需要显示空白页面或默认页面)变为活动标签。
再次参见图23,在框2320处,在已选择了新活动标签之后,浏览器屏幕200可转变至全帧模式,从而显示新活动标签。可将所述转变动画化;例如,图3的阵列300可在转变至全帧模式之前显示为滑动到新位置中(此时新活动标签大致位于页面显示区域的中心)。
应当理解,过程2300是示例性的,且变型形式和修改形式是可能的。可并行执行按序列描述的步骤,可改变步骤的次序,且可修改、组合、添加或省略步骤。在一些实施例中,整个过程可基本上与用户做出按压-滑移手势同时(在人类感知的极限内)迅速地执行,使得用户感知到响应于单个按压-滑移手势从一个标签到相邻标签的迅速切换。取决于浏览器应用的用户界面的其他方面,该标签切换技术可能比直接选择新标签更有效率。
在一些实施例中,从全帧模式至阵列模式的转变以及从阵列模式回到全帧模式的转变可用于将一个活动标签与另一个活动标签之间的任何转变动画化,不管触发所述转变的特定用户输入如何。例如,当用户在图2中浏览器屏幕200的标签区域205中选择标签时,向所选择标签的转变可被动画化为转变进入阵列模式、阵列向新位置的滚动以及转变回到全帧模式,此时所选择的标签作为活动标签。因此,用户输入不需要包括进入阵列模式或返回至全帧模式的明确用户请求;可将模式转变结合到浏览器对浏览器所接收的任何标签切换输入的响应中。
在一些实施例中,浏览器应用的阵列模式可用于方便用户对可能在用户的其他设备上的内容浏览器应用中打开的标签进行访问。例如,用户可订阅基于云的数据管理服务,该服务在属于该用户的多个设备之间自动地同步信息。图24示出了根据本发明实施例的针对用户的云计算设置2400。在该例子中,用户具有台式计算机2402、膝上型计算机2404、平板电脑2406和智能电话2408。(应当理解,给定用户可具有任意数目的这些和/或其他设备以及这些和/或其他设备的组合。)设备2402-2408各自向提供数据存储及同步能力的云服务2410注册。设备2402-2408可例如经由互联网、蜂窝数据网络或其他通信信道与云服务2410通信。通信可以是有效地连续的(例如,对于设备的实时同步而言)或不定时发生的(例如,计划的同步操作或离散的数据访问操作)。
设备2402中的任一个或全部可执行支持标签式浏览的浏览器应用(例如,web浏览器)。在该例子中,台式计算机2402可执行标签式浏览器2412,而平板电脑2406可执行标签式浏览器2414。浏览器2412和2414可使用相同软件或不同软件来实现。在一些实施例中,用户可使用浏览器2412来查看在浏览器2414中打开的标签以及在浏览器2412中本地打开的标签和/或反之亦然。如本文所用,“本地标签”(或“本地内容项”)是指在用户当前正使用的浏览器应用中打开的标签(或其他内容项),而“远程标签”(或“远程内容项”)是指在用户的其他设备之一上的浏览器应用中打开的标签(或其他内容项)。因此,例如,如果用户正在平板电脑2406上使用浏览器2414,则用户已用浏览器2414打开的标签是“本地的”,而在浏览器2412中可能打开的任何标签均是“远程的”。如果相反地,用户正在使用浏览器2414,则命名将颠倒,此时浏览器2414中的标签是“本地的”,而浏览器2412中的标签是“远程的”。
在一些实施例中,即使浏览器应用当前并未正在其主机设备上执行,标签也可被视为在浏览器中是打开的。例如,当浏览器程序退出时,一些浏览器可保存当前打开的一组标签;该行为可以是自动的或被用户输入控制。在于退出时保存标签的情况下,即使远程设备当前并未正在执行其浏览器应用,仍可以访问已保存的一组远程标签。出于实现远程标签浏览的目的,云服务2410能够从用户设备中的第一用户设备获得关于哪些标签在该设备上当前处于打开状态的信息并且将该信息提供至用户的其他设备中的一个(例如,应要求)便足够了。
图25-27示出了根据本发明实施例的远程标签浏览的用户体验。出于描述这些图的目的,将假设用户正在图24的平板电脑2406上使用浏览器2414并且需要访问在台式计算机2402上的浏览器2412中打开的远程标签。
图25示出了处于阵列模式下的浏览器应用(例如,平板电脑2406上的浏览器应用2414)的浏览器屏幕2500。本地标签被显示为标签式页面2502的阵列;该阵列可类似于上述的阵列布局。在页面显示区域2504上方,云2506部分地可见。在一些实施例中,只有在对用户远程设备上的数据的访问当前可用时(例如,如果浏览器2414正在其上运行的平板设备2406当前连接至云服务,如果用户具有向云服务注册的多个设备,并且如果用户其他设备中的任一个具有任何已打开标签),才显示云2506。因此,云2506的存在可向用户指示云服务2410具有对用户其他设备中的一者或多者上的远程标签的访问权限。
用户能够以上文所述的方式与浏览器屏幕2500交互以查看并选择任何本地标签。另外,用户可以选择访问远程标签。例如,除了将阵列从一侧滚动至另一侧之外,用户还可以将阵列向上(或向下)滚动。
图26示出了如果用户在图25的浏览器屏幕2500中向上滚动则可以显示的浏览器屏幕2600。本地标签(页面2502)滚动至底部,云2506变得完全可见,并且在云2506上方显示对应于用户的其他设备的图标。例如,图标2602可对应于智能电话2408(图24),图标2604可对应于膝上型计算机2404,且图标2606可对应于台式计算机2402。每个图标可包括辨识设备的标记,例如通过用户分配的名称来辨识设备的标记。用户可选择图标2602,2604,2606中的一个以查看来自该设备的远程标签。
图27示出了如果用户在图26的浏览器屏幕2600中选择图标2602则可以显示的浏览器屏幕2700。页面显示区域的下部部分保持为与之前一样,并且添加图标2702以辨识所选择的设备(在该例子中,为台式计算机2402)。标签式页面2704提供与所选择设备的远程标签相对应的页面阵列;在该例子中,所选择的设备为台式计算机2402,且远程标签为在浏览器2412中碰巧为打开的标签。远程标签阵列可以是1×M条带,其中M为在所选择的设备上已打开页面的数量。标签式页面2704可以与浏览器2412中的标签相同的次序布置,且阵列可被定位成使得最靠近浏览器屏幕2700中心的标签式页面2704a对应于浏览器2412中的当前(或最新)活动页面。用户能够以与上文所述的标签式页面阵列相同的方式与标签式页面2704交互,包括将页面2704中的任一个展开为全帧模式。用户还可以选择云2506以返回至屏幕2600并选择不同的远程设备,或者向下滚动以访问本地标签(页面2502)。
图28为根据本发明实施例的用于浏览远程标签的过程2800的流程图。过程2800可在框2802处始于浏览器(例如,图24的浏览器2414)以全帧模式显示内容项。在框2804处,过程2800可接收请求转变至阵列模式的用户输入。在框2806处,过程2800可转变至阵列模式,例如如上文所述。在一些实施例中,阵列模式可包括云指示符2506(图25)或者远程标签是可用的另一个视觉指示符。
在框2808处,过程2800可接收请求访问来自用户远程设备的标签的用户输入。例如,在图25中,用户可以选择云2506或向上滚动。
在框2810处,过程2800可辨识用户远程设备。例如,过程2800可与云服务2410(图24)通信以确定用户具有哪些设备以及这些设备是否具有已打开标签。在框2812处,过程2800可显示用户远程设备的图标,例如如图26中所示。在一些实施例中,只有特定设备向云服务2410注册并具有已打开标签时,才显示该设备的图标。在一些实施例中,如果设备经注册但不具有可访问云服务2410的已打开标签,则可以灰色、褪色或其他视觉上不同的格式来绘制图标以指示无标签可用。在框2814处,过程2800可接收远程设备的用户选择。
在框2816处,过程2800可检索所选择设备的远程标签。在一些实施例中,过程2800可与云服务2410通信以获得关于哪些标签对于所选择的设备而言是打开的且每个标签包含哪些页面(一个或多个)的当前数据。云服务2410继而可响应于来自过程2800的请求,或者通过在先前同步操作期间从高速缓存或从自所选择的设备获得的数据的其他存储区检索数据,来从所选择的设备获得数据。
在一些实施例中,在框2816处检索的数据可仅包括与每个标签相关联的当前页面;在其他实施例中,还可为每个标签提供完整的或部分的浏览历史。数据可包括页面的标识符(例如,URL)和/或对页面在其最近出现在远程设备上时的呈现。
在一些实施例中,在框2816处检索的数据可能受到安全措施制约。例如,在检索与远程设备有关的数据之前,云服务2410可能需要访问凭据。该凭据可为例如与用户在云服务2410上的账户或与其数据正被检索的特定远程设备相关联的用户名称和/或密码(或通行码)。框2816可包括对用户获得适当凭据信息的另外提示和/或为提供所述凭据而与云服务2410进行的另外通信。
在框2818处,过程2800可基于所检索的数据来显示对应于且代表远程标签的内容项。在一些实施例中,过程2800可使用所检索的URL来获得并呈现每个标签的当前内容项。在其他实施例中,远程标签的阵列模式呈现可仅包括相关内容项的URL、标题、缩略图或其他标识符;只有在用户选择项目的情况下,该项目才被访问。(这可以加速对远程标签的阵列模式显示的呈现,因为预期远程标签中没有一个内容项当前会位于本地浏览器的高速缓存中。)
在框2820处,过程2800可接收选择远程标签之一的用户输入。这可能类似于在处于如上所述的阵列模式时选择本地标签。尽管图28中未示出其他用户输入选项,但应当理解,用户输入可以请求不同的操作,例如选择不同的远程设备或使显示器返回至本地标签等,并且过程2800可通过适当地修改浏览器屏幕来响应此类输入。
在框2822处,如果用户选择远程标签,则过程2800可使浏览器转变至显示所选择项目的全帧模式。在一些实施例中,这可包括检索所选择的项目。
在一些实施例中,当用户选择远程标签以在全帧模式下查看时,新本地标签被打开,且全帧视图变为本地标签的视图,此时新本地标签作为活动标签。此时,新本地标签与其所源自的远程标签之间的链接可被切断,并且针对新本地标签的后续操作完全不需要影响远程标签组。
在其他实施例中,当用户选择远程标签以在全帧模式下查看时,全帧模式可除本地标签之外或替代本地标签包含远程标签。例如,本地标签、远程标签或这两者可出现在浏览器屏幕的标签区域中。远程标签能够以不同颜色和/或借助其他区分标记来呈现,使得用户可以识别出这些是远程标签。在一些实施例中,可将远程标签中进行的任何改变(例如,导航至新页面、打开或关闭标签)经由云服务2410同步回到远程设备。
在一些情况下,远程浏览器和本地浏览器可访问相同项目的不同版本。例如,一些网页既提供针对具有大显示器的设备(诸如台式计算机或膝上型计算机)而优化的“标准”版本,又提供针对具有小显示器的设备(诸如智能电话)而优化的“移动”版本。在远程标签与一种类别的设备(例如,图24的台式计算机2402)相关联而本地标签与不同类别的设备(例如,智能电话2408或平板电脑2406)相关联的情况下,可基于设计考虑因素和/或用户偏好来做出有关使用页面的哪个版本的决定。例如,在一些情况下,可能需要尽可能密切地反映用户在远程设备上将具有的浏览体验,在这种情况下,可使用远程设备的类别来确定版本。在一些情况下,可基于本地设备的类别来权衡与带宽和/或显示区域有关的考虑因素以有利于呈现远程标签页面。在一些实施例中,如果与远程标签相关联的页面的不同版本可用,则可能提示用户指示其希望查看的版本。
应当理解,本文所述的远程浏览实施例是示例性的,且变型形式和修改形式是可能的。可使用不同格式、配色方案等来区分阵列模式下的本地标签与远程标签。在一些实施例中,用户可能能够将任何本地标签标记为“不共享”,在这种情况下,所关注的标签不包含在传送至其他设备的远程标签组中;用户还可以具有用于针对本地标签全域启用或禁用在任何浏览器上的标签共享的选项。还应当理解,远程标签浏览能力不是必需的,且一些浏览器可能仅支持本地标签。
上文所述的实施例提供在内容浏览器中的标签之间的增强导航。通过使用户能够预览与特定标签相关联的内容项并且快速地在与不同标签相关联的内容项之间移动,用户选择其实际上希望查看的标签的能力得以增强。这在许多情形下可能是有帮助的,诸如在用户使大量标签打开的情况下和/或在多个标签在全帧视图中显示类似或相同标记的情况下。
可根据需要使阵列模式下的显示元素的特定配置变化。以举例的方式,图29-33为屏幕截图,其示出了使用“标签堆”比喻来在阵列模式下的标签之间进行导航,该“标签堆”比喻在存在许多已打开标签的情况下可能是有用的。标签堆比喻将一堆标签安置在当前标签的左侧,并将另一堆标签安置在当前标签的右侧。在每个堆内,标签被排序为使得最接近当前标签的标签离顶部最近(如果用户正从上往下观看该堆)。活动标签位于两个堆之上及之间。在活动标签改变时,标签在所述堆之间左右移位。
图29示出了根据本发明实施例的实现标签堆比喻的浏览器屏幕2900。当前页面2902以全帧模式示出。对应的标签2904a出现在相邻标签2904b,2904c前面。标签2904b与下一个相邻标签2904d重叠。不存在供标签2904c右侧的另外标签用的足够空间。因此,如在插图2910中最佳地所见,标签堆2912被呈现以指示在标签2904c右侧存在隐藏标签。在一些实施例中,标签堆2912中的标签的数量可与隐藏标签的数量匹配;在其他实施例中,标签堆2912中的标签的数量可具有上限,并且可仅为存在隐藏标签的指示符,而不必指示存在多少个此类标签。
图30示出了与图29的全帧模式相对应的阵列模式的浏览器屏幕3000。如在本文所述的其他实施例中,处于阵列模式的页面3002以减小的尺寸呈现且并排地布置。不同于图3的实施例,在该实施例中,页面3002不具有附接的标签。标签3004保持在chrome 3008底部的标签区域3006中。标签堆3008显示为靠近标签区域3006的右端以指示隐藏标签。
在用户滚动页面3002的阵列时,标签区域3006被修改以反映阵列的当前位置。例如,图31示出了显示在向右滚动若干页面之后的页面3002的阵列的浏览器屏幕3100。页面3002g现在最靠近中心。标签区域3006可反映移位。例如,标签3004g(对应于页面3002g)现在位于所有其他标签之上,此时相邻标签3004f,3004e位于左侧。标签堆3102已出现在靠近标签区域3006的左端处以指示左侧存在隐藏标签(包括,例如在图30中可见的标签3002a-c)。靠近标签区域3006右端的标签堆3008在尺寸上减小,因为其标签中的一些此时可见。
图32示出了显示在一路滚动至右端之后的页面3002的阵列的浏览器屏幕3200。与最右侧标签3004z对应的页面3002z靠近页面显示区域3202的中心。期望在其中出现下一个页面的右侧空白空间为“这是阵列右端”的提示。(滚动可为终点限制式,以防止出现阵列的所有部分均不可见的情况。)另外,标签3004z现被绘制为标签区域3006中的顶部标签,并且右侧不存在标签(来自图31的标签堆3008已消失)。同时,左端标签堆3102更大,指示左侧隐藏标签的数量增加。
图33示出了类似于屏幕3200的浏览器屏幕3300,不同之处在于在该情况下,已将页面3002的阵列一路滚动至左端。与最左侧标签3004k对应的页面3002k靠近页面显示区域3302的中心。期望在其中出现下一个页面的左侧空白空间为“这是阵列左端”的提示。(同样,滚动可为终点限制式,以防止出现阵列的所有部分均不可见的情况。)另外,标签3004k现被绘制为标签区域3006中的顶部标签,并且左侧不存在标签(来自图31和图32的标签堆3102已消失)。
在一些实施例中,当滚动到达阵列的末端时(例如,如图32和图33中所示),可提供功能可见性以允许调用其他操作。例如,在位于图33中页面3002k的左侧和/或图32中页面3002z的右侧的空白空间中,可提供可操作用于创建新标签、发起网页搜索或执行其他操作的图标。在一些实施例中,可提供用于调用不同操作的多个图标,并且特定图标可出现在阵列的任一端处或两端处。在一些实施例中,不使用图标,并且诸如在阵列末端处的空白空间中点击或轻按的动作导致新标签得以创建。
在图29-33的实施例中,页面并不总是在其标签的正下方对齐(参见例如图32和图33)。因此,提供进一步的页面辨识可能是有帮助的。图34示出了根据本发明实施例的处于阵列模式的具有另外的页面辨识的浏览器屏幕3400。页面3402大致位于页面显示区域3404的中心,并且如在以上的图29-33中那样,对应标签3406作为顶部标签出现。然而,标签3406靠近标签区域3410的右端,同时页面3402大致位于中心。为了帮助辨识阵列中的页面,在该实施例中,页面标题区域3408出现在页面显示区域3404内的页面3402上方。在页面标题区域3408中显示的标题可与标签3406中的标记相同,并且可有助于用户将标题与正确的标签相关联。在一些实施例中,当阵列滚动时页面标题可随着页面3402左右移动,并且其他页面也可能具有随着它们滚动的标题。在一些实施例中,标题的显示受到抑制,但最靠近中心的页面除外;页面标题区域3408中的标题文本可仅在页面移动经过其时发生改变;可例如使用诸如淡出和淡入、渐隐、擦除等的效果,来将标题之间的转变动画化。
该实施例例示了内容项的许多不同布置中的一种,并且可采用用于将标签与显示为n阵列模式的内容项相关联的不同机制。可根据需要将各种实施例的特征结合,并且可以添加其他特征。
如在上文所示的实施例中,阵列模式下的标签被布置成1×N条带,其中N为已打开标签的数量。如上文所指出,该布置可具有与单行标签的直观关系,但这不是必需的。图35示出了根据本发明实施例的处于阵列模式的具有以栅格布置的页面3502的浏览器屏幕3500。在栅格的两行中的页面3502a-j完全可见,并且第三行(页面3502k-o)部分地可见。能够以任何所需方式,例如成行、成列或任意布置,来将栅格映射至全帧模式的标签。可使用动画转变,例如来显示标签从全帧模式下的标签栏成扇形散开成阵列模式的栅格布置。栅格布置还可用于例如可在全帧模式下显示多行标签的浏览器中;栅格的行可对应于标签的行。栅格不需要为矩形;不同的行可具有不同数量的页面。
虽然已关于具体实施例对本发明进行了描述,但本领域的技术人员将认识到,许多修改形式是可能的。例如,虽然上述实施例引用了网页作为内容项,但其他类型的内容项也可以是浏览的主题。例子包括文档文件(其可以本地存储在用户的计算机上或远程地存储)、照片、媒体项目、内容流(例如,不同的电视信道和/或视频流信道和/或音频流信道,其中使用阵列模式预览信道并选择要观看或收听的信道;可在全帧模式下播放所选择的信道)。
浏览器可包括允许用户查看内容项并与内容项交互的任何计算机程序或其他工具。虽然可将浏览器实施为在适当硬件上执行的软件,但其他具体实施也是可能的,且浏览器可适用于特定类型的内容项(例如,web浏览器、文档浏览器,等等)。浏览器可支持任意数目的已打开标签,其中每个标签可以与不同的内容项相关联,并且可在不影响其他标签的情况下改变任何一个标签的当前内容项。浏览器可以(但不必)为每个标签保持单独的浏览历史,例如以支持基于每个标签的向前和向后导航。例如由于存储器或显示器的约束等,一些浏览器可能限制可在给定时间处于打开状态的标签的数量。与各个标签相关联的标签指示符在全帧模式下可为可见的,例如在页面显示区域的底部和/或侧部处。不需要所有标签指示符在全帧模式或阵列模式下一直可见,并且一些浏览器可具有标签指示符被隐藏的全帧模式。
本描述的部分可指特定用户界面,诸如触摸屏显示器、其他触敏表面或指向-点击界面。其他实施例可以使用不同的界面。例如,用户界面可以是基于语音的,其中用户向麦克风或其他音频输入设备说出指令并且该设备除了如上所述的视觉响应之外和/或作为其替代提供听觉响应(例如,使用合成的语音或预先录制的音频片段)。可使用基于语音的元素与视觉界面元素的组合,并且在一些实施例中,可支持多个不同类型的界面,其中用户具有选择所需界面、组合使用多个界面(例如,从屏幕读取信息并说出指令)和/或在不同界面之间切换的选项。可支持任何所需形式的用户与设备的交互。
某些实施例利用如上文所述的按压-滑移手势。在一些实施例中,按压-滑移手势可结合到用户界面操纵的其他方面中,不限于标签式浏览环境。例如,在一些实施例中,在正以第一缩放系数在显示设备上显示第一用户界面区域时,触敏表面可检测到多个并发触点(例如,与表面接触的多根手指)。在继续检测所述触点中的至少一个时,计算机系统可基于所述触点在触敏表面上相对于彼此的移动来检测第一手势(例如,上文所述的按压-滑移手势的阶段1)。响应于此,能够以低于第一缩放系数的第二缩放系数来显示第一用户界面区域。在仍继续检测所述触点中的至少一个时,计算机系统随后可基于所述一个或多个触点在触敏表面上的移动来检测第二手势(例如,上文所述的按压-滑移手势的阶段2)。响应于此,可以显示第二用户界面区域(其可为在检测到第二手势之前未显示的任何区域)。能够以第二缩放系数来显示第二用户界面区域,直至检测到所有触点从该表面释放,此时,能够以第一缩放系数来显示第二用户界面区域。
在上文所述的实施例中,用户界面区域可对应于浏览器的不同标签中的内容项,但所述手势也可在其他环境中应用。例如,第一用户界面区域和第二用户界面区域可为:应用的多文档界面中的窗口,诸如在文字处理器或图像查看器中打开的多个文档;标签式文档界面中的窗口(例如,如上文所述的标签式web浏览器),或者操作系统中的不同应用窗口。
在一些实施例中,不止两个用户界面区域可为可用的,并且可基于触点在预定义的时间相对于第二手势的终点的移动方向来选择变为第二区域的区域。该预定义的时间可为,例如在检测到第二手势的终点时、在检测到触点的释放(例如,抬起)时或者即将检测到触点的释放之际。在一些具体实施中,还可以基于速度、加速度等来选择第二用户界面区域。用户界面区域可出于导航的目的具有已定义的空间关系(诸如上文所述的标签的阵列),并且还可将界面区域的相对位置和/或界面区域相对于做出手势的位置的位置或者做出手势的时间用于进行选择。
可使用专用组件和/或可编程处理器和/或其他可编程设备的任意组合来实现本发明的实施例。本文所述的各种过程可在同一个处理器或不同的处理器上以任意组合进行实施。在组件被描述为被配置成执行某些操作的情况下,可例如通过设计电子电路以执行操作、通过对可编程电子电路(诸如微处理器)进行编程以执行操作或它们的任何组合,来实现此类配置。此外,尽管上述实施例可引用具体的硬件和软件组件,但本领域的技术人员将会知道,也可以使用硬件和/或软件组件的不同组合,并且被描述为在硬件中实现的特定操作也可以在软件中实现,或反之亦然。
可以在各种计算机可读存储介质上编码并存储结合本发明各特征的计算机程序;合适的介质包括磁盘或磁带、光学存储介质诸如光盘(CD)或DVD(数字多功能盘)、闪存存储器,以及其他非暂态介质。可将用程序代码编码的计算机可读介质与兼容的电子设备封装在一起,或者所述程序代码可独立于电子设备提供(例如,经由互联网下载或作为单独封装的计算机可读存储介质)。
因此,尽管已相对于具体实施例描述了本发明,但应当理解,本发明意在覆盖以下权利要求范围之内的所有修改和等价形式。
Claims (16)
1.一种方法,包括:
在具有显示器的计算机系统上:
在浏览器的标签显示区域中显示对应于已打开页面的多个标签,其中所述多个标签包括:
第一标签,第一标签是对应于当前活动页面的当前活动标签;
在当前活动标签左侧的第一堆重叠的非活动标签,其中:
根据第一堆包括多于上限的标签的确定,显示第一堆包括显示指示第一堆中存在隐藏标签而不指示第一堆中存在多少隐藏标签的第一堆指示符;和
根据第一堆不包括多于上限的标签的确定,显示第一堆包括显示指示第一堆中标签的数量的第一堆指示符;以及
在当前活动标签右侧的第二堆重叠的非活动标签;
接收从所述多个标签中选择第二标签作为当前活动标签的输入;以及
响应于接收到从所述多个标签中选择第二标签作为当前活动标签的所述输入:
将当前活动标签从第一标签更改为第二标签;
将第二标签显示为当前活动标签;
将对应于第二标签的第二页面显示为当前活动页面;
增加第一堆中标签的数量;以及
减少第二堆中标签的数量。
2.如权利要求1所述的方法,其中,当前活动标签显示在第一堆重叠的非活动标签和第二堆重叠的非活动标签之上并且在第一堆重叠的非活动标签和第二堆重叠的非活动标签之间。
3.如权利要求2所述的方法,其中:
在第一堆重叠的非活动标签内,标签被排序为使得最靠近当前活动标签的标签最靠近第一堆的顶部,并且
在第二堆重叠的非活动标签内,标签被排序为使得最靠近当前活动标签的标签最靠近第二堆的顶部。
4.如权利要求1至3中任一项所述的方法,包括:
接收将标签显示区域中最右侧标签选择为当前活动标签的输入;以及
响应于接收到将标签显示区域中最右侧标签选择为当前活动标签的所述输入:
将当前活动标签更改为标签显示区域中最右侧标签;
将最右侧标签显示为当前活动标签;和
停止显示第二堆重叠的非活动标签。
5.如权利要求4所述的方法,包括:
响应于接收到将标签显示区域中最右侧标签选择为当前活动标签的所述输入:增加第一堆重叠的非活动标签的尺寸。
6.一种编码有指令的计算机可读存储介质,所述指令在由具有显示器的计算机系统执行时,使得该计算机系统:
在浏览器的标签显示区域中显示对应于已打开页面的多个标签,其中所述多个标签包括:
第一标签,第一标签是对应于当前活动页面的当前活动标签;
在当前活动标签左侧的第一堆重叠的非活动标签,其中:
根据第一堆包括多于上限的标签的确定,显示第一堆包括显示指示第一堆中存在隐藏标签而不指示第一堆中存在多少隐藏标签的第一堆指示符;和
根据第一堆不包括多于上限的标签的确定,显示第一堆包括显示指示第一堆中标签的数量的第一堆指示符;以及
在当前活动标签右侧的第二堆重叠的非活动标签;
接收从所述多个标签中选择第二标签作为当前活动标签的输入;以及
响应于接收到从所述多个标签中选择第二标签作为当前活动标签的所述输入:
将当前活动标签从第一标签更改为第二标签;
将第二标签显示为当前活动标签;
将对应于第二标签的第二页面显示为当前活动页面;
增加第一堆中标签的数量;以及
减少第二堆中标签的数量。
7.如权利要求6所述的计算机可读存储介质,其中,当前活动标签显示在第一堆重叠的非活动标签和第二堆重叠的非活动标签之上并且在第一堆重叠的非活动标签和第二堆重叠的非活动标签之间。
8.如权利要求7所述的计算机可读存储介质,其中:
在第一堆重叠的非活动标签内,标签被排序为使得最靠近当前活动标签的标签最靠近第一堆的顶部,并且
在第二堆重叠的非活动标签内,标签被排序为使得最靠近当前活动标签的标签最靠近第二堆的顶部。
9.如权利要求6至8中任一项所述的计算机可读存储介质,包括在由具有显示器的计算机系统执行时使得该计算机系统进行以下操作的指令:
接收将标签显示区域中最右侧标签选择为当前活动标签的输入;以及
响应于接收到将标签显示区域中最右侧标签选择为当前活动标签的所述输入:
将当前活动标签更改为标签显示区域中最右侧标签;
将最右侧标签显示为当前活动标签;和
停止显示第二堆重叠的非活动标签。
10.如权利要求9所述的计算机可读存储介质,包括在由具有显示器的计算机系统执行时使得该计算机系统进行以下操作的指令:
响应于接收到将标签显示区域中最右侧标签选择为当前活动标签的所述输入:增加第一堆重叠的非活动标签的尺寸。
11.一种计算机系统,包括:
显示器;
一个或多个处理器;
存储器;和
一个或多个程序,其中所述一个或多个程序存储在所述存储器中并且被配置为由所述一个或多个处理器执行,所述一个或多个程序包括用于以下操作的指令:
在浏览器的标签显示区域中显示对应于已打开页面的多个标签,其中所述多个标签包括:
第一标签,第一标签是对应于当前活动页面的当前活动标签;
在当前活动标签左侧的第一堆重叠的非活动标签,其中:
根据第一堆包括多于上限的标签的确定,显示第一堆包括显示指示第一堆中存在隐藏标签而不指示第一堆中存在多少隐藏标签的第一堆指示符;和
根据第一堆不包括多于上限的标签的确定,显示第一堆包括显示指示第一堆中标签的数量的第一堆指示符;以及
在当前活动标签右侧的第二堆重叠的非活动标签;
接收从所述多个标签中选择第二标签作为当前活动标签的输入;以及
响应于接收到从所述多个标签中选择第二标签作为当前活动标签的所述输入:
将当前活动标签从第一标签更改为第二标签;
将第二标签显示为当前活动标签;
将对应于第二标签的第二页面显示为当前活动页面;
增加第一堆中标签的数量;以及
减少第二堆中标签的数量。
12.如权利要求11所述的计算机系统,其中,当前活动标签显示在第一堆重叠的非活动标签和第二堆重叠的非活动标签之上并且在第一堆重叠的非活动标签和第二堆重叠的非活动标签之间。
13.如权利要求12所述的计算机系统,其中:
在第一堆重叠的非活动标签内,标签被排序为使得最靠近当前活动标签的标签最靠近第一堆的顶部,并且
在第二堆重叠的非活动标签内,标签被排序为使得最靠近当前活动标签的标签最靠近第二堆的顶部。
14.如权利要求11至13中任一项所述的计算机系统,包括用于以下操作的指令:
接收将标签显示区域中最右侧标签选择为当前活动标签的输入;以及
响应于接收到将标签显示区域中最右侧标签选择为当前活动标签的所述输入:
将当前活动标签更改为标签显示区域中最右侧标签;
将最右侧标签显示为当前活动标签;和
停止显示第二堆重叠的非活动标签。
15.如权利要求14所述的计算机系统,包括用于以下操作的指令:
响应于接收到将标签显示区域中最右侧标签选择为当前活动标签的所述输入:增加第一堆重叠的非活动标签的尺寸。
16.一种装置,包括用于执行如权利要求1至5中任一项所述的方法的操作的单元。
Applications Claiming Priority (7)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US201261595114P | 2012-02-05 | 2012-02-05 | |
US61/595,114 | 2012-02-05 | ||
US13/750,572 | 2013-01-25 | ||
US13/750,586 | 2013-01-25 | ||
US13/750,572 US9477642B2 (en) | 2012-02-05 | 2013-01-25 | Gesture-based navigation among content items |
US13/750,586 US9524272B2 (en) | 2012-02-05 | 2013-01-25 | Navigating among content items in a browser using an array mode |
CN201380017048.7A CN104205098B (zh) | 2012-02-05 | 2013-01-29 | 使用阵列模式在浏览器中的内容项之间进行导航 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201380017048.7A Division CN104205098B (zh) | 2012-02-05 | 2013-01-29 | 使用阵列模式在浏览器中的内容项之间进行导航 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110110259A true CN110110259A (zh) | 2019-08-09 |
Family
ID=48904005
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201380017048.7A Active CN104205098B (zh) | 2012-02-05 | 2013-01-29 | 使用阵列模式在浏览器中的内容项之间进行导航 |
CN201910247859.5A Pending CN110110259A (zh) | 2012-02-05 | 2013-01-29 | 使用阵列模式在浏览器中的内容项之间进行导航 |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201380017048.7A Active CN104205098B (zh) | 2012-02-05 | 2013-01-29 | 使用阵列模式在浏览器中的内容项之间进行导航 |
Country Status (8)
Country | Link |
---|---|
US (2) | US9524272B2 (zh) |
EP (2) | EP2798543A1 (zh) |
JP (1) | JP6144707B2 (zh) |
KR (1) | KR101683356B1 (zh) |
CN (2) | CN104205098B (zh) |
AU (2) | AU2013215357B2 (zh) |
TW (2) | TWI516962B (zh) |
WO (1) | WO2013116219A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111694478A (zh) * | 2020-06-10 | 2020-09-22 | 广州酷狗计算机科技有限公司 | 内容展示方法、装置、终端及存储介质 |
Families Citing this family (111)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7509588B2 (en) | 2005-12-30 | 2009-03-24 | Apple Inc. | Portable electronic device with interface reconfiguration mode |
US10313505B2 (en) | 2006-09-06 | 2019-06-04 | Apple Inc. | Portable multifunction device, method, and graphical user interface for configuring and displaying widgets |
US8519964B2 (en) | 2007-01-07 | 2013-08-27 | Apple Inc. | Portable multifunction device, method, and graphical user interface supporting user navigations of graphical objects on a touch screen display |
US8619038B2 (en) | 2007-09-04 | 2013-12-31 | Apple Inc. | Editing interface |
US8881060B2 (en) | 2010-04-07 | 2014-11-04 | Apple Inc. | Device, method, and graphical user interface for managing folders |
US10788976B2 (en) | 2010-04-07 | 2020-09-29 | Apple Inc. | Device, method, and graphical user interface for managing folders with multiple pages |
US8930393B1 (en) | 2011-10-05 | 2015-01-06 | Google Inc. | Referent based search suggestions |
WO2013052866A2 (en) | 2011-10-05 | 2013-04-11 | Google Inc. | Semantic selection and purpose facilitation |
US10013152B2 (en) | 2011-10-05 | 2018-07-03 | Google Llc | Content selection disambiguation |
US9524272B2 (en) | 2012-02-05 | 2016-12-20 | Apple Inc. | Navigating among content items in a browser using an array mode |
JP5790578B2 (ja) * | 2012-04-10 | 2015-10-07 | 株式会社デンソー | 表示システム、表示装置、及び操作装置 |
US9547425B2 (en) | 2012-05-09 | 2017-01-17 | Apple Inc. | Context-specific user interfaces |
US9459781B2 (en) | 2012-05-09 | 2016-10-04 | Apple Inc. | Context-specific user interfaces for displaying animated sequences |
US10304347B2 (en) | 2012-05-09 | 2019-05-28 | Apple Inc. | Exercised-based watch face and complications |
EP2847658B1 (en) | 2012-05-09 | 2017-06-21 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for operations performed in a user interface |
US10990270B2 (en) | 2012-05-09 | 2021-04-27 | Apple Inc. | Context-specific user interfaces |
US10613743B2 (en) | 2012-05-09 | 2020-04-07 | Apple Inc. | User interface for receiving user input |
US20140071171A1 (en) * | 2012-09-12 | 2014-03-13 | Alcatel-Lucent Usa Inc. | Pinch-and-zoom, zoom-and-pinch gesture control |
CN103914466B (zh) * | 2012-12-31 | 2017-08-08 | 阿里巴巴集团控股有限公司 | 一种标签按钮管理的方法及系统 |
JP6142544B2 (ja) * | 2013-01-22 | 2017-06-07 | 富士通株式会社 | 設定方法、通信システムおよび通信装置 |
US9741150B2 (en) | 2013-07-25 | 2017-08-22 | Duelight Llc | Systems and methods for displaying representative images |
US10185473B2 (en) * | 2013-02-12 | 2019-01-22 | Prezi, Inc. | Adding new slides on a canvas in a zooming user interface |
KR20140141046A (ko) * | 2013-05-31 | 2014-12-10 | 삼성전자주식회사 | 디스플레이 장치 및 그 제어 방법 |
US9804745B2 (en) * | 2013-06-09 | 2017-10-31 | Apple Inc. | Reordering content panes in a stacked tab view |
US10067628B2 (en) * | 2013-08-14 | 2018-09-04 | Google Llc | Presenting open windows and tabs |
US9547525B1 (en) * | 2013-08-21 | 2017-01-17 | Google Inc. | Drag toolbar to enter tab switching interface |
US9569004B2 (en) | 2013-08-22 | 2017-02-14 | Google Inc. | Swipe toolbar to switch tabs |
KR102184269B1 (ko) * | 2013-09-02 | 2020-11-30 | 삼성전자 주식회사 | 디스플레이장치, 휴대장치 및 그 화면 표시방법 |
US10545657B2 (en) | 2013-09-03 | 2020-01-28 | Apple Inc. | User interface for manipulating user interface objects |
CN103473012A (zh) * | 2013-09-09 | 2013-12-25 | 华为技术有限公司 | 截屏方法、装置和终端设备 |
US20150121314A1 (en) * | 2013-10-24 | 2015-04-30 | Jens Bombolowsky | Two-finger gestures |
KR102405189B1 (ko) | 2013-10-30 | 2022-06-07 | 애플 인크. | 관련 사용자 인터페이스 객체를 표시 |
JP2015127950A (ja) * | 2013-11-26 | 2015-07-09 | 株式会社リコー | 情報処理システム及び情報処理方法 |
US10620796B2 (en) * | 2013-12-19 | 2020-04-14 | Barnes & Noble College Booksellers, Llc | Visual thumbnail scrubber for digital content |
US20150193424A1 (en) * | 2014-01-07 | 2015-07-09 | Samsung Electronics Co., Ltd. | Method of changing dynamic screen layout and electronic device |
US20150268805A1 (en) * | 2014-03-20 | 2015-09-24 | Kobo Incorporated | User interface to open a different ebook responsive to a user gesture |
CN103955475B (zh) * | 2014-03-31 | 2018-04-13 | 北京奇虎科技有限公司 | 一种网页标签信息的显示方法、装置和浏览器 |
CN103902722B (zh) * | 2014-04-10 | 2018-01-12 | 白杨 | 基于b/s架构的网页页面显示方法及终端 |
KR20150136890A (ko) * | 2014-05-28 | 2015-12-08 | 삼성전자주식회사 | 디바이스에 객체를 표시하는 방법 및 그 디바이스 |
US10156967B2 (en) | 2014-05-31 | 2018-12-18 | Apple Inc. | Device, method, and graphical user interface for tabbed and private browsing |
EP3584671B1 (en) | 2014-06-27 | 2022-04-27 | Apple Inc. | Manipulation of calendar application in device with touch screen |
TWI647608B (zh) | 2014-07-21 | 2019-01-11 | 美商蘋果公司 | 遠端使用者介面 |
US9921721B2 (en) * | 2014-08-08 | 2018-03-20 | Google Llc | Navigation interfaces for ebooks |
US10452253B2 (en) | 2014-08-15 | 2019-10-22 | Apple Inc. | Weather user interface |
CN112130720A (zh) | 2014-09-02 | 2020-12-25 | 苹果公司 | 多维对象重排 |
US20160062571A1 (en) | 2014-09-02 | 2016-03-03 | Apple Inc. | Reduced size user interface |
CN115623117A (zh) | 2014-09-02 | 2023-01-17 | 苹果公司 | 电话用户界面 |
US10254948B2 (en) | 2014-09-02 | 2019-04-09 | Apple Inc. | Reduced-size user interfaces for dynamically updated application overviews |
US10261674B2 (en) * | 2014-09-05 | 2019-04-16 | Microsoft Technology Licensing, Llc | Display-efficient text entry and editing |
JP2016126657A (ja) * | 2015-01-07 | 2016-07-11 | キヤノン株式会社 | 情報処理装置、情報処理装置の制御方法、及びプログラム |
US10055121B2 (en) | 2015-03-07 | 2018-08-21 | Apple Inc. | Activity based thresholds and feedbacks |
US9632664B2 (en) * | 2015-03-08 | 2017-04-25 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
WO2016144385A1 (en) | 2015-03-08 | 2016-09-15 | Apple Inc. | Sharing user-configurable graphical constructs |
US10095396B2 (en) | 2015-03-08 | 2018-10-09 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object |
USD795917S1 (en) | 2015-05-17 | 2017-08-29 | Google Inc. | Display screen with an animated graphical user interface |
US9916075B2 (en) | 2015-06-05 | 2018-03-13 | Apple Inc. | Formatting content for a reduced-size user interface |
US9860451B2 (en) | 2015-06-07 | 2018-01-02 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
USD780193S1 (en) * | 2015-07-01 | 2017-02-28 | Microsoft Corporation | Display screen with animated graphical user interface |
USD769263S1 (en) * | 2015-07-28 | 2016-10-18 | Microsoft Corporation | Display screen with animated graphical user interface |
US9880735B2 (en) | 2015-08-10 | 2018-01-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
WO2017030646A1 (en) | 2015-08-20 | 2017-02-23 | Apple Inc. | Exercise-based watch face and complications |
US10601894B1 (en) | 2015-09-28 | 2020-03-24 | Amazon Technologies, Inc. | Vector-based encoding for content rendering |
US10691750B1 (en) * | 2015-09-28 | 2020-06-23 | Amazon Technologies, Inc. | Browser configured to efficiently store browsing session state |
CN105718265B (zh) * | 2016-01-21 | 2019-10-11 | 浙江慧脑信息科技有限公司 | 一种带标签的并列式嵌套型软件设计和编程方法 |
JP6590726B2 (ja) * | 2016-02-17 | 2019-10-16 | 株式会社キーエンス | プログラマブル表示器及びこれを備えるプログラマブルシステム、プログラマブル表示器の設計装置、プログラマブル表示器の設計方法、プログラマブル表示器の操作方法、プログラマブル表示器の設計プログラム及びコンピュータで読み取り可能な記録媒体並びに記憶した機器 |
US10388054B2 (en) | 2016-06-03 | 2019-08-20 | Apple Inc. | Controlling display performance using animation based refresh rates |
US10510317B2 (en) * | 2016-06-03 | 2019-12-17 | Apple Inc. | Controlling display performance with target presentation times |
AU2017100667A4 (en) | 2016-06-11 | 2017-07-06 | Apple Inc. | Activity and workout updates |
DK201670595A1 (en) | 2016-06-11 | 2018-01-22 | Apple Inc | Configuring context-specific user interfaces |
US11816325B2 (en) | 2016-06-12 | 2023-11-14 | Apple Inc. | Application shortcuts for carplay |
USD826977S1 (en) | 2016-07-27 | 2018-08-28 | Beckman Coulter, Inc. | Display screen with graphical user interface for a laboratory instrument |
USD834044S1 (en) | 2016-07-27 | 2018-11-20 | Beckman Coulter, Inc. | Display screen with graphical user interface for a laboratory instrument |
KR102142569B1 (ko) * | 2016-11-01 | 2020-08-07 | 주식회사 케이티 | 미디어 재생 장치 및 화면 캡쳐 방법 |
US10564425B2 (en) * | 2017-02-27 | 2020-02-18 | Snap Inc. | Processing a media content based on device movement |
US10950206B2 (en) * | 2017-04-13 | 2021-03-16 | Samsung Electronics Co., Ltd. | Electronic apparatus and method for displaying contents thereof |
US11402909B2 (en) | 2017-04-26 | 2022-08-02 | Cognixion | Brain computer interface for augmented reality |
US11237635B2 (en) | 2017-04-26 | 2022-02-01 | Cognixion | Nonverbal multi-input and feedback devices for user intended computer control and communication of text, graphics and audio |
US11726639B2 (en) * | 2017-05-03 | 2023-08-15 | Microsoft Technology Licensing, Llc | Stowing and unstowing browser tabs in groups each corresponding to a different subject |
DK179412B1 (en) | 2017-05-12 | 2018-06-06 | Apple Inc | Context-Specific User Interfaces |
US10942632B1 (en) | 2017-11-06 | 2021-03-09 | Zocomotion Ltd. | Self-clustering rearrangeable stacks of visible information and active in situ link portals in an infinitely zoomable space on a graphical computing device |
USD832866S1 (en) * | 2017-11-20 | 2018-11-06 | Salesforce.Com, Inc. | Display screen or portion thereof with animated graphical user interface |
USD844657S1 (en) | 2017-11-27 | 2019-04-02 | Microsoft Corporation | Display screen with animated graphical user interface |
USD845989S1 (en) | 2017-11-27 | 2019-04-16 | Microsoft Corporation | Display screen with transitional graphical user interface |
USD845982S1 (en) | 2017-11-27 | 2019-04-16 | Microsoft Corporation | Display screen with graphical user interface |
USD846568S1 (en) | 2017-11-27 | 2019-04-23 | Microsoft Corporation | Display screen with graphical user interface |
US11327650B2 (en) | 2018-05-07 | 2022-05-10 | Apple Inc. | User interfaces having a collection of complications |
CN108959495B (zh) * | 2018-06-25 | 2019-12-06 | 百度在线网络技术(北京)有限公司 | H5网页的页面显示方法、装置、设备和计算机存储介质 |
US20190394255A1 (en) * | 2018-06-25 | 2019-12-26 | Citrix Systems, Inc. | Intermediated retrieval of networked content |
USD928194S1 (en) | 2018-07-28 | 2021-08-17 | Beckman Coulter, Inc. | Display screen or portion thereof with graphical user interface |
US11199944B2 (en) * | 2018-09-24 | 2021-12-14 | Salesforce.Com, Inc. | System and method for navigation within widget-sized browser panels |
DK180318B1 (en) | 2019-04-15 | 2020-11-09 | Apple Inc | Systems, methods, and user interfaces for interacting with multiple application windows |
US11675476B2 (en) | 2019-05-05 | 2023-06-13 | Apple Inc. | User interfaces for widgets |
US11960701B2 (en) | 2019-05-06 | 2024-04-16 | Apple Inc. | Using an illustration to show the passing of time |
US11131967B2 (en) | 2019-05-06 | 2021-09-28 | Apple Inc. | Clock faces for an electronic device |
EP3827323B1 (en) | 2019-05-06 | 2023-12-13 | Apple Inc. | Restricted operation of an electronic device |
DK180392B1 (en) | 2019-09-09 | 2021-03-12 | Apple Inc | Techniques for managing display usage |
CN110830645B (zh) * | 2019-09-24 | 2021-05-18 | 华为技术有限公司 | 一种操作方法和电子设备及计算机存储介质 |
DK181103B1 (en) | 2020-05-11 | 2022-12-15 | Apple Inc | User interfaces related to time |
WO2021231345A1 (en) | 2020-05-11 | 2021-11-18 | Apple Inc. | User interfaces for managing user interface sharing |
US11372659B2 (en) | 2020-05-11 | 2022-06-28 | Apple Inc. | User interfaces for managing user interface sharing |
CN112346690A (zh) * | 2020-10-30 | 2021-02-09 | 深圳Tcl新技术有限公司 | 显示控制方法、装置及计算机可读存储介质 |
CN112596648B (zh) * | 2020-12-21 | 2022-07-08 | 北京百度网讯科技有限公司 | 页面处理方法、装置、电子设备及可读存储介质 |
US11694590B2 (en) | 2020-12-21 | 2023-07-04 | Apple Inc. | Dynamic user interface with time indicator |
US11720239B2 (en) | 2021-01-07 | 2023-08-08 | Apple Inc. | Techniques for user interfaces related to an event |
CN112650427B (zh) * | 2021-01-15 | 2022-08-30 | 五八有限公司 | 一种信息处理方法及装置 |
US11921992B2 (en) | 2021-05-14 | 2024-03-05 | Apple Inc. | User interfaces related to time |
US20220391456A1 (en) * | 2021-06-06 | 2022-12-08 | Apple Inc. | Devices, Methods, and Graphical User Interfaces for Interacting with a Web-Browser |
USD1002652S1 (en) * | 2021-10-27 | 2023-10-24 | Mcmaster-Carr Supply Company | Display screen or portion thereof with animated graphical user interface |
USD1002651S1 (en) * | 2021-10-27 | 2023-10-24 | Mcmaster-Carr Supply Company | Display screen or portion thereof with animated graphical user interface |
CN115730092A (zh) * | 2022-10-28 | 2023-03-03 | 北京字跳网络技术有限公司 | 用于内容呈现的方法、装置、设备和存储介质 |
CN116955873B (zh) * | 2023-09-18 | 2023-12-08 | 北京佰信蓝图科技股份有限公司 | 一种海量动态面状矢量数据在浏览器上快速显示方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050210416A1 (en) * | 2004-03-16 | 2005-09-22 | Maclaurin Matthew B | Interactive preview of group contents via axial controller |
JP2008107865A (ja) * | 2006-10-23 | 2008-05-08 | Sharp Corp | タブブラウザ操作装置、タブブラウザ操作方法、プログラムおよび記録媒体 |
CN101390081A (zh) * | 2005-04-07 | 2009-03-18 | 微软公司 | 用于在带有选项卡的浏览器内选择一选项卡的系统和方法 |
CN101542479A (zh) * | 2006-09-11 | 2009-09-23 | 苹果公司 | 带有集成浏览器的媒体管理器 |
US20100095219A1 (en) * | 2008-10-15 | 2010-04-15 | Maciej Stachowiak | Selective history data structures |
Family Cites Families (40)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100595925B1 (ko) | 1998-01-26 | 2006-07-05 | 웨인 웨스터만 | 수동 입력 통합 방법 및 장치 |
TWI267006B (en) | 2002-10-15 | 2006-11-21 | Sumitomo Rubber Ind | Homepage displaying method |
US20040261035A1 (en) * | 2003-06-20 | 2004-12-23 | Xerox Corporation | Automatic tab displaying and maximum tab storing user interface and a reprographic machine having same |
US8041701B2 (en) | 2004-05-04 | 2011-10-18 | DG FastChannel, Inc | Enhanced graphical interfaces for displaying visual data |
JP2006146824A (ja) | 2004-11-24 | 2006-06-08 | Osaka Univ | 情報表示方法、情報表示システム、中継装置、情報表示装置及びコンピュータプログラム |
US7725837B2 (en) * | 2005-03-31 | 2010-05-25 | Microsoft Corporation | Digital image browser |
KR100733962B1 (ko) | 2005-11-07 | 2007-06-29 | 한국전자통신연구원 | 홈네트워크 간 미디어 컨텐츠 공유 시스템 및 그 방법 |
US9740794B2 (en) * | 2005-12-23 | 2017-08-22 | Yahoo Holdings, Inc. | Methods and systems for enhancing internet experiences |
US7812826B2 (en) | 2005-12-30 | 2010-10-12 | Apple Inc. | Portable electronic device with multi-touch input |
US7814425B1 (en) * | 2005-12-30 | 2010-10-12 | Aol Inc. | Thumbnail image previews |
US7669142B2 (en) | 2006-02-28 | 2010-02-23 | Microsoft Corporation | Viewable and actionable search results |
JP2007233797A (ja) | 2006-03-02 | 2007-09-13 | Matsushita Electric Ind Co Ltd | プレビュー再生方法、装置、プログラム、及び媒体 |
US8683362B2 (en) * | 2008-05-23 | 2014-03-25 | Qualcomm Incorporated | Card metaphor for activities in a computing device |
US8296684B2 (en) * | 2008-05-23 | 2012-10-23 | Hewlett-Packard Development Company, L.P. | Navigating among activities in a computing device |
TWI322360B (en) | 2006-05-16 | 2010-03-21 | Sifeon Knowledge Technology | Multi-window presentation system, multi-window file editing system and method thereof |
US8842074B2 (en) | 2006-09-06 | 2014-09-23 | Apple Inc. | Portable electronic device performing similar operations for different gestures |
US8564544B2 (en) * | 2006-09-06 | 2013-10-22 | Apple Inc. | Touch screen device, method, and graphical user interface for customizing display of content category icons |
US8970503B2 (en) | 2007-01-05 | 2015-03-03 | Apple Inc. | Gestures for devices having one or more touch sensitive surfaces |
US20080168402A1 (en) * | 2007-01-07 | 2008-07-10 | Christopher Blumenberg | Application Programming Interfaces for Gesture Operations |
JPWO2008146784A1 (ja) | 2007-05-29 | 2010-08-19 | 株式会社Access | 端末装置、ヒストリ管理方法、およびヒストリ管理の為のコンピュータ使用可能な記憶媒体 |
US9619143B2 (en) * | 2008-01-06 | 2017-04-11 | Apple Inc. | Device, method, and graphical user interface for viewing application launch icons |
US8762878B1 (en) | 2007-11-20 | 2014-06-24 | Google Inc. | Selective rendering of display components in a tab view browser |
KR101498023B1 (ko) * | 2008-01-03 | 2015-03-03 | 엘지전자 주식회사 | 이동통신 단말기 및 이를 이용한 북마크 처리방법 |
US8490019B2 (en) * | 2008-01-29 | 2013-07-16 | Microsoft Corporation | Displaying thumbnail copies of each running item from one or more applications |
US8174502B2 (en) | 2008-03-04 | 2012-05-08 | Apple Inc. | Touch event processing for web pages |
US8669945B2 (en) | 2009-05-07 | 2014-03-11 | Microsoft Corporation | Changing of list views on mobile device |
JP5446522B2 (ja) | 2009-07-07 | 2014-03-19 | セイコーエプソン株式会社 | 共有管理システム及び共有管理サーバー |
US8723988B2 (en) | 2009-07-17 | 2014-05-13 | Sony Corporation | Using a touch sensitive display to control magnification and capture of digital images by an electronic device |
US8624925B2 (en) | 2009-10-16 | 2014-01-07 | Qualcomm Incorporated | Content boundary signaling techniques |
US20110138313A1 (en) | 2009-12-03 | 2011-06-09 | Kevin Decker | Visually rich tab representation in user interface |
US8736561B2 (en) | 2010-01-06 | 2014-05-27 | Apple Inc. | Device, method, and graphical user interface with content display modes and display rotation heuristics |
US8786559B2 (en) * | 2010-01-06 | 2014-07-22 | Apple Inc. | Device, method, and graphical user interface for manipulating tables using multi-contact gestures |
US8698762B2 (en) | 2010-01-06 | 2014-04-15 | Apple Inc. | Device, method, and graphical user interface for navigating and displaying content in context |
US8291344B2 (en) * | 2010-04-07 | 2012-10-16 | Apple Inc. | Device, method, and graphical user interface for managing concurrently open software applications |
CN102939122B (zh) | 2010-04-19 | 2014-11-05 | Shl集团有限责任公司 | 药物输送装置 |
US20120032877A1 (en) | 2010-08-09 | 2012-02-09 | XMG Studio | Motion Driven Gestures For Customization In Augmented Reality Applications |
US20140298239A1 (en) | 2011-06-14 | 2014-10-02 | Google Inc. | Stack style tab management |
US20130067420A1 (en) * | 2011-09-09 | 2013-03-14 | Theresa B. Pittappilly | Semantic Zoom Gestures |
US9135022B2 (en) * | 2011-11-14 | 2015-09-15 | Microsoft Technology Licensing, Llc | Cross window animation |
US9524272B2 (en) | 2012-02-05 | 2016-12-20 | Apple Inc. | Navigating among content items in a browser using an array mode |
-
2013
- 2013-01-25 US US13/750,586 patent/US9524272B2/en active Active
- 2013-01-25 US US13/750,572 patent/US9477642B2/en active Active
- 2013-01-29 WO PCT/US2013/023634 patent/WO2013116219A1/en active Application Filing
- 2013-01-29 KR KR1020147025056A patent/KR101683356B1/ko active IP Right Grant
- 2013-01-29 EP EP13704854.2A patent/EP2798543A1/en not_active Ceased
- 2013-01-29 CN CN201380017048.7A patent/CN104205098B/zh active Active
- 2013-01-29 AU AU2013215357A patent/AU2013215357B2/en active Active
- 2013-01-29 CN CN201910247859.5A patent/CN110110259A/zh active Pending
- 2013-01-29 JP JP2014555623A patent/JP6144707B2/ja active Active
- 2013-01-29 EP EP21215749.9A patent/EP3989048A1/en active Pending
- 2013-02-04 TW TW102104256A patent/TWI516962B/zh active
- 2013-02-04 TW TW104132596A patent/TWI570580B/zh active
-
2016
- 2016-09-06 AU AU2016225811A patent/AU2016225811B2/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050210416A1 (en) * | 2004-03-16 | 2005-09-22 | Maclaurin Matthew B | Interactive preview of group contents via axial controller |
CN101390081A (zh) * | 2005-04-07 | 2009-03-18 | 微软公司 | 用于在带有选项卡的浏览器内选择一选项卡的系统和方法 |
CN101542479A (zh) * | 2006-09-11 | 2009-09-23 | 苹果公司 | 带有集成浏览器的媒体管理器 |
JP2008107865A (ja) * | 2006-10-23 | 2008-05-08 | Sharp Corp | タブブラウザ操作装置、タブブラウザ操作方法、プログラムおよび記録媒体 |
US20100095219A1 (en) * | 2008-10-15 | 2010-04-15 | Maciej Stachowiak | Selective history data structures |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111694478A (zh) * | 2020-06-10 | 2020-09-22 | 广州酷狗计算机科技有限公司 | 内容展示方法、装置、终端及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104205098B (zh) | 2019-04-02 |
US9524272B2 (en) | 2016-12-20 |
TWI570580B (zh) | 2017-02-11 |
KR20140129127A (ko) | 2014-11-06 |
AU2013215357B2 (en) | 2016-06-09 |
US9477642B2 (en) | 2016-10-25 |
US20130205244A1 (en) | 2013-08-08 |
TWI516962B (zh) | 2016-01-11 |
TW201619856A (zh) | 2016-06-01 |
AU2013215357A1 (en) | 2014-08-28 |
JP2015506522A (ja) | 2015-03-02 |
WO2013116219A1 (en) | 2013-08-08 |
AU2016225811A1 (en) | 2016-09-22 |
CN104205098A (zh) | 2014-12-10 |
EP3989048A1 (en) | 2022-04-27 |
US20130205194A1 (en) | 2013-08-08 |
TW201348992A (zh) | 2013-12-01 |
KR101683356B1 (ko) | 2016-12-06 |
JP6144707B2 (ja) | 2017-06-07 |
EP2798543A1 (en) | 2014-11-05 |
AU2016225811B2 (en) | 2017-06-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104205098B (zh) | 使用阵列模式在浏览器中的内容项之间进行导航 | |
US11714545B2 (en) | Information processing apparatus, information processing method, and program for changing layout of display objects | |
US10102010B2 (en) | Layer-based user interface | |
US10915235B2 (en) | Mobile device and method for editing and deleting pages | |
CN108334264B (zh) | 在便携式终端中用于提供多点触摸交互的方法和设备 | |
EP2715499B1 (en) | Invisible control | |
US8745534B2 (en) | Method of scrolling a hierarchy of layers based upon the number of manipulating bodies | |
US20100259562A1 (en) | Display control apparatus, display control method and computer program | |
EP2708997B1 (en) | Display device, user interface method, and program | |
US9753630B1 (en) | Card stack navigation | |
KR20160004590A (ko) | 전자 장치의 화면 표시 방법 및 전자 장치 | |
US20220391456A1 (en) | Devices, Methods, and Graphical User Interfaces for Interacting with a Web-Browser | |
US20220092133A1 (en) | Navigation tab control organization and management for web browsers |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190809 |