电子装置、社群互动砖显示方法及动态图示砖连结方法

摘要

本发明提供一种电子装置、社群互动砖显示方法及动态图示砖连结方法，其中，该社群互动砖数据显示方法是于显示屏幕上显示动态图示砖群组，当接收钉选指令时，于显示屏幕上的动态图示砖群组中产生对应于钉选指令指定的第一联络人的社群互动砖。并使动态图示砖群组中的动态图示砖显示对应于第一联络人的即时动态信息。动态图示砖连结方法是于显示屏幕上显示第一及第二动态图示砖，当接收连结指令时，依照该连结指令，建立该第一及第二动态图示砖之间的连结关系，并依据该第一及第二动态图示砖的属性，针对该第一及第二动态图示砖执行一预定操作。本发明可使首页画面上的动态图示砖之间有互动信息串连相关，让使用者能拥有更符合自己需求的首页画面。

说明书

技术领域

本发明涉及电子装置的使用者界面，更具体的，涉及电子装置和该电子 装置所使用的社群互动砖(social tile)数据显示方法、以及动态图示砖连结方 法。

背景技术

近来出现一种图示砖基础显示信息系统(tile based display information  system)，例如WindowsTM 8的使用HTML5和JavaScript技术的Web应用 程序版本的Metro mode(参见图1)。如图1所示，在使用者首页10上显示多 个动态图示砖111～119，且并排显示的动态图示砖111～119构成一个动态 图示砖群组110。使用者首页10上可以显示多个动态图示砖群组。动态图示 砖111～119中每一个均为一款应用程序的缩图，可以让使用者直接在动态 图示上读取更新信息。例如显示股市相关信息的动态图示砖115、显示天气 信息的动态图示砖119等等，使用者不用进入应用程序的专属架构中即可得 知关于该应用程序的重要信息。

依据目前的图示砖基础显示信息系统，每一个动态图示砖都是单独运作 的，不论动态图示砖是否配置于相邻的位置，或者是否配置于同一个动态图 示砖群组中，不同的动态图示砖之间都没有互相关联。

为使得使用者能拥有更符合自己需求的首页画面，本发明提供一种社群 互动砖数据显示方法及使用该方法的电子装置，使得首页画面上的动态图示 砖之间有互动信息串连相关，进而达到让使用者能拥有更符合自己需求的首 页画面的目的。

发明内容

有鉴于此，为了克服现有技术的缺陷，本发明的目的之一是提供一种电 子装置、社群互动砖数据显示方法及动态图示砖连结方法，通过该电子装置、 社群互动砖数据显示方法及动态图示砖连结方法，使得首页画面上的动态图 示砖之间有互动信息串连相关，进而使得使用者能拥有更符合自己需求的首 页画面。

本发明提供一种电子装置，其包括：一显示屏幕，显示一第一动态图示 砖群组，其包含多个动态图示砖；一输入装置，接收一钉选(pin)指令，指定 一第一联络人；一处理器，于该显示屏幕上产生对应于该第一联络人的一社 群互动砖，并将该社群互动砖加入该第一动态图示砖群组中，并使该第一动 态图示砖群组中的所述多个动态图示砖显示对应于该第一联络人的即时动 态信息。

本发明提供一种社群互动砖数据显示方法，其包含：于一显示屏幕上显 示一第一动态图示砖群组，其包含多个动态图示砖；接收一钉选指令，指定 一第一联络人；于该显示屏幕上的该第一动态图示砖群组中产生对应于该第 一联络人的一社群互动砖；以及使该第一动态图示砖群组中的所述多个动态 图示砖显示对应于该第一联络人的即时动态信息。

本发明并提供一及动态图示砖连结方法，于一显示屏幕上显示一第一动 态图示砖及一第二动态图示砖；接收一第一连结指令，指定在该第一动态图 示砖及该第二动态图示砖之间建立一连结关系；依照该第一连结指令，建立 该第一动态图示砖及该第二动态图示砖之间的该连结关系；以及依据该第一 动态图示砖及该第二动态图示砖的属性，针对该第一动态图示砖及该第二动 态图示砖执行一预定操作。

