CN106201225A - 一种基于互联网的垂直智能菜单的交互方法及装置 - Google Patents

一种基于互联网的垂直智能菜单的交互方法及装置 Download PDF

Info

Publication number
CN106201225A
CN106201225A CN201610467112.7A CN201610467112A CN106201225A CN 106201225 A CN106201225 A CN 106201225A CN 201610467112 A CN201610467112 A CN 201610467112A CN 106201225 A CN106201225 A CN 106201225A
Authority
CN
China
Prior art keywords
function list
functional area
user
grades
website
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
Application number
CN201610467112.7A
Other languages
English (en)
Inventor
杜伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201610467112.7A priority Critical patent/CN106201225A/zh
Publication of CN106201225A publication Critical patent/CN106201225A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus

Abstract

本发明涉及互联网领域,尤其是涉及一种基于互联网的垂直智能菜单的交互方法及装置,包括:步骤1,客户端初始化,并实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器;步骤2,当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单。因此,本发明具有如下优点:解决了用户操作的疲惫感,提升了用户体验,并且提升了核心功能入口的曝光率。

Description

一种基于互联网的垂直智能菜单的交互方法及装置
技术领域
本发明涉及互联网领域,尤其是涉及一种基于互联网的垂直智能菜单的交互方法及装置。
背景技术
菜单是一个网站与用户进行交互的核心区域,其中的一种菜单交互方式是“垂直菜单”。大多数网站对于垂直菜单的实现方式为:1、一级菜单默认展开;2、一级菜单下的二级菜单需要通过点击行为展开或者隐藏。
这种交互方式使得用户有疲惫感,体验很差,而且降低了核心功能的入口的曝光率。
发明内容
本发明主要是解决现有技术所存在的技术问题;提供了一种解决了用户操作的疲惫感,提升了用户体验,并且提升了核心功能入口的曝光率的一种基于互联网的垂直智能菜单的交互方法及装置。
本发明的上述技术问题主要是通过下述技术方案得以解决的:
一种基于互联网的垂直智能菜单的交互方法,包括:
步骤1,客户端初始化,并实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器;
步骤2,当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单。
优选地,步骤2中,在客户端实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
优选地,步骤1中,客户端初始化,并开始实时监测网站或APP中用户光标的坐标时,初始默认预先设置的一个功能区域的二级功能表单。
优选地,当用户用户光标移动到同一个功能区域的第N-1级功能表单时,若第N-1级功能表单存在下一级功能表单,即第N级功能表单,则自动显示第N级功能表单,并同时关闭第N-1级功能表单。
优选地,所述步骤2中,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
一种基于互联网的垂直智能菜单的交互装置,包括:
光标坐标监测模块:客户端初始化,并通过光标坐标监测模块实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器;
功能菜单显示模块:当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端的功能菜单显示模块在网站或APP中显示出该功能区域的二级或更多级功能表单。
优选地,在客户端的光标坐标监测模块实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
优选地,客户端初始化,并开始通过光标坐标监测模块实时监测网站或APP中用户光标的坐标时,初始默认预先设置的一个功能区域的二级功能表单。
优选地,当用户的用户光标移动到同一个功能区域的第N-1级功能表单时,若第N-1级功能表单存在下一级功能表单,即第N级功能表单,则自动显示第N级功能表单,并同时关闭第N-1级功能表单。
优选地,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端的功能菜单显示模块在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
因此,本发明具有如下优点:解决了用户操作的疲惫感,提升了用户体验,并且提升了核心功能入口的曝光率。
附图说明
附图1是本发明中实施例1中初始化时的示意图。
附图2是本发明中实施例1的操作示意图。
附图3是本发明的一种结构框图。
具体实施方式
下面通过实施例,并结合附图,对本发明的技术方案作进一步具体的说明。
一种基于互联网的垂直智能菜单的交互方法,包括:
步骤1,客户端初始化,并实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器,并且初始默认预先设置的一个功能区域的二级功能表单;
步骤2,当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单。
并且存在两种情况:
情况一:由一个功能区域移动到另一个功能区域时:
在客户端实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
情况二:由同一个功能区域的上级功能表单移动到下一级功能表单时:
当用户用户光标移动到同一个功能区域的第N-1级功能表单时,若第N-1级功能表单存在下一级功能表单,即第N级功能表单,则自动显示第N级功能表单,并同时关闭第N-1级功能表单。
另外,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
一种基于互联网的垂直智能菜单的交互装置,包括:
光标坐标监测模块:客户端初始化,并通过光标坐标监测模块实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器;并且初始默认预先设置的一个功能区域的二级功能表单;
功能菜单显示模块:当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端的功能菜单显示模块在网站或APP中显示出该功能区域的二级或更多级功能表单。
并且存在两种情况:
情况一:由一个功能区域移动到另一个功能区域时:
在客户端实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
情况二:由同一个功能区域的上级功能表单移动到下一级功能表单时:
当用户用户光标移动到同一个功能区域的第N-1级功能表单时,若第N-1级功能表单存在下一级功能表单,即第N级功能表单,则自动显示第N级功能表单,并同时关闭第N-1级功能表单。
另外,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
实施例1:
如图1所示,本发明提供一种基于互联网的垂直智能菜单的交互方法,包括:
步骤1,客户端初始化,并实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器,并且初始默认预先设置的一个功能区域的二级功能表单;
如图1所示,用户可以直接看到第一个一级菜单下的所有二级菜单,网站需要核心突出的功能点可以在第一个菜单下展示
步骤2,当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单。
并且存在两种情况:
情况一:由一个功能区域移动到另一个功能区域时:
在客户端实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
情况二:由同一个功能区域的上级功能表单移动到下一级功能表单时:
当用户用户光标移动到同一个功能区域的第1级功能表单时,若第1级功能表单存在下一级功能表单,即第2级功能表单,则自动显示第2级功能表单,并同时关闭第1级功能表单。如图1所示,当用户需要看到其他一级菜单下的内容,直接滑动鼠标到希望查看的一级菜单区域,二级菜单会自动展示,并且将第一个菜单进行高度收缩,光标自动停留在当前一级菜单的二级菜单区域内部。通过这种方式,减少用户的交互次数,并且实现了自动聚焦的功能。
直接注意的是,第一个一级菜单下的二级菜单内容始终展示,并且菜单内容最多,保证其他菜单的正常展示。
另外,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
实施例2:
本发明提供一种基于互联网的垂直智能菜单的交互装置,该交互装置与实施例1中的基于互联网的垂直智能菜单的交互方法一一对应,在此不在赘述。
本文中所描述的具体实施例仅仅是对本发明精神作举例说明。本发明所属技术领域的技术人员可以对所描述的具体实施例做各种各样的修改或补充或采用类似的方式替代,但并不会偏离本发明的精神或者超越所附权利要求书所定义的范围。

