CN104182117A - 使信息结构扁平化的人机交互方法和装置 - Google Patents

Abstract

本发明公开了一种使信息结构扁平化的人机交互方法和装置，涉及互联网和移动互联网领域。本发明将人机交互界面划分为多个独立的功能域，响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。本发明的人机交互方案使产品的主线和业务逻辑更加清晰，通过对信息结构的扁平化处理，功能与用户的行为操作在减少层级下进行，信息可以在同一层级下进行切换展示，层间的转化大大减少，各种隐藏式的导航及触发区域得以在同一平面展现，实现了一种全新的产品信息架构设计。

Description

使信息结构扁平化的人机交互方法和装置

技术领域

本发明涉及互联网和移动互联网领域，特别涉及一种使信息结构扁平化的人机交互方法和装置。

背景技术

从andorid，ios等智能操作系统兴起，以及移动互联网的快速发展，用户和产品的设计者都对产品的人机交互设计达到空前的重视高度。一个好的产品交互设计，更加易用，用户体验友好而新颖，不但突出了功能主线，使业务逻辑更加清晰，更使得产品一下子从众多竞争者中脱颖而出，获得市场的认可和用户的青睐，获得巨大的成功。因此在移动互联网时代，交互界面设计成为产品致胜的关键。

目前广泛使用的是一种层级式的人机交互设计，即用户从一层级页面的某一功能打开二层级页面，从二层级页面的某一功能打开三层级页面。图1为现有技术的层级式人机交互设计一个示例的示意图。如图1所示，用户首先进入到一层级页面“大众点评网-北京站”，在该一层级页面中有很多功能，例如，“附近”、“搜索”、“签到”、“优惠券”、“今日团购”、“排行榜”等；用户点击一层级页面中的“附近”功能，进入到二层级页面“附近”，在该二层级页面中又有很多功能，例如，“美食”、“快餐”、“KTV”、“咖啡厅”等；用户点击二层级页面中的“美食”，进入到三层级页面“美食”，在该三层级页面中又可以有很多功能，例如“江边城外巫山烤鱼”、“小肥羊”、“宏状元”等。

上述层级式的人机交互设计的信息组织方式和用户操作逻辑为：如图2所示，用户从一层级的功能1打开二层级页面，从二层级页面的某一功能打开三层级页面，若这时用户希望使用第一层级的功能2，则需要从三层级页面、第二层级页面逐层退回到第一层级页面，然后在第一层级页面中再切换到第一层级的功能2，一共需要用户操作5个步骤。这种层级式的人机交互设计，页面切换时用户操作次数比较多，并且用户很容易迷失在很深的层级中。

本发明旨在提出一种新的人机交互设计方案，在人机交互设计领域有所创新和突破。另外，还需要解决页面切换时操作繁琐的问题。

发明内容

本发明实施例所要解决的一个技术问题是：提出一种新的人机交互设计方案，使产品的主线和业务逻辑更加清晰，在人机交互设计领域有所创新和突破。

本发明实施例所要解决的另一个技术问题是：解决页面切换时操作繁琐的问题。

根据本发明实施例的一个方面，提出一种使信息结构扁平化的人机交互方法，包括：将人机交互界面划分为多个独立的功能域；响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。

使信息结构扁平化的人机交互方法还包括：根据用户交互操作在同一人机交互界面中对不同功能域做平行切换。

所述根据用户交互操作在同一人机交互界面中对不同功能域做平行切换包括：响应于用户对同一人机交互界面中第二功能域的交互操作，将激活功能域由第一功能域平行切换到第二功能域，该第二功能域被放大，同时除第二功能域之外的其他功能域被动态压缩，该被放大的第二功能域进一步呈现详细功能，并能够响应用户的功能操作。

作为一种示例性的实施方式，可以通过改变功能域的尺寸，并且结合动画缩放效果实现功能域的放大或缩小。

其中，上述功能域的交互操作包括点击、长按、多点触控放大、滑动。

