到本机应用体验中的对网页的解构和呈现的制作方法

文档序号:16807425发布日期:2019-02-10 13:11阅读:154来源:国知局
到本机应用体验中的对网页的解构和呈现的制作方法

现有网站缺乏可用的响应选项,并且站点和/或页面可能落在其下的广泛范围对于诸如协作服务之类的托管服务的令人满意的用户体验提出了挑战。可以存在可以用于创建站点和/或页面的多个模板,并且在那些模板内,可以存在提供用于“交叉”到其他模板中的能力和特征。例如,用户可以根据团队站点模板创建发布页面,反之亦然。



技术实现要素:

提供本发明内容是为了以简化的形式介绍对构思的选择,所述构思将在下面的具体实施方式中进一步描述。本发明内容不旨在排他性地标识所要求保护的主题的关键特征或必要特征,也不旨在帮助确定所要求保护的主题的范围。

实施例涉及将网页解构和呈现到本机应用体验中。可以提供服务器侧应用编程接口(api)以用于移动用户体验。可以确定要呈现的页面的类型,可以基于所确定的类型将页面解构为片段,以及可以提供页面的经解构的片段以本机地在移动客户端处重建页面,其中,可以在移动客户端上呈现具有基于经解构的片段的添加的元素的页面,以增强移动用户体验。

通过阅读以下详细描述和对相关联附图的审阅,这些和其他特征和优点将是显而易见的。应当理解,前面的概括描述和以下的详细描述都是解释性的,并不限制所要求保护的方面。

附图说明

图1a-c包括示出示例网络环境的显示图,在所述示例网络环境中可以实现到本机应用体验中的对网页的解构和呈现。

图2包括示出在将网页解构和呈现到本机应用体验中之后的移动用户体验的示例架构的显示图;

图3包括示出用于将网页解构和呈现到本机应用体验中的示例路径的显示图;

图4包括示出在设备上显示的移动用户体验内的解构和呈现的网页的示例服务视图的显示图;

图5包括示出在设备上显示的移动用户体验内的解构和呈现的网页的示例选项卡视图的显示图;

图6a-b包括示出在设备上显示的移动用户体验内的解构和呈现的网页的页面视图和导航视图的示例的显示图;

图7是根据本文描述的至少一些实施例布置的示例联网环境;

图8示出了根据本文描述的至少一些实施例布置的通用计算设备,其可以被配置为将网页解构和呈现到本机应用体验中;以及

图9示出了根据本文描述的至少一些实施例布置的用于提供到本机应用体验中的对网页的解构和呈现的示例过程的逻辑流程图。

具体实施方式

如上面简要描述的,实施例涉及将网页解构和呈现到本机应用体验中。可以使用多个模板来创建站点和/或页面,并且在那些模板内,可以提供用于“交叉”到其他模板中的能力和特征。示例实施例构建用户体验,所述用户体验采用每个模板内可用的已知组件和特征并且展示它们以及仅移动功能,以在移动客户端上呈现改进的移动用户体验和更高性能的体验。可以使用两个系统来促进示例实施例。第一系统可以是与托管服务相关联的服务器侧系统,其可以提供应用编程实例(api)以确定要呈现的页面的类型,基于所确定的类型解构页面的片段,以及提供移动客户端可以用于本机地重建网页的经解构的片段。在一些情况下,移动客户端可以使用经解构的片段以混合的本机-网络方式重建网页。第二系统可以是客户端侧系统,其中,与托管服务相关联的移动客户端(例如,与托管服务相关联的本地安装的应用)可以通过采用期望的和/或兼容的网络组件和功能并以移动友好的方式应用它们来根据经解构的片段形成本机体验。例如,移动客户端可以构建移动设备用户熟悉的基本用户体验。然后,基于要呈现的页面的类型以及站点和/或页面的可用的经解构的片段,移动客户端可以向用户体验添加元素以突出该模板的目的和功能。

如本文所使用的解构网页是指对形成网页的组件进行程序化分离,使得可以在移动环境中修改、定制和呈现各个组件。原始网页可以以编程方式设计为集成片段,即,不同视图、组件和元素可以是软件的集成片段的一部分。例如,网页可以包括导航视图、服务视图、选项卡视图等。根据实施例的系统可以以编程方式分离视图并发送到移动客户端,使得移动客户端可以定制不同视图、添加或移除元素、以及选择哪些在本机呈现,即使用本地样式和移动客户端的源。所添加的元素可以包括诸如按钮、链接等的控制元素,其可以在功能上或风格上针对移动环境定制。

在以下详细描述中,参考了构成其一部分的附图,并且在所述附图中通过说明的方式示出了具体实施例或示例。可以组合这些方面,可以使用其他方面,并且可以进行结构改变,而不脱离本公开内容的精神或范围。因此,以下详细描述不应当被认为是限制意义的,并且本发明的范围由所附权利要求及其等同物定义。

虽然将在与在个人计算机上的操作系统上运行的应用程序一起执行的程序模块的一般上下文中描述一些实施例,但是本领域技术人员将认识到,方面也可以与其他程序模块组合实现。

通常,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、组件、数据结构和其他类型的结构。此外,本领域技术人员将领会,可以利用其他计算机系统配置来实践实施例,所述其他计算机系统配置包括手持设备、多处理器系统、基于微处理器或可编程的消费电子产品、小型计算机、大型计算机和类似的计算设备。实施例还可以在分布式计算环境中实践,其中,任务由通过通信网络链接的远程处理设备执行。在分布式计算环境中,程序模块可以位于本地存储器存储设备和远程存储器存储设备二者中。

