CN115204979A - 交互方法及装置、计算机可读存储介质、电子设备 - Google Patents
交互方法及装置、计算机可读存储介质、电子设备 Download PDFInfo
- Publication number
- CN115204979A CN115204979A CN202210835903.6A CN202210835903A CN115204979A CN 115204979 A CN115204979 A CN 115204979A CN 202210835903 A CN202210835903 A CN 202210835903A CN 115204979 A CN115204979 A CN 115204979A
- Authority
- CN
- China
- Prior art keywords
- product
- icon
- display interface
- target
- product display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Development Economics (AREA)
- General Business, Economics & Management (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开属于终端交互技术领域,涉及一种交互方法及装置、存储介质、电子设备。该方法包括:显示第一产品展示界面;响应作用于产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;响应作用于当前产品展示界面中的一级分类图标上的第一选中操作,在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;响应作用于二级分类图标上的第二选中操作,在当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示产品。在本公开中,显示出与目标一级分类图标对应的二级分类图标,显示与目标二级分类图标对应的产品的详情信息,通过不同级的分类图标对产品进行细化,提升了产品展示过程中的多样化。
Description
技术领域
本公开涉及终端交互技术领域,尤其涉及一种交互方法与交互装置、计算机可读存储介质及电子设备。
背景技术
随着终端交互技术的发展,银行、营销所、超市等众多场所开始使用终端向用户展示产品。
在相关技术中,利用终端所展示出的产品内容过于单一,导致用户无法看到全部产品或者导致用户无法快速查找出自己感兴趣的产品,进而降低了产品展示过程中的多样化,降低了用户在查找自己感兴趣的产品时的交互体验度。
鉴于此,本领域亟需开发一种新的交互方法及装置。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种交互方法、交互装置、计算机可读存储介质及电子设备,进而至少在一定程度上克服由于相关技术导致的用户的交互体验被劣化的问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本发明实施例的第一个方面,提供了一种交互方法,所述方法包括:显示第一产品展示界面;所述第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件;响应作用于所述产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,所述第二产品展示界面中包含与第二类型产品对应的多个一级分类图标;响应作用于当前产品展示界面中的所述一级分类图标上的第一选中操作,在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;所述目标一级分类图标与所述第一选中操作对应;所述当前产品展示界面为所述第一产品展示界面或所述第二产品展示界面;响应作用于所述二级分类图标上的第二选中操作,在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示所述产品;所述目标二级分类图标与所述第二选中操作对应。
在本发明的一种示例性实施例中,所述方法还包括:响应作用于所述一级分类图标上的第一选中操作,在所述一级分类图标中确定与所述第一选中操作对应的目标一级分类图标;差异化显示所述目标一级分类图标。
在本发明的一种示例性实施例中,所述在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标,包括:在所述一级分类图标中,确定出与所述第一选中操作对应的目标一级分类图标;在所述当前产品展示界面中显示产品展示窗口;其中,所述产品展示窗口中显示与所述目标一级分类图标对应的二级分类图标以及默认产品的详情信息,所述默认产品与默认二级产品图标对应,所述默认二级分类图标为所述二级分类图标中的一个。
在本发明的一种示例性实施例中,所述方法还包括:响应作用于所述二级分类图标上的第二选中操作,在所述二级分类图标中确定与所述第二选中操作对应的目标二级分类图标;差异化显示所述目标二级分类图标。
在本发明的一种示例性实施例中,所述响应作用于所述二级分类图标上的第二选中操作,在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,包括:响应作用于所述二级分类图标上的第二选中操作,在所述二级分类图标中确定与所述第二选中操作对应的目标二级分类图标;确定与所述目标二级分类图标对应的产品的目标详情信息,并将所述默认产品的详情信息替换为所述目标详情信息。
在本发明的一种示例性实施例中,所述在所述当前产品界面中显示出与目标一级分类图标对应的二级分类图标,包括:确定与目标一级分类图标对应的所有二级分类图标;获取与所述二级分类图标对应的待展示数量和待展示名称,在所述所有二级分类图标中确定出所述待展示数量个所述二级分类图标;其中,所述待展示数量个所述二级分类图标的图标名称包含所述待展示名称;在所述当前产品展示界面显示所述待展示数量个所述二级分类图标。
在本发明的一种示例性实施例中,所述方法还包括:响应作用于删除控件上的删除操作,将与所述删除操作对应的所述二级分类图标删除。
在本发明的一种示例性实施例中,所述在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,包括:在所述二级分类图标中确定出与所述第二选中操作对应的目标二级分类图标;确定与所述目标二级分类图标对应的所有产品;获取产品展示数量和待展示产品名称,在所述所有产品中确定出所述产品展示数量个所述产品;其中,所述产品展示数量个所述产品的产品名称包含所述待展示产品名称;在所述当前产品展示界面显示与第一目标产品对应的第一详情信息;其中,所述第一目标产品为所述产品展示数量个所述产品中的一个。
在本发明的一种示例性实施例中,所述方法还包括:响应作用于产品切换控件上切换操作,在所述产品展示数量个所述产品中,确定出与所述切换操作对应的第二目标产品;将显示在所述当前产品展示界面中的所述第一详情信息替换为与所述第二目标产品对应的第二详情信息。
在本发明的一种示例性实施例中,所述详情信息包详情图片;所述方法还包括:响应作用于所述详情图片上的扩大操作,若所述详情图片的图片尺寸小于预定尺寸,则扩大所述详情图片的所述图片尺寸;响应作用于所述详情图片上的扩大操作,若所述详情图片的图片尺寸等于所述预定尺寸,则将所述详情图片的图片尺寸恢复至初始尺寸。
在本发明的一种示例性实施例中,所述响应作用于所述一级分类图标上的第一选中操作,在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标,包括:响应作用于所述一级分类图标上的第一选中操作,在所述一级分类图标中,确定出与所述第一选中操作对应的目标一级分类图标;若所述目标一级分类图标的个数为一个,则在所述当前产品展示界面中显示出与所述一个目标一级分类图标对应的二级分类图标;若所述目标一级分类图标的个数为多个,则在所述当前产品展示界面中显示出与所述多个目标一级分类图标对应的二级分类图标。
根据本发明实施例的第二个方面,提供了一种交互装置,包括:显示模块,被配置为显示第一产品展示界面;所述第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件;切换模块,被配置为响应作用于所述产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,所述第二产品展示界面中包含与第二类型产品对应的多个一级分类图标第一响应模块,被配置为响应作用于当前产品展示界面中的所述一级分类图标上的第一选中操作,在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;所述目标一级分类图标与所述第一选中操作对应;所述当前产品展示界面为所述第一产品展示界面或所述第二产品展示界面;第二响应模块,被配置为响应作用于所述二级分类图标上的第二选中操作,在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示所述产品,所述目标二级分类图标与所述第二选中操作对应。
根据本发明实施例的第三个方面,提供一种电子设备,包括:处理器和存储器;其中,存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现上述任意示例性实施例的交互方法。
根据本发明实施例的第四个方面,提供一种计算机非瞬态可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意示例性实施例中的交互方法。
由上述技术方案可知,本发明示例性实施例中的交互方法、交互装置、计算机存储介质及电子设备至少具备以下优点和积极效果:
在本公开的示例性实施例提供的方法及装置中,响应作用于一级分类图标上的第一选中操作,显示出与目标一级分类图标对应的二级分类图标。响应作用于二级分类图标上第二选中操作,显示与目标二级分类图标对应的产品的详情信息,一方面,按照一级分类图标和二级分类图标对产品进行细化,避免了现有技术中,展示出的产品的内容过于单一的情况发生,增加了产品展示过程中的多样化;另一方面,优化了用户在查找产品过程中的交互体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示意性示出本公开实施例中交互方法的流程示意图;
图2示意性示出了交互方法中第一产品展示界面的示意图;
图3示意性示出了交互方法中第二产品展示界面示意图;
图4示意性示出了交互方法中差异化显示目标一级分类图标的流程示意图;
图5示意性示出了交互方法中在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标的流程示意图;
图6示意性示出了交互方法中在第一产品展示界面中显示出产品展示窗口的示意图;
图7示意性示出了交互方法中差异化显示目标二级分类图标的流程示意图;
图8示意性示出了交互方法中在当前产品界面中显示出与目标一级分类图标对应的二级分类图标的流程示意图;
图9示意性示出了交互方法中包含着删除控件的第一产品展示界面;
图10示意性示出了交互方法中在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标的流程示意图;
图11示意性示出了交互方法中第一产品展示界面的示意图;
图12示意性示出了交互方法中在当前产品展示界面中显示与目标二级分类图标对应的产品的详细信息的流程示意图;
图13示意性示出了交互方法中在当前产品展示界面中显示与目标二级分类图标对应的产品的详细信息的流程示意图;
图14示意性示出了交互方法中替换第一详情信息的流程示意图;
图15示意性示出了交互方法中第一产品展示界面的示意图;
图16示意性示出了交互方法中包含了视频播放控件的第一产品展示界面示意图;
图17示意性示出了交互方法中扩大产品详情图片的流程示意图;
图18示意性示出了交互方法中第一产品展示界面示意图;
图19示意性示出了交互方法中将图片1810的图片尺寸扩大后的第一产品界面示意图;
图20示意性示出本公开实施例中一种用于交互方法的装置结构示意图;
图21示意性示出本公开实施例中一种用于交互方法的电子设备;
图22示意性示出本公开实施例中一种用于交互方法的计算机非瞬态可读存储介质。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。
本说明书中使用用语“一个”、“一”、“该”和“所述”用以表示存在一个或多个要素/组成部分/等;用语“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等;用语“第一”和“第二”等仅作为标记使用,不是对其对象的数量限制。
此外,附图仅为本公开的示意性图解,并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。
针对相关技术中存在的问题,本公开提出了一种交互方法。图1示出了交互方法的流程示意图,如图1所示,交互方法至少包括以下步骤:
步骤S110.显示第一产品展示界面;第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件。
步骤S120.响应作用于产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,第二产品展示界面中包含与第二类型产品对应的多个一级分类图标;
步骤S130.响应作用于当前产品展示界面中的一级分类图标上的第一选中操作,在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;目标一级分类图标与第一选中操作对应,当前产品展示界面为第一产品展示界面或第二产品展示界面;
步骤S140.响应作用于二级分类图标上的第二选中操作,在当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示产品;目标二级分类图标与第二选中操作对应。
在本公开的示例性实施例提供的方法及装置中,响应作用于一级分类图标上的第一选中操作,显示出与目标一级分类图标对应的二级分类图标。响应作用于二级分类图标上第二选中操作,显示与目标二级分类图标对应的产品的详情信息,一方面,按照一级分类图标和二级分类图标对产品进行细化,避免了现有技术中,展示出的产品的内容过于单一的情况发生,增加了产品展示过程中的多样化;另一方面,优化了用户在查找产品过程中的交互体验。
下面对交互方法的各个步骤进行详细说明。
在步骤S110中,显示第一产品展示界面;第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件。
在本公开的示例性实施例中,第一产品展示界面指的是展示第一类型产品的界面,并且,在第一产品展示界面中包含着与第一类型产品对应的一级分类图标。为了增加产品展示过程中的多样性,需要对产品进行细分,进而,对产品设置出了很多分类维度,一级分类图标指的是与第一次划分过程中的分类维度对应的图标。
产品类型切换控件指的是显示在第一产品展示界面上的一个控件,并且,当用户作用于产品类型切换控件时,可以从当前产品展示界面切换到另一产品展示界面。若当前产品展示界面为第一产品展示界面,则当用户作用于产品类型切换控件上切换操作时,从第一产品展示界面切换至第二产品展示界面;若当前产品展示界面为第二产品展示界面,则当用户作用于产品类型切换控件上切换操作时,则从第二产品展示界面切换至第一产品展示界面。
举例而言,银行中存在很多种产品,可以将第一次划分过程中的分类维度设置为零售与对公,进而可以将银行产品划分为零售类型产品和对公类型产品,零售类型产品指的是适合于个人的产品,对公类型产品指的是适合于单位的产品。由于,还可以对零售类型产品进行再一次细分,得到适用于升学的产品、适用于创业的产品、适用于安居的产品、适用于结婚的产品、适用于生子的产品、适用于养老的产品以及适用于传承的产品,进而,在第一产品展示界面中存在与升学对应的一级分类图标、与创业对应的一级分类图标、与安居对应的一级分类图标、与结婚对应的一级分类图标、与生子对应的一级分类图标、与养老对应的一级分类图标以及与传承对应的一级分类图标。
图2示意性示出了第一产品展示界面的示意图,如图2所示,其中,界面210为与零售类型产品对应的第一产品展示界面,图标211为与升序对应的一级分类图标,图标212为与创业对应的一级分类图标,图标213为与安居对应的一级分类图标,图标214为与结婚对应的一级分类图标,图标215为与生子对应的一级分类图标,图标216为与养老对应的一级分类图标,图标217为与传承对应的一级分类图标,控件220为产品类型切换控件。
在本示例性实施例中,第一产品展示界面中包含着多个一级分类图标和产品类型切换控件,一方面,有助于后续作用于产品类型切换控件上切换操作时,将第一产品展示界面切换为第二产品展示界面,提升了用户查看不同产品类型的一级分类图标的便利性;另一方面,用户可以通过一级分类图标对产品类型有一个基本的了解,提升后续查看产品的效率。
在步骤S120中,响应作用于产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,第二产品展示界面中包含与第二类型产品对应的一级分类图标。
其中,切换操作必须是作用于产品类型切换控件上的操作,具体地,切换操作可以是点击操作,可以是按压操作,可以是双击操作,还可以是任意一种作用于产品类型切换控件上的操作,本示例性实施例对此不做特殊限定。值得说明的是,第二产品展示界面包含着多个一级分类图标,并且,该多个一级分类图标与第二类型产品对应。在产品类型控件上也可以显示出与当前产品展示界面中的第一类型图标对应的类型产品,例如,若当前显示的是与零售类型产品对应的第一类型图标,则在产品类型切换控件上显示出零售类型产品这六个字,若当前显示的是与对公类型产品对应的第一类型图标,则在产品类型切换控件上显示出对公类型产品这六个字。
举例而言,第二类型产品可以是对公类型产品,则第二产品展示界面中可以显示出与对公类型产品对应的一级分类图标。
具体地,如图2所示。当用户触控图2上的控件220时,会显示出如图3示意性示出的第二产品展示界面示意图,如图3所示,其中,界面310为第二产品展示界面。在第二产品展示界面中显示着与对公类型产品对应的多个一级分类图标,具有地,多个一级分类图标包括与账户服务对应的一级分类图标311、与资金融通对应的一级分类图标312、与普惠金融对应的一级分类图标313、与现金管理对应的一级分类图标314、与政府金融对应的一级分类图标315、与国际贸易对应的一级分类图标316以及与农业银行+对应的一级分类图标317。
在本示例性实施例中,响应作用于产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面,提升了用户查看不同产品类型的一级分类图标的便利性。
在步骤S120中,响应作用于当前展示界面中的一级分类图标上的第一选中操作,在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;目标一级分类图标与第一选中操作对应,当前产品展示界面为第一产品展示界面或第二产品展示界面。
在本公开的示例性实施例中,当未在产品类型切换控件上进行切换操作时,当前产品展示界面仍未第一产品展示界面,当在产品类型切换控件上进行切换操作时,当前产品展示界面为第二产品展示界面。
第一选中操作指的是作用于当前展示界面上的一级分类图标上的操作,具体地,第一选中操作可以是点击操作,可以是双击操作,还可以是长按操作,还可以是任何一种作用于一级分类图标上的触控操作,本示例性实施例对此不做特殊限定。
当对一级分类图标进行第一选中操作时,将在当前产品展示界面中显示出与被选中的目标一级分类图标对应的二级分类图标。二级分类图标指的是对与一级分类图标对应的产品再次进行划分后,得到的与划分结果对应的图标。
举例而言,若此时的产品展示界面如图2所示,用户作用于与升学对应的一级分类图标211上点击操作,此时,会在第一产品展示界面中显示出6个二级分类图标,这6个二级分类图标为与理财对应的图标、与信用卡对应的图标、与存款对应的图标、与代理保险对应的图标、与个贷对应的图标、以及与贷金属对应的图标。
举例而言,若此时的产品展示界面如图3所示,用户作用于与账户服务对应的一级分类图标311上点击操作,此时,会在第二产品展示界面中显示出与账户增值对应的二级分类图标、与账户开立对应的二级分类图标以及与法人理财对应的二级分类图标。
在可选的实施例中,图4示出了交互方法中差异化显示目标一级分类图标的流程示意图,如图4所示,该方法至少包括以下步骤:在步骤S410中,响应作用于一级分类图标上的第一选中操作,在一级分类图标中确定与第一选中操作对应的目标一级分类图标。
其中,当用户作用于一级分类图标上第一选中操作时,将在一级分类图标中确定出被用户选中的那个一级分类图标,此时被用户选中的那个一级分类图标即为目标一级分类图标。
举例而言,当用户作用于与升学对应的一级分类图标上点击操作时,确定出的目标一级分类图标即为与升学对应的一级分类图标。
在步骤S420中,差异化显示目标一级分类图标。
其中,在确定出目标一级分类图标之后,将目标一级分类图标差异化于未被选中的一级分类图标显示在当前产品展示界面中。
具体地,差异化显示可以是改变目标一级分类图标的大小,可以是改变目标一级分类图标的颜色,还可以是在目标一级分类图标的周围显示出一个圆圈,并且,该圆圈的半径逐渐扩大,直至圆圈的半径达到预定半径后,再减少圆圈的半径直至回复初始大小,还可以在目标一级分类图标上显示出展翅的特效,还可以是在目标一级分类图标上添加任何一种特效,本示例性实施例对此不做特殊限定。
在本示例性实施例中,差异化显示目标一级分类图标,为用户起到提示作用,提示目标一级分类图标是被用户此时选中的图标,优化了用户的交互体验。
在可选的实施例中,图5示出了交互方法中在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标的流程示意图,如图5所示,该方法至少包括以下步骤:在步骤S510中,在一级分类图标中,确定出与第一选中操作对应的目标一级分类图标。
其中,目标一级分类图标为与第一选中操作对应的图标,即此时被用户选中的一级分类图标。
举例而言,此时用户作用于与升学对应的一级分类图标,因此,与升学对应的一级分类图标即为目标一级分类图标。
在步骤S520中,在当前产品展示界面中显示产品展示窗口;其中,产品展示窗口中显示与目标一级分类图标对应的二级分类图标以及默认产品的详情信息,默认产品与默认二级产品图标对应,默认二级分类图标为二级分类图标中的一个。
其中,产品展示窗口指的是用于展示产品的窗口,并且,在产品展示窗口中显示出与目标一级分类图标对应的二级分类图标,以及默认产品的详情信息。默认产品指的是与默认二级分类图标对应的产品,默认二级分类图标为二级分类图标中的任意一个。
举例而言,图6示意性示出了在第一产品展示界面中显示出产品展示窗口的示意图,如图6所示,其中,图标211为目标一级分类图标,图标211后面的610用于提示用户此时被选中的图标为图标211,窗口620为产品展示窗口。在产品展示窗口上显示着二级分类图标,具体地,二级分类图标包括与理财对应的图标621、与信用卡对应的图标622、与存款对应的图标623、与代理保险对应的图标624、与个贷对应的图标625、以及与贵金属对应的图标626。
在产品展示窗口中还显示着默认产品的详情信息630,此时,默认产品的详情信息630为与理财对应的产品的详情信息。
在本示例性实施例中,在产品展示窗口中显示与目标一级分类图标对应的二级分类图标以及默认产品的详情信息,有助于后续用户触控二级分类图标时,以在产品展示窗口中显示出产品的详情信息,不仅使得用户明确了产品与分类图标之间的关系,还提升了用户的交互体验。
在可选的实施例中,图7示出了交互方法中差异化显示目标二级分类图标的流程示意图,如图7所示,该方法至少包括以下步骤:在步骤S710中,响应作用于二级分类图标上的第二选中操作,在二级分类图标中确定与第二选中操作对应的目标二级分类图标。
其中,第二选中操作指的是作用于二级分类图标上的触控操作,具体地,第二选中操作可以是点击操作,可以是双击操作,还可是长按操作,还是可以任何一个作用于二级分类图标上的触控操作,本示例性实施例对此不做特殊限定。
当用户作用于二级分类图标上第二选中操作时,确定出与第二选中操作对应的二级分类图标为目标二级分类图标。
举例而言,如图6所示,当用户作用于二级分类图标621上点击操作时,确定二级分类图标621为目标二级分类图标。
在步骤S720中,差异化显示目标二级分类图标。
其中,将目标二级分类图标差异于未被选中的二级分类图标显示。具体地,差异化显示可以是改变目标二级分类图标的颜色,也可是改变目标二级分类图标的大小,还可以是为目标二级分类图标添加某种特效,本示例性实施例对此不做特殊限定。
举例而言,如图6所示,当用户作用于二级分类图标621上点击操作时,此时二级分类图标621为目标二级分类图标,因此,将二级分类图标的图标颜色变为红色。
在本示例性实施例中,差异化显示目标二级分类图标,以提示用户差异化显示的二级分类图标为此时被用户选中的二级分类图标,优化了用户的交互体验。
在可选的实施例中,图8示出了交互方法中在当前产品界面中显示出与目标一级分类图标对应的二级分类图标的流程示意图,如图8所示,该方法至少包括以下步骤:在步骤S810中,确定与目标一级分类图标对应的所有二级分类图标。
其中,确定出的二级分类图标是与目标一级分类图标对应。
举例而言,若目标一级分类图标为与升学对应的图标,则二级分类图标包括与存款对应的二级分类图标、与理财对应的二级分类图标、与保险对应的二级分类图标、与信用卡对应的二级分类图标、与个贷对应的二级分类图标以及与贵金属对应的二级分类图标。
在步骤S820中,获取与二级分类图标对应的待展示数量和待展示名称,在所有二级分类图标中确定出待展示数量个二级分类图标;其中,待展示数量个二级分类图标的图标名称包含待展示名称。
其中,待展示数量指的是用户设置的需要展示出的二级分类图标的个数,待展示名称指的是用户设置的需要展示出的二级分类图标的名称。
在获取到待展示数量和待展示名称后,在所有二级分类图标中确定出待展示数量个二级分类图标,值得说明的是,待展示数量个二级分类图标的名称必须包含待展示名称。
举例而言,获取到的待展示数量为3,待展示名称为信用卡、保险以及贵金属,基于此,确定出的二级分类图标为与信用卡对应的二级分类图标、与保险对应的二级分类图标以及与贵金属对应的二级分类图标。
举例而言,获取到的待展示数量为4,待展示名称为信用卡、保险以及贵金属,基于此,确定出的二级分类图标为与信用卡对应的二级分类图标、与保险对应的二级分类图标、与贵金属对应的二级分类图标以及与个贷对应的二级分类图标。
在步骤S830中,在当前产品展示界面显示待展示数量个二级分类图标。
其中,在确定出待展示数量个二级分类图标之后,将待展示数量个二级分类图标显示在当前产品展示界面中。
举例而言,确定出的待展示数量个二级分类图标为与信用卡对应的二级分类图标、与保险对应的二级分类图标、与贵金属对应的二级分类图标以及与个贷对应的二级分类图标。将与信用卡对应的二级分类图标、与保险对应的二级分类图标、与贵金属对应的二级分类图标以及与个贷对应的二级分类图标显示在当前产品展示界面中。
在本示例性实施例中,在第一产品展示界面显示待展示数量个二级分类图标,使得用户可以控制展示出的二级分类图标的数量以及名称,优化了用户的交互体验。
在本示例性实施例中,方法还包括:响应作用于删除控件上的删除操作,将与删除操作对应的二级分类图标删除。
其中,删除控件指的是与二级分类图标对应的控件,并且,当用户作用于删除控件上删除操作时,将与删除控件对应的二级分类图标删除。删除操作可以是作用于删除控件上的任何一种触控操作,具体地,删除操作可以是点击操作,可以是长按操作,可以是双击操作,本示例性实施例对此不做特殊限定。
举例而言,图9示意性示出了包含着删除控件的第一产品展示界面,如图9所示,其中,控件910为删除控件。当用户当前的触控位置与二级分类图标621所处于的屏幕位置对应时,可以在第一产品展示界面上显示出控件910。若用户作用于控件910上点击操作时,将删除二级分类图标621,此时用户将不会在第一产品展示界面中看到二级分类图标621。
在本示例性实施例中,响应作用与删除控件上的删除操作,将与删除操作对应的二级分类图标删除,方便用户对于不需要的二级分类图标进行删除,优化了用户的交互体验。
在可选的实施例中,图10示出了交互方法中在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标的流程示意图,如图10所示,该方法至少包括以下步骤:在步骤S1010中,响应作用于一级分类图标上的第一选中操作,在一级分类图标中,确定出与第一选中操作对应的目标一级分类图标。
其中,目标一级分类图标指的是与第一选中操作对应的一级分类图标。
举例而言,当用户A对与升学对应的一级分类图标进行点击操作时,在一级分类图标中确定出被选中的目标一级分类图标为与升学对应的图标。
举例而言,当用户A对与升学对应的一级分类图标进行点击操作,以及当用户B对与生子对应的一级分类图标进行点击操作时,在一级分类图标中确定出被选中的目标一级分类图标包括与升学对应的图标以及与生子对应的图标。
在步骤S1020中,若目标一级分类图标的个数为一个,则在当前产品展示界面中显示出与一个目标一级分类图标对应的二级分类图标。
其中,当确定出的目标一级分类图标的个数为一个时,在当前产品展示界面中显示出与这一个目标一级分类图标对应的二级分类图标。
举例而言,如图6所示,当目标一级分类图标为图标211时,在第一产品展示界面中显示出与目标一级分类图标对应的二级分类图标,具体地,二级分类图标包括图标621、图标622、图标623、图标624、图标625以及图标626。
在步骤S1030中,若目标一级分类图标的个数为多个,则在当前产品展示界面中显示出与多个目标一级分类图标对应的二级分类图标。
其中,若目标一级分类图标的个数为多个,则此时需要在当前产品展示界面中分别显示出与多个目标一级分类图标对应的二级分类图标。
举例而言,图11示意性示出了第一产品展示界面的示意图,如图11所示,其中,窗口1110为与图标215对应的产品展示窗口,圆圈1120用于提示用户此时图标215被选中,图标1111、图标1112以及图标1113为与图标215对应的二级分类图标。显然,此时在第一产品展示界面中,不仅存在与图标211对应的二级分类图标,还存在与图标215对应的二级分类图标。
在本示例性实施例中,若目标一级分类图标的个数为多个,则在当前产品展示界面中显示出与多个目标一级分类图标对应的二级分类图标,支持多人同时查看产品,避免了只允许一个人查看产品的情况发生,提高了用户查看产品的便利性以及体验度。
在步骤S130中,响应作用于二级分类图标上的第二选中操作,在当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示产品;目标二级分类图标与第二选中操作对应。
在本公开的示例性实施例中,第二选中操作指的是作用于二级分类图标上的触控操作,具体地,第二选中操作可以是点击操作,可以是双击操作,可以是长按操作,本示例性实施例对此不做特殊限定。
产品指的是与二级分类图标对应的产品,详情信息即为产品的详情信息,具体地,详情信息可以是文字信息,可以是视频,可以是图片,本示例性实施例对此不做特殊限定。
举例而言,如图6所示,若此时用户作用于二级分类图标621上点击操作,则在产品展示窗口620中显示出与二级分类图标621对应的产品的详细信息。
在可选的实施例中,图12示出了交互方法中在当前产品展示界面中显示与目标二级分类图标对应的产品的详细信息的流程示意图,如图12所示,该方法至少包括以下步骤:在步骤S1210中,响应作用于二级分类图标上的第二选中操作,在二级分类图标中确定与第二选中操作对应的目标二级分类图标。
其中,当用户作用于二级分类图标上第二选中操作时,将与第二选中操作对应的二级分类图标确定为目标二级分类图标。
举例而言,如图6所示,用户此时作用于二级分类图标622上点击操作,进而将二级分类图标622确定为目标二级分类图标。
在步骤S1220中,确定与目标二级分类图标对应的产品的目标详情信息,并将默认产品的详情信息替换为目标详情信息。
其中,目标详细信息为与目标二级分类图标对应的产品的详细信息,由于在未对二级分类图标进行第二选中操作之前,会显示默认产品的详细信息,因此,当确定出目标二级分类图标后,需要将默认产品的详细信息替换为目标详细信息。
举例而言,如图6所示,在确定出二级分类图标622为目标二级分类图标之后,将默认产品的详细信息630替换为与目标二级分类图标对应的目标详细信息。
在本示例性实施例中,响应作用于二级分类图标上的第二选中操作,将默认产品的详细信息替换为与目标二级分类图标对应的目标详细信息,完善了展示详细信息的逻辑,优化了用户的交互体验。
在可选的实施例中,图13示出了交互方法中在当前产品展示界面中显示与目标二级分类图标对应的产品的详细信息的流程示意图,如图13所示,该方法至少包括以下步骤:在步骤S1310中,在二级分类图标中确定出与第二选中操作对应的目标二级分类图标。
其中,目标二级分类图标指的是此时被选中的二级分类图标。
举例而言,如图6所示,若用户作用于二级分类图标621上点击操作,此时,在二级分类图标中确定出的与点击操作对应的目标二级分类图标为二级分类图标621。
在步骤S1320中,确定与目标二级分类图标对应的所有产品。
其中,此时,需要确定出与目标二级分类图标对应的所有产品。
举例而言,二级分类图标621为与理财对应的图标,则与二级分类图标对应的所有产品包括基金、股票、黄金等理财产品。
在步骤S1330中,获取产品展示数量和待展示产品名称,在所有产品中确定出产品展示数量个产品;其中,产品展示数量个产品的产品名称包含待展示产品名称。
其中,产品展示数量为用户设置的需要展示出的产品的数量,待展示产品名称为用户设置的需要展示出的产品的名称。
当获取到产品展示数量和待展示产品名称之后,可以在所有产品中确定出产品展示数量个产品,值得说明的是,产品展示数量个产品的产品名称中必须包括待展示产品名称。
举例而言,产品展示数量为2,待展示产品名称为基金和股票,进而在所有产品中确定出2个产品,即基金产品和股票产品。
举例而言,产品数量为2个,待展示产品名称为基金,进而在所有产品中确定出2个产品,即基金产品和股票产品。
在步骤S1340中,在当前产品展示界面显示与第一目标产品对应的第一详情信息;其中,目标产品为产品展示数量个产品中的一个。
其中,第一目标产品指的是确定出的产品展示数量个产品中的一个。在确定出第一目标产品之后,在当前产品展示界面显示与第一目标产品对应的详情信息,即在当前产品展示界面显示与第一目标产品对应的第一详情信息。
举例而言,确定出的第一目标产品为基金产品,进而在第一产品展示界面中显示出与基金产品对应的第一详情信息。
在本示例性实施例中,获取产品展示数量和待展示产品名称,在所有产品中确定出产品展示数量个产品,进而在当前产品展示界面中显示出与第一目标产品对应的第一详情信息。用户可以通过设置产品展示数量和待展示产品名称,来限定产品的个数与产品展示数量一致,进而增加了用户观看自身需求的产品的第一详情信息的便利性,优化了用户的交互体验。
在可选的实施例中,图14示出了交互方法中替换第一详情信息的流程示意图,如图14所示,该方法至少包括以下步骤:在步骤S1410中,响应作用于产品切换控件上切换操作,在产品展示数量个产品中,确定出与切换操作对应的第二目标产品。
其中,产品切换控件指的是切换产品的控件,当用户作用于产品切换控件上切换操作时,将在产品展示数量个产品中,确定出第二目标产品。第二目标产品区别于第一目标产品。切换操作指的是作用于产品切换控件上的任何一种操作,具体地,切换操作可以是点击操作,可以是双击操作,可以是长按操作,本示例性实施例对此不作特殊限定。
举例而言,图15示意性示出了第一产品展示界面的示意图,如图15所示,控件1510以及控件1520都为产品切换控件。
在步骤S1420中,将显示在第一产品展示界面中的第一详情信息替换为与第二目标产品对应的第二详情信息。
其中,第二详细信息指的是与第二目标产品对应的详细信息,当通过作用于产品切换控件上切换操作时,此时显示在当前产品展示界面中的详情信息不应该再是第一详情信息了,因此,需要将第一详情信息替换为与第二目标产品对应的第二详情信息。
举例而言,如图15所示,当前显示的第一详细信息为与图标621对应的基金产品的详细信息。当用户作用于产品切换控件1520上点击操作时,确定第二目标产品为与图标621对应的股票产品,进而将与基金产品对应的第一详细信息替换为与股票产品对应的第二详细信息。
在本示例性实施例中,响应作用于产品切换控件上切换操作,将显示在当前产品展示界面上的第一详情信息替换为第二详情信息,完善了在第一产品展示界面显示详情信息的逻辑。
在本示例性实施例中,详情信息包括视频播放控件;方法还包括:响应作用于视频播放控件上播放操作,在当前产品展示界面中播放与产品对应的介绍视频。
其中,详情信息中可以包括视频播放控件,当用户触控视频播放控件上播放操作时,可以在当前产品展示界面中播放关于该产品的介绍视频。
举例而言,图16示意性示出了包含了视频播放控件的第一产品展示界面示意图,如图16所示,其中,控件1610为视频播放控件,此时展示在窗口620中的详情信息为与股票产品对应的详情信息,当用户作用于视频播放控件1610上点击操作时,在窗口620中播放与股票产品对应的介绍视频。
在本示例性实施例中,响应作用于视频播放控件上视频播放操作,在当前产品展示界面中播放与产品对应的介绍视频,提高了展示产品的多样性,优化了用户的交互体验。
在可选的实施例中,图17示出了交互方法中扩大产品详情图片的流程示意图,详情信息包括详情图片,如图17所示,该方法至少包括以下步骤:在步骤S1710中,响应作用于详情图片上的扩大操作,若详情图片的图片尺寸小于预定尺寸,则扩大详情图片的图片尺寸。
其中,详情信息中还包括详情图片。当用户作用于详情图片上扩大操作时,对详情图片此时的图片尺寸和预定图片的预定尺寸进行比较,若图片尺寸小于预定尺寸,证明此时可以继续扩大详情图片。
然而,详情图片的图片尺寸不可以一直被扩大,具体地,详情图片的图片尺寸被扩大到预定尺寸后就不可以被扩大了,以免对第一产品展示界面中的图标有所遮挡。
举例而言,图18示意性示出了第一产品展示界面示意图,如图18所示,其中,图片1810为详情图片。当用户作用于详情图片上扩大操作,此时如详情图片1810的图片尺寸小于预定尺寸a×b,则可以将图片1810的图片尺寸扩大。
图19示意性示出了将图片1810的图片尺寸扩大后的第一产品界面示意图,如图19所示,其中,图片1910为扩大后的详情图片。
在步骤S1720中,响应作用于详情图片上的扩大操作,若详情图片的图片尺寸等于预定尺寸,则将详情图片的图片尺寸恢复至初始尺寸。
其中,当用户作用于详情图片上扩大操作时,若详情图片的图片尺寸等于预定尺寸,则将详情图片的图片尺寸恢复至初始尺寸。初始尺寸指的是用户未进行扩大操作之前,详情图片显示在第一产品展示界面中的图片尺寸。
举例而言,当用户作用于详情图片上扩大操作时,若此时详情图片的图片尺寸等于预定尺寸a×b,则将详情图片的图片尺寸从预定尺寸恢复至与图18中图片1810对应的详情图片的初始尺寸。
在本示例性实施例中,若详情图片的图片尺寸小于预定尺寸,则扩大详情图片的图片尺寸,若详情图片的图片尺寸等于预定尺寸,则将详情图片的图片尺寸恢复至初始尺寸,一方面,方便用户清楚的查看详情图片;另一方面,完善了对详情图片的图片尺寸调整的逻辑。
在本公开的示例性实施例提供的方法及装置中,响应作用于一级分类图标上的第一选中操作,显示出与目标一级分类图标对应的二级分类图标。响应作用于二级分类图标上第二选中操作,显示与目标二级分类图标对应的产品的详情信息,一方面,按照一级分类图标和二级分类图标对产品进行细化,避免了现有技术中,展示出的产品的内容过于单一的情况发生,增加了产品展示过程中的多样化;另一方面,优化了用户在查找产品过程中的交互体验。
下面结合一应用场景对本公开实施例中交互方法做出详细说明。
其中,如图2所示,显示出第一产品展示界面,第一产品展示界面中包括与升学对应的一级分类图标211、与创业对应的一级分类图标212、与安居对应的一级分类图标213、与生子对应的一级分类图标214、与养老对应的一级分类图标215以及与传承对应的一级分类图标216。
如图6所示,当用户作用于一级分类图标211上点击操作时,显示出与存款对应的二级分类图标621、与理财对应的二级分类图标622、与保险对应的二级分类图标623、与信用卡对应的二级分类图标624、与个贷对应的二级分类图标625、与贵金属对应的二级分类图标626。当用户作用于二级分类图标621上点击操作时,显示出二级分类图标621的产品详情信息630。
在本应用场景中,响应作用于一级分类图标上的第一选中操作,显示出与目标一级分类图标对应的二级分类图标。响应作用于二级分类图标上第二选中操作,显示与目标二级分类图标对应的产品的详情信息,一方面,按照一级分类图标和二级分类图标对产品进行细化,避免了现有技术中,展示出的产品的内容过于单一的情况发生,增加了产品展示过程中的多样化;另一方面,优化了用户在查找产品过程中的交互体验。
此外,在本公开的示例性实施例中,还提供一种交互装置。图20示出了交互装置的结构示意图,如图20所示,交互装置2000可以包括:显示模块2010、切换装置2020、第一响应模块2030和第二响应模块2040。其中:
显示模块2010,被配置为显示第一产品展示界面;第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件;切换装置2020,被配置为响应作用于产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,第二产品展示界面中包含与第二类型产品对应的多个一级分类图标;第一响应模块2030,被配置为响应作用于当前产品展示界面中的一级分类图标上的第一选中操作,在当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;目标一级分类图标与第一选中操作对应,当前产品展示界面为第一产品展示界面或第二产品展示界面;第二响应模块2040,被配置为响应作用于二级分类图标上的第二选中操作,在当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示产品;目标二级分类图标与第二选中操作对应。
上述交互装置2000的具体细节已经在对应的交互方法中进行了详细的描述,因此此处不再赘述。
应当注意,尽管在上文详细描述中提及交互装置2000的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
下面参照图21来描述根据本发明的这种实施例的电子设备2100。图21显示的电子设备2100仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图21所示,电子设备2100以通用计算设备的形式表现。电子设备2100的组件可以包括但不限于:上述至少一个处理单元2110、上述至少一个存储单元2120、连接不同系统组件(包括存储单元2120和处理单元2110)的总线2130、显示单元2140。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元2110执行,使得所述处理单元2110执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。
存储单元2120可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)2121和/或高速缓存存储单元2122,还可以进一步包括只读存储单元(ROM)2123。
存储单元2120还可以包括具有一组(至少一个)程序模块2125的程序/使用工具2124,这样的程序模块2125包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包含网络环境的现实。
总线2130可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备2100也可以与一个或多个外部设备2170(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备2100交互的设备通信,和/或与使得该电子设备2100能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口2150进行。并且,电子设备2100还可以通过网络适配器2160与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器2160通过总线2130与电子设备2100的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备2100使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施例的描述,本领域的技术人员易于理解,这里描述的示例实施例可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施例的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施例的方法。
在本公开的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施例中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。
参考图22所示,描述了根据本发明的实施例的用于实现上述方法的程序产品2200,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
Claims (14)
1.一种交互方法,其特征在于,所述方法包括:
显示第一产品展示界面;所述第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件;
响应作用于所述产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,所述第二产品展示界面中包含与第二类型产品对应的多个一级分类图标;
响应作用于当前产品展示界面中的所述一级分类图标上的第一选中操作,在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;所述目标一级分类图标与所述第一选中操作对应,所述当前产品展示界面为所述第一产品展示界面或所述第二产品展示界面;
响应作用于所述二级分类图标上的第二选中操作,在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示所述产品;所述目标二级分类图标与所述第二选中操作对应。
2.根据权利要求1所述的交互方法,其特征在于,所述方法还包括:
响应作用于所述一级分类图标上的第一选中操作,在所述一级分类图标中确定与所述第一选中操作对应的目标一级分类图标;
差异化显示所述目标一级分类图标。
3.根据权利要求1所述的交互方法,其特征在于,所述在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标,包括:
在所述一级分类图标中,确定出与所述第一选中操作对应的目标一级分类图标;
在所述当前产品展示界面中显示产品展示窗口;其中,所述产品展示窗口中显示与所述目标一级分类图标对应的二级分类图标以及默认产品的详情信息,所述默认产品与默认二级产品图标对应,所述默认二级分类图标为所述二级分类图标中的一个。
4.根据权利要求1中所述的交互方法,其特征在于,所述方法还包括:
响应作用于所述二级分类图标上的第二选中操作,在所述二级分类图标中确定与所述第二选中操作对应的目标二级分类图标;
差异化显示所述目标二级分类图标。
5.根据权利要求3所述的交互方法,其特征在于,所述响应作用于所述二级分类图标上的第二选中操作,在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,包括:
响应作用于所述二级分类图标上的第二选中操作,在所述二级分类图标中确定与所述第二选中操作对应的目标二级分类图标;
确定与所述目标二级分类图标对应的产品的目标详情信息,并将所述默认产品的详情信息替换为所述目标详情信息。
6.根据权利要求1所述的交互方法,其特征在于,所述在所述当前产品界面中显示出与目标一级分类图标对应的二级分类图标,包括:
确定与目标一级分类图标对应的所有二级分类图标;
获取与所述二级分类图标对应的待展示数量和待展示名称,在所述所有二级分类图标中确定出所述待展示数量个所述二级分类图标;其中,所述待展示数量个所述二级分类图标的图标名称包含所述待展示名称;
在所述当前产品展示界面显示所述待展示数量个所述二级分类图标。
7.根据权利要求1或6中所述的交互方法,其特征在于,所述方法还包括:
响应作用于删除控件上的删除操作,将与所述删除操作对应的所述二级分类图标删除。
8.根据权利要求1所述的交互方法,其特征在于,所述在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,包括:
在所述二级分类图标中确定出与所述第二选中操作对应的目标二级分类图标;
确定与所述目标二级分类图标对应的所有产品;
获取产品展示数量和待展示产品名称,在所述所有产品中确定出所述产品展示数量个所述产品;其中,所述产品展示数量个所述产品的产品名称包含所述待展示产品名称;
在所述当前产品展示界面显示与第一目标产品对应的第一详情信息;其中,所述第一目标产品为所述产品展示数量个所述产品中的一个。
9.根据权利要求8所述的交互方法,其特征在于,所述方法还包括:
响应作用于产品切换控件上切换操作,在所述产品展示数量个所述产品中,确定出与所述切换操作对应的第二目标产品;
将显示在所述当前产品展示界面中的所述第一详情信息替换为与所述第二目标产品对应的第二详情信息。
10.根据权利要求1所述的交互方法,其特征在于,所述详情信息包括详情图片;
所述方法还包括:
响应作用于所述详情图片上的扩大操作,若所述详情图片的图片尺寸小于预定尺寸,则扩大所述详情图片的所述图片尺寸;
响应作用于所述详情图片上的扩大操作,若所述详情图片的图片尺寸等于所述预定尺寸,则将所述详情图片的图片尺寸恢复至初始尺寸。
11.根据权利要求1中所述的交互方法,其特征在于,所述响应作用于所述一级分类图标上的第一选中操作,在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标,包括:
响应作用于所述一级分类图标上的第一选中操作,在所述一级分类图标中,确定出与所述第一选中操作对应的目标一级分类图标;
若所述目标一级分类图标的个数为一个,则在所述当前产品展示界面中显示出与所述一个目标一级分类图标对应的二级分类图标;
若所述目标一级分类图标的个数为多个,则在所述当前产品展示界面中显示出与所述多个目标一级分类图标对应的二级分类图标。
12.一种交互装置,其特征在于,包括:
显示模块,被配置为显示第一产品展示界面;所述第一产品展示界面中包含与第一类型产品对应的多个一级分类图标和产品类型切换控件;
切换模块,被配置为响应作用于所述产品类型切换控件上的切换操作,将第一产品展示界面替换为第二产品展示界面;其中,所述第二产品展示界面中包含与第二类型产品对应的多个一级分类图标
第一响应模块,被配置为响应作用于当前产品展示界面中的所述一级分类图标上的第一选中操作,在所述当前产品展示界面中显示与目标一级分类图标对应的二级分类图标;所述目标一级分类图标与所述第一选中操作对应,所述当前产品展示界面为所述第一产品展示界面或所述第二产品展示界面;
第二响应模块,被配置为响应作用于所述二级分类图标上的第二选中操作,在所述当前产品展示界面中显示与目标二级分类图标对应的产品的详情信息,以展示所述产品;所述目标二级分类图标与所述第二选中操作对应。
13.一种电子设备,其特征在于,包括:
处理器;
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器被配置为经由执行所述可执行指令来执行权利要求1-11中的任意一项所述的交互方法。
14.一种计算机可读存储介质,其上存储计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-11中的任意一项所述的交互方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210835903.6A CN115204979A (zh) | 2022-07-15 | 2022-07-15 | 交互方法及装置、计算机可读存储介质、电子设备 |
PCT/CN2023/107268 WO2024012535A1 (zh) | 2022-07-15 | 2023-07-13 | 交互方法及装置、计算机可读存储介质、电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210835903.6A CN115204979A (zh) | 2022-07-15 | 2022-07-15 | 交互方法及装置、计算机可读存储介质、电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115204979A true CN115204979A (zh) | 2022-10-18 |
Family
ID=83582148
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210835903.6A Pending CN115204979A (zh) | 2022-07-15 | 2022-07-15 | 交互方法及装置、计算机可读存储介质、电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN115204979A (zh) |
WO (1) | WO2024012535A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024012535A1 (zh) * | 2022-07-15 | 2024-01-18 | 京东方科技集团股份有限公司 | 交互方法及装置、计算机可读存储介质、电子设备 |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101652632A (zh) * | 2007-01-10 | 2010-02-17 | 通腾科技股份有限公司 | 导航装置和提供交通消息信道资源的方法 |
CN104035649A (zh) * | 2013-03-04 | 2014-09-10 | 腾讯科技(深圳)有限公司 | 书签显示方法和装置 |
KR102559931B1 (ko) * | 2017-02-06 | 2023-07-26 | 삼성전자 주식회사 | 전자 장치 및 이를 이용한 결제 방법 |
US20190392495A1 (en) * | 2018-06-21 | 2019-12-26 | Honda Motor Co., Ltd. | Method and system for exchanging products |
CN110196661B (zh) * | 2019-04-16 | 2021-03-16 | 北京金山安全软件有限公司 | 一种界面交互方法、装置及电子设备 |
CN110286816A (zh) * | 2019-06-12 | 2019-09-27 | 努比亚技术有限公司 | 移动终端页面切换方法、移动终端及计算机可读存储介质 |
CN110404252A (zh) * | 2019-07-31 | 2019-11-05 | 网易(杭州)网络有限公司 | 信息展示方法及装置、电子设备、存储介质 |
CN112527287B (zh) * | 2020-12-08 | 2024-03-12 | 北京达佳互联信息技术有限公司 | 物品详情信息展示方法、装置、终端及存储介质 |
CN114549202A (zh) * | 2022-02-18 | 2022-05-27 | 杭州隆埠科技有限公司 | 股票交易方法及装置 |
CN115204979A (zh) * | 2022-07-15 | 2022-10-18 | 京东方科技集团股份有限公司 | 交互方法及装置、计算机可读存储介质、电子设备 |
-
2022
- 2022-07-15 CN CN202210835903.6A patent/CN115204979A/zh active Pending
-
2023
- 2023-07-13 WO PCT/CN2023/107268 patent/WO2024012535A1/zh unknown
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024012535A1 (zh) * | 2022-07-15 | 2024-01-18 | 京东方科技集团股份有限公司 | 交互方法及装置、计算机可读存储介质、电子设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2024012535A1 (zh) | 2024-01-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210089775A1 (en) | Suggested actions for images | |
US10581770B2 (en) | Method and system for communication in instant messaging application | |
KR101958377B1 (ko) | 컨텐츠를 캡처한 스크린 샷 이미지의 픽셀에 기반한 컴퓨팅 디바이스에 디스플레이된 컨텐츠의 영역 분할 | |
US6647410B1 (en) | Method, apparatus and program for delivery and display of information from dynamic and static data sources | |
US9053462B2 (en) | User interface for a system and process for providing dynamic communication access and information awareness in an interactive peripheral display | |
CN101488071B (zh) | 到层和用户界面元素的远程访问 | |
US20070139430A1 (en) | Rendering "gadgets" with a browser | |
US8839089B2 (en) | Multi-dimensional data manipulation and presentation | |
US9570050B2 (en) | System and method for enhanced screen copy | |
US7836406B1 (en) | Method and apparatus for displaying a user interface enabling selection and instant display and access of pages | |
US11893216B1 (en) | Multi-function graphical user interface button | |
TWI489297B (zh) | 貿易卡服務 | |
US20180225026A1 (en) | Interactive dynamic push notifications | |
CN111047423A (zh) | 一种风险确定方法、装置及电子设备 | |
CN109388383B (zh) | 用于智能生成包容性系统设计的系统和方法 | |
CN111698144A (zh) | 通信方法、装置、设备以及群组创建方法、装置、设备 | |
US20170315700A1 (en) | Interactive dashboard for controlling delivery of dynamic push notifications | |
US20210125584A1 (en) | Avatar group control concept | |
CN111583018A (zh) | 一种基于用户金融表现分析的授信策略管理方法、装置和电子设备 | |
US20170206096A1 (en) | Contextual Assistance System | |
WO2024012535A1 (zh) | 交互方法及装置、计算机可读存储介质、电子设备 | |
CN115794289A (zh) | 应用功能展示方法、装置、设备、介质和程序产品 | |
EP3819760A1 (en) | Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz | |
US8131625B2 (en) | Customizable trading display of market data | |
US20240187358A1 (en) | Intelligent Assistant Content Generation |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |