CN105528167A

CN105528167A - 信息显示方法及装置

Info

Publication number: CN105528167A
Application number: CN201410510337.7A
Authority: CN
Inventors: 诸琳
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2014-09-28
Filing date: 2014-09-28
Publication date: 2016-04-27
Anticipated expiration: 2034-09-28
Also published as: CN105528167B; WO2016045546A1

Abstract

本申请提供一种信息显示方法及装置，包括：在终端的屏幕界面中的第一区域内，对分别与每种类型的预设信息相对应的图标进行显示；根据当前被触发的图标，在所述第一区域内生成与该图标相对应的信息框；将所述当前被触发的图标对应的预设信息的数据显示于所述信息框中，并将所述数据在预设时间段内的变化情况显示于所述屏幕界面中的第二区域内。通过本申请的技术方案，可以对多种类型的信息在同一屏幕界面中进行切换显示，有助于提升界面内容的可读性。

Description

信息显示方法及装置

技术领域

本申请涉及终端技术领域，尤其涉及信息显示方法及装置。

背景技术

用户往往需要将多种类型的数据显示在终端的屏幕界面中，从而便于执行数据分析。然而，如果直接将所有数据都平铺在屏幕界面上，则不利于确定数据之间的关联性；同时，尤其是对于移动设备的屏幕界面的尺寸有限的情况下，所有数据的平铺显示将导致数据的显示字体被迫缩小，显然不利于用户的查看和操作，甚至可能导致用户在对显示内容进行不断缩放控制的过程中，打断用户的分析思路，从而严重影响数据分析效率。

发明内容

有鉴于此，本申请提供一种新的技术方案，可以对多种类型的信息在同一屏幕界面中的信息显示进行优化。

为实现上述目的，本申请提供技术方案如下：

根据本申请的第一方面，提出了一种信息显示方法，包括：

在终端的屏幕界面中的第一区域内，对分别与每种类型的预设信息相对应的图标进行显示；

根据当前被触发的图标，在所述第一区域内生成与该图标相对应的信息框；

将所述当前被触发的图标对应的预设信息的数据显示于所述信息框中，并将所述数据在预设时间段内的变化情况显示于所述屏幕界面中的第二区域内。

根据本申请的第二方面，提出了一种信息显示装置，包括：

图标显示单元，在终端的屏幕界面中的第一区域内，对分别与每种类型的预设信息相对应的图标进行显示；

信息框生成单元，根据当前被触发的图标，在所述第一区域内生成与该图标相对应的信息框；

数据显示单元，将所述当前被触发的图标对应的预设信息的数据显示于所述信息框中，并将所述数据在预设时间段内的变化情况显示于所述屏幕界面中的第二区域内。

由以上技术方案可见，本申请通过对多种类型的信息进行切换式的轮流突出显示，使得用户能够明显地查看出当前突出显示的信息之间的关联关系，并且不会由于屏幕尺寸的限制而影响信息的显示效果，有助于提升用户的数据分析效率。

附图说明

图1示出了根据本申请一示例性实施例的信息显示方法的流程图；

图2示出了根据本申请一示例性实施例的更新显示信息的数据交互流程图；

图3-5示出了根据本申请一示例性实施例的联系人信息的界面示意图；

图6示出了根据本申请一示例性实施例的实时数据的界面示意图；

图7示出了根据本申请一示例性实施例的终端的结构示意图；

图8示出了根据本申请一示例性实施例的信息显示装置的框图。

具体实施方式

为对本申请进行进一步说明，提供下列实施例：

请参考图1，图1示出了根据本申请一示例性实施例的信息显示方法，应用于终端，该方法可以包括下述步骤：

步骤102，在终端的屏幕界面中的第一区域内，对分别与每种类型的预设信息相对应的图标进行显示；

在本实施例中，第一区域可以为屏幕界面上预设的任意区域，比如屏幕界面的上半部分；通过划分第一区域和下述的第二区域，从而将不同信息显示在相应的区域内，有助于对不同信息的区分，并且合理利用有限尺寸的屏幕界面。比如在一示例性实施方式中，可以在第一区域内显示实时数据，而在第二区域内显示实时数据的变化情况。

在本实施例中，以图标替代相应类型的具体数据，有助于减少对屏幕界面的占用，实现对更多类型的预设信息的同时展示。

步骤104，根据当前被触发的图标，在所述第一区域内生成与该图标相对应的信息框；