根据本发明实施例的另一方面，提出一种使信息结构扁平化的人机交互装置，包括：功能域划分单元，用于将人机交互界面划分为多个独立的功能域；交互单元，用于响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。

使信息结构扁平化的人机交互装置还包括：切换单元，用于根据用户交互操作在同一人机交互界面中对不同功能域做平行切换。

所述切换单元，具体用于：响应于用户对同一人机交互界面中第二功能域的交互操作，将激活功能域由第一功能域平行切换到第二功能域，该第二功能域被放大，同时除第二功能域之外的其他功能域被动态压缩，该被放大的第二功能域进一步呈现详细功能，并能够响应用户的功能操作。

所述交互单元可以通过改变功能域的尺寸，并且结合动画缩放效果实现功能域的放大或缩小。

其中，上述功能域的交互操作包括点击、长按、多点触控放大、滑动。

本发明通过将人机交互界面划分为多个独立的功能域，用户对某一功能域操作时，该功能域被放大，同时其他功能域被动态压缩，被放大的功能域其详细功能进一步呈现，可以响应用户的功能操作，使产品的主线和业务逻辑更加清晰，通过对信息结构的扁平化处理，功能与用户的行为操作在减少层级下进行，信息可以在同一层级下进行切换展示，层间的转化大大减少，各种隐藏式的导航及触发区域得以在同一平面展现，实现了一种全新的产品信息架构设计。另外，由于信息可以在同一层级下进行切换展示，这样用户切换页面时不需要返回或关闭操作，用户不会迷失在很深的页面层级中，减少页面切换时的用户操作。

通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为现有技术的层级式人机交互设计一个示例的示意图。

图2为现有技术的层级式的人机交互设计的信息组织方式和用户操作逻辑的示意图。

图3为本发明使信息结构扁平化的人机交互方法一个实施例的流程示意图。

图4为本发明使信息结构扁平化的人机交互方法另一实施例的流程示意图。

图5为本发明使信息结构扁平化的人机交互设计的原理示意图。

图6为本发明与现有技术关于人机交互设计的信息组织形式的对比示意图。

图7为本发明的一个应用示例“米花TV”产品人机交互的初始界面。

图8为本发明用户在图7所示界面中点击预播功能域1之后的显示界面。

图9为本发明用户在图8所示界面中继续点击详情功能域3之后的显示界面。

图10为本发明使信息结构扁平化的人机交互装置一个实施例的结构示意图。

图11为本发明使信息结构扁平化的人机交互装置另一实施例的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明旨在提出一种新的人机交互设计方案，使产品的主线和业务逻辑更加清晰，更符合用户使用习惯，在人机交互设计领域有所创新和突破。另外，还需要解决页面切换时操作繁琐的问题。

图3为本发明使信息结构扁平化的人机交互方法一个实施例的流程示意图。

如图3所示，本实施例使信息结构扁平化的人机交互方法包括：

步骤301，将人机交互界面划分为多个独立的功能域；

步骤302，响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。

图4为本发明使信息结构扁平化的人机交互方法另一实施例的流程示意图。

如图4所示，本实施例使信息结构扁平化的人机交互方法还包括：

步骤303，根据用户交互操作在同一人机交互界面中对不同功能域做平行切换。

具体地，响应于用户对同一人机交互界面中第二功能域的交互操作，将激活功能域由第一功能域平行切换到第二功能域，该第二功能域被放大，同时除第二功能域之外的其他功能域被动态压缩，该被放大的第二功能域进一步呈现详细功能，并能够响应用户的功能操作。

需要说明的是，上述第一功能域中的“第一”，以及第二功能域中的“第二”，是用来区分两个不同的功能域，并不用来表示大小或时序关系。

作为一种示例性的实施方式，本发明可以通过改变功能域的尺寸，并且结合动画缩放效果实现功能域的放大或缩小。当功能域放大或缩小时，可以根据具体的页面布局、整个界面尺寸、功能域数量和功能域尺寸等因素，来确定功能域的放大尺寸或缩小尺寸。