一些实施例可以被实现为计算机实现的过程(方法)、计算系统或被实现为诸如计算机程序产品或计算机可读介质之类的制品。计算机程序产品可以是计算机系统可读并且对计算机程序进行编码的计算机存储介质,所述计算机程序包括用于使计算机或计算系统执行示例过程的指令。计算机可读存储介质是计算机可读存储器设备。计算机可读存储介质例如可以经由易失性计算机存储器、非易失性存储器、硬盘驱动器、闪存驱动器、软盘或压缩盘中的一者或多者以及类似的硬件介质来实现。

在整个说明书中,术语“平台”可以是软件组件和硬件组件的组合,以提供到本机应用体验中的对网页的解构和呈现。平台的示例包括但不限于在多个服务器上执行的托管服务、在单个计算设备上执行的应用以及类似系统。术语“服务器”通常是指通常在联网环境中执行一个或多个软件程序的计算设备。然而,服务器也可以被实现为在被视为网络上的服务器的一个或多个计算设备上执行的虚拟服务器(软件程序)。下面提供关于这些技术和示例操作的更多细节。

图1a-c包括示出示例网络环境的显示图,其中,可以实现到本机应用体验中的对网页的解构和呈现。如图100a-c所示,示例系统可以包括托管基于云的协作服务114的数据中心112,所述基于云的协作服务114被配置为使得用户能够在多个设备之间以及跨各种平台创建、编辑和/或共享内容。数据中心112可以包括被配置为执行协作服务114的一个或多个处理服务器116,以及其他组件。数据中心112还可以包括一个或多个存储服务器120,所述存储服务器120被配置为管理包括与协作服务114相关联的数据的一个或多个数据存储装置。如本文所述,协作服务114可以被实现为软件、硬件或其组合。

在一些实施例中,协作服务114可以被配置为与各种应用互操作。例如,如图100a-c所示,用户104可以通过设备102执行应用106的瘦版本(例如,web浏览器)或胖版本(例如,本地安装的客户端应用),其中,协作服务114可以被配置为通过一个或多个网络(如网络110)与设备102集成和互操作。应用106可以是由协作服务114托管的应用。设备102可以包括台式计算机、膝上型计算机、平板计算机、车载计算机、智能电话或可穿戴计算设备,以及其他类似设备。通信接口可以促进协作服务114和应用106之间的通过网络110的通信。

在一个实施例中,如图100a所示,处理服务器116中的至少一个处理服务器可以操作用于执行协作服务114的管理模块118,其中,管理模块118可以与协作服务114集成以将网页解构和呈现到本机应用体验中。在另一个实施例中,如图100b所示,应用106可以操作用于执行管理模块118,其中,管理模块118可以与应用106集成。在又一个实施例中,如图100c所示,管理模块118可以是与第三方服务122的一个或多个处理服务器124相关联和/或由其执行的单独模块,其中,第三方服务122被配置为对多个应用(如协作服务114的应用106)进行服务。

在示例实施例中,管理模块118可以被配置为提供服务器侧api,以用于在设备102上执行的应用106的用户体验。管理模块118可以确定要呈现的页面的类型。示例类型可以包括由协作服务托管的站点页面、组页面、博客页面和视频频道页面。管理模块118可以基于所确定的类型将页面解构为片段。页面的经解构的片段可以包括服务视图、选项卡视图、页面视图和导航视图中的一项或多项。在示例场景中,要呈现的页面的类型可以是站点页面,并且经解构的片段可以包括协作服务视图、站点选项卡视图、站点页面视图和导航视图。在一个实施例中,管理模块118可以将整个页面解构为经解构的片段。在另一个实施例中,管理模块118可以以混合方式解构页面的仅一些部分。然后,管理模块118可以将页面的经解构的片段提供给应用106,使得可以在应用106处本机地重建页面。在一些实施例中,应用106可以使用api以在可能时从管理模块118“预取”经解构的片段,以确保高效的呈现和消费体验。

可以呈现具有基于经解构的片段的添加的元素的页面。例如,应用106可以构建用户104熟悉的基本用户体验。然后,基于所确定的要呈现的页面的类型以及由管理模块118提供的站点和/或页面的可用的经解构的片段,应用106可以向用户体验添加元素,以突出显示页面的最期望和/或兼容的组件和特征,从而确保在设备102上显示令人满意的用户体验。例如,基于服务视图的经解构的片段的添加的元素可以包括含有一个或多个选项卡的选项卡栏;基于选项卡视图的经解构的片段的添加的元素可以包括一个或多个枢纽(pivot),每个枢纽包括与相应枢纽相关联的内容项列表;基于页面视图的经解构的片段的添加的元素可以包括标题、动作栏和活动馈送;并且基于导航视图的经解构的片段的添加的元素可以包括固定内容和一个或多个链接。经解构的片段、添加的元素和/或呈现的页面可以被存储在设备102的本地存储设备108中。