在本实施例中，当前被触发的图标可以是默认图标，即每当用户打开当前的屏幕界面时，默认触发该图标；或者，用户也可以根据自身需求而手动触发任一图标，则用户的触发操作就意味着对该图标对应的预设信息感兴趣，希望了解相应数据。

其中，通过为当前被触发的图标生成专用的信息框，使得该图标对应的预设信息的实时数据具有专门的显示区域，且每次仅在该专门的显示区域内显示一种预设信息的实时数据，不会由于预设信息的类型较多、显示内容之间相互拥挤而造成显示字体被迫缩小、不便于查看的问题。

在本实施例中，图标与信息框之间的对应关系，可以通过如部分重叠、位置靠近等方式进行体现。

步骤106，将所述当前被触发的图标对应的预设信息的数据显示于所述信息框中，并将所述数据在预设时间段内的变化情况显示于所述屏幕界面中的第二区域内。

在本实施例中，通过生成信息框，使得当前被触发的图标对应的预设信息的数据能够有效区分于第一区域以及终端屏幕内的其他显示内容，则用户能够方便地实现对信息框内的数据的关注和查看。

在本实施例中，显示于第二区域内的实时数据与当前被触发的图标相关联，从而能够建立第一区域内的信息框与第二区域内的实时数据的变化情况之间的对应关系，不存在将多种类型的信息平铺而导致的数据易混淆、不易建立关联的问题。

由上述实施例可知，本申请通过为当前被触发的图标生成对应的信息框，使得为该图标对应的预设信息的实时数据建立专门的显示区域，也使得该信息框内的显示内容与屏幕界面中的其他显示内容相区分，便于用户查看。同时，本申请通过将信息框内的实时数据的变化情况显示于第二区域内，从而在当前被触发的图标、信息框和第二区域之间建立关联关系，不会由于预设数据的类型较多而导致信息混淆、不易查看的问题。

本申请的技术方案适用于需要对多种类型的信息及相应的数据进行同时显示的情况；作为一示例性实施方式，比如可以在社交应用中对多种类型的联系人的相关信息和数据进行显示，或者可以在即时通讯应用中对不同组别的联系人的通讯数据量进行显示等。

同时，在本申请的实施例中，当屏幕界面中的图标被触发时，根据该被触发的图标对应的预设信息，可以将该预设信息的任意数据显示于相应的信息框中。其中，“任意数据”可以指任意时刻的数据，比如某个历史时间点的数据；或者，终端可以按照预设周期与服务器进行数据交互，并存储获得的数据，从而在相应的图标被触发时，将最近获取并存储的数据显示于信息框中；或者，也可以将当前被触发的图标对应的预设信息的实时数据，显示于对应的信息框中，以满足用户对数据实时性和有效性的需求。

因此，当信息框内显示的数据为实时数据时，说明在相应的图标被触发后，实际上需要在终端与服务器之间通过数据交互，获取当前被触发的图标对应的预设信息的实时数据。请参考图2，图2示出了根据本申请一示例性实施例的更新显示信息的数据交互过程，包括：

步骤202，终端通过检测用户对屏幕界面上的应用图标的点击操作、应用程序内部的界面切换操作或其他应用程序对当前应用程序的功能调用，打开基于本申请的技术方案的显示界面；

步骤204，终端确认默认被触发的图标为显示界面中的第一图标；

步骤206，在显示界面中，终端生成对应于第一图标的第一信息框；

在本实施例中，以上述的“社交应用中多种类型的联系人的相关信息和数据”为例，对基于本申请信息显示的技术方案进行详细说明。请参考图3，比如在当前社交应用中，包含“家人”、“朋友”和“同事”三种类型的联系人，并且假定“家人”对应的图标为上述默认被触发的第一图标，则当用户进入该社交应用中的“在线人数”分析界面时，将自动呈现为图3所示的界面。

在图3中，与“家人”图标部分重叠、面积最大的圆形区域即第一信息框，而“朋友”图标和“同事”图标则仅占用了较小显示面积，则使得被触发的第一信息框及其显示内容更为突出，便于用户查看。其中，当第一信息框为圆形时，终端还可以通过对颜色渐变、亮度变化、透明度控制等方面的设置，使得第一信息框呈现为“气泡”形式，从而在显示效果方面提升用户体验。当然，本申请并不限制第一信息框的具体形状，其他的矩形、三角形等任意形状，均可以应用于对第一信息框的设置；同时，对于第一信息框的颜色、亮度、透明度等显示属性，本申请也不对其进行限制，可以根据实际需求进行设定。

