CN103246442A - 使用者界面的信息显示方法 - Google Patents

Abstract

一种使用者界面的信息显示方法，包括下列步骤。首先，提供具有多个动态图示砖的使用者界面，并定义各个动态图示砖的功能属性及其附属栏位。接着，检测使用者将此些动态图示砖中的第一动态图示砖自第一位置拖曳移动至第二位置的选取操作。之后，判断第一动态图示砖的附属栏位是否与位于相邻区域的第二动态图示砖的附属栏位相关联。若第一动态图示砖与第二动态图示砖具有相关联的附属栏位，则在第一动态图示砖中对应显示与第二动态图示砖相关联的联动信息。

Description

使用者界面的信息显示方法

技术领域

本发明涉及一种使用者界面(User Interface，UI)的信息显示方法，尤其涉及一种具有动态图示砖(live tile)的使用者界面的信息显示方法。

背景技术

为了使人机互动的操作更具直觉性以及更具人性化，图形界面因此随之发展。由于科技的进步，各式各样消费型电子产品不断地更新与改良，例如可利用触碰进行操控的智能型手机等，因此操作界面也必须随之改善，以使人更容易理解信息并且减少界面使用的操作错误。

微软即将推出的新版窗口操作系统(即Windows 8)可支持两种图形界面，一种是延续窗口操作系统的传统桌面模式(Desktop Mode)；另一种是以现代化地铁系统的标志及风格所设计出的地铁模式使用者界面(以下简称为Metro UI)。

图1显示为一种微软窗口操作系统的Metro UI的显示画面示意图。如图1所示的Metro UI的显示画面100中，具有多个并排且具不同尺寸的矩形方块，在此称之为图示砖(tile)。每一图示砖皆可由使用者任意选取、拖拉并且摆放在使用者自订的位置上。其中，图示砖依其功能又可分为捷径图示砖以及动态图示砖(live tile)。捷径图示砖为现有的应用程序缩图(Application Shortcut)，经由使用者点选之后便可进入或开启此缩图所代表的应用程序，方便使用者操作。动态图示砖除了具备捷径图示砖所具有的功能之外，还可动态更新图示砖内所显示的图/文信息，可以让使用者去关注自己所关心的内容。然而，不论为动态图示砖或捷径图示砖，如图1所示的各个图示砖皆为单独运行，彼此之间并无任何关联性。

发明内容

有鉴于此，本发明提供一种使用者界面的信息显示方法，藉以增加动态图示砖之间的信息关联性(correlation)。

本发明提出一种使用者界面的信息显示方法，包括下列步骤。首先，提供具有多个动态图示砖的使用者界面，并定义各个动态图示砖的功能属性及其附属栏位。接着，检测使用者将此些动态图示砖中的第一动态图示砖自第一位置拖曳移动至第二位置的选取操作。之后，判断移动至第二位置的第一动态图示砖与相邻区域的第二动态图示砖是否具有相关联的附属栏位。若第一动态图示砖与第二动态图示砖具有相关联的附属栏位，则在第一动态图示砖中对应显示与第二动态图示砖相关联的联动信息。

在本发明的一实施例中，所述的在第一动态图示砖中对应显示与第二动态图示砖相关联的联动信息包括下列步骤。更改第一动态图示砖中的附属栏位的内容使其相同于第二动态图示砖的附属栏位的内容。并且利用第一动态图示砖的功能属性与更改后的附属栏位的内容产生联动信息，并在第一动态图示砖中显示此联动信息。

在本发明的一实施例中，所述的判断移动至第二位置的第一动态图示砖与相邻区域的第二动态图示砖是否具有相关联的附属栏位的步骤包括搜寻以第二位置为中心的十字形区域并且与第一动态图示砖相邻的多个第二动态图示砖。判断第一动态图示砖与相邻的第二动态图示砖是否具有相关联的附属栏位。

在本发明的一实施例中，所述的若第一动态图示砖与相邻的第二动态图示砖具有相关联的附属栏位，则还包括在第一动态图示砖中轮流显示与相邻的第二动态图示砖相关联的多个联动信息。