如先前所讨论的,缺乏针对现有网站的可用响应选项以及站点和/或页面可能落在其下的广泛范围对于对诸如协作服务之类的托管服务的令人满意的用户体验提出了挑战。可以存在可以用于创建站点和/或页面的多个模板,并且在那些模板内,可以存在提供用于“交叉”到其他模板中的能力和特征。如上面在图1中所描述的用于将网页解构和呈现到本机应用体验中的实施例使得元素能够基于要呈现的所确定的页面的类型和该站点和/或页面的可用的经解构的片段而被添加到客户端的用户体验或从客户端的用户体验中减除,以突出显示模板的目的和功能。这可以通过允许用户在无需安装和采用定制解决方案的情况下通过移动平台高效地访问完整的站点特征和功能并具有一致的体验来提高可用性并改善用户交互。另外,将网页解构和呈现到本机应用体验中可以减少处理和网络带宽使用,这是因为在根据经解构的片段形成本机体验时仅应用网站或网面的最期望和/或兼容(不是“全部”)的组件和特征。此外,将网页解构和呈现到本机应用体验中可以提高用户交互和数据管理的安全性和效率。

如本文所述的实施例解决了由基于软件的服务创建的非常大规模的操作所产生的不能由人管理的需求。本文中描述的动作/操作不仅仅是对计算机的使用,还解决了作为用作服务的软件的直接结果的、系统的结果,所述服务是结合通过跨越各种平台和设备(尤其是移动平台和设备)托管的协作服务来创建、编辑和/或共享内容而提供的。

图2包括示出在将网页解构和呈现到本机应用体验中之后的移动用户体验的示例架构的显示图。如前面结合图1所讨论的,与协作服务相关联的管理模块可以被配置为提供到本机应用体验中的对网页的解构和呈现。管理模块可以提供用于移动用户体验的服务器侧api,确定要呈现的页面的类型,基于所确定的类型将页面解构为片段,以及提供页面的经解构的片段以在移动客户端处本机地重建页面,其中,在移动客户端上呈现具有基于经解构的片段的添加的元素的页面,以增强移动用户体验。

如图200所示,用于协作服务的移动用户体验可以包括各种级别,包括全局级用户体验202、一级用户体验214、二级用户体验224、三级用户体验234和四级用户体验242。可以使用一个或多个模板来创建每个级别,并且在那些模板的每个模板内,可以存在为“交叉”到其他级别的模板中而提供的组件、能力和特征。将由协作服务托管的网页解构和呈现到本机应用体验中可以使得能够在移动用户体验内展示每个模板内可用的已知组件和特征以及仅移动功能,以呈现改进的用户体验和更高效的体验。

可以在设备上执行了移动客户端(例如,与协作服务相关联的设备上的本地安装的应用)时显示全局级用户体验202(或协作服务视图)。全局级用户体验202可以包括一个或多个选项卡204。选项卡204可以包括主页选项卡206、链接选项卡208、站点选项卡210、人员选项卡212以及用于查看更多选项卡的选项。主页选项卡206可以是在执行了移动客户端时选择的默认选项卡。在示例场景中,移动客户端的用户可以通过全局级用户体验202选择站点选项卡210。

响应于对站点选项卡210的选择,可以显示一级用户体验214(或站点选项卡视图)。一级用户体验214可以包括一个或多个枢纽216。枢纽216可以包括“最近”218、“关注”220和“我的站点”222。每个枢纽216可以包括落在枢纽216的相应类别之下的站点列表。例如,“最近”218的站点列表可以包括用户访问的最近站点,“关注”站点列表可以包括用户所关注的站点,并且“我的站点”223的站点列表可以包括与用户相关联的站点。用户可以选择枢纽216中的一个枢纽,以及来自相应所选枢纽的站点列表内的站点。

响应于对站点的选择,可以显示二级用户体验224(或站点页面视图)。二级用户体验224可以包括页面226,所述页面226包括与站点相关联的活动馈送228,用于在站点内和/或站点与另一相关站点之间实现导航的导航特征230、以及站点动作232(如分享、关注或收藏动作)。三级用户体验234包括与由二级用户体验224提供的每个特征相关联的各个组件和/或元素。在一个示例中,可以在选择了活动馈送229内的条目时显示与活动馈送228中显示的活动相关联的联系卡和/或文档236。在另一个示例中,可以在选择了共享站点动作时显示使得站点动作被执行的控制元素,例如共享用户体验240。在又一个示例中,可以在选择了导航特征230时显示导航菜单238。

四级用户体验242可以显示导航菜单238的核心能力244。这些能力可以包括访问固定内容,例如文档知识库246、列表248和活动250。四级用户体验242可以还显示导航菜单238内的链接,其中,链接可以使得用户能够导航到文章或外部站点252和/或由协作服务托管的应用254的基于web的版本。

图3包括示出用于将网页解构和呈现到本机应用体验中的示例路径的显示图。如前面结合图1所讨论的,与协作服务相关联的管理模块可以被配置为提供到本机应用体验中的对网页解构和呈现。管理模块可以提供用于移动用户体验的服务器侧api,确定要呈现的页面的类型,基于所确定的类型将页面解构为片段,以及提供页面的经解构的片段以在移动客户端处本机地重建页面,其中,在移动客户端上呈现具有基于经解构的片段的添加的元素的页面,以增强移动用户体验。

如图300所示,页面的经解构的片段可以使得移动客户端能够本机地重建页面302。可以在移动客户端上呈现页面作为第一站点页面的本机外观托管视图304,所述本机外观托管视图可以包括基于经解构的片段的添加的元素以增强移动用户体验。第一站点页面的本机外观托管视图304可以显示站点选项卡视图,例如,所述站点选项卡视图包括一个或多个可选择的枢纽。每个枢纽可以包括落在枢纽的相应类别之下的站点列表310。在选择了枢纽中的一个枢纽时,相应的站点列表310可以被检索并在第一站点页面的本机外观托管视图304内显示。