步骤208，当第一图标对应于预设的第一信息时，终端向服务器请求对应于第一信息的更新数据；

在本实施例中，通过仅对被触发的图标进行数据更新，使得终端与服务器之间的数据交互量最小，从而有助于降低数据流量，尤其是移动网络状态下可以避免数据流量的浪费并且提升数据更新效率。当然，作为另一示例性实施方式，显然也可以对所有图标对应的数据都进行更新请求，从而当用户在多个图标之间切换触发时，有助于提升显示界面的反馈速度。

步骤210，服务器向终端返回更新数据；

在本实施例中，当终端仅向服务器请求了第一图标对应的更新数据时，以第一图标为图3所示的“家人”图标为例，服务器返回的更新数据即“家人”组别内的联系人对应的在线人数等数据。

步骤212，将服务器返回的更新数据，展示于显示界面中；

在本实施例中，对更新数据的展示可以分为两个部分，以图3所示的“家人”组别对应的更新数据为例，可以包括：

第一方面：在第一信息框内更新实时的在线人数

图3示出了对“家人”组别对应的更新数据进行展示的示意图，即第一信息框的圆形区域内，展示“家人在线人数：8人”。同时，可以在显示界面中显示“朋友”图标和“同事”图标，且作为一示例性实施方式，还可以将“朋友”组别的人数和“同事”组别的人数与相应图标进行关联显示，比如显示在图标旁边。作为一示例性实施方式，若步骤208中仅请求了第一信息的更新数据，即“家人”组别对应的更新数据，则图3中“朋友”组别的人数和“同事”组别的人数可以为历史数据(即图3中的“朋友62人”和“同事15人”为历史数据)，而当用户触发相应的图标时再执行数据更新；作为另一示例性实施方式，若步骤208中请求了所有信息的更新数据，则可以对“家人”组别、“朋友”组别和“同事”组别的人数均进行更新处理(即图3中的“家人在线人数：8人”、“朋友62人”和“同事15人”均为更新后数据)。

当然，除了图3中将每个图标对应的数据都显示在界面中之外，也可以不对“朋友”组别和“同事”组别的人数进行显示，而仅显示出“家人”组别的人数，从而当“朋友”图标或“同事”图标被触发时，在相应的信息框内显示相应的“朋友”组别或“同事”组别的人数信息。

第二方面：在显示界面中更新“历史同时刻在线人数”

图3所示的显示界面可以分为两个部分，上半部分即“第一区域”、下半部分即“第二区域”，在第一区域内展示“家人”组别对应的实时在线人数的同时，还可以在第二区域内展示“家人”组别对应的“历史同时刻在线人数”。比如在图3中，在展示出“家人”组别对应的实时在线人数为8人的同时，还在第二区域内展示出“家人”组别在前五天的同一时刻的在线人数，比如“昨天”同一时刻的在线人数为10人、“前天”同一时刻的在线人数为16人等。

因此，通过将第一信息框和第二区域内的数据之间进行对比显示，有助于用户实现更为明确的数据对比和分析。

步骤214，终端检测到用户对第二图标的触发操作；

在本实施例中，假定用户在图3所示的显示界面中，“朋友”图标为第二图标，则检测到用户对“朋友”图标进行点击操作时，即可判定用户对该“朋友”图标执行了触发操作。

步骤216，生成对应于第二图标的第二信息框；

在本实施例中，如图4所示，与“朋友”图标部分重叠、面积最大的圆形区域即第一信息框，而“家人”图标和“同事”图标则仅占用了较小显示面积，则使得被触发的第二信息框及其显示内容更为突出，便于用户查看。同时，图3所示的第一信息框被隐藏，从而避免与第二信息框之间“争夺”显示区域。

步骤218，当第二图标对应于预设的第二信息时，终端向服务器请求对应于第二信息的更新数据；

步骤220，服务器向终端返回更新数据；

步骤222，将服务器返回的更新数据，展示于显示界面中。

在本实施例中，如图4所示，终端将更新数据中的“朋友在线人数：62人”展示于第二信息框中，并在第二区域内展示出“朋友”组别在前五天的同一时刻的在线人数，比如“昨天”同一时刻的在线人数为53人、“前天”同一时刻的在线人数为84人等。

类似地，当用户选择点击“同事”图标时，显示界面切换至图5所示的情况，即终端将更新数据中的“同事在线人数：15人”展示于第三信息框(假定“同事”图标为第三图标，且第三图标对应于第三信息框)中，并在第二区域内展示出“同事”组别在前五天的同一时刻的在线人数，比如“昨天”同一时刻的在线人数为14人、“前天”同一时刻的在线人数为17人等。