其中，上述用户对功能域的交互操作可以包括：点击、长按、多点触控放大或缩写、滑动等，但不限于此。

其中，被放大的功能域相对于放大前进一步呈现详细功能，可以显示更多动态细节，包括详情和功能等。被放大的功能域可以检测用户的功能操作，并进行相应的响应。

图5为本发明使信息结构扁平化的人机交互设计的原理示意图。

如图5所示，人机交互界面可以根据设计的要求被分为N个功能域，N为大于或等于2的一个整数，每个功能域代表相对独立的功能或信息表达域。用户对其中某一个功能域进行交互操作，例如，当用户点击某一个功能域时，该功能域被放大，其他区域被动态压缩。放大后的功能域相对于放大前进一步呈现详细功能，可以显示更多动态细节，包括详情和功能，例如各种数据、信息或控件等。用户在被放大的功能域中可以进一步进行功能操作，例如浏览详情或点击控件进入下一级页面等，被放大的功能域可以检测用户的功能操作，并进行相应的响应。用户在同一人机交互界面点击其他功能域时，相应的功能域被放大，其他功能域被相应动态压缩（或称挤压）。

需要说明的是，本发明对功能域的具体形状、是否等分、是否规则、以及具体数量都无限制。用户人机交互的手势，即用户如何操作才可以动态缩放功能域也无限制，根据具体平台，如点击，长按，多点触控放大或缩写，滑动等手势都可涵盖在本发明保护范围内。

图6为本发明与现有技术关于人机交互设计的信息组织形式的对比示意图。

如图6所示，现有技术人机交互设计的信息组织形式为：用户从一层级的功能1打开二层级页面，从二层级页面的某一功能打开三层级页面，若这时用户希望使用第一层级的功能2，则需要从三层级页面、第二层级页面逐层退回到第一层级页面，然后在第一层级页面中再切换到第一层级的功能2，一共需要用户操作5个步骤。

如图6所示，本发明人机交互设计的信息组织形式为：用户从一层级的功能1打开二层级页面，从二层级页面的某一功能打开三层级页面，若这时用户希望使用第一层级的功能2，则不用层层关闭，用户可以直接在一层级看到功能2，点击功能2可以直接由一层级的功能1切换到功能2，只需要用户操作3个步骤，可以减少两次用户操作，并且当层级特别深时，不会使用户迷失在很深的页面层级中。

本发明可以应用在各种互联网和移动互联网的操作系统和终端中，可以广泛应用在web产品、客户端产品设计、操作系统的交互中，可以广泛应用在手机、pad、电视，PC（个人电脑）等各种终端形态上。

下面列举一个本发明的应用示例，即“米花TV”产品人机交互的应用示例。

图7为本发明的一个应用示例“米花TV”产品人机交互的初始界面，包括四个独立的功能域，分别为预播功能域1、评论功能域2、详情功能域3、电视操控功能域4。用户每点击一个功能域，该功能域会放大并进一步呈现详细功能，显示更多动态细节，包括详情和功能，其他三个功能域被动态压缩。

图8为本发明用户在图7所示界面中点击预播功能域1后的显示界面。预播功能域1点击后放大，并进一步呈现详细功能，显示其详细功能，比如出现播放进度条，可播放视频等。其他三个功能域被压缩，但仍显示在人机交互界面中。此后，如果用户点击其他功能域，则预播功能域1收起压缩，被点击的功能域放大展开。

图9为本发明用户在图8所示界面中继续点击详情功能域3后的显示界面。预播功能域1收起压缩，详情功能域3放大展开，并进一步呈现详细功能，显示其详细功能。

如果用户再次点击本功能域，或者点击空白区域、或者进行滑动缩小操作，则恢复到图7所示的初始界面。

本发明还提出一种使信息结构扁平化的人机交互装置，如图10所示，本实施例的装置包括：