在从站点列表310内进一步了选择站点之后,可以显示第二站点页面的本机外观托管视图306。第二站点页面的本机托管视图306可以是站点页面视图,例如,所述站点页面视图包括与站点相关联的活动馈送,用于在站点内和/或站点与另一相关站点之间实现导航的导航功能,以及站点动作(如共享、关注或收藏动作)。

托管视图308可以显示在由协作服务所托管的web应用上出现的站点或站点页面。在各种场景中,托管视图308可以显示在移动用户体验内。在一个示例场景中,用户可以选择查看站点或页面的web应用版本。例如,用户可以在第二站点页面的本机外观托管视图306内显示的导航特征的导航菜单内选择到web应用的链接。在其他示例场景中,如果正在查看的站点或页面是定制站点、外部站点或由本机不支持的应用呈现,则可以显示托管视图308。站点或页面可以在站点或页面的web应用版本中按预期运行。

图4包括示出在设备上显示的移动用户体验内的解构和呈现的网页的示例服务视图的显示图。由协作服务托管的网页可以被解构并在移动客户端(例如,移动设备上的协作服务的本地安装的客户端应用)上本机地呈现,其中,元素可以被添加到移动用户体验或从移动用户体验中减除,以突出显示页面的最期望和/或兼容的组件和功能,从而确保令人满意的移动用户体验。

如图400所示,在移动设备402上执行了协作服务的客户端应用时,可以通过移动设备402的显示器呈现与协作服务相关联的用户体验404。协作服务视图最初可以在用户体验404内显示406。协作服务视图406可以包括位于选项卡栏408内的一个或多个选项卡,例如主页选项卡414、站点选项卡410、人员选项卡412、链接选项卡416以及用于查看更多选项卡的选项418。如图所示,在执行了客户端应用时显示的默认选项卡可以是主页选项卡414。可以采用文本方案、图形方案、格式化方案、动画方案、着色方案、突出显示方案和/或阴影方案中的一项或多项来指示当前在协作服务视图406内选择哪个选项卡。

用户可以通过与另一个选项卡相关联的触摸动作、光学捕获的手势动作、可移动的输入设备动作、鼠标输入、键盘输入和/或眼睛跟踪动作中的一个动作以及其他类型的用户输入来从选项卡栏408中选择该另一个选项卡。例如,如图所示,用户可以通过在站点选项卡410所在的区域上用他的手指420接触移动设备402的显示屏幕来选择站点选项卡410。

图5包括示出在设备上显示的移动用户体验内的解构和呈现的网页的示例选项卡视图的显示图。

如图500所示,响应于检测到对协作服务视图的选项卡栏408内的站点选项卡410的用户选择,如上面结合图4所讨论的,站点选项卡视图502可以显示在用户体验404内。如图所示,站点选项卡410可以重新定位在选项卡栏408内,使得它在选项卡之间居中,并且可以被加阴影(以及其他方案),以指示当前选择了站点选项卡410。站点选项卡视图502可以包括被提供用于在枢纽栏504内显示的一个或多个枢纽。枢纽可以包括“我的站点”枢纽506、“最近”枢纽508和“关注”枢纽510。如图所示,响应于检测到对选项卡栏408内的站点选项卡410的用户选择而显示的默认枢纽可以是“我的站点”枢纽506。可以采用文本方案、图形方案、格式化方案、动画方案、着色方案、突出显示方案和/或阴影方案中的一项或多项来指示当前在站点选项卡视图502内显示哪个枢纽。

枢纽栏504内的每个枢纽可以包括落在枢纽的相应类别之下的站点列表512。例如,“我的站点”枢纽506中的站点列表可以包括与用户相关联的站点,“最近”枢纽508中的站点列表可以包括用户访问的最近站点,并且“关注”枢纽510中的站点列表可以包括用户关注的站点。当用户滚动通过站点列表512以获得枢纽时,枢纽栏504可以在站点选项卡视图502的顶部保持静止。当加载站点选项卡视图502和/或枢纽时或者当用户激活下拉手势时,每个枢纽的站点列表512可以刷新。用户可以对枢纽执行动作以导航到对其执行动作的相应枢纽。在用户体验404上的任何地方滑动也可以使当前枢纽改变为替代枢纽。例如,如果用户当前在“最近”枢纽508上,则用户可以向左滑动以移动到“关注”枢纽或者可以向右滑动以移动到“我的站点”枢纽504。当到达枢纽的最左边或最右边时,移动可以停止。类似地,如果用户对当前选择的枢纽执行动作,则不会产生任何动作。

站点列表512内的每个站点可以被呈现为卡514。例如,除了其他示例之外,卡514可以包括站点名称516、站点类型518、站点图标520、与站点相关联的任何更新和/或活动522以及是否关注站点中的一项或多项。站点名称516可以全部显示,除非站点名称516包含太多字符,在这种情况下,站点名称516可以用省略号截断。除了其他示例之外,站点类型518可以包括“站点”、“组”、“博客”或“视频频道”中的一项或多项。当可用时,可以利用来自站点的适当尺寸的图像填充站点图标520。如果不可用,或者如果图像尺寸不正确,则可以为站点创建站点图标520。所创建的站点图标520可以包括颜色和站点名称516的一个或多个首字母(例如,站点名称516中的第一单词和第二单词的首字母)。可以基于更新和/或活动的数量来不同地显示与站点相关联的更新和/或活动522。在一个示例中,如果站点上没有更新和/或活动,则不显示文本。在另一个示例中,如果站点上存在一个更新和/或活动,则可以显示与该更新和/或活动相关联的简要细节。在又一个示例中,如果站点上存在多于一个的更新和/或活动,则显示以下文本:n个更新/活动,其中,n是可用的更新/活动的数量。更新和/或活动522可以继续显示在卡514上,直到用户已经访问了与站点相关联的活动馈送为止(参见下面的图6a,其中,活动馈送是站点页面视图的元素)。一旦被访问,更新和/或活动计数就可以被重置并从卡514中移除文本。卡514还可以包括图形图标,例如如果该站点被关注则为星形。