以上结合图2至图5，以“社交应用中多种类型的联系人的相关信息和数据”为例，对本申请的技术方案进行详细描述；当然，本领域技术人员应该理解的是，本申请的技术方案显然还可以应用于其他方面，比如图6示出了将本申请的技术方案应用于“淘宝”移动客户端上的界面示意图，对“支付金额”、“支付产品件数”和“支付买家数”等多种实时数据进行显示。

具体地，比如当“支付金额”被触发时，生成图6(a)所示的圆形信息框，并在其中展示“支付金额4,567,890”以及“昨日累计11,234,567,890”，即在信息框内可以展示相应预设信息(比如此处的“支付金额”)的实时数据，还可以展示相应的历史累计数据；其中，信息框显示于屏幕界面的第一区域(比如图6(a)所示的界面上半部分)，而该第一区域内还可以显示“支付产品件数1,234,567”、“支付买家数12,345,678”以及相应的图标。此外，还可以将“支付金额”对应的实时数据的变化情况显示于屏幕界面的第二区域(区别于第一区域，比如图6(a)所示的界面下半部分)，比如支付金额在“今日”内随时段的变化趋势曲线；同时，还可以在第二区域内对支付金额在历史时间随时段的变化趋势曲线，比如在“昨日”的变化趋势曲线，以便于数据的对比分析。

类似地，当“支付产品件数”被触发时，在屏幕界面的第一区域生成图6(b)所示的圆形信息框，并在其中展示“支付产品件数1,234,567”以及“昨日累计45,678,910”，即在信息框内可以展示相应预设信息(比如此处的“支付产品件数”)的实时数据，还可以展示相应的历史累计数据；其中，第一区域内还可以显示“支付金额4,567,890”、“支付买家数12,345,678”以及相应的图标。此外，还可以将“支付产品件数”对应的实时数据的变化情况显示于屏幕界面的第二区域，比如支付产品件数在“今日”内随时段的变化趋势曲线；同时，还可以在第二区域内对支付产品件数在历史时间随时段的变化趋势曲线，比如在“昨日”的变化趋势曲线，以便于数据的对比分析。

类似地，当“支付买家数”被触发时，在屏幕界面的第一区域生成图6(c)所示的圆形信息框，并在其中展示“支付买家数12,345,678”以及“昨日累计345,678,910”，即在信息框内可以展示相应预设信息(比如此处的“支付买家数”)的实时数据，还可以展示相应的历史累计数据；其中，第一区域内还可以显示“支付金额4,567,890”、“支付产品件数1,234,567”以及相应的图标。此外，还可以将“支付买家数”对应的实时数据的变化情况显示于屏幕界面的第二区域，比如支付买家数在“今日”内随时段的变化趋势曲线；同时，还可以在第二区域内对支付买家数在历史时间随时段的变化趋势曲线，比如在“昨日”的变化趋势曲线，以便于数据的对比分析。

此外，为了有效区分当前被触发的图标，可以预先为每个图标预配置相关联的显示属性，则通过获取与当前被触发的图标相关联的预设显示属性，从而将该预设显示属性应用于屏幕界面中的预设显示元素。具体地，该预设显示元素可以为屏幕界面中的任意对象，比如第一区域内的背景颜色等，以及第二区域内的信息类型名称、变化趋势曲线等，从而使得屏幕界面呈现出不同的整体显示效果(比如可以称之为“主题”)。以图6为例：当“支付金额”图标被触发时，可以将第一区域内的背景颜色、第二区域内的“支付金额”文字、“今日”的变化趋势曲线等统一呈现为“蓝色”；当“支付产品件数”图标被触发时，可以将第一区域内的背景颜色、第二区域内的“支付金额”文字、“今日”的变化趋势曲线等统一呈现为“红色”；当“支付买家数”图标被触发时，可以将第一区域内的背景颜色、第二区域内的“支付金额”文字、“今日”的变化趋势曲线等统一呈现为“黄色”，从而可以通过整体的色彩变化，加强被触发的图标变化时的对比效果，使得用户可以明显感受到被触发的图标、屏幕界面中的信息均基于自身的操作而发生了变化，有助于避免误操作的发生，并且能够确保用户获得更好的使用体验。