本发明并提供一种电子装置，其包括：一显示屏幕，显示第一动态图示 砖及第二动态图示砖；一输入装置，接收第一连结指令，指定在该第一动态 图示砖及该第二动态图示砖之间建立一连结关系；一处理器，依照该第一连 结指令，建立该第一动态图示砖及该第二动态图示砖之间的该连结关系，并 依据该第一动态图示砖及该第二动态图示砖的属性，针对该第一动态图示砖 及该第二动态图示砖执行一预定操作。

本发明提供一种社群互动砖数据显示方法及使用该方法的电子装置，使 得首页画面上的动态图示砖之间有互动信息串连相关，如此一来，使用者不 必个别于动态图示砖去设定所需显示的信息，而可简单通过串连动态图示砖 的方式使得动态图示砖显示的信息符合所需，达到让使用者能拥有更符合自 己需求的首页画面的目的。

附图说明

图1显示一种图示砖基础显示信息系统的画面示意图。

图2显示依据本发明实施例的电子装置的示意图。

图3为根据本发明一实施例的流程图。

图4A～图4H为根据本发明一实施例的显示画面示意图。

图5显示本发明适用于iPhone系统的电子装置的显示画面的一例。

图6显示本发明适用于Android系统的电子装置的显示画面的一例。

图7A～图7C为根据本发明第二实施例的显示画面示意图。

图8为根据本发明第二实施例的流程图。

其中，附图标记说明如下：

使用者首页 10；

动态图示砖 111～119；

电子装置 20；

触控面板装置 21；

处理器 23；

步骤 S301～S313；

使用者名称 45，75；

使用者首页 400，700；

动态图示砖群组 410，420；

动态图示砖 411～419，425，426，711～719；

显示画面 50；

联络人图标 51；

天气图标 53；

地图图标 55；

显示画面 60；

联络人图标 61；

天气图标 63；

步骤 S801～S809。

具体实施方式

为了让本发明的目的、特征及优点能更明显易懂，下文特举较佳实施例， 并配合附图做详细的说明。本发明说明书提供不同的实施例来说明本发明不 同实施方式的技术特征。其中，实施例中的各元件的配置是为说明之用，并 非用以限制本发明。且实施例中附图标记的部分重复，是为了简化说明，并 非意指不同实施例之间的关联性。

本发明的实施例可以实现于一电子装置，该电子装置可以为便携式电子 装置，例如智能手机或平板电脑等。

根据本发明实施例，使得电子装置的画面，例如是首页画面，上的动态 图示砖之间有互动信息串连相关，进而使得使用者能拥有所显示的信息更符 合自己需求的画面，例如是首页画面。

图2显示依据本发明实施例的电子装置的示意图。电子装置20包含一 触控面板装置21、处理器23。

触控面板装置21可以使用任何已知或未来可能实现的触控面板技术， 只要是具显示屏幕与输入装置的功能的装置，皆属于本发明的范围。于一实 施例中，触控面板装置21显示至少一个动态图示砖群组，其中该动态图示 砖群组包含多个动态图示砖(参见下述图4A)，并且，触控面板装置21接收 使用者输入的数据和/或指令。

处理器23控制触控面板装置21的运作，并执行电子装置20的功能。

电子装置20的其他的功能元件的运作及相互连结关系，可以依据已知 或未来发展的技术实现。

图3为根据本发明第一实施例的流程图，其于一智能手机的首页中产生 社群互动砖，并使得该首页中其他的动态图示砖和该社群互动砖之间有互动 信息串连相关。该智能手机具有一触控面板，且该智能手机采用微软TM的 作业平台(Windows Phone)。值得注意的是，虽于此以智能手机的首页为例来 做说明，然本发明不限于此，只要是显示于显示设备的一页面上，例如是平 板电脑的一页面等，皆属于本发明的范围。

首先，在触控面板上显示一使用者首页(步骤S301)。参见图4A，方块 45显示使用者A的使用者名称，使用者首页400显示多个动态图示砖411～ 419，且并排显示的动态图示砖411～419构成一个动态图示砖群组410。其 中，动态图示砖411～419中每一个均为一款应用程序的缩图，其上可显示 信息，以让使用者直接在动态图示上浏览信息。例如，动态图示砖411显示 目前系统设定所在地时间，动态图示砖412显示MSN信息，动态图示砖413 显示短信(SMS)，动态图示砖414显示使用者部落格(Blog)信息，动态图示砖 415显示音乐播放信息，动态图示砖416显示脸书(facebook)信息，动态图示 砖417显示系统设定所在地天气，动态图示砖418显示使用者脸书照片，动 态图示砖419显示股市信息。