枢纽栏504内的每个枢纽可以以相同的布局和/或格式显示表示每个相应站点的卡,以确保用户体验404在站点选项卡视图502内是一致的。应用于卡514内的任何区域的动作可以将用户启动到该站点的相应站点页面视图中,如下面结合图6a进一步详细讨论的。动作可以包括触摸动作、光学捕获的手势动作、可移动的输入设备动作、鼠标输入、键盘输入、和/或眼睛跟踪动作。例如,如图所示,用户可以通过在卡514内的任何区域上用他的手指524接触移动设备402的显示屏来选择站点。

在某些场景中,定制用户体验可以替换站点选项卡视图502和/或结合站点选项卡视图502被显示。例如,当枢纽的站点512的列表正在加载时,可以在用户体验404内显示采用动画加载图像的加载视图,以及“正在加载……”文本。再例如,如果用户离线,则可以在用户体验内显示“无互联网连接”横幅。当用户离线时,枢纽和相应的站点列表应当仍然可以被用户看到并选择。然而,在重新建立在线连接之前,不可能有任何更新。另外,如果枢纽在其各自的站点列表中不包含任何站点,则可以显示空图像和/或文本通知。类似地,当检测到显示与一个或多个枢纽相关联的站点列表中的错误时,可以显示错误图像和/或文本通知。在一些实施例中,可以提供对“再试一次”动作的直接访问以尝试重新加载站点列表。

图6a-b包括示出在设备上显示的移动用户体验内的解构和呈现的网页的页面视图和导航视图的示例的显示图。如前面结合图4和图5所讨论的,用户体验404的站点选项卡视图可以包括一个或多个枢纽,其中,每个枢纽可以包括落在枢纽的相应类别之下的站点列表。列表内的每个站点可以被呈现为卡,并且一旦用户对这样的卡内的任何区域执行动作,就可以在用户体验404内显示用于由卡表示的站点的站点页面视图602,如图600a所示。站点页面视图602可以包括标题604、动作栏614和活动馈送622。

标题604可以包括站点名称606、站点图标608以及一个或多个导航元素(如搜索命令元素610和后退命令元素612)。站点名称606和站点图标608可以是如结合图5所描述的在站点选项卡视图中在站点的卡内呈现的相同名称和图标。动作栏614可以实现通过导航特征616的站点导航,以及包括用于分别通过共享特征618和关注特征620共享和/或关注站点的选项。与关注特征620相关联的图形图标(如星形)可以被显示在动作栏614中。关注特征可以由一个或两个状态表示,“未关注”和“已关注”。“未关注”可以由指示该站点当前未关注的空心星形表示,并且“已关注”可以由指示该站点当前被关注的实心星形表示。当用户选择和/或取消选择时,与关注特征620相关联的图形图标可以在“已关注”和“未关注”状态之间切换。如果用户选择在离线时关注该站点,则一旦重新建立在线连接,状态的改变就可以排队并被提交。

标题604和动作栏614还可以包括站点背景颜色。站点背景颜色可以基于站点管理员指定的站点颜色而变化。在一个实施例中,背景可以包括两种阴影。例如,较浅的阴影可以用于标题604中的背景,并且较暗的阴影可以用于动作栏614。在另一个实施例中,如果可用的话,标题604的背景颜色可以替换成网站现代主页使用的颜色和/或图像。如果可用的话,还可以呈现来自现代主页的徽标。标题604也可以是可折叠的。例如,当用户滚动浏览站点页面视图602时标题604可以折叠,使得仅显示站点名称606以及动作栏614,以便节省显示空间。当用户滚动回到站点页面视图602的顶部时,标题604可以扩展回到完整尺寸。

活动馈送622可以由从与协作服务相关联的服务器侧api检索的元数据组成。活动馈送622可以包括标题,所述标题包括用户名626、活动628、和与活动相关联的细节630、以及与每个活动相关联的可操作图标624和/或附件632。例如,点击图标624可以打开与活动相关联的用户的联系卡,并且点击附件632可以打开与活动相关联的文件、文档、图像和/或其他内容。活动馈送622可以是可滚动和可折叠的。

活动馈送622可以是站点页面视图602的默认登陆体验。然而,如果站点包括现代主页,则现代主页可以向客户端应用提供应用可呈现部分。应用可呈现部分可以替换站点页面视图602内的活动馈送622。如果被替换,则活动馈送622仍然可以经由动作栏内的导航功能616访问,并且如果用户期望的话,他们可以能够将默认值设置回活动馈送622。

响应于对动作栏614内的导航特征616的用户选择634,可以在用户体验404内显示包括导航菜单638的导航视图636,如图600b所示。导航菜单638可以从用户体验404的左侧滑出以进行显示,并且可以向后滑动到用户体验404的左侧以响应于在导航菜单638的边界之外做出的用户选择而关闭。显示在导航菜单638中的可以是可选择的,并且导航菜单638可以是可滚动的。导航菜单638可以包括两个内容集合,固定内容640和链接648。