当然，色彩变化只是本申请的一示例性实施例，本领域技术人员应该理解的是，显然可以通过其他方式或多种方式的结合，以呈现出整体的视觉变化，比如采用颜色、亮度、形状(比如改变信息框的形状，例如“支付金额”对应于圆形信息框、“支付产品件数”对应于方形信息框、“支付买家数”对应于三角形信息框等)等属性中的至少之一。

同时，为了提升第一区域内的信息对比度，强调图标的被触发状态，还可以对第一区域内除当前被触发的图标、信息框和显示于信息框内的信息之外的信息进行弱化显示。比如在图6中，三幅图中的信息框及被触发的图标的边框均加粗、加黑显示，且信息框内的文字也采用更大字号；而未被触发的图标和相应的文字，则相对弱化显示，即颜色更浅、线条更窄、字号更小。应当理解的是，本申请中提出的“弱化显示”，可以理解为包括：对“当前被触发的图标、信息框和显示于信息框内的信息”的强化显示，和/或对除此之外的信息的弱化显示。

图7示出了根据本申请的一示例性实施例的终端的示意结构图。请参考图7，在硬件层面，该终端包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成信息显示装置。当然，除了软件实现方式之外，本申请并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

请参考图8，在软件实施方式中，该信息显示装置可以包括图标显示单元、信息框生成单元和数据显示单元。其中：

可选的，还包括：

关联显示单元，将每个图标与对应于该图标的预设信息进行关联显示。

可选的，还包括：

属性获取单元，获取与当前被触发的图标相关联的预设显示属性；

属性应用单元，将所述预设显示属性应用于所述屏幕界面中的预设显示元素。

可选的，所述预设显示属性包括以下至少之一：颜色、亮度、形状。

可选的，还包括：

弱化显示单元，对所述第一区域内除所述当前被触发的图标、所述信息框和显示于所述信息框内的信息之外的信息进行弱化显示。

可选的，所述数据为所述当前被触发的图标对应的预设信息的实时数据。

本申请还提出了一种移动设备，包括：

触摸显示器；

处理器；以及

存储器，所述存储器被配置成存储统计数据显示程序，所述统计数据显示程序被所述处理器执行时，在所述触摸显示器显示统计数据界面，所述统计数据界面包括第一区域和第二区域，所述第一区域包括至少第一气泡图标和第二气泡图标；

其中，所述第一气泡图标响应用户施加的第一操作后放大显示，并且在所述放大后的第一气泡图标内显示与该第一气泡图标相关联的第一类别的数据的实时信息，以及在所述第二区域显示与该第一气泡图标相关联的第一类别的数据在预定时间内的变化情况；

其中，所述第二气泡图标响应用户施加的第二操作后放大显示，并将所述放大后第一气泡图标缩小显示，并且在所述放大后的第二气泡图标内显示与该第二气泡图标相关联的第二类别的数据的实时信息，在所述第二区域显示与该第二气泡图标相关联的第二类别的数据在预定时间内的变化情况。

因此，本申请通过对多种类型的信息进行切换式的轮流突出显示，使得用户能够明显地查看出当前突出显示的信息之间的关联关系，并且不会由于屏幕尺寸的限制而影响信息的显示效果，有助于提升用户的数据分析效率。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims

1.一种信息显示方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，还包括：

将每个图标与对应于该图标的预设信息进行关联显示。

3.根据权利要求1所述的方法，其特征在于，还包括：

获取与当前被触发的图标相关联的预设显示属性；

将所述预设显示属性应用于所述屏幕界面中的预设显示元素。

4.根据权利要求3所述的方法，其特征在于，所述预设显示属性包括以下至少之一：颜色、亮度、形状。

5.根据权利要求1所述的方法，其特征在于，还包括：

对所述第一区域内除所述当前被触发的图标、所述信息框和显示于所述信息框内的信息之外的信息进行弱化显示。

6.根据权利要求1所述的方法，其特征在于，所述数据为所述当前被触发的图标对应的预设信息的实时数据。

7.一种信息显示装置，其特征在于，包括：

8.根据权利要求7所述的装置，其特征在于，还包括：

9.根据权利要求7所述的装置，其特征在于，还包括：

10.根据权利要求9所述的装置，其特征在于，所述预设显示属性包括以下至少之一：颜色、亮度、形状。

11.根据权利要求7所述的装置，其特征在于，还包括：

12.根据权利要求7所述的装置，其特征在于，所述数据为所述当前被触发的图标对应的预设信息的实时数据。

13.一种移动设备，其特征在于，所述移动设备包括：

触摸显示器；

处理器；以及