在本发明的一实施例中，所述的使用者界面的信息显示方法还包括在第一动态图示砖中动态更新与相邻的第二动态图示砖相关联的各个联动信息并依据预设时间间隔轮流显示各个联动信息。

在本发明的一实施例中，所述的使用者界面的信息显示方法还包括判断在预设时间内是否检测到使用者将第一动态图示砖自第二位置拖曳移动至第三位置的选取操作。若是，则删除在第一动态图示砖中所显示的联动信息。

在本发明的一实施例中，所述的在删除第一动态图示砖中所显示的联动信息之后，还包括恢复显示第一动态图示砖的预设信息内容。

在本发明的一实施例中，所述的定义各个动态图示砖的功能属性及其附属栏位的步骤包括分别判断各个动态图示砖是否会随时间变化而改变所显示的信息内容。若是，则依据所显示的信息内容定义各个动态图示砖的功能属性及其附属栏位。

在本发明的一实施例中，所述的功能属性包括天气、时间、新闻、股市、汇率、音乐或相片属性。

在本发明的一实施例中，所述的附属栏位包括用以辅助表达位置信息的地名、国家、城市或经纬度信息。

基于上述，本发明所提供的使用者界面的信息显示方法，藉由分辨动态图示砖的功能属性以及附属栏位，使得相邻的动态图示砖之间可自动产生具信息关联性的联动信息。

为让本发明的上述特征和优点能更明显易懂，下文特举实施例，并配合附图作详细说明如下。

附图说明

图1显示为一种微软窗口操作系统的Metro UI的显示画面示意图；

图2是依照本发明一实施例所显示的使用者界面的信息显示方法的流程图；

图3(a)至图3(f)是依照本发明一实施例所显示的使用者界面的信息显示方法的应用情境示意图；

图4是依照本发明另一实施例所显示的使用者界面的信息显示方法的流程图；

图5是依照本发明又一实施例所显示的使用者界面的信息显示方法的流程图；

图6是依照本发明又一实施例所显示的具有多个动态图示砖的使用者界面的简略示意图。

附图标记：

100、300、302、304、306、308、310、600：显示画面；

110、120、130、t1～t6：图示砖；

A：十字形区域；

L1：第一位置；

L2：第二位置；

S210～S250：一实施例的使用者界面的信息显示方法的各步骤；

S410～S470：另一实施例的使用者界面的信息显示方法的各步骤；

S510～S560：又一实施例的使用者界面的信息显示方法的各步骤。

具体实施方式

如图1所示的Metro UI的显示画面100中，具有多个并排的捷径图示砖以及动态图示砖。捷径图示砖(例如图1的图示砖110)方便使用者进行选取而可直接进入欲操作的应用程序，然而，捷径图示砖所显示的为对应的应用程序的缩图，并不会更新图示砖的内容。图示砖120则为动态图示砖，其对应一种天气预报的应用程序，经使用者设定后，在图示砖120内所显示的图/文信息可定时更新；图示砖130亦为动态图示砖，其对应一种股市投资状态的应用程序，可随时更新最新的涨跌信息。

然而，现有使用者界面的各个图示砖之间皆为单独运行，不论为动态图示砖或捷径图示砖，彼此并无任何关联性。然而，若是能经由使用者简单的操作，让不同的动态图示砖之间自动产生相关联的信息互动关系，并且显示具信息关联性的联动信息(linkage information)，将使管理更加人性化、使用者界面的操作更加流畅以及连贯。本发明便是基于上述观点进而发展出的一种使用者界面的信息显示方法。为了使本发明的内容更为明了，以下列举实施例作为本发明确实能够据以实施的范例。

图2是依照本发明一实施例所显示的使用者界面的信息显示方法的流程图。图3是依照本发明一实施例所显示的使用者界面的信息显示方法的应用情境示意图。请同时参照图2与图3。