Claims (10)

1.一种基于互联网的垂直智能菜单的交互方法,其特征在于,包括:
步骤1,客户端初始化,并实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器;
步骤2,当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单。
2.根据权利要求1所述的一种基于互联网的垂直智能菜单的交互方法,其特征在于,步骤2中,在客户端实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
3.根据权利要求1所述的一种基于互联网的垂直智能菜单的交互方法,其特征在于,步骤1中,客户端初始化,并开始实时监测网站或APP中用户光标的坐标时,初始默认预先设置的一个功能区域的二级功能表单。
4.根据权利要求2所述的一种基于互联网的垂直智能菜单的交互方法,其特征在于,当用户用户光标移动到同一个功能区域的第N-1级功能表单时,若第N-1级功能表单存在下一级功能表单,即第N级功能表单,则自动显示第N级功能表单,并同时关闭第N-1级功能表单。
5.根据权利要求2所述的一种基于互联网的垂直智能菜单的交互方法,其特征在于,所述步骤2中,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
6.一种基于互联网的垂直智能菜单的交互装置,其特征在于,包括:
光标坐标监测模块:客户端初始化,并通过光标坐标监测模块实时监测网站或APP中用户光标的坐标,同时将用户光标的坐标发送给服务器;
功能菜单显示模块:当用户光标的坐标移动到网站或APP中的某个功能区域的坐标范围内时,服务器实时检测该功能区域是否存在二级或更多级功能表单,若存在,立即通过客户端的功能菜单显示模块在网站或APP中显示出该功能区域的二级或更多级功能表单。
7.根据权利要求6所述的一种基于互联网的垂直智能菜单的交互装置,其特征在于,在客户端的光标坐标监测模块实时监测网站或APP中用户光标的坐标时,当用户光标离开当前具有二级或更多级功能表单的功能区域并移动到其他具有二级或更多级功能表单的功能区域时,立即关闭当前显示的二级或更多级功能表单,并显示下一个功能区域对应的二级或更多级功能表单。
8.根据权利要求6所述的一种基于互联网的垂直智能菜单的交互装置,其特征在于,客户端初始化,并开始通过光标坐标监测模块实时监测网站或APP中用户光标的坐标时,初始默认预先设置的一个功能区域的二级功能表单。
9.根据权利要求7所述的一种基于互联网的垂直智能菜单的交互装置,其特征在于,当用户的用户光标移动到同一个功能区域的第N-1级功能表单时,若第N-1级功能表单存在下一级功能表单,即第N级功能表单,则自动显示第N级功能表单,并同时关闭第N-1级功能表单。
10.根据权利要求7所述的一种基于互联网的垂直智能菜单的交互装置,其特征在于,当用户光标的坐标移动到网站或APP中的具有二级或更多级功能表单的某个功能区域的坐标范围内时,或者具有下一级功能表单的第N-1级功能表单时,服务器实时计算该用户光标停留在该功能区域或功能表单的时间,当停留时间大于设定的停留时间时,则通过客户端的功能菜单显示模块在网站或APP中显示出该功能区域的二级或更多级功能表单,否则不显示该功能区域的二级或更多级功能表单。
CN201610467112.7A 2016-06-24 2016-06-24 一种基于互联网的垂直智能菜单的交互方法及装置 Pending CN106201225A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610467112.7A CN106201225A (zh) 2016-06-24 2016-06-24 一种基于互联网的垂直智能菜单的交互方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610467112.7A CN106201225A (zh) 2016-06-24 2016-06-24 一种基于互联网的垂直智能菜单的交互方法及装置

