本发明专利申请是国际申请号为PCT/US2003/028888,国际申请日为2003年9月12日,进入中国国家阶段的申请号为03824341.5,名称为“改进的浏览器用户界面”的发明专利申请的分案申请。
本申请要求2002年9月13日提交的共同待批的美国临时专利申请No.60/410510的优先权,其标题为“浏览器用户界面(Browser User Interface)”,以及2003年9月4日提交的美国专利申请No.10/656846,其结合在此作为参考。
具体实施方式
本发明具有许多应用,这将在阅读本揭示内容后显而易见。在描述根据本发明的浏览器界面***的实施例时中,仅描述一些可能的变型。其它应用和变型将为本领域的普通技术人员显而易见,从而本发明不应限制于这些实例,而是根据所附的权利要求书。
现在将通过实例而非限制性地描述本发明的实施例。应理解,本发明是广泛有用的并可用于许多不同环境中。
浏览器对话的实例是在用户位置处的用户操作用户计算机来控制浏览器,其通常是通用用户计算机上运行的软件,也可以是其它装置,诸如专用硬件浏览器或便携式装置操作的固件。浏览器在网络上发送页面或部分页面的请求并显示接收到的页面或部分页面。浏览器还可保持小段信息(cookies)、缓存页、脚本、代码等的本地数据存储。通常,浏览器请求在网络上直接传到页面服务器,诸如HTTP(超文本传输协议)服务器(也称作“Web服务器”,因为提供的页面常认为是超链接文档的万维网的一部分)。用户可以是人或机器,但常是人用户。
“页面”可以是响应于浏览器请求返回的常规HTML页面,它可以是预存页面或响应于请求生成的页面。页面可包含显示部分,格式化部分和可执行部分。如这里所使用的,术语页面可涉及HTML页面、消息、数据块、信息包或其它结构化或非结构化的数据单元,它们可被认为是页面请求***中的逻辑单元。
现在参考附图,将描述实例性的浏览***。
图1是根据本发明实施例的***100的框图。使用***100,用户可操作客户机***102,运行一浏览器以发送页面的请求104并从服务器108接收对这些请求响应106。响应106通常是页面,但在出错情况下,诸如当页面不存在、请求残缺、服务器不可得或请求用户没有访问权限时,响应106可以是错误消息或错误页面。
图1仅示出一个客户机和一个服务器,但应理解,典型的***可具有许多客户机和许多服务器。如图所示,服务器108通过网络110与客户机***102分开,在这种情况中,网络的全球互联网络称作“因特网”。通过网络110的客户机-服务器路径的带宽和响应有时会缩减浏览体验。由于典型的浏览***可快速处理必需的计算任务,网络和/或服务器更典型地是瓶颈和减速的原因。但是,通过使用这里描述的某些技术,浏览***可进行请求且服务器可以具有一特点的页面响应,该特点可在即使面对网络减速的情况下向用户提供响应。
图2是说明客户机(诸如用户的浏览器)和服务器之间的动作和流程的趋势图,其中每个通信都使用诸如HTTP和/或其扩展的协议。客户机或服务器执行的步骤可按顺序标记,以标记“S1”、“S2”、“S3”等示出。也可执行未示出的其它步骤且并非所有标记的步骤必需要执行。
一旦用户开始浏览器的实例(S1),浏览器就可接纳来自用户的输入。在该实例中,用户请求由URL(统一资源***)http://PLUS.yahoo.com/index.html标识的页面且浏览器从用户获得该请求(S2)。浏览器可通过用户键入该URL、在书签列表中选择、点击所显示页面的链接或其它方法而获得请求。随后,浏览器将HTTP请求发送到用请求的URL的主要部分(即在该实例中的“PLUS.yahoo.com”)标识的服务器。
一旦服务器接收到请求(S3),它检索页面(S4)并将其发送到请求浏览器(S5)。页面可包含HTML数据,诸如页面文本、格式等等,但也可包含动态元素。用于这种动态元素的一个标准是DHTML(动态超文本标记语言)标准。一旦浏览器接收到页面(S6),则浏览器处理该页面(S7)并将所选的层显示给用户(S8)。
随着DHTML页面的所选层被显示,用户随后可选择显示器上的元素以引起一动作。可通过将光标定位于一元素上来进行某些选择,同时其它选择可包括指示选择,诸如通过当光标在元素上时按压鼠标按键。当然,对于浏览器,显示器上某处光标的偶然出现也可处理为定位选择,从而即使如果用户不改变光标位置,也可进行通过定位光标进行的动作,如正常情况下预计理解为“选择”的那样。
但是选择动作或事件被记录,浏览器检测或解释用户输入(S9),随后基于所选元素的DHTML代码对该选择作出动作(S10)。以下描述页面和元素的实例。虽然DHTML已用于呈现内容和定位内容,以下示出的实例为工具提供层上的界面元件(例如,按钮,格式)和/或用于接口的层的使用。
图3示出了具有动态界面元件的页面300的一部分。页面300传递到浏览器作为一DHTML页面,其中该DHTML页面中包含了界面所需的所有组件。这允许浏览器响应于用户动作而不需要发送到服务器的其它请求,这可能会延迟响应。如这里所示的,通过用户选择“高级搜索”按钮或仅将光标滚动到该按钮上而被激活时,用于高级搜索的“滑动单”301从搜索工具栏落下。
采用高级搜索滑动单,用户可执行高级搜索而不用看起来离开了正显示的当前页面,因为搜索工具栏可作为当前显示页面的一部分,其中打开滑动单仅干扰所显示页面的一部分。
DHTML“高级搜索”链接可通过文本元素302或图形元素标识,可以提供相容的可视语言来标注这种动态链接。当用户未选择高级搜索时,滑动单保持隐藏,且当被选择时,则表现为从工具栏后滑下。滑动单可包含各种高级搜索选项元素。如果高级选项需要被分成多个部分,则表格导航***可用于滑动单内。根据可用于滑动单的显示实际资产以及要显示的元素数量,滑动单还可包括滚动元素,以允许在所分配的实际资产内元素的滚动。在某些实施中,滑动单可垂直地扩展,从而用户可控制所使用的实际资产,可能消除对滚动条的需要。
在所示的滑动单内,提供“搜索”按钮306,它可启动与搜索工具栏中提供的“搜索”按钮308相同或相似方式的动作并可以在隐藏滑动单301时使用。用户可通过完成搜索、在任一搜索按钮上点击、在滑动单外点击、再次点击“高级搜索”元素302或者通过点击滑动单301的右上角上的“x”关闭窗口图表来关闭滑动单301。
这种搜索滑动单可用于门户站点的各种区域中,诸如主页、音乐页面、电影页面、游戏页面、体育页面、本地新闻/信息页面和/或新闻页面。财经页面可结合类似的工具用于诸如报收查找的功能。如果每个这种页面都具有不同的搜索元素,在对于不同的页面滑动单可以是不同的。用户在滑动单或其它动态界面元素上进行的选择可存储在客户机***并传送给异步或同步发送页面的服务器(或其它指定服务器)(阻断(blocking))。例如,一个服务器可将页面提供给浏览器,它将第二服务器指定为采集从动态界面元素采集的用户输入的服务器。较佳地,如果延迟是可能的,客户机***会在服务器接收到所采集的用户输入之前基于动态界面元素上的用户输入采取行动。
在某些情况中,用户会请求具有这种DHTML元素的页面,但没有能处理DHTML构成的浏览器。在这种情况中,DHTML页面被配置成替换其它功能。例如,当具有非使能浏览器的用户选择高级搜索元素302时,它们将被引导到用于高级搜索的HTML页面,通常使用户离开含所述元素的页面。
在另一个实例中,利用动态界面元素,在页面内提供动态内容递送,因此允许用户保留页面并观看附加元素。这种动态内容递送构成的实例在图4中示出。采用这种构成,示出了许多项目概要,其中示出了一个项目。在该实例中,项目是新故事且概要是标题,但其它类型的项目也是可以的。
动态层400用于项目402和该项目和其它项目的概要404的显示。对应于显示项目的概要(在该情况中的概要406)用可见记号408示出,从而使得用户能快速识别以上更详细示出的标题。如果所显示的项目与图像或视频或者其它媒体有关,则可显示于区域410中。根据选择和/或光标位置,浏览器可以(根据服务器提供的页面中的指令)自动转换通过每个项目,依次将其示出并在用户选择特定项目(或者通过点击该项目,点击该概要,将光标移动到该概要或者采取其它指示动作)时停止。
该内容递送机制可以在门户Web网站性质的主页上找到。在主要的新页面中,头条和特写故事可动态地旋转以便向用户提供更多信息。用户能通过从页面上显示的短列表中直接选择特定的头条故事或者通过仅将光标移动入项目显示区域或按压一键来中断该旋转。为了获得完整的故事(在多数情况中,不只是所示出的项目),用户可选择该项目或标题。
可以按许多方式进行项目直接的自动转换。例如,浏览器可旋转通过这些项目,淡出一个并淡入另一个。这样作的一种方式是在一个层中具有当前项目,在另一个层中具有下一个项目,使下一个项目的层透明并在当前层上且逐渐增加下一个项目的层的不透明性。或者,当前层可以是不透明的并在上部,使得该层逐渐变得更加透明。在某些情况中,项目包含花时间显示的媒体,当前项目出且下一个项目入的旋转会依赖当前项目何时完成显示,诸如在当前项目完成播放后不久开始该转换。在提供控制来***体播放的情况中,诸如倒带、暂停和快进,用户可控制何时出现旋转。在任何情况中,浏览器应足够延迟以便于所呈现文本的舒适阅读并呈现转换将开始的视觉和/或听觉记号。
当显示从一个项目转换到另一个项目时,诸如可视记号408的可视记号将变成现在的当前项目。旋转次序可以是随机的或者由某组规则限定,但期望的次序可以是从上到下,当底部项目旋转出时重复顶部项目。项目概要(因此,项目)的列表可以在服务器处按重要性或兴趣排序。
除了项目及其概要的旋转,动态层400还可提供链接,诸如“更多头条故事”和“参见相关故事”,它们使得用户离开当前页面去往新页面,这同常规链接一样。
可向用户提供其它记号。例如,当用户滚动光标到高亮故事上以指示暂停旋转时可提供记号。为了避免不和谐的动作,浏览器(再次由来自页面的指令控制)可延迟滚动动作几秒钟并随后执行平滑转换。
由于项目之间的每次转换和动态层400的元素中的导航可由浏览器处理而不涉及服务器,用户交互作用可快速进行而不用涉及网络活动性或瓶颈。如果需要关于观看的统计信息,页面可采集状态消息并将其发送到服务器(用于确定哪些项目为大量观众所关心以及哪些没有),但这种服务器交互作用不会延迟显示体验。
这种动态层页面可用于门户站点的各种区域,诸如主页、音乐页面、电影页面、游戏页面、体育页面、本地新闻/信息页面和/或新闻页面。在某些情况中,用户可请求具有这种DHTML元素的页面,但没有能处理DHTML构成的浏览器。在这种情况中,DHTML页面被配置成替换其它功能。例如,可向具有非使能浏览器的用户呈现项目和概要,但不必选择概要来观看项目。
在项目包含视频对象的情况中,该对象可通过插件程序等在一个层中直接呈现。由于直接处理视频,就不需要打开外部播放器,因此使得页面更灵活。例如,分配给视频的区域可基于检测到的纵横比自动调整,且该区域可由用户扩展或收缩而不需要重新加载视频流。
图5示出了动态页面使用的另一个实例。这里,示出了工具层500。工具层500允许用户执行流行的行动和/或动作而不离开所关注的页面。工具层500包括按钮,诸如按钮502,当在它们上滚动以指示它们的丰富动态功能时它们按某些方式反应,诸如高亮和延迟后的工具提示。页面包括具有用户完成行动或动作所有必要交互元素的DHTML层,通常不需要与服务器通信。对于向导状行动或巡视,该模型可以是自包含的并在完成时关闭,其中用户输入被记录在客户机***,如需要则被发送到服务器。
当通过点击或其它方式选择工具时,向用户呈现DHTML层(较佳地,通过一致可视转换),其中包含了完成该任务所必需的交互元素。该模型内包含的链接通常弹出另一个浏览器窗口。
这种工具层可以许多方式使用。例如,主门户页面可包含工具按钮用于发送电子邮件。作为响应,浏览器可呈现用于电子邮件登录的新层,其中用户不察觉离开该组门户页面的任何引导。此外,由于电子邮件层已是在浏览器处的页面的一部分,该层的打开和主页面的恢复将不会由于网络或服务器延迟而被延迟。其它使用可包括用于快速加载文件、日历更新、照片上传、搜索、黄页查询等的网站服务。
对于诸如电子邮件层的层,用于电子邮件登录的部分可以是半透明的,以保持用户面向选择电子邮件功能的页面。这常导致较少不面向,以及使得呈现更清晰。也可提供淡变。
为了适应没有动态页面或DHTML能力的浏览器,服务器可通过“探查法”或其它来检测是否启用浏览器并随后提供动态页面或者后退到没有工具能力的分开的页面。
除了包含用户界面元素(诸如按钮和表格)的动态页面,某些动态页面可在没有这种元素的情况下操作。例如,图6示出了用于子导航的层的使用。子导航层的一个实施使用DHTML弹出,它显示主菜单项目的子部分和/或子类别。当用户在主菜单上的链接上滚动时,可显示这些子菜单。如果主菜单没有明显的一组子导航项目,则该层可用于描述菜单项目和/或提供到达该项目内的流行子部分的快速链接。
在某些***中,为了保持交互动作简单,当使用选定和有限数量的子等级(诸如子层)时,所选择的菜单项目被高亮。在图6的实例中,当用户在顶层菜单上滚动时,子部分DHTML菜单或描述将出现于右侧。只要光标保持在所选择的主菜单项目或者DHTML子菜单本身,DHTML子菜单应保持打开,但当用户滚动离开所选择的项目或DHTML菜单本身时DHTML子菜单消失。
这种层可用于门户站点的各种区域中,诸如主页、音乐页面、电影页面、游戏页面、体育页面、本地新闻/信息页面和/或新闻页面。在某些情况中,用户可请求具有这种DHTML元件的页面,但没有能处理DHTML构成的浏览器。在这种情况中,DHTML页面将被配置成替换其它功能,诸如在扁平、锯齿菜单中示出菜单项目下的子菜单项目,且对于没有子部分的菜单项目,在点击链接时将用户带到该页面本身。
某些页面可以是上述构成的复杂组合。例如,图7示出了“个人助理”组的层,用于执行用户的专门任务。在这种情况中,所使用的动态(DHTML或其它协议)页面可由用户存储,从而服务器不必重复地将用户的页面发送给用户,几千或几百万的用户。即使页面内容将改变,这也一样,因为缓存的页面可包含每次使用页面时从服务器检索的信息的占位符,即使每次不检索页面本身。
采用个人助理组的层,提供特定性质内的“助理”模型,其中根据用户的偏好预先呈现内容、工具、特点和推广,它们可主动或被动地管理。定制可包括事件提醒(即,拍卖结果,销售中的音乐会票等等),信息提醒(新闻,财经),推广(新产品发布)或者个人信息(应付账单等)。较佳地,列表限制到某个数量(诸如10)条目,以避免混乱并具有引到项目自身的链接。例如,“编辑”链接允许用户在分开页面上编辑其偏好。该分开页面将包含用户选择的明显的项目和偏好,对推广项目特点说明的许可,要使用的被动个性化的许可,即将到来的个性化特点的推广或新闻,等等。如果模型最初不包含所有项目,“更多”链接可通过垂直可扩展DHTML滑动单显示附加的个性化项目。
如果用户未使其模型个性化,则它将包含用于助理模型的推广、指示或巡视。当助理被个性化时,它将包含主动或被动定制为用户偏好的项目的有限列表。列出的项目可包含链接,在点击这些链接时,将允许用户进一步与特定项目交互动作。如果模型不能完整包含所有的个性化项目,将提供“更多”链接,在点击该链接时,将呈现滑动单以显示其余列表。
偏好可包含主动定制提醒的类型或模型呈现和过滤的内容,它还可包括颜色定制、图像元素和其它个性化特点。
这种层可用于门户站点的各种区域,诸如主页、音乐页面、电影页面、游戏页面、体育页面、本地新闻/信息页面和/或新闻页面。在某些情况中,用户可请求具有DHTML元素的页面,但没有能处理DHTML构成的浏览器。在这种情况中,DHTML页面被配置成替换其它功能,诸如在“更多”上点击时向用户发送列出所有项目的分开页面。
图8示出了又一个动态页面。这里,示出了特惠(premium)推广模型,它在一系列推广或信息项目中旋转,使用一致和谨慎的活动转换。项目出现于多个空间中的一个,且项目可从交错目录中的空间转换,从而它们不立刻全部转换。作为实例,门户Web网站的最上页可包含推广模块。
该转换可与其它动态页面的其它转换一致,诸如动画、淡入、盒入等等。即使用户空闲,也可出现旋转,优选地贯穿模块是谨慎和一致的。如果用户在特定空间上滚动,则可暂停该空间的旋转,当用户滚动离开该模块或空间时旋转继续。模型内的链接可与常规链接一样地运作。具有非DHTML使能浏览器的用户可配备这样一组空间,但不可能呈现旋转。
可用于呈现上述特点的一种基础架构是具有DHTML页面层上的分开工具并通过改变它们的位置而移动这些层,从而排除对页面刷新的需要。在某些变化应是粘性的情况中,诸如当用户将一个层拖动到新位置或者改变层的相互位置时,可进行该改变而不从服务器刷新页面,其中这些变化可与服务器通信,从而下次用户进入该页面时这些层位于上次访问中用户所设置的状态。实际上,例如,这允许用户拖动和放下门户页面设计的一些部分,并观看它们快速地相对于彼此移动,这是给定网络和/或服务器情况所不可能的。可将变化的通信发送到服务器,而不阻断用户机器处的移动。除了通信变化,还可将用户进行的参考(诸如导航子菜单或者为进一步细节选择项目)通信给服务器,尽管服务器动作不需要响应于这些用户动作。
以上描述是说明性的而非限制性的。本发明的许多变型将在本领域熟练技术人员观看本揭示内容后变得显而易见。因此,本发明的范围不应参考以上描述确定,而是通过参考所附权利要求书及其等效物的全部范围而确定。