带定制导航的图形用户界面的制作方法
【专利摘要】本申请涉及一种多维图标，该多维图标包括按照用户可配置的结构链接在一起的多个面板。基于用户输入，诸如拂动或其他姿势，该多维图标可旋转到一系列链接面板中的下一面板。在一个实施例中，每个链接的面板还可具有与其相关联的功能或内容，所述功能或能容能由用户定制。例如，用户可选择面板来启动应用、网页或查看内容（例如照片）。在另一实施例中，数据也可与面板相关联，使得如果用户选择该面板，则可使用该数据作为定制参数来启动应用或打开网站。
【专利说明】带定制导航的图形用户界面
[0001]背景
[0002]在当今社会，移动或便携式设备已经变得越来越流行而且普及。许多用户利用移 动设备(诸如移动电话)作为他们主要的通信手段。移动设备可以包括诸如蜂窝电话服务、 网际协议语音(“VoIP”)、软件应用、电子邮件访问、因特网能力、日历功能、音乐播放器之类 的多个功能。功能、特征和能力已经增大了移动设备的实用性和复杂性。很可能会继续向 移动设备中添加功能，进一步增大有用性和复杂性。
[0003]图形用户界面是移动设备的一部分，用于操纵和控制功能。图形用户界面通常以 默认屏幕(也被称为主屏幕(home screen)或开始屏幕)开始，该屏幕包括多个图标。每个 图标是一图形符号，其代表在选择该图标时可以被启动或打开的程序、命令或数据文件。
[0004]一般而言，图标和与该图标相关联的程序、命令或数据文件之间存在一一对应关 系。从而，用户界面上的每个图标是其自己的分立的图像，并且是独立的且通常与用户界面 上的其他图标无关。而且，极少有或没有按有逻辑的方式聚合或连接图标的能力。
[0005]随着可用应用(特别是对于电话而言)的数量的扩张，用户在他们的默认屏幕上放 置越来越多的图标。同时，移动电话的尺寸一直被迫减小，这影响了屏幕尺寸。结果通常是 少有组织或没有组织的庞大数量的图标。
[0006]概述
[0007]提供本概述以便以简化形式介绍将在以下详细描述中进一步描述的一些概念。本 概述并不旨在标识所要求保护主题的关键特征或必要特征，也不旨在用于限制所要求保护 主题的范围。
[0008]本申请涉及一种多维图标，该多维图标包括按照用户可配置的结构链接在一起的 多个面板。基于用户输入，诸如拂动、姿势或其他命令，该多维图标可改变到一系列链接面 板中的下一面板。
[0009]在一个实施例中，每个链接的面板还可具有与其相关联的功能或内容，所述功能 或能容能由用户定制。例如，用户可选择面板来启动应用、网页或查看内容。
[0010]在另一实施例中，数据也可与面板相关联，使得如果用户选择该面板，则可使用该 数据作为定制参数来启动应用或打开网站。
[0011]在又一实施例中，该多维图标可具有指示多个维度可用的闪光或振动或某种其他 指示。
[0012]在再一实施例中，面板可基于所接收到的推送通知动态更新。
[0013]参考附图阅读以下详细描述，将更清楚本发明的前述和其他目标、特征和优点。
[0014]附图简述
[0015]图1是用于显示可定制的多维图标中的面板的方法的流程图。
[0016]图2是用于定制多维图标的方法的流程图。
[0017]图3是一方法的流程图，示出了关于多维图标如何执行动作的进一步细节。
[0018]图4是能被使用的一种示例系统结构，其包括应用数据库。
[0019]图5A和5B示出多维图标的不同示例。[0020]图6A和6B示出多维图标的不同示例。
[0021]图7示出能在多维图标中使用的主层次和子层次。
[0022]图8示出能与多维图标一起使用的多层示例。
[0023]图9A和9B示出动态更新和拒绝更新的姿势。
[0024]图10示出多维图标的三维表示。
[0025]图1lA和IlB示出不同的定制可能以及用于执行定制的拖放操作。
[0026]图12A和12B示出多维图标的不同配置。
[0027]图13是能与多维图标一起使用的示例移动电话。
[0028]图14是能与多维图标一起使用的云环境的示例。
[0029]详细描述
[0030]图1示出一种用于显示多维图标的方法的实施例。多维图标可采取多种形式。例 如，多维图标可包括多个面板，其中在用户执行命令以旋转、移动、滑动或以其他方式移动 或改变时每次显示一个面板以便显示定制的面板有序序列中的下一面板。为简明起见，本 申请将任何这样的移动或改变称为“旋转”。替代地，多维图标可具有同时示出多个面板的 三维图像的外观(例如，立方体或某种其他几何形状)。在任一情况下，多维图标通常显示一 当前活动面板和多个其他面板，所述其他面板是活动的或通过用户输入可变为活动的。例 如，用户可把多维图标旋转到所需面板。“旋转”的意思是图标保持其在用户界面默认屏幕 上的位置，但是通过在三个维度上的旋转或改变的外观来改变其当前面板。替代地，多维图 标可具有可同时显示的若干面板，这些面板是可选择的。在任何情况下，应理解，用户界面 是二维屏幕，而对三维的任何讨论仅是讨论三维表示。此外，应理解，多维图标可包括一组 可单独配置的面板。一般而言，在所有以上配置中，多维图标覆盖显示器的相同部分。
[0031]在过程框110中，显示多维图标的一面板并认为该面板是当前活动面板。该面板 可包括图像和/或文本。在过程框120中，客户端设备接收用户输入来旋转图标，意味着该 用户输入为指示该用户界面改变面板。当面板被转换到下一面板时，多维图标的大小和位 置可保持不变，以便不遮挡其他图标并且最大化用户界面的可用空间。用户输入可采用各 种形式，诸如拂动操作、语音操作等。在过程框130中，显示根据用户配置定义的一系列面 板中的下一面板。用户可在面板间定义基本上任何所需链接，所以该链接是能由用户定制 的。
[0032]图2是一种用于定制三维图标的链接以提供用户可配置结构的方法的流程图。在 过程框210中，接收用于定制三维图标的用户输入。该定制可以是通过用来构造三维图 标的模块，或者通过将当前页面或页面功能钉到三维图标的简单的页面上命令(on-page co_and)，或者拖放操作。存在各种公知的定制技术，诸如屏幕上菜单、姿势、语音命令以及 其他，而所使用的特定技术取决于设计。在过程框220中，响应于该用户输入，向下面描述 的图标链接表中添加新条目，或者修改表中的已有条目。在过程框230中，将新面板添加到 多维图标。
[0033]图3是示出如何使用数据库来显示序列中的下一面板的实施例的流程图。在过程 框310中，接收关于三维图标的用户输入。该用户输入可以是旋转多维图标或选择一面板 的请求。在过程框320中，基于图标标识和用户输入，该系统通过从数据库中提取动作来确 定要执行的下一动作。在过程框330中，根据该数据库来执行该动作。如果该动作是旋转多维图标，则使序列中的下一面板成为当前面板。如果做出了选择，则可启动应用、加载网 页、显示子层次、可显示面板内容或进一步的面板信息等。响应于用户所做的选择并且根据 用户配置，基本上可执行任何动作。
[0034]图4示出应用数据库400，其包括应用列表410和图标链接表420。应用列表410 是客户端设备上当前可用应用的列表。图标链接表420包括多个字段。示例字段包括:图 标面板标识422，其列举与多维图标相关联的所有图标面板；选择字段424，其是在选择后 要执行的动作；链接面板字段426，其示出与当前活动面板相关联的各面板和方向；参数字 段428，其包括可被传递到应用或网站的数据；以及图像字段430，其包括可在显示面板时 使用的图像和文本。该表还可包括用户界面上的可用图标的列表(未示出)。要么每一多维 图标可具有其自己的链接表，要么所有图标可被放入单个表中。操作系统450可访问数据 库400来决定响应于用户输入要采取什么动作。例如，可启动应用452，可打开网页454，或 可打开图像456。这些仅仅是能执行的动作的示例。此外，可将任何参数传递到网站或应用 来根据用户偏好定制该网站或应用。当用户旋转多维图标时，取决于旋转方向，可通过链接 面板字段确定所显示的下一面板。例如，如果执行向右旋转，则链接面板字段426可提供在 向右旋转后要使用的相关联的图标面板标识。所获得的图标面板标识可被用作到图标链接 表的键，以便获得与所显示的下一面板相关联的图像。操作系统450从图标链接表420获 得面板链接输出数据以旋转多维图标。在构造图标链接表420时，操作系统向该表提供面 板链接输入数据。
[0035]图5A示出一示例面板，多个面板被连接到该面板。基本上任何数量的其他面板可 被链接到该面板。在图5B中，示出了一个非常具体的示例，其中示出与家庭相关联的多维 图标510。在第一面板上显示词语“家庭”，此时用户能定制该面板以显示或生成所需的任 何文本、信息、图像、图形、声音和/或触觉。其他面板被示出为通过链接与该家庭图标相关 联。例如，旋转到“应用”面板允许用户来启动以某种方式与该家庭有关的应用。“向儿子发 送电子邮件”面板可启动电子邮件应用，同时用输入数据填充该电子邮件。从而，通过使用 图标链接表中的参数字段，当该应用被启动时，儿子的电子邮件地址已经在电子邮件中了。 “父亲”图标可以是图像，或者在被选择时可提供与父亲有关的进一步的子层次面板。从而， 可以看出，面板可以是文本、应用、网站等。用户可把这些面板中的任何一个指定为默认显 示面板。默认面板可被钉到设备的主屏幕，或者钉到用户界面中的任何其他层次或位置，该 用户界面支持在各用户功能和特征之间导航。
[0036]图6A示出带有到“专辑封面A”面板的特定链接图样的示例。如果用户向右旋转 该图标，则显示专辑封面B。再次向右旋转导致专辑封面C被显示。从专辑封面A向下旋 转揭示面板“专辑歌曲马赛克”。从该面板，用户可向右、向左或向下旋转该图标等。从而， 用户可控制各链接的组织，并且可制作响应于用户输入可被显示的面板的基本任何所需序 列。
[0037]图6B提供了类似示例，其中从“兄弟”面板，用户可向右、向左、向上或向下旋转以 揭示不同的定制面板，这些面板示出附加的内容或功能。
[0038]图7示出多维图标的多层示例。显示第一层次710。如果用户选择层次710的面 板B，则它们跳到所链接的子层次720，在那里它们可旋转并链接到处于同一子层次的面板 C、M、N、P等。如果用户选择C，则它们去到又另一层次730。值得注意，存在能够允许用户跳回层次710的面板A。按照用户的定义，可以使用任何不同的层次配置。
[0039]图8是另一多层示例，其中如果用户选择层次810处的“工作”面板，则显示层次 820。用户随后可向上、向下、向右或向左旋转多层图标以揭示应用、电子邮件等。同一面板 可出现在定制用户界面的多个位置上。如果用户从810或820中选择“度假”，则显示层次 830。用户此时可在层次830上组织所有与度假有关的面板。
[0040]图9示出可如何通过推送通知动态更新面板的示例。可自动创建仅有经更新的面 板的子集910，以便用户可仅查看经更新的面板。从而，多维图标可被修改、设置、选择或以 其他方式配置以仅包括已被动态更新的面板子集。从而，可基于一个或多个事件来重新组 织多维图标。用户可执行姿势(诸如在920处所示的)，以消除所有面板的更新，或单个地消 除每一面板的更新，并返回先前显示的多维图标930或用户可简单地消除单个通知。用户 可把每个多面板图标配置为默认的以总是提供对所有面板的访问、仅提供对指示新信息的 那些面板的访问、或者仅提供对其子集的访问。
[0041]图10示出被构造为立方体的多维图标1010的示例。首先，面板A、B、C和D被链 接在一起。随后面板E被链接以形成一侧开口的立方体。随后面板F、G和H被添加以构造 1020处示出的多侧面图标。用户可构造三维形状以表现为任何几何图案。
[0042]图1lA示出菜单1110，该菜单可被用来定制与多维图标相关联的各种参数中的 任何一个，包括:内容、功能、应用、姿势、控制、层次、面板、链接、更新、大小、形状、分组和默 认。用户可为多维图标中的任一面板定制针对这些菜单项中的每一个。图1lB示出可以如 何通过拖放操作来改变分组。用户将面板1120从组A中拖拽到组B中以便定制组B。拖放 操作仅是可以如何执行定制的示例中的一个。如果用户期望一面板既在组A又在组B中， 则该用户可连同拖放一起执行复制，或者可以导航到组B图标中并如前面描述的在所需位 置中添加所需面板。
[0043]图12A示出用于向用户图解该图标是多维的不同技术。例如，面板1210可具有颜 色条1212以指示旋转方向。替代地，面板1214可振动或闪光以指示它是多维的。
[0044]图12B示出多维图标1220,其示出面板A作为活动面板,并且正如1222所示响应 于用户输入而被旋转以改变该图标以具有1224处的活动面板B。其他示例几何形状也被示 出，并包括柱体、金字塔、球体等。
[0045]图13是描绘示例性移动设备1300的系统图，该移动设备包括各种可选的硬件和 软件组件，在1302处概括地示出。该移动设备中的任何组件1302可与任何其他组件通信， 尽管为便于描绘而未示出所有连接。该移动设备可以是各种计算设备(例如，蜂窝电话、智 能电话、手持式计算机、个人数字助理(PDA)等)中的任一个，并且可允许与诸如蜂窝或卫星 网络等一个或多个移动通信网络1304进行无线双向通信。
[0046]所示移动设备1300可包括用于执行如信号编码、数据处理、输入/输出处理、电源 控制和/或其他功能等任务的控制器或处理器1310(例如，信号处理器、微处理器、ASIC、或 其他控制和处理逻辑电路)。操作系统1312可控制对组件1302的分配和使用，并支持一个 或多个应用程序1314。应用程序可包括公共移动计算应用(例如，电子邮件应用、日历、联系 人管理器、web浏览器、消息接发应用)、或任何其他计算应用。
[0047]所示移动设备1300可包括存储器1320。存储器1320可包括不可移动存储器1322 和/或可移动存储器1324。不可移动存储器1322可包括RAM、ROM、闪存、硬盘、或其他众所周知的存储器存储技术。可移动存储器1324可包括闪存或在GSM通信系统中公知的订 户身份模块(SIM)卡，或者诸如“智能卡”的其他公知存储器存储技术。存储器1320可用 于存储数据和/或用于运行操作系统1312和应用1314的代码。示例数据可包括经由一个 或多个有线或无线网络发送给和/或接收自一个或多个网络服务器或其他设备的网页、文 本、图像、声音文件、视频数据、或其他数据集。存储器1320可用于存储诸如国际移动订户 身份(MSI)等订户标识符，以及诸如国际移动设备标识符(MEI)等设备标识符。可将此类 标识符传送给网络服务器以标识用户和设备。
[0048]移动设备1300可支持诸如触摸屏1332 (其可显示多维图标)、话筒1334、相机 1336、物理键盘1338、和/或轨迹球1340等一个或多个输入设备1330，以及诸如扬声器 1352和显不器1354等一个或多个输出设备1350。其他可能的输出设备(未不出)可包括压 电或其他触觉输出设备。一些设备可服务一个以上的输入/输出功能。例如，触摸屏1332 和显不器1354可被组合在单个输入/输出设备中。
[0049]无线调制解调器1360可被耦合至天线(未示出)，并且可支持处理器1310与外部 设备间的双向通信，如本领域中充分理解的那样。调制解调器1360被一般性地示出，并且 可包括用于与移动通信网络1304进行通信的蜂窝调制解调器和/或其它基于无线电的调 制解调器(例如蓝牙或W1-Fi)。无线调制解调器1360通常被配置用于与一个或多个蜂窝网 络(诸如，用于在单个蜂窝网络内、蜂窝网络之间、或移动设备与公共交换电话网络(PSTN) 之间的数据和语音通信的GSM网络)进行通信。
[0050]移动设备还可包括至少一个输入/输出端口 1380、电源1382、诸如全球定位系统 (GPS)接收机之类的卫星导航系统接收机1384、加速度计1386、和/或物理连接器1390，物 理连接器可以是USB端口、IEEE1394 (火线)端口、和/或RS-232端口。所示组件1302不 是必需的或包括所有的，可删除任何组件并且可添加其他组件。
[0051]图14示出了其中可实现所描述的实施例、技术、和技艺的适合的实现环境1400的 通用示例。
[0052]在示例环境1400中，由云1410提供各种类型的服务(例如，计算服务)。例如，云 1410可包括可集中式或是分布式放置的计算设备1430、1440和1450的集合，这些计算设备 向经由诸如因特网等网络连接的各种类型的用户和设备提供基于云的服务。实现环境1400 可按不同方式用于实现计算任务。例如，一些任务(例如，处理用户输入和呈现用户界面)可 在本地计算设备(例如，连接的设备1430、1440、1450)上执行，而其他任务(例如，存储将在 后继处理中使用的数据)可在云1410中执行。在该特定示例中，多维图标可被定制并且所 述定制可使用云跨越所有不同设备扩展。用这种方式，用户可跨平台具有统一设置。一种 用于跨设备定制的技术是将图标链接表存储在云1410中。
[0053]在示例环境1400中，云1410向具有各种屏幕能力的连接的设备1430、1440、1450 提供服务。连接的设备1430表示具有计算机屏幕1435(例如，中型屏幕)的设备。例如，连 接的设备1430可以是个人计算机，诸如台式计算机、膝上型计算机、笔记本、上网本等。连 接的设备1440表示具有移动设备屏幕1445 (例如，小型屏幕)的设备。例如，连接的设备 1440可以是移动电话、智能电话、个人数字助理、平板计算机等。连接的设备1450表示具 有较大屏幕1455的设备。例如，连接的设备1450可以是电视机屏幕(例如，智能电视机)或 连接到电视机的另一设备(例如，机顶盒或游戏控制台)等。连接的设备1430、1440、1450中的一个或多个可包括触摸屏能力。触摸屏可以不同的方式接受输入。例如，电容式触摸屏 在物体(例如，指尖或指示笔)扭曲或中断流过表面的电流时检测到触摸输入。作为另一示 例，触摸屏可使用光学传感器，在来自光学传感器的光束被中断时检测到触摸输入。对于要 使某些触摸屏检测到的输入来说，与屏幕表面的物理接触并不是必需的。不具备屏幕能力 的设备也可被用在示例环境1400中。例如，云1410可向没有显示器的一个或多个计算机 (例如，服务器计算机)提供服务。
[0054]可由云1410通过服务提供商1420、或通过其他在线服务的提供商(未描述)来提 供服务。例如，云服务可被定制成对应于特定连接的设备(例如，连接的设备1430、1440、 1450)的屏幕大小、显示能力、和/或触摸屏能力。
[0055]在示例环境1400中，云1410至少部分地使用服务提供商1420来向各种连接的设 备1430、1440、1450提供此处描述的技术和方案。例如，服务提供商1420可提供用于各种 基于云的服务的集中式解决方案。服务提供商1420可为用户和/或设备(例如，连接的设 备1430、1440、1450和/或其相应的用户)管理服务订阅。
[0056]虽然为方便呈现起见所公开的方法的一些操作是以特定的顺序次序来描述的，但 应当理解，这一描述方法涵盖重新安排，除非以下阐明的具体语言需要特定排序。例如，在 某些情况下，可以重新安排或并发执行顺序地描述的操作。此外，为简明起见，附图可能未 示出其中所公开的方法可结合其他方法使用的各种方式。
[0057]所公开的方法中的任一个可被实现为存储在一个或多个计算机可读介质(例如， 非瞬态计算机可读介质，诸如一个或多个光学介质盘、易失性存储器组件(诸如DRAM或 SRAM)或非易失性存储器组件(诸如硬驱动器))上并且在计算机(例如，任何可购买的计算 机，包括智能电话或包含计算硬件的其它移动设备)上执行的计算机可执行指令。用于实现 所公开的技术的计算机可执行指令中的任一个以及在实现所公开的实施例期间创建和使 用的任何数据可被存储在一个或多个计算机可读介质(例如，非临时计算机可读介质)上。 计算机可执行指令可以是例如专用软件应用或经由web浏览器或其它软件应用(诸如远程 计算应用)访问或下载的软件应用的一部分。此类软件可例如在单个本地计算机(例如，任 何合适的可购买计算机)上或在使用一个或多个网络计算机的网络环境中(例如，经由因特 网、广域网或局域网、客户端-服务器网络(诸如，云计算网络)或其它此类网络)执行。
[0058]为清楚起见，只描述了基于软件的各实现的某些所选择的方面。省略了本领域公 知的其他细节。例如，应当理解，所公开的技术不限于任何特定计算机语言、或程序。例如， 所公开的技术可由用C++、Java、Perl、JavaScript、Adobe Flash或任何其它合适的编程语 言编写的软件来实现。同样，所公开的技术不限于任何特定计算机或硬件类型。合适计算 机和硬件的某些细节是众所周知的，因此无需在本公开中进行详细阐述。
[0059]此外，基于软件的实施方式中的任一个(包括例如用于使计算机执行所公开的方 法中的任一种的计算机可执行指令)可以通过合适的通信手段来上传、下载、或远程访问。 这些合适的通信手段包括，例如，因特网、万维网、内联网、软件应用、电缆(包括光缆)、磁通 信手段、电磁通信手段(包括RF、微波和红外通信)、电子通信手段或任何这样的通信手段。
[0060]所公开的方法、装置和系统不应当被认为是以任何方式构成限制。相反，本发明针 对各公开的实施方式(单独地或彼此的各种组合和子组合)的所有新颖和非显而易见特征 和方面。所公开的方法、装置和系统不限于任何具体方面或特征或其组合，所公开的实施例也不要求存在任何一个或多个具体优点或解决各个问题。
[0061]鉴于可应用所公开的本发明的原理的许多可能的实施例，应当认识到，所示实施 例仅是本发明的优选示例，并且不应认为是限制本发明的范围。相反，本发明的范围由所附 权利要求书来限定。因此，要求保护落入这些权利要求的范围内的所有内容作为本发明。
【权利要求】
1.一种在客户端设备上创建多维图标的方法，包括:在多维图标中显示当前面板，所述多维图标包括按照用户可配置的结构链接在一起的 多个面板；接收显示所述多维图标中的下一面板的用户输入；以及 根据所述用户可配置的结构，显示所述多维图标中的下一面板。
2.如权利要求1所述的方法，其特征在于，还包括接收选择所述多维图标的一面板的 用户输入并且使用所述客户端设备上的操作系统来根据用户配置按照所述选择进行动作。
3.如权利要求1所述的方法，其特征在于，还包括自动修改所述多维图标来包括已被 动态更新的面板子集。
4.如权利要求1所述的方法，其特征在于，还包括接收选择所述多维图标的一面板的 用户输入，启动与所述面板相关联的应用并向所述应用传递与所述面板相关联的参数。
5.如权利要求1所述的方法，其特征在于，还包括显示所述多维图标的面板之一的更 新，接收消除所述通知的姿势，并且使所述多维图标返回到它在显示所述更新之前的外观。
6.如权利要求1所述的方法，其特征在于，所述多维图标具有多个层次，并且进一步包 括响应于对一面板的选择而显示所述多维图标的一子层次。
7.如权利要求1所述的方法，其特征在于，还包括接收向所述多维图标添加新面板的 用户输入，以及响应于所述用户输入更新链接表以添加所述新面板。
8.如权利要求1所述的方法，其特征在于，每个面板被显示为二维面板并且所述多维 图标被表示为三维图像。
9.一种至少部分地由计算设备实现的方法，所述方法包括:显示多维面板组的第一可配置面板，所述多维面板组包括多个可配置面板；接收显示所述多维面板组中的第二面板的用户输入；以及根据可定制组组织来转换所述多维面板组以便显示所述多维面板组中的所述第二面板。
10.一种在移动电话上创建多维图标的方法，包括:在多维图标中显示当前面板，所述多维图标包括按照用户可配置的结构链接在一起的 多个面板；接收旋转所述多维图标的用户输入；在图标链接表中搜索要显示的下一链接面板；使用所述下一链接面板的标识来获得与所述下一链接面板相关联的待显示的图像数据；根据所述图标链接表显示所述链接面板。
【文档编号】G06F3/0481GK103460170SQ201280017583
【公开日】2013年12月18日 申请日期:2012年4月10日 优先权日:2011年4月11日
【发明者】P·F·巴维尔 申请人:微软公司