Publications (1)

Publication Number Publication Date
CN106201225A true CN106201225A (zh) 2016-12-07

Family

ID=57461000

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610467112.7A Pending CN106201225A (zh) 2016-06-24 2016-06-24 一种基于互联网的垂直智能菜单的交互方法及装置

Country Status (1)

Country Link
CN (1) CN106201225A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108196931A (zh) * 2018-01-30 2018-06-22 深圳市富途网络科技有限公司 一种用于显示扩展信息的浮层展示模块及方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080222569A1 (en) * 2007-03-08 2008-09-11 International Business Machines Corporation Method, Apparatus and Program Storage Device For Providing Customizable, Immediate and Radiating Menus For Accessing Applications and Actions
CN102331932A (zh) * 2011-09-08 2012-01-25 北京像素软件科技股份有限公司 一种菜单界面实现方法
CN103049176A (zh) * 2013-01-22 2013-04-17 网神信息技术(北京)股份有限公司 菜单显示方法和装置
CN104077038A (zh) * 2013-03-27 2014-10-01 三星电子株式会社 用于提供菜单界面的方法和设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080222569A1 (en) * 2007-03-08 2008-09-11 International Business Machines Corporation Method, Apparatus and Program Storage Device For Providing Customizable, Immediate and Radiating Menus For Accessing Applications and Actions
CN102331932A (zh) * 2011-09-08 2012-01-25 北京像素软件科技股份有限公司 一种菜单界面实现方法
CN103049176A (zh) * 2013-01-22 2013-04-17 网神信息技术(北京)股份有限公司 菜单显示方法和装置
CN104077038A (zh) * 2013-03-27 2014-10-01 三星电子株式会社 用于提供菜单界面的方法和设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108196931A (zh) * 2018-01-30 2018-06-22 深圳市富途网络科技有限公司 一种用于显示扩展信息的浮层展示模块及方法

Similar Documents

Publication Publication Date Title
WO2014028933A3 (en) User interface for an intelligent television
WO2014039707A3 (en) Pushing content to secondary connected devices
WO2012161440A3 (ko) 스마트 서비스 로봇 운영 시스템 및 방법
WO2010138428A3 (en) Systems and methods for applying animations or motions to a character
WO2007145818A3 (en) Methods and systems for a sign language graphical interpreter
WO2013049390A3 (en) System and method for administering server configurations including gui navigation, property sheets, and auto-tab completion
WO2012066104A3 (en) Apparatus and method for managing user inputs in video games
WO2012087909A3 (en) Providing advertisements on a social network
EP4307295A3 (en) Server and method for controlling server
WO2015069737A3 (en) Presenting translations of text depicted in images
WO2011137764A3 (zh) 实现增强现实应用的方法及系统
WO2014074946A3 (en) Branded persona advertisement
EP2388717A3 (en) Method of controlling mobile terminal, home hub, and visited hub in virtual group for content sharing
WO2015084584A3 (en) Method and system for collecting resource access information
CN102664009A (zh) 一种通过移动通信终端对视频播放装置进行语音控制的系统及方法
CN106201225A (zh) 一种基于互联网的垂直智能菜单的交互方法及装置
WO2011149563A8 (en) Web-based interactive meeting event facility
BR112015021467A2 (pt) agente de renovação
CN105892961A (zh) 一种栅格动态布局设备和方法
CN106325681A (zh) 菜单项切换的方法及装置
CN104469514A (zh) 通过云端控制智能电视界面显示的方法
WO2007098009A3 (en) Methods and systems for the transmission of interactive game attributes through a wireless network
EP2960786A3 (en) Site management platform
CN105892824A (zh) 一种在3d模型中展示菜单的方法及装置
CN104331416A (zh) 一种增强现实系统及其方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20161207

RJ01 Rejection of invention patent application after publication