功能域划分单元1001，用于将人机交互界面划分为多个独立的功能域；

交互单元1002，用于响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。

如图11所示，使信息结构扁平化的人机交互装置还包括：切换单元1003，用于根据用户交互操作在同一人机交互界面中对不同功能域做平行切换。

切换单元1003，具体用于：响应于用户对同一人机交互界面中第二功能域的交互操作，将激活功能域由第一功能域平行切换到第二功能域，该第二功能域被放大，同时除第二功能域之外的其他功能域被动态压缩，该被放大的第二功能域进一步呈现详细功能，并能够响应用户的功能操作。

交互单元1002可以通过改变功能域的尺寸，并且结合动画缩放效果实现功能域的放大或缩小。当功能域放大或缩小时，可以根据具体的页面布局、整个界面尺寸、功能域数量和功能域尺寸等因素，来确定功能域的放大尺寸或缩小尺寸。

其中，上述功能域的交互操作可以包括：点击、长按、多点触控放大、滑动等，但不限于此。

本发明通过将人机交互界面划分为多个独立的功能域，用户对某一功能域操作时，该功能域被放大，同时其他功能域被动态压缩，被放大的功能域其详细功能进一步呈现，可以响应用户的功能操作，使产品的主线和业务逻辑更加清晰，通过对信息结构的扁平化处理，功能与用户的行为操作在减少层级下进行，信息可以在同一层级下进行切换展示，层间的转化大大减少，各种隐藏式的导航及触发区域得以在同一平面展现，实现了一种全新的产品信息架构设计。另外，由于信息可以在同一层级下进行切换展示，这样用户切换页面时不需要返回或关闭操作，用户不会迷失在很深的页面层级中，减少页面切换时的用户操作。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

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

Claims (10)

1.一种使信息结构扁平化的人机交互方法，包括：

将人机交互界面划分为多个独立的功能域；

响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。

2.根据权利要求1所述的方法，其特征在于，还包括：根据用户交互操作在同一人机交互界面中对不同功能域做平行切换。

3.根据权利要求2所述的方法，其特征在于，所述根据用户交互操作在同一人机交互界面中对不同功能域做平行切换包括：

响应于用户对同一人机交互界面中第二功能域的交互操作，将激活功能域由第一功能域平行切换到第二功能域，该第二功能域被放大，同时除第二功能域之外的其他功能域被动态压缩，该被放大的第二功能域进一步呈现详细功能，并能够响应用户的功能操作。

4.根据权利要求1-3任一项所述的方法，其特征在于，通过改变功能域的尺寸，并且结合动画缩放效果实现功能域的放大或缩小。

5.根据权利要求1-3任一项所述的方法，其特征在于，功能域的交互操作包括点击、长按、多点触控放大、滑动。

6.一种使信息结构扁平化的人机交互装置，包括：

功能域划分单元，用于将人机交互界面划分为多个独立的功能域；

交互单元，用于响应于用户对其中第一功能域的交互操作，第一功能域被放大，同时除第一功能域之外的其他功能域被动态压缩，该被放大的第一功能域进一步呈现详细功能，并能够响应用户的功能操作。

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

切换单元，用于根据用户交互操作在同一人机交互界面中对不同功能域做平行切换。

8.根据权利要求7所述的装置，其特征在于，所述切换单元，具体用于：

响应于用户对同一人机交互界面中第二功能域的交互操作，将激活功能域由第一功能域平行切换到第二功能域，该第二功能域被放大，同时除第二功能域之外的其他功能域被动态压缩，该被放大的第二功能域进一步呈现详细功能，并能够响应用户的功能操作。

9.根据权利要求6-8任一项所述的装置，其特征在于，所述交互单元通过改变功能域的尺寸，并且结合动画缩放效果实现功能域的放大或缩小。

10.根据权利要求6-8任一项所述的装置，其特征在于，功能域的交互操作包括点击、长按、多点触控放大、滑动。