技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，尤其是涉及一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互方法及裝置。

背景技術(shù)：

菜單是一個(gè)網(wǎng)站與用戶進(jìn)行交互的核心區(qū)域，其中的一種菜單交互方式是“垂直菜單”。大多數(shù)網(wǎng)站對(duì)于垂直菜單的實(shí)現(xiàn)方式為：1、一級(jí)菜單默認(rèn)展開；2、一級(jí)菜單下的二級(jí)菜單需要通過點(diǎn)擊行為展開或者隱藏。

這種交互方式使得用戶有疲憊感，體驗(yàn)很差，而且降低了核心功能的入口的曝光率。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明主要是解決現(xiàn)有技術(shù)所存在的技術(shù)問題；提供了一種解決了用戶操作的疲憊感，提升了用戶體驗(yàn)，并且提升了核心功能入口的曝光率的一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互方法及裝置。

本發(fā)明的上述技術(shù)問題主要是通過下述技術(shù)方案得以解決的：

一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互方法，包括：

步驟1，客戶端初始化，并實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)，同時(shí)將用戶光標(biāo)的坐標(biāo)發(fā)送給服務(wù)器；

步驟2，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，服務(wù)器實(shí)時(shí)檢測(cè)該功能區(qū)域是否存在二級(jí)或更多級(jí)功能表單，若存在，立即通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

優(yōu)選地，步驟2中，在客戶端實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，當(dāng)用戶光標(biāo)離開當(dāng)前具有二級(jí)或更多級(jí)功能表單的功能區(qū)域并移動(dòng)到其他具有二級(jí)或更多級(jí)功能表單的功能區(qū)域時(shí)，立即關(guān)閉當(dāng)前顯示的二級(jí)或更多級(jí)功能表單，并顯示下一個(gè)功能區(qū)域?qū)?yīng)的二級(jí)或更多級(jí)功能表單。

優(yōu)選地，步驟1中，客戶端初始化，并開始實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，初始默認(rèn)預(yù)先設(shè)置的一個(gè)功能區(qū)域的二級(jí)功能表單。

優(yōu)選地，當(dāng)用戶用戶光標(biāo)移動(dòng)到同一個(gè)功能區(qū)域的第N-1級(jí)功能表單時(shí)，若第N-1級(jí)功能表單存在下一級(jí)功能表單，即第N級(jí)功能表單，則自動(dòng)顯示第N級(jí)功能表單，并同時(shí)關(guān)閉第N-1級(jí)功能表單。

優(yōu)選地，所述步驟2中，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的具有二級(jí)或更多級(jí)功能表單的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，或者具有下一級(jí)功能表單的第N-1級(jí)功能表單時(shí)，服務(wù)器實(shí)時(shí)計(jì)算該用戶光標(biāo)停留在該功能區(qū)域或功能表單的時(shí)間，當(dāng)停留時(shí)間大于設(shè)定的停留時(shí)間時(shí)，則通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單，否則不顯示該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互裝置，包括：

光標(biāo)坐標(biāo)監(jiān)測(cè)模塊：客戶端初始化，并通過光標(biāo)坐標(biāo)監(jiān)測(cè)模塊實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)，同時(shí)將用戶光標(biāo)的坐標(biāo)發(fā)送給服務(wù)器；

功能菜單顯示模塊：當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，服務(wù)器實(shí)時(shí)檢測(cè)該功能區(qū)域是否存在二級(jí)或更多級(jí)功能表單，若存在，立即通過客戶端的功能菜單顯示模塊在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

優(yōu)選地，在客戶端的光標(biāo)坐標(biāo)監(jiān)測(cè)模塊實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，當(dāng)用戶光標(biāo)離開當(dāng)前具有二級(jí)或更多級(jí)功能表單的功能區(qū)域并移動(dòng)到其他具有二級(jí)或更多級(jí)功能表單的功能區(qū)域時(shí)，立即關(guān)閉當(dāng)前顯示的二級(jí)或更多級(jí)功能表單，并顯示下一個(gè)功能區(qū)域?qū)?yīng)的二級(jí)或更多級(jí)功能表單。

優(yōu)選地，客戶端初始化，并開始通過光標(biāo)坐標(biāo)監(jiān)測(cè)模塊實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，初始默認(rèn)預(yù)先設(shè)置的一個(gè)功能區(qū)域的二級(jí)功能表單。

優(yōu)選地，當(dāng)用戶的用戶光標(biāo)移動(dòng)到同一個(gè)功能區(qū)域的第N-1級(jí)功能表單時(shí)，若第N-1級(jí)功能表單存在下一級(jí)功能表單，即第N級(jí)功能表單，則自動(dòng)顯示第N級(jí)功能表單，并同時(shí)關(guān)閉第N-1級(jí)功能表單。

優(yōu)選地，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的具有二級(jí)或更多級(jí)功能表單的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，或者具有下一級(jí)功能表單的第N-1級(jí)功能表單時(shí)，服務(wù)器實(shí)時(shí)計(jì)算該用戶光標(biāo)停留在該功能區(qū)域或功能表單的時(shí)間，當(dāng)停留時(shí)間大于設(shè)定的停留時(shí)間時(shí)，則通過客戶端的功能菜單顯示模塊在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單，否則不顯示該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

因此，本發(fā)明具有如下優(yōu)點(diǎn)：解決了用戶操作的疲憊感，提升了用戶體驗(yàn)，并且提升了核心功能入口的曝光率。

附圖說明

附圖1是本發(fā)明中實(shí)施例1中初始化時(shí)的示意圖。

附圖2是本發(fā)明中實(shí)施例1的操作示意圖。

附圖3是本發(fā)明的一種結(jié)構(gòu)框圖。

具體實(shí)施方式

下面通過實(shí)施例，并結(jié)合附圖，對(duì)本發(fā)明的技術(shù)方案作進(jìn)一步具體的說明。

一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互方法，包括：

步驟1，客戶端初始化，并實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)，同時(shí)將用戶光標(biāo)的坐標(biāo)發(fā)送給服務(wù)器，并且初始默認(rèn)預(yù)先設(shè)置的一個(gè)功能區(qū)域的二級(jí)功能表單；

步驟2，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，服務(wù)器實(shí)時(shí)檢測(cè)該功能區(qū)域是否存在二級(jí)或更多級(jí)功能表單，若存在，立即通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

并且存在兩種情況：

情況一：由一個(gè)功能區(qū)域移動(dòng)到另一個(gè)功能區(qū)域時(shí)：

在客戶端實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，當(dāng)用戶光標(biāo)離開當(dāng)前具有二級(jí)或更多級(jí)功能表單的功能區(qū)域并移動(dòng)到其他具有二級(jí)或更多級(jí)功能表單的功能區(qū)域時(shí)，立即關(guān)閉當(dāng)前顯示的二級(jí)或更多級(jí)功能表單，并顯示下一個(gè)功能區(qū)域?qū)?yīng)的二級(jí)或更多級(jí)功能表單。

情況二：由同一個(gè)功能區(qū)域的上級(jí)功能表單移動(dòng)到下一級(jí)功能表單時(shí)：

當(dāng)用戶用戶光標(biāo)移動(dòng)到同一個(gè)功能區(qū)域的第N-1級(jí)功能表單時(shí)，若第N-1級(jí)功能表單存在下一級(jí)功能表單，即第N級(jí)功能表單，則自動(dòng)顯示第N級(jí)功能表單，并同時(shí)關(guān)閉第N-1級(jí)功能表單。

另外，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的具有二級(jí)或更多級(jí)功能表單的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，或者具有下一級(jí)功能表單的第N-1級(jí)功能表單時(shí)，服務(wù)器實(shí)時(shí)計(jì)算該用戶光標(biāo)停留在該功能區(qū)域或功能表單的時(shí)間，當(dāng)停留時(shí)間大于設(shè)定的停留時(shí)間時(shí)，則通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單，否則不顯示該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互裝置，包括：

光標(biāo)坐標(biāo)監(jiān)測(cè)模塊：客戶端初始化，并通過光標(biāo)坐標(biāo)監(jiān)測(cè)模塊實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)，同時(shí)將用戶光標(biāo)的坐標(biāo)發(fā)送給服務(wù)器；并且初始默認(rèn)預(yù)先設(shè)置的一個(gè)功能區(qū)域的二級(jí)功能表單；

功能菜單顯示模塊：當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，服務(wù)器實(shí)時(shí)檢測(cè)該功能區(qū)域是否存在二級(jí)或更多級(jí)功能表單，若存在，立即通過客戶端的功能菜單顯示模塊在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

并且存在兩種情況：

情況一：由一個(gè)功能區(qū)域移動(dòng)到另一個(gè)功能區(qū)域時(shí)：

在客戶端實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，當(dāng)用戶光標(biāo)離開當(dāng)前具有二級(jí)或更多級(jí)功能表單的功能區(qū)域并移動(dòng)到其他具有二級(jí)或更多級(jí)功能表單的功能區(qū)域時(shí)，立即關(guān)閉當(dāng)前顯示的二級(jí)或更多級(jí)功能表單，并顯示下一個(gè)功能區(qū)域?qū)?yīng)的二級(jí)或更多級(jí)功能表單。

情況二：由同一個(gè)功能區(qū)域的上級(jí)功能表單移動(dòng)到下一級(jí)功能表單時(shí)：

當(dāng)用戶用戶光標(biāo)移動(dòng)到同一個(gè)功能區(qū)域的第N-1級(jí)功能表單時(shí)，若第N-1級(jí)功能表單存在下一級(jí)功能表單，即第N級(jí)功能表單，則自動(dòng)顯示第N級(jí)功能表單，并同時(shí)關(guān)閉第N-1級(jí)功能表單。

