頁面內(nèi)容的定位方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及界面交互技術(shù)領(lǐng)域，尤其涉及一種頁面內(nèi)容的定位方法和裝置。
【背景技術(shù)】
[0002]隨著移動設(shè)備不斷的深化普及，手機(jī)逐漸成為了生活設(shè)備中必不可少的載體。手機(jī)內(nèi)承載的功能和內(nèi)容也不斷的朝著豐富化，多元化，信息化的趨勢發(fā)展，手機(jī)上安裝的應(yīng)用程序（APP)的種類也越來越多。資訊類的APP呈現(xiàn)給用戶大量的閱讀資源信息，例如在手機(jī)瀏覽器中以卡片形式展示各類資訊信息。受限于手機(jī)尺寸，每次只能向用戶展示2-3張卡片，如果需要查看其他內(nèi)容，需要用戶不斷的滑動屏幕以展示更多內(nèi)容。因此，目前的操作方式會存在如下問題：復(fù)雜內(nèi)容場景下不能夠快速定位獲取內(nèi)容信息，用戶瀏覽內(nèi)容信息操作成本過高，當(dāng)前場景下準(zhǔn)確獲取信息存在難度，頁面信息轉(zhuǎn)化率及曝光度有限。

【發(fā)明內(nèi)容】

[0003]本發(fā)明旨在至少在一定程度上解決相關(guān)技術(shù)中的技術(shù)問題之一。
[0004]為此，本發(fā)明的一個(gè)目的在于提出一種頁面內(nèi)容的定位方法，該方法可以加快定位速度，降低用戶操作成本，提高信息獲取準(zhǔn)確度，提高頁面信息轉(zhuǎn)化率及曝光度。
[0005]本發(fā)明的另一個(gè)目的在于提出一種頁面內(nèi)容的定位裝置。
[0006]為達(dá)到上述目的，本發(fā)明第一方面實(shí)施例提出的頁面內(nèi)容的定位方法，包括：接收對預(yù)設(shè)模型的觸發(fā)指令，并根據(jù)所述觸發(fā)指令，展示所述預(yù)設(shè)模型，所述預(yù)設(shè)模型包括：熱區(qū)；接收在所述熱區(qū)內(nèi)產(chǎn)生的預(yù)設(shè)指令，并根據(jù)所述預(yù)設(shè)指令移動頁面內(nèi)容的相關(guān)信息；以及，根據(jù)移動的頁面內(nèi)容的相關(guān)信息，展示對應(yīng)的頁面內(nèi)容。
[0007]本發(fā)明第一方面實(shí)施例提出的頁面內(nèi)容的定位方法，通過對預(yù)設(shè)模型的熱區(qū)的操作展示相應(yīng)的頁面內(nèi)容，由于對預(yù)設(shè)模型的操作路徑遠(yuǎn)小于對整個(gè)頁面內(nèi)容的操作路徑，因此，可以加快定位速度，降低用戶操作成本，提高信息獲取準(zhǔn)確度，提高頁面信息轉(zhuǎn)化率及曝光度。
[0008]為達(dá)到上述目的，本發(fā)明第二方面實(shí)施例提出的頁面內(nèi)容的定位裝置，包括：第一展示模塊，用于接收對預(yù)設(shè)模型的觸發(fā)指令，并根據(jù)所述觸發(fā)指令，展示所述預(yù)設(shè)模型，所述預(yù)設(shè)模型包括：熱區(qū)；移動模塊，用于接收在所述熱區(qū)內(nèi)產(chǎn)生的預(yù)設(shè)指令，并根據(jù)所述預(yù)設(shè)指令移動頁面內(nèi)容的相關(guān)信息；第二展示模塊，用于根據(jù)移動的頁面內(nèi)容的相關(guān)信息，展示對應(yīng)的頁面內(nèi)容。
[0009]本發(fā)明第二方面實(shí)施例提出的頁面內(nèi)容的定位裝置，通過對預(yù)設(shè)模型的熱區(qū)的操作展示相應(yīng)的頁面內(nèi)容，由于對預(yù)設(shè)模型的操作路徑遠(yuǎn)小于對整個(gè)頁面內(nèi)容的操作路徑，因此，可以加快定位速度，降低用戶操作成本，提高信息獲取準(zhǔn)確度，提高頁面信息轉(zhuǎn)化率及曝光度。
[0010]本發(fā)明附加的方面和優(yōu)點(diǎn)將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過本發(fā)明的實(shí)踐了解到。
【附圖說明】
[0011]本發(fā)明上述的和/或附加的方面和優(yōu)點(diǎn)從下面結(jié)合附圖對實(shí)施例的描述中將變得明顯和容易理解，其中:
[0012]圖1是本發(fā)明一實(shí)施例提出的頁面內(nèi)容的定位方法的流程示意圖；
[0013]圖2是本發(fā)明另一實(shí)施例提出的頁面內(nèi)容的定位方法的流程示意圖；
[0014]圖3是本發(fā)明實(shí)施例中模型層和內(nèi)容底層的側(cè)面示意圖；
[0015]圖4是本發(fā)明實(shí)施例中熱區(qū)的示意圖；
[0016]圖5是本發(fā)明實(shí)施例中圖標(biāo)的示意圖；
[0017]圖6是本發(fā)明實(shí)施例中預(yù)設(shè)模型的狀態(tài)示意圖；
[0018]圖7是本發(fā)明實(shí)施例中展示預(yù)設(shè)模型的流程示意圖；
[0019]圖8a_圖8c是本發(fā)明實(shí)施例中預(yù)設(shè)模型在實(shí)際設(shè)置時(shí)不同狀態(tài)的示意圖；
[0020]圖9是本發(fā)明實(shí)施例中預(yù)設(shè)區(qū)域的示意圖；
[0021]圖10是本發(fā)明另一實(shí)施例提出的頁面內(nèi)容的定位方法的流程示意圖；
[0022]圖11是本發(fā)明另一實(shí)施例提出的頁面內(nèi)容的定位裝置的結(jié)構(gòu)示意圖；
[0023]圖12是本發(fā)明另一實(shí)施例提出的頁面內(nèi)容的定位裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0024]下面詳細(xì)描述本發(fā)明的實(shí)施例，所述實(shí)施例的示例在附圖中示出，其中自始至終相同或類似的標(biāo)號表示相同或類似的模塊或具有相同或類似功能的模塊。下面通過參考附圖描述的實(shí)施例是示例性的，僅用于解釋本發(fā)明，而不能理解為對本發(fā)明的限制。相反，本發(fā)明的實(shí)施例包括落入所附加權(quán)利要求書的精神和內(nèi)涵范圍內(nèi)的所有變化、修改和等同物。
[0025]圖1是本發(fā)明一實(shí)施例提出的頁面內(nèi)容的定位方法的流程示意圖，該方法包括:
[0026]Sll:接收對預(yù)設(shè)模型的觸發(fā)指令，并根據(jù)所述觸發(fā)指令，展示所述預(yù)設(shè)模型，所述預(yù)設(shè)模型包括:熱區(qū)。
[0027]例如，在瀏覽器中進(jìn)行頁面內(nèi)容展示時(shí)，頁面內(nèi)容可以是卡片形式，受限于手機(jī)屏幕的尺寸，通常每次只能展示2-3張卡片，要定位需要的內(nèi)容時(shí)，需要較多的滑動操作。
[0028]本實(shí)施例中，引入預(yù)設(shè)模型，基于預(yù)設(shè)模型實(shí)現(xiàn)頁面內(nèi)容的快速定位。
[0029]預(yù)設(shè)模型可以根據(jù)觸發(fā)指令觸發(fā)展示。具體的，預(yù)設(shè)模型的展示區(qū)域可以小于手機(jī)屏幕的大小，從而可以在手機(jī)屏幕的范圍內(nèi)展示全部的預(yù)設(shè)模型的內(nèi)容。
[0030]預(yù)設(shè)模型可以包括:熱區(qū)，其中，熱區(qū)是指觸發(fā)頁面內(nèi)容的相關(guān)信息移動的有效區(qū)域，當(dāng)預(yù)設(shè)指令位于熱區(qū)時(shí)，可以觸發(fā)頁面內(nèi)容的相關(guān)信息的移動，否則，如果預(yù)設(shè)指令位于熱區(qū)之外，不能觸發(fā)頁面內(nèi)容的相關(guān)信息的移動。
[0031]預(yù)設(shè)指令例如為滑動指令。
[0032]另外，預(yù)設(shè)模型還可以包括:頁面內(nèi)容的模型信息，相應(yīng)的，根據(jù)預(yù)設(shè)指令移動的頁面內(nèi)容的相關(guān)信息包括:頁面內(nèi)容的模型信息，和/或，頁面內(nèi)容。一些實(shí)施例中，頁面內(nèi)容是模塊化的，整個(gè)頁面內(nèi)容可以分為多個(gè)模塊，而預(yù)設(shè)模型中包括的頁面內(nèi)容的模型信息的個(gè)數(shù)與頁面內(nèi)容的模塊個(gè)數(shù)是一致的，例如，以模塊是卡片為例，通常來講，整個(gè)頁面內(nèi)容會對應(yīng)9個(gè)卡片，因此，本實(shí)施例中的頁面內(nèi)容的模型信息的個(gè)數(shù)也為9個(gè)。
[0033]S12:接收在所述熱區(qū)內(nèi)產(chǎn)生的預(yù)設(shè)指令，并根據(jù)所述預(yù)設(shè)指令移動頁面內(nèi)容的相關(guān)信息所述圖標(biāo)的位置。
[0034]例如，以移動頁面內(nèi)容的模型信息為例，當(dāng)用戶在熱區(qū)內(nèi)進(jìn)行滑動操作時(shí)，可以觸發(fā)預(yù)設(shè)模型內(nèi)的頁面內(nèi)容的模型信息根據(jù)滑動操作而移動。
[0035]S13:根據(jù)移動的頁面內(nèi)容的相關(guān)信息，展示對應(yīng)的頁面內(nèi)容。
[0036]例如，還可以設(shè)置預(yù)設(shè)區(qū)域，當(dāng)移動頁面內(nèi)容的模型信息時(shí)，如果一個(gè)模型信息移動到預(yù)設(shè)區(qū)域，則展示移動到預(yù)設(shè)區(qū)域內(nèi)的模型信息對應(yīng)的頁面內(nèi)容。
[0037]進(jìn)一步的，在展示頁面內(nèi)容時(shí)，可以將移動到預(yù)設(shè)區(qū)域內(nèi)的模型信息對應(yīng)的頁面內(nèi)容展示在頁面展示區(qū)域的頭部。
[0038]另外，還可以展示移動到預(yù)設(shè)區(qū)域內(nèi)的模型信息對應(yīng)的頁面內(nèi)容的標(biāo)識信息，標(biāo)識信息例如為名稱。
[0039]本實(shí)施例中，通過在預(yù)設(shè)模型的熱區(qū)內(nèi)的預(yù)設(shè)指令移動頁面內(nèi)容的相關(guān)信息，并根據(jù)移動的頁面內(nèi)容的相關(guān)信息展示對應(yīng)的頁面內(nèi)容，由于對預(yù)設(shè)模型的操作路徑遠(yuǎn)小于對整個(gè)頁面內(nèi)容的操作路徑，因此，可以加快定位速度，降低用戶操作成本，提高信息獲取準(zhǔn)確度，提高頁面信息轉(zhuǎn)化率及曝光度。
[0040]圖2是本發(fā)明另一實(shí)施例提出的頁面內(nèi)容的定位方法的流程示意圖，該方法包括:
[0041]S21:構(gòu)建模型層和內(nèi)容底層。
[0042]其中，模型層用于展示預(yù)設(shè)模型，內(nèi)容底層用于展示頁面內(nèi)容。
[0043]圖3給出了模型層和內(nèi)容底層的側(cè)面示意圖，參見圖3，模型層31具有曲面結(jié)構(gòu)，內(nèi)容底層32具有平面結(jié)構(gòu)。其中，曲線結(jié)構(gòu)可以采用3D技術(shù)實(shí)現(xiàn)。
[0044]S22:生成預(yù)設(shè)模型，預(yù)設(shè)模型包括:熱區(qū)，以及，頁面內(nèi)容的模型信息。
[0