如图4C所示，使用者首页400除了动态图示砖群组410之外，还可包 含其他动态图示砖群组420，每一个动态图示砖群组包含至少一个动态图示 砖。使用者可以利用滑动等操作方式使屏幕上显示不同的动态图示砖群组。

继之，系统提供一联络人列表(步骤S303)。该联络人列表包含多个联络 人信息，其可以由使用者设定，或由系统自动整合该使用者在网络社群平台 上设定的联络人信息。

参见图4B，系统提供一个联络人列表，并显示在屏幕上供使用者选取。 使用者可以使用系统设定的操作方式，从联络人列表中选取至少一个联络 人。

在步骤S305中，当使用者指定一联络人，并点选钉选功能时，系统接 收一钉选指令，指定将被选取的联络人B钉选到使用者首页上。

参见图4D，联络人列表中，被选取的联络人B以勾选及反白表示，且 屏幕的右下角显示一“钉选”功能钮47。虽于此以勾选及反白表示，然而本 发明不限于此，任何可表示联络人B被选取的方式皆属于本发明的范围。

在步骤S307中，系统于该显示屏幕上产生对应于该联络人B的一社群 互动砖。

例如，若该使用者首页上原本就显示了多个动态图示砖群组，则社群互 动砖可以产生于最后一个动态图示砖群组中。参见图4E，由于动态图示砖群 组420原本仅显示了4个动态图示砖，还有空位容纳新的动态图示砖，所以 新的社群互动砖425显示在动态图示砖群组420中。于另一实施例中，对应 于联络人B的社群互动砖可直接新增于动态图示砖群组410中，则动态图示 砖群组410可依据预设的方式，将动态图示砖群组410中的一动态图示砖移 往其它动态图示砖群组，或是动态图示砖群组410可变更为包括且同时显示 10个动态图示砖的型态。

在步骤S309中，系统响应于一使用者对该社群互动砖425的操作，移 动该社群互动砖的位置。

例如，使用者以拖曳等操作方式将新产生的社群互动砖425从动态图示 砖群组420移到动态图示砖群组410中。参见图4F，使用者将社群互动砖 425拖曳到动态图示砖群组410中的动态图示砖415上，此时，系统将动态 图示砖415从动态图示砖群组410中移除，并将社群互动砖425加入动态图 示砖群组410中。

步骤S311中，系统提取对应于该被选取联络人B的联络人数据。

步骤S313中，系统依据该联络人数据，使该动态图示砖群组410中的 所述多个动态图示砖411～414及416～419显示对应于该被选取联络人B的 即时动态信息。参见图4G，依据被选取联络人B的联络人信息，动态图示 砖411显示联络人B所在地时间，动态图示砖412显示使用者与联络人B之 间的MSN信息，动态图示砖413显示使用者与联络人B之间的短信，动态 图示砖414显示使用者部落格信息中和联络人B相关的信息，社群互动砖 425显示被选取联络人B的名字及照片，动态图示砖416显示脸书信息中和 被选取联络人B相关的信息，动态图示砖417显示被选取联络人B所在地天 气，动态图示砖418显示使用者脸书照片中有出现被选取联络人B的照片， 动态图示砖419显示和被选取联络人B相关的股市信息。其中动态图示砖 419所显示的和被选取联络人B相关的股市信息可以为，被选取联络人B所 任职公司的股票信息。

举例来说，联络人数据包括联络人的兴趣、任职公司等，其中联络人的 兴趣例如是看电影、听音乐、团购商品。动态图示砖群组中其一动态图示砖 则可依据联络人的兴趣来显示与该兴趣相关的信息。举例来说，系统或相关 应用程序可依据联络人的兴趣连结至网络以搜寻相关数据，其一动态图示砖 则可依据相关数据显示最新电影信息、电影评论、最新上市专辑、最畅销排 行榜、最新团购信息、最热门团购商品排行榜、联络人任职公司的股票信息、 营运状态、竞争对手的股票信息等。显示的方式例如是轮播，其以一定时间 间距来切换所显示的信息。显示方式的另一实施例例如是将权重较重的信息 以播放次数较多和/或较久的方式来播放，举例来说，排行榜信息的权重较重。