另外，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的具有二級(jí)或更多級(jí)功能表單的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，或者具有下一級(jí)功能表單的第N-1級(jí)功能表單時(shí)，服務(wù)器實(shí)時(shí)計(jì)算該用戶光標(biāo)停留在該功能區(qū)域或功能表單的時(shí)間，當(dāng)停留時(shí)間大于設(shè)定的停留時(shí)間時(shí)，則通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單，否則不顯示該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

實(shí)施例1：

如圖1所示，本發(fā)明提供一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互方法，包括：

步驟1，客戶端初始化，并實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)，同時(shí)將用戶光標(biāo)的坐標(biāo)發(fā)送給服務(wù)器，并且初始默認(rèn)預(yù)先設(shè)置的一個(gè)功能區(qū)域的二級(jí)功能表單；

如圖1所示，用戶可以直接看到第一個(gè)一級(jí)菜單下的所有二級(jí)菜單，網(wǎng)站需要核心突出的功能點(diǎn)可以在第一個(gè)菜單下展示

步驟2，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，服務(wù)器實(shí)時(shí)檢測(cè)該功能區(qū)域是否存在二級(jí)或更多級(jí)功能表單，若存在，立即通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

并且存在兩種情況：

情況一：由一個(gè)功能區(qū)域移動(dòng)到另一個(gè)功能區(qū)域時(shí)：

在客戶端實(shí)時(shí)監(jiān)測(cè)網(wǎng)站或APP中用戶光標(biāo)的坐標(biāo)時(shí)，當(dāng)用戶光標(biāo)離開當(dāng)前具有二級(jí)或更多級(jí)功能表單的功能區(qū)域并移動(dòng)到其他具有二級(jí)或更多級(jí)功能表單的功能區(qū)域時(shí)，立即關(guān)閉當(dāng)前顯示的二級(jí)或更多級(jí)功能表單，并顯示下一個(gè)功能區(qū)域?qū)?yīng)的二級(jí)或更多級(jí)功能表單。

情況二：由同一個(gè)功能區(qū)域的上級(jí)功能表單移動(dòng)到下一級(jí)功能表單時(shí)：

當(dāng)用戶用戶光標(biāo)移動(dòng)到同一個(gè)功能區(qū)域的第1級(jí)功能表單時(shí)，若第1級(jí)功能表單存在下一級(jí)功能表單，即第2級(jí)功能表單，則自動(dòng)顯示第2級(jí)功能表單，并同時(shí)關(guān)閉第1級(jí)功能表單。如圖1所示，當(dāng)用戶需要看到其他一級(jí)菜單下的內(nèi)容，直接滑動(dòng)鼠標(biāo)到希望查看的一級(jí)菜單區(qū)域，二級(jí)菜單會(huì)自動(dòng)展示，并且將第一個(gè)菜單進(jìn)行高度收縮，光標(biāo)自動(dòng)停留在當(dāng)前一級(jí)菜單的二級(jí)菜單區(qū)域內(nèi)部。通過這種方式，減少用戶的交互次數(shù)，并且實(shí)現(xiàn)了自動(dòng)聚焦的功能。

直接注意的是，第一個(gè)一級(jí)菜單下的二級(jí)菜單內(nèi)容始終展示，并且菜單內(nèi)容最多，保證其他菜單的正常展示。

另外，當(dāng)用戶光標(biāo)的坐標(biāo)移動(dòng)到網(wǎng)站或APP中的具有二級(jí)或更多級(jí)功能表單的某個(gè)功能區(qū)域的坐標(biāo)范圍內(nèi)時(shí)，或者具有下一級(jí)功能表單的第N-1級(jí)功能表單時(shí)，服務(wù)器實(shí)時(shí)計(jì)算該用戶光標(biāo)停留在該功能區(qū)域或功能表單的時(shí)間，當(dāng)停留時(shí)間大于設(shè)定的停留時(shí)間時(shí)，則通過客戶端在網(wǎng)站或APP中顯示出該功能區(qū)域的二級(jí)或更多級(jí)功能表單，否則不顯示該功能區(qū)域的二級(jí)或更多級(jí)功能表單。

實(shí)施例2：

本發(fā)明提供一種基于互聯(lián)網(wǎng)的垂直智能菜單的交互裝置，該交互裝置與實(shí)施例1中的基于互聯(lián)網(wǎng)的垂直智能菜單的交互方法一一對(duì)應(yīng)，在此不在贅述。

本文中所描述的具體實(shí)施例僅僅是對(duì)本發(fā)明精神作舉例說明。本發(fā)明所屬技術(shù)領(lǐng)域的技術(shù)人員可以對(duì)所描述的具體實(shí)施例做各種各樣的修改或補(bǔ)充或采用類似的方式替代，但并不會(huì)偏離本發(fā)明的精神或者超越所附權(quán)利要求書所定義的范圍。