固定内容640可以包括在导航菜单638中一致呈现的项目,例如活动642、文档知识库644和列表646。对活动642的选择可以将用户导航到站点页面视图的活动馈送,如先前在图600a中所述。对文档知识库644或列表646的选择可以将用户导航到也可以采用用户体验404的文档视图或列表视图。

链接648可以包括如果用户选择了在协作服务视图的选项卡栏上显示的链接选项卡则将显示的相同链接集合,如图4中所描述的。例如,除了其他示例之外,链接648可以包括主页链接、笔记本链接、文档链接、最近链接、站点内容链接和到回收站的链接等。如果检测到站点的现代主页,则可以将主页链接添加到链接648中。可以实现应用内逻辑以处理链接648。例如,如果链接转到本机体验,则可以显示本机体验,并且如果链接转到非本机体验,则可以在用户体验404中显示链接目的地。对于具有子链接的链接,可以在导航菜单638内缩进子链接。溢出的链接标题可以在末尾利用省略号截断。

图1a至图6b中提供的示例被示出有特定系统、服务、应用、模块和用户体验。实施例不限于根据这些示例的环境。可以在采用较少或附加系统、服务、应用、模块和用户体验的环境中实现将网页解构和呈现到本机应用体验中。此外,图1a至图6b中所示的示例系统、服务、应用、模块和用户体验可以使用本文描述的原理以与其他值类似的方式实现。

图7是根据本文描述的至少一些实施例布置的示例联网环境。除了本地安装的应用(例如,应用106)之外,管理模块还可以与托管应用和服务(例如,协作服务114)结合使用,所述托管应用和服务可以经由在一个或多个服务器706或者个体服务器708上执行的软件来实现,如图700所示。托管服务或应用可以通过网络710与各个计算设备(如手持式计算机701、台式计算机702、膝上型计算机703、智能电话704、平板计算机(或平板)705(“客户端设备”))上的客户端应用通信,并控制呈现给用户的用户界面。

客户端设备701-705用于访问由托管服务或应用提供的功能。如上所述,服务器706或服务器708中的一个或多个服务器可以用于提供各种服务。相关数据可以被存储在一个或多个数据存储装置(例如,数据存储装置714)中,其可以由服务器706中的任何一个服务器或由数据库服务器712管理。

网络710可以包括服务器、客户端、互联网服务提供商和通信媒体的任何拓扑结构。根据实施例的系统可以具有静态或动态拓扑结构。网络710可以包括安全网络(如企业网络)、不安全网络(如无线开放网络)、或互联网。网络710还可以协调通过诸如pstn或蜂窝网络之类的其他网络的通信。网络710提供本文描述的节点之间的通信。作为示例而非限制,网络710可以包括无线介质,如声学、rf、红外和其他无线介质。

可以采用计算设备、应用、引擎和模块的许多其他配置来提供到本机应用体验中的对网页的解构和呈现。此外,图7中讨论的联网环境仅用于说明目的。实施例不限于示例服务、应用、引擎、模块或过程。

图8示出了根据本文描述的至少一些实施例来布置的通用计算设备,其可以被配置提供到本机应用体验中的对网页的解构和呈现。

例如,计算设备800可以用作服务器、台式计算机、便携式计算机、智能电话、专用计算机或类似设备。在示例基本配置802中,计算设备800可以包括一个或多个处理器804和系统存储器806。存储器总线808可以用于处理器804和系统存储器806之间的通信。基本配置802在图8中通过内部虚线内的那些组件示出。

取决于期望的配置,处理器804可以是任何类型的,包括但不限于微处理器(μp)、微控制器(μc)、数字信号处理器(dsp)或其任何组合。处理器804可以包括一个或多个级别的高速缓存,如一级高速缓冲存储器812、一个或多个处理器核心814和寄存器816。示例处理器核心814可以(每个)包括算术逻辑单元(alu)、浮点单元(fpu)、数字信号处理核(dsp核)或其任何组合。示例存储器控制器818还可以与处理器804一起使用,或者在一些实施方式中,存储器控制器818可以是处理器804的内部部分。

取决于期望的配置,系统存储器806可以是任何类型的,包括但不限于易失性存储器(如ram)、非易失性存储器(如rom、闪存等)或其任何组合。系统存储器806可以包括操作系统820、协作服务822和程序数据824。协作服务822可以包括管理模块826,其可以是协作服务822的集成模块。在其他实施例中,管理模块826可以是协作服务822的本地安装的应用的集成模块,或者管理模块826可以是与被配置为对协作服务822的多个应用进行服务的第三方服务相关联的单独模块。管理模块822可以被配置为提供到本机应用体验中的对网页的解构和呈现。例如,管理模块822可以提供用于移动用户体验的服务器侧应用编程接口(api),确定要呈现的页面的类型,基于所确定的类型将页面解构为片段,以及提供页面的经解构的片段以在移动客户端处本机地重建页面,其中,可以在移动客户端上呈现具有基于经解构的片段的添加的元素的页面,以增强移动用户体验。如本文所述的,除了其他数据之外,程序数据824可以包括过程数据828,如页面的经解构的片段。