于另一实施例中，其一动态图示砖所对应的应用程序依据联络人数据， 例如是联络人于此应用程序的相关账户，连结至对应此应用程序的服务器， 并依据此相关账户由此服务器提取相关数据。举例来说，联络人B先前已于 对应至此应用程序的服务器注册一账户，并依据此账户于此服务器设定一相 关设定，例如是设定所欲追踪的股票代码，而服务器借此可传送此所欲追踪 股票代码的相关信息至联络人B的装置。而其一动态图示砖所对应的应用程 序即可依据联络人数据中对应此应用程序的相关账户，至此服务器提取对应 此账户的相关数据，例如是提取此所欲追踪的股票代码，其一动态图示砖即 可显示此相关数据的信息于动态图示砖上。如此一来，当把联络人B新增后， 系统或此相关应用程序即会直接连结至服务器，将联络人B所设定的所欲追 踪股票代码的信息下载至系统中，使得所显示的股票信息包括联络人B所关 心的股市信息，使用者即可即时了解联络人B所关心的股票，进而可即时与 联络人B讨论。

于再一实施例中，其一动态图示砖所对应的应用程序是一游戏软件，例 如是线上麻将游戏。系统即可连结至对应此游戏的服务器以下载一相关信 息，则对应的动态图示砖即可依据该相关信息显示联络人B于此游戏所获得 的最高分数、目前是否正在玩此游戏等。步骤S315中，系统持续监测在动 态图示砖群组410中的各动态图示砖所对应的应用程序，是否有对应于被选 取联络人B的动态信息要更新。

例如，当被选取联络人B使用MSN传送一新的信息给使用者时，动态 图示砖412显示新传送来的信息内容。又如，当被选取联络人B任职公司的 股价有异动时，在动态图示砖419显示新的股价信息，或是该公司的最新季 报、年报、月营收、竞争公司的相关信息等。

若使用者欲将其他的联络人钉选到其使用者首页上，则重复执行步骤 S305以后的步骤。亦即，此时使用者重新从联络人列表中指定一联络人(例 如联络人C)，并点选钉选功能，使系统接收一钉选指令，指定将被选取的联 络人C钉选到使用者首页上，系统并于该显示屏幕上产生对应于该联络人C 的一社群互动砖。当使用者将联络人C的社群互动砖拖曳到动态图示砖群组 410中时，系统提取对应于该被选取联络人C的联络人数据，依据该联络人 数据，使该动态图示砖群组410中的所述多个动态图示砖显示对应于该被选 取联络人C的即时动态信息。

例如，参见图4H，动态图示砖群组410中的动态图示砖上同时并列显 示对应于该联络人B的联络人数据的动态信息及对应于该联络人C的该联络 人数据的即时动态信息。例如，依据被选取联络人B及C的联络人信息，动 态图示砖411显示联络人B及C的所在地时间，动态图示砖412显示使用者 与联络人B及C之间的MSN信息，社群互动砖426显示被选取联络人C的 名字及照片，动态图示砖414显示使用者部落格信息中和联络人B及C相关 的信息，社群互动砖425显示被选取联络人B的名字及照片，动态图示砖 416显示脸书信息中和被选取联络人B及C相关的信息，动态图示砖417显 示被选取联络人B及C所在地天气，动态图示砖418显示使用者脸书照片中 有出现被选取联络人B和/或C的照片，动态图示砖419显示和被选取联络 人B及C相关的股市信息。其中动态图示砖419所显示的和被选取联络人B 及C相关的股市信息可以为，被选取联络人B及C所任职公司的股票信息。

当被选取的联络人有多个时，所述多个动态图示砖上亦可轮动显示对应 于被选取的各联络人的即时动态信息。此外，由于被选取的联络人有多个， 所以显示信息前可标记为与哪一个联络人相关的信息。举例来说，若天气的 动态图示砖上显示两个以上的天气信息时，可于个别天气信息前列出人名或 对应照片，以能了解个别天气信息与人的对应关系。