首先于步骤S210中，提供具有多个动态图示砖的使用者界面，并定义各个动态图示砖的功能属性及其附属栏位。为了方便说明本发明的技术，图3(a)至图3(f)所示仅为使用者界面中包含部分图示砖的显示画面。如图3(a)所示，显示画面300包括动态图示砖t1、t3以及捷径图示砖t2。功能属性主要依据动态图示砖所对应的应用程序所能提供的信息而定。在一实施例中，所述的功能属性可包括天气、时间、新闻、股市、汇率、音乐或相片等属性；所述的附属栏位可包括地名、国家、城市或经纬度信息等可用以辅助表达位置的信息。

如图3(a)所示，动态图示砖t1所显示的主要信息为“22:50”，附属栏位为“纽约市”，换句话说，动态图示砖t1代表“纽约市的时间为22:50”。动态图示砖t1的主要功能在于提供时间信息，因此其功能属性可定义为时间，附属栏位则为城市。同理，动态图示砖t3所显示的主要信息为“28℃，晴”，附属栏位为“台北市”，动态图示砖t3代表“台北市的天气为28℃，晴”。因此，动态图示砖t3的主要功能在于提供天气信息，附属栏位则为城市。

须说明的是，本实施例具有动态图示砖的使用者界面可显示于各种电子产品例如是计算机、笔记本式计算机、平板计算机、智能型手机、导航装置、电视等等电子产品的显示界面。其中，使用者例如可通过鼠标、键盘、屏幕等输出/入装置来与上述电子产品进行互动，若电子产品提供触控功能(例如具备触控屏幕)，则使用者亦可通过手或触控笔等操控触控屏幕来进行互动操作。

接着在步骤S220中，检测使用者将动态图示砖中的第一动态图示砖自第一位置拖曳移动至第二位置的选取操作。如图3(b)所示，在本实施例中，第一动态图示砖即为动态图示砖t1，当使用者将动态图示砖t1自第一位置L1拖曳移动至捷径图示砖t2与动态图示砖t3之间，则使用者界面会自动调整图示砖之间的位置，调整后如图3(c)所示。

在步骤S230中，判断移动至第二位置的第一动态图示砖与位于相邻区域的第二动态图示砖是否具有相关联的附属栏位。若判断第一动态图示砖与第二动态图示砖之间具有相关联的附属栏位，则接续步骤S240；反之，若两者之间并未具有相关联的附属栏位，则接续步骤S250。如图3(c)所示，与动态图示砖t1位于相邻区域的第二动态图示砖即为动态图示砖t3。其中，动态图示砖t1与动态图示砖t3的附属栏位皆为可用以辅助表达位置信息的城市，因此判断两者之间具有关联性，接续步骤S240。

在步骤S240中，在第一动态图示砖中对应显示与第二动态图示砖相关联的联动信息。详细地说，须先更改第一动态图示砖中的附属栏位的内容使其相同于第二动态图示砖的附属栏位的内容。再利用第一动态图示砖的功能属性与更改后的附属栏位的内容产生联动信息，并在第一动态图示砖中显示此联动信息。如图3(d)所示，动态图示砖t1将其附属栏位的内容由“纽约市”更改为“台北市”，而动态图示砖t1的功能属性为时间，因此结合功能属性与“台北市”则可产生“台北市的时间为11:50”的联动信息，并将此联动信息显示于动态图示砖t1当中，据此，动态图示砖t1、t3皆显示具有相同附属栏位的最近信息。

另一方面，在步骤S250中，若第一动态图示砖与第二动态图示砖之间并未具有相关联的附属栏位，代表无法产生相关联的联动信息，则不做任何变动，各个动态图示砖显示各自的信息。

图4是依照本发明另一实施例所显示的使用者界面的信息显示方法的流程图。本实施例同样搭配图3的应用情境示意图作为辅助说明，请同时参照图3与图4。