计算设备800可以具有附加特征或功能、以及用于促进基本配置802与任何期望的设备和接口之间的通信的附加接口。例如,总线/接口控制器830可以用于促进基本配置802和一个或多个数据存储设备832之间经由存储接口总线834的通信。数据存储设备832可以是一个或多个可移动存储设备836、一个或多个不可移动存储设备838或其组合。可移动存储设备和不可移动存储设备的示例可以包括诸如软盘驱动器和硬盘驱动器(hdd)之类的磁盘设备、诸如压缩盘(cd)驱动器或数字多功能盘(dvd)之类的光盘驱动器、固态驱动器(ssd)和磁带驱动器等等。示例计算机存储介质可以包括以用于存储信息(如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。

系统存储器806、可移动存储设备836和不可移动存储设备838是计算机存储介质的示例。计算机存储介质包括但不限于ram、rom、eeprom、闪存或其他存储器技术、cd-rom、数字多功能盘(dvd)、固态驱动器或其他光存储设备、盒式磁带、磁带、磁盘存储设备或其他磁存储设备或可以用于存储期望的信息并且可以由计算设备800访问的任何其他介质。任何这样的计算机存储介质可以是计算设备800的一部分。

计算设备800还可以包括接口总线840,其用于促进从各种接口设备(例如,一个或多个输出设备842、一个或多个外设接口844以及一个或多个通信设备846)经由总线/接口控制器830到基本配置802的通信。示例输出设备842中的一些输出设备包括图形处理单元848和音频处理单元850,其可以被配置为经由一个或多个a/v端口852与诸如显示器或扬声器之类的各种外部设备通信。一个或多个示例外设接口844可以包括串行接口控制器854或并行接口控制器856,其可以被配置为经由一个或多个i/o端口858与诸如输入设备(例如,键盘、鼠标、笔、语音输入设备、触摸输入设备等)或者其他外围设备(例如,打印机、扫描仪等)之类的外部设备进行通信。示例通信设备846包括网络控制器860,其可以被配置为促进经由一个或多个通信端口864通过网络通信链路与一个或多个其他计算设备862的通信。一个或多个其他计算设备862可以包括服务器、计算设备和类似的设备。

网络通信链路可以是通信介质的一个例子。通信介质通常可以通过计算机可读指令、数据结构、程序模块或经调制的数据信号中的其他数据(如载波或其他传输机制)来体现,并且可以包括任何信息传递介质。“经调制的数据信号”可以是其一个或多个特性以用于对信号中的信息进行编码的方式来设置或改变的信号。作为示例而非限制,通信介质可以包括诸如有线网络或直接有线连接之类的有线介质以及诸如声学、射频(rf)、微波、红外(ir)和其他无线介质之类的无线介质。本文使用的术语计算机可读介质可以包括存储介质和通信介质二者。

计算设备800可以被实现为通用或专用服务器、大型机或包括任何上述功能的类似计算机的一部分。计算设备800也可以被实现为包括膝上型计算机和非膝上型计算机配置二者的个人计算机。

示例实施例还可以包括用于提供将网页解构和呈现到本机应用体验中的方法。这些方法可以以任何方式实现,包括本文描述的结构。一种这样的方式可以是通过本公开内容中描述的类型的设备的机器操作。另一种可选方式可以是与以下方式相结合地执行方法的各个操作中的一者或多者:一个或多个人类操作员执行一些操作,而其他操作可以由机器执行。这些人类操作员不需要与彼此并置,而是每个操作员可以只与执行程序一部分的机器并置。在其他实施例中,人机交互可以例如通过可以是机器自动化的预选准则来自动化。

图9示出了根据本文描述的至少一些实施例布置的用于提供将网页解构和呈现到本机应用体验中的示例过程的逻辑流程图。过程900可以在计算设备、服务器或其他系统上实现。示例系统可以包括服务器,所述服务器包括:通信接口,其被配置为促进协作服务与协作服务的正在设备上执行的移动客户端之间的通信;存储器,其被配置为存储指令;以及一个或多个处理器,其耦合到存储器和通信接口,并且被配置为执行管理模块。管理模块可以被配置为将网页解构和呈现到本机应用体验中。

过程900开始于操作910,其中,管理模块可以被配置为提供用于移动用户体验的服务器侧应用编程接口(api)。在操作920处,管理模块可以确定要呈现的页面的类型。例如,页面的类型可以包括由协作服务托管的站点页面、组页面、博客页面或视频频道页面。

在操作930处,管理模块可以基于所确定的类型将页面解构为片段。页面的经解构的片段可以包括服务视图、选项卡视图、页面视图和导航视图中的一项或多项。在一个实施例中,管理模块可以将整个页面解构为经解构的片段。在另一个实施例中,管理模块可以以混合方式解构页面的仅一些部分。

在操作940处,管理模块可以向客户端提供页面的经解构的片段,使得可以在客户端处本机地重建页面。可以在移动客户端上呈现具有基于所提供的经解构的片段的添加的元素的页面。例如,移动客户端可以构建用户熟悉的基本用户体验。然后,基于所确定的要呈现的页面的类型以及由管理模块提供的站点和/或页面的可用的经解构的片段,移动客户端可以向用户体验添加元素或从中减除元素,以突出显示页面的最期望和/或兼容的组件和功能,从而确保令人满意的移动用户体验。例如,基于服务视图的经解构的片段的添加的元素可以包括含有一个或多个选项卡的选项卡栏;基于选项卡视图的经解构的片段的添加的元素可以包括一个或多个枢纽,每个枢纽包括与相应枢纽相关联的内容项列表;基于页面视图的经解构的片段的添加的元素可以包括标题、动作栏和活动馈送;并且基于导航视图的经解构的片段的添加的元素可以包括固定内容和一个或多个链接。

过程900中包括的操作是出于说明目的。将网页解构和呈现到本机应用体验中可以通过具有更少或附加步骤的类似过程以及使用本文描述的原理的不同操作顺序来实现。除了其他示例之外,本文描述的操作可以由在一个或多个计算设备、一个或多个处理器核、专用处理设备和/或通用处理器上操作的一个或多个处理器执行。

根据示例,描述了用于提供将网页解构和呈现到本机应用体验中的单元。所述单元可以包括:用于提供用于移动用户体验的服务器侧应用编程接口(api)的单元;用于确定要呈现的页面的类型的单元;用于基于所确定的页面的类型以编程方式将页面的一个或多个部分解构为片段的单元;以及用于提供页面的一个或多个部分的经解构的片段以在移动客户端处本机地重建页面的单元,其中,在移动客户端上呈现具有基于经解构的片段的一个或多个添加的元素的页面,以增强移动用户体验。

根据一些示例,描述了提供将网页解构和呈现到本机应用体验中的方法。所述方法可以包括:提供用于移动用户体验的服务器侧应用编程接口(api);确定要呈现的页面的类型;基于所确定的页面的类型,以编程方式将页面的一个或多个部分解构为片段;以及提供页面的一个或多个部分的经解构的片段以在移动客户端处本机地重建页面,其中,在移动客户端上呈现具有基于经解构的片段的一个或多个添加的元素的页面,以增强移动用户体验。

根据其他示例,基于所确定的类型将页面解构为片段还可以包括解构整个页面以生成经解构的片段。要呈现的页面的类型可以包括由协作服务托管的站点页面、组页面、博客页面和视频频道页面中的一项或多项。基于所确定的类型将页面解构为片段可以包括将页面解构为服务视图、选项卡视图、页面视图和导航视图中的一项或多项。基于服务视图的经解构的片段的添加的元素可以包括含有一个或多个选项卡的选项卡栏。

根据另外的示例,响应于对一个或多个选项卡的用户选择,可以在移动用户体验内显示选项卡视图。基于选项卡视图的经解构的片段的添加的元素还可以包括一个或多个枢纽,每个枢纽包括与相应枢纽相关联的内容项列表。每个内容项和与每个内容项相关联的元数据可以在内容项列表内显示为卡,所述元数据包括与内容项相关联的名称、图标、类型、任何活动和/或更新、以及内容项的关注状态中的一项或多项。响应于对卡的用户选择,可以在移动用户体验内显示页面视图。基于页面视图的经解构的片段的添加的元素可以包括标题、动作栏和活动馈送。在动作栏内对导航特征的选择显示导航视图,并且基于导航视图的经解构的片段的添加的元素可以包括固定内容和一个或多个链接。

根据其他示例,描述了用于提供将网页解构和呈现到本机应用体验中的服务器。所述服务器可以包括:通信接口,其被配置为促进协作服务与协作服务的本地安装在设备上的移动客户端之间的通信;存储器,其被配置为存储指令;以及一个或多个处理器,其耦合到存储器并被配置为执行管理模块。管理模块可以被配置为提供用于移动用户体验的服务器侧应用编程接口(api);确定要呈现的页面的类型;基于所确定的类型将页面解构为片段,其中,页面的经解构的片段包括服务视图、选项卡视图、页面视图和导航视图中的一项或多项;以及将页面的经解构的片段提供给移动客户端,以便在移动客户端处本机地重建页面,其中,在移动客户端上呈现具有基于经解构的片段的添加的元素的页面,以增强移动用户体验。

根据一些示例,基于服务视图的经解构的片段的添加的元素可以包括含有一个或多个选项卡的选项卡栏。基于选项卡视图的经解构的片段的添加的元素可以包括一个或多个枢纽,每个枢纽包括与相应枢纽相关联的内容项列表。基于页面视图的经解构的片段的添加的元素可以包括标题、动作栏和活动馈送。基于导航视图的经解构的片段的添加的元素还可以包括固定内容和一个或多个链接。管理模块可以是协作服务的集成模块、本地安装在设备上的移动客户端的集成模块、或者与被配置为对由协作服务托管的多个客户端进行服务的第三方服务相关联的单独模块。

根据另外的示例,描述了计算机可读存储器设备,其上存储有指令以提供将网页解构和呈现到本机应用体验中。所述指令可以包括提供用于移动用户体验的服务器侧应用编程接口(api);确定要呈现的页面的类型;基于所确定的类型将页面解构为片段;以及提供页面的经解构的片段以在移动客户端处本机地重建页面,其中,在移动客户端上呈现具有基于经解构的片段的添加的元素的页面,以增强移动用户体验。

根据其他示例,所述指令还可以包括响应于确定不存在与要呈现的页面相关联的内容而提供定制移动用户体验。所述指令还可以包括响应于确定存在与要呈现的页面相关联的错误而提供定制移动用户体验;以及利用定制移动用户体验提供对反馈机制的访问。

以上说明、示例和数据提供了对实施例的组成的制造和使用的完整描述。虽然已经用特定于结构特征和/或方法动作的语言描述了主题,但是应当理解的是,所附权利要求中定义的主题不必限于以上描述的特定特征或动作。确切地说,以上描述的特定特征和动作是作为实现权利要求和实施例的示例形式而公开的。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1