在上述实施例中，虽以智能手机为例，但本发明并不以此为限，本发明 亦可以适用于平板电脑等其他种类的电子装置中。

另外，在上述实施例中，以WindowsTM 8的Metro mode为例，但本发 明并不以此为限，只要是具有能够动态显示信息的动态图示砖的显示画面， 均可以适用本发明。

例如，请参照图5，在iPhone的显示画面中，在使用者首页上的图标可 以动态显示日期及天气，当使用者指定在该使用者首页上显示一联络人图标 时，在上述iPhone的显示画面50中即显示对应的联络人图标(参见图标51)， 并使得在该使用者首页上的动态显示天气的图标会依据该联络人信息，显示 对应于该联络人所在地以及使用者所在地等信息的天气信息(参见图标53)。 于另一实施例中，也可在一地图图标中显示该联络人的粗略位置(参见图标 55)，此粗略位置例如是依据该联络人所手持的装置所连结的基地台位置。

在Android系统的手机中亦有类似的界面，请参照图6。亦即，在显示 画面中，在使用者首页上的图标可以动态显示日期及天气，当使用者指定在 该使用者首页上显示一联络人图标时，在上述Android的显示画面60中即显 示对应的联络人图标(参见图标61)，并使得在该使用者首页上的动态显示天 气的图标会依据该联络人信息，显示对应于该联络人所在地等信息的天气信 息(参见图标63)。

图7A～图7C为根据本发明第二实施例的显示画面示意图，第8图为根 据本发明第二实施例的流程图，其于一智能手机屏幕上显示的动态图示砖之 间建立连结关系。如同第一实施例，在第二实施例中，该智能手机具有一触 控面板，且该智能手机采用微软TM的作业平台(Windows Phone)。值得注意 的是，虽于此以智能手机的首页为例来做说明，然而本发明不限于此，只要 是显示于显示设备的一页面上，例如是平板电脑的一页面等，皆属于本发明 的范围。

首先，在触控面板上显示一使用者首页(步骤S801)。

参见图7A，方块75显示智能手机的使用者A的使用者名称，使用者首 页700显示多个动态图示砖711～719，且并排显示的动态图示砖711～719 构成一个动态图示砖群组710。虽然图未显示，但使用者首页700除了动态 图示砖群组710之外，还可包含其他动态图示砖群组720，每一个动态图示 砖群组包含至少一个动态图示砖。使用者可以利用滑动等操作方式使屏幕上 显示不同的动态图示砖群组。

其中，动态图示砖711～719可以为应用程序的缩图，或者是联络人图 示，在动态图示砖上可显示信息，以让使用者直接在动态图示上浏览信息。 例如，动态图示砖711显示目前系统设定所在地时间，动态图示砖712为显 示联络人B信息的联络人图示砖，动态图示砖713对应于使用者A的云端数 据同步软件(例如dropbox)，动态图示砖714显示使用者部落格信息，动态图 示砖715对应于图片编辑软件，动态图示砖716显示脸书信息，动态图示砖 717显示系统设定所在地天气，对应于使用者照片数据夹的动态图示砖718 显示使用者照片数据夹中的照片文件，动态图示砖719显示另一个联络人C 信息的联络人图示砖。

继之，接收一连结指令，指定在一动态图示砖及另一动态图示砖之间建 立一连结(步骤S803)。

上述连结指令可以通过使用者对动态图示砖的拖曳操作而实现。例如， 使用者以拖曳等操作方式将动态图示砖717拖曳移动到动态图示砖712上， 然后放手，完成连结指令的下达。

在步骤S805中，依照该连结指令，在该动态图示砖及另一动态图示砖 之间建立连结。

例如，当系统检测到动态图示砖717被拖曳移动到动态图示砖712上时， 即依照该拖曳移动下达的连结指令，建立动态图示砖717及动态图示砖712 之间的连结关系。

依据本实施例，被拖曳移动操作的动态图示砖717称之为“从属图示砖”， 而另一个没有被拖曳移动操作的动态图示砖712称之为“主图示砖”。每个 从属图示砖只能对应一个主图示砖，但每个主图示砖能够有多个从属图示 砖。