首先，提供具有多个动态图示砖的使用者界面，并定义各个动态图示砖的功能属性及其附属栏位(步骤S410)。检测使用者将动态图示砖中的第一动态图示砖自第一位置拖曳移动至第二位置的选取操作(步骤S420)。判断移动至第二位置的第一动态图示砖与位于相邻区域的第二动态图示砖是否具有相关联的附属栏位(步骤S430)。在第一动态图示砖中对应显示与第二动态图示砖相关联的联动信息(步骤S440)。若第一动态图示砖与第二动态图示砖之间并未具有相关联的附属栏位，各个动态图示砖显示各自的信息(步骤S450)。由于本实施例的步骤S410～S450相同或类似于图2所示的步骤S210～S250，故其细部流程在此不予赘述。

接下来在步骤S460中，判断在预设时间内是否检测到使用者将第一动态图示砖自第二位置拖曳移动至第三位置的选取操作。其中，预设时间可由使用者自订，例如是30秒、1分、3分等等，在此不限制。如图3(e)所示，若使用者在预定时间内将动态图示砖t1自第二位置L2拖曳移动至其他地方，则可接续步骤S470。

于步骤S470，删除在第一动态图示砖中所显示的联动信息，并且恢复显示第一动态图示砖的预设信息内容。如图3(f)所示，由于动态图示砖t1拖曳移动至捷径图示砖t2的左方，因此使用者界面自动调整图示砖之间的位置，并且在动态图示砖t1中原本的联动信息“台北市的时间为11:50”已被删除，附属栏位的内容恢复原本预设的“纽约市”，因此图3(f)的动态图示砖t1显示信息为“纽约市的时间为22:52”。需说明的是，图3(a)与图3(f)的动态图示砖t1所示的时间相差了2分钟，系因为动态图示砖本身会定时更新图示砖内所显示的图/文信息，藉以让使用者获得最新的信息内容。

基于上述，在原本Metro UI的设计中，时间属性动态图示砖和天气属性动态图示砖各自显示各自的信息，并不会互相影响亦无相关联性。然而，本发明藉由使用者简单的选取操作，使得具有共同附属栏位的动态图示砖之间可以产生互动并且增加了动态图示砖之间的信息关联性。

再举一实施例作为范例说明。图5是依照本发明又一实施例所显示的使用者界面的信息显示方法的流程图。请参照图5。

首先，提供具有多个动态图示砖的使用者界面，并定义各个动态图示砖的功能属性及其附属栏位(步骤S510)。检测使用者将动态图示砖中的第一动态图示砖自第一位置拖曳移动至第二位置的选取操作(步骤S520)。

接下来在步骤S530中，搜寻以第二位置为中心的十字形区域并且与第一动态图示砖相邻的多个第二动态图示砖。图6是依照本发明又一实施例所显示的具有多个动态图示砖的使用者界面的简略示意图。请同时参照图5与图6。在本实施例中，第一动态图示砖即为动态图示砖t4，动态图示砖t4系由一外部位置移动至目前位置，因此，在以目前位置为中心的十字形区域A的范围内并且与动态图示砖t4相邻的第二动态图示砖即为动态图示砖t5、t6。

在步骤S540中，判断第一动态图示砖与相邻的第二动态图示砖之间是否具有相关联的附属栏位。若是，则接续步骤S550，在第一动态图示砖中轮流显示与相邻的第二动态图示砖之间相关联的多个联动信息。若否，则接续步骤S560，各个动态图示砖显示各自的动态信息。

以图6为例，假设动态图示砖t4的功能属性为提供时间信息，附属栏位的内容为“台北”；动态图示砖t5的功能属性为提供新闻信息，附属栏位的内容为“东京”；动态图示砖t6的功能属性为提供天气信息，附属栏位的内容为“纽约”。因此，动态图示砖t4与动态图示砖t5、t6之间皆具有可用以表达位置信息的附属栏位。因此，动态图示砖t4便会自动产生“东京的时间”以及“纽约的时间”两个不同的联动信息。在一实施例中，动态图示砖t4例如可采用翻转(peek animation)的方式轮流显示各个联动信息，或可由使用者自行设定一预设时间间隔，例如每隔5秒动态图示砖t4会自动进行翻转以轮流显示各个联动信息。

综上所述，本发明的动态图示砖所属的功能属性以及附属栏位的类别并不限于上述，凡是藉由使用者的选取操作使得相邻的动态图示砖之间可自动产生具信息关联性的联动信息，即为本发明的精神所在。本发明增加了使用者界面的信息显示的功能，使得管理更加人性化、更增加了使用者进行图形界面操作的流畅性以及连贯性。

虽然本发明已以实施例揭示如上，然其并非用以限定本发明，任何所属技术领域的普通技术人员，当可作些许更动与润饰，而不脱离本发明的精神和范围。

Claims (10)

1.一种使用者界面的信息显示方法，包括下列步骤：

提供具有多个动态图示砖的一使用者界面，并定义各该动态图示砖的一功能属性及一附属栏位；

检测一使用者将该些动态图示砖中的一第一动态图示砖自一第一位置拖曳移动至一第二位置的选取操作；

判断移动至该第二位置的该第一动态图示砖与相邻区域的至少一第二动态图示砖是否具有相关联的该附属栏位；以及

若该第一动态图示砖与该至少一第二动态图示砖具有相关联的该附属栏位，在该第一动态图示砖中对应显示与该至少一第二动态图示砖相关联的一联动信息。

2.根据权利要求1所述的使用者界面的信息显示方法，其中在该第一动态图示砖中对应显示与该至少一第二动态图示砖相关联的该联动信息的步骤包括：

将该第一动态图示砖中的该附属栏位的内容更改成与该至少一第二动态图示砖的该附属栏位的内容相同；以及

利用该第一动态图示砖的该功能属性与更改后的该附属栏位的内容产生该联动信息，并在该第一动态图示砖中显示该联动信息。

3.根据权利要求1所述的使用者界面的信息显示方法，其中判断移动至该第二位置的该第一动态图示砖与相邻区域的该至少一第二动态图示砖是否具有相关联的该附属栏位的步骤包括：

搜寻以该第二位置为中心的十字形区域并且与该第一动态图示砖相邻的多个第二动态图示砖；以及

判断该第一动态图示砖与相邻的该些第二动态图示砖是否具有相关联的该附属栏位。

4.根据权利要求3所述的使用者界面的信息显示方法，其中若该第一动态图示砖与相邻的该些第二动态图示砖具有相关联的该附属栏位，还包括：

在该第一动态图示砖中轮流显示与相邻的该些第二动态图示砖相关联的多个联动信息。

5.根据权利要求4所述的使用者界面的信息显示方法，还包括：

在该第一动态图示砖中动态更新与相邻的该些第二动态图示砖相关联的各该联动信息并依据一预设时间间隔轮流显示各该联动信息。

6.根据权利要求1所述的使用者界面的信息显示方法，还包括：

判断在一预设时间内是否检测到该使用者将该第一动态图示砖自该第二位置拖曳移动至一第三位置的选取操作；以及

若是，删除在该第一动态图示砖中所显示的该联动信息。

7.根据权利要求6所述的使用者界面的信息显示方法，其中在删除该第一动态图示砖中所显示的该联动信息之后，还包括：

恢复显示该第一动态图示砖的预设信息内容。

8.根据权利要求1所述的使用者界面的信息显示方法，其中定义各该动态图示砖的该功能属性及该附属栏位的步骤包括：

分别判断各该动态图示砖是否会随时间变化而改变所显示的一信息内容；以及

若是，依据所显示的该信息内容定义各该动态图示砖的该功能属性及该附属栏位。

9.根据权利要求1所述的使用者界面的信息显示方法，其中：

该功能属性包括天气、时间、新闻、股市、汇率、音乐或相片属性。

10.根据权利要求1所述的使用者界面的信息显示方法，其中：

该附属栏位包括用以辅助表达位置信息的地名、国家、城市或经纬度信息。

Images