继之，于步骤S807中，对应于步骤S805中建立的连结关系，将被拖曳 操作的动态图示砖(从属图示砖)移动配置到没有被拖曳操作的动态图示砖 (主图示砖)之邻，并提供一视觉提示，标示所述多个动态图示砖之间的连结 关系。

如图7B所示，动态图示砖717的位置由原本的画面右上角移到动态图 示砖712的旁边，而原本配置在动态图示砖712旁边的动态图示砖715则与 动态图示砖717交换位置，变成显示在画面右上角的位置。而且，另显示框 750，将动态图示砖717和动态图示砖712围起来，以提示动态图示砖712 和动态图示砖717之间有连结关系。

于步骤S809中，依据建立连结关系的动态图示砖的属性，针对所述多 个动态图示砖执行一预定操作。

上述预定操作对应于建立连结关系的动态图示砖的属性而有所不同。

例如，在上述例子中，动态图示砖712(联络人B图示砖)为主图示砖， 而动态图示砖717(显示系统设定所在地天气)为从属图示砖时，使动态图示 砖717显示联络人B所在地天气，而不显示系统设定所在地天气。或者，使 动态图示砖717以同时或轮流的方式显示联络人B所在地东京的天气及系统 设定所在地台北的天气。

例如，动态图示砖712(联络人B图示砖)为主图示砖，而动态图示砖 713(对应于云端数据同步软件dropbox)为从属图示砖时，使动态图示砖713 对应的云端数据同步软件dropbox将使用者A的云端数据同步数据夹中的文 件传送给联络人图示砖712对应的联络人B，或变更动态图示砖713对应的 云端数据同步软件dropbox的存取权限设定或操作权限设定，允许联络人图 示砖712对应的联络人B存取使用者A的云端数据同步数据夹中的至少一文 件，或允许联络人图示砖712对应的联络人B在使用者A的云端数据同步数 据夹中进行其他动作，例如设立新的数据夹等。

例如，动态图示砖712(联络人B图示砖)为主图示砖，而动态图示砖 719(联络人C图示砖)为从属图示砖时，使动态图示砖719对应的联络人C 被允许存取联络人B的分享数据夹。

例如，动态图示砖715(对应于图片编辑软件)为主图示砖，而动态图示 砖718(使用者脸书照片数据夹)为从属图示砖时，使动态图示砖715对应的 图片编辑软件以背景执行的方式对该使用者脸书照片数据夹中的照片文件 进行编辑程序。

如上所述，每个从属图示砖只能对应一个主图示砖，但每个主图示砖能 够有多个从属图示砖。若使用者欲将其他图示砖设定为动态图示砖712的从 属图示砖时，只要重复步骤S803即可，若系统检测到连结指令，则会重复 执行步骤S805～S809。

例如，当使用者以拖曳等操作方式将动态图示砖714拖曳移动到动态图 示砖712上，然后放手，完成连结指令的下达。动态图示砖714由原本的位 置移到动态图示砖712的旁边，而原本配置在动态图示砖712旁边的动态图 示砖717向左移，而原来在最左侧的动态图示砖718与动态图示砖714交换 位置，变成显示在画面下方的位置。而且，另显示框751，将动态图示砖712 和动态图示砖714、717围起来，以提示动态图示砖712和动态图示砖714、 717之间有连结关系。

又例如，动态图示砖716(对应于社群网站脸书)为主图示砖，而动态图 示砖719(联络人C图示砖)为从属图示砖时，使动态图示砖716显示联络人C 的脸书更新状态。若除了动态图示砖719(联络人C图示砖)的外，动态图示 砖716(对应于社群网站脸书)还有另一个从属图示砖为动态图示砖712，则在 动态图示砖716上以同时或轮流的方式显示联络人B及联络人C的脸书更新 状态。

若使用者欲解除动态图示砖之间的连结关系，只要将从属图示砖拖曳离 开主图示砖即可。

例如，若使用者解除动态图示砖717和712之间的连结关系，只要将从 属图示砖717拖曳离开主图示砖712，亦即，将从属图示砖717拖出框750 即可。

任何本领域普通技术人员，在不脱离本发明的精神和范围内，当可做些 许的更动与润饰，因此本发明的保护范围当视所附的权利要求所界定的范围 为准。