• 
    <ul id="o6k0g"></ul>
    <ul id="o6k0g"></ul>

    可視化頁面編輯方法、裝置及A/B測試方法、裝置制造方法及圖紙

    技術編號:13306784 閱讀:109 留言:0更新日期:2016-07-10 02:04
    本申請實施例公開了一種可視化頁面編輯方法、裝置及A/B測試方法、裝置。通過將頁面分為兩部分,在第一部分中包含視圖層,在第二部分中包含業務邏輯層,并將第一部分置于第二部分的內聯框架(iframe)中,由第一部分獲取用戶編輯頁面的操作,將操作信息傳輸至第二部分,由第二部分對操作信息進行處理,向第一步返回視圖層渲染信息,完成頁面的可視化編輯,從而避免因為被編輯頁面的不確定性,在某個不相關的腳本出問題時導致整個頁面編輯功能不可用。同時,基于頁面的可視化編輯,在得到控制頁面后,使用可視化編輯得到測試頁面,進行A/B測試,相比傳統的A/B測試,能夠大大降低了A/B測試難度,提高A/B測試效率。

    【技術實現步驟摘要】

    本專利技術涉及網站測試
    ,尤其涉及一種可視化頁面編輯方法、裝置及A/B測試方法、裝置
    技術介紹
    網站設計中,經常會面臨多個設計方案的選擇,例如頁面中標題使用長標題還是短標題,圖片使用大圖片還是小圖片,按鈕使用紅色還是藍色等。A/B測試便是進行Web測試,用于比較和選擇設計方案優劣的方法。在Web設計的A/B測試中,首先需要建立一個測試頁面(variationpage),這個頁面可能在標題字體、背景顏色或者措辭等方面與控制頁面(controlpage)有所不同,然后讓一部分用戶使用測試頁面,另一部分用戶使用控制頁面,記錄下用戶的使用情況,看哪個頁面設計方案更符合設計目標。因此要實現A/B測試,需要制作兩個(或多個)不同的頁面版本并部署,然后收集用戶使用數據,再分析數據,得出結果。然而A/B測試為單變量測試,亦即每次A/B測試時只針對某一個變量的變化比較設計方案的優劣,以避免多個變量之間的相互干擾。在每次進行A/B測試時,兩個設計方案應當基本是相同的,只是某一個地方有所不同,例如某處排版、圖片、顏色等。如果要測試不同變量變化的影響,則需要進行多次A/B測試、制作多個頁面,如果每個頁面都要重新制作生成,將會耗費很多人力物力。
    技術實現思路
    為克服相關技術中A/B測試效率低的問題,本申請提供一種可視化頁面編輯方法、裝置及A/B測試、裝置。根據本申請實施例的第一方面,提供一種可視化頁面編輯方法,包括:<br>將被編輯頁面分為第一部分和第二部分,所述第一部分包含所述被編輯頁面的視圖層,所述第二部分包含所述被編輯頁面的業務邏輯層,所述第一部分設置于所述第二部分的內聯框架中;所述第一部分獲取針對節點的操作信息,所述操作信息包括選中信息和編輯操作信息,將所述操作信息傳輸至所述第二部分;所述第二部分接收所述操作信息,并根據所述操作信息向所述第一部分返回對應的視圖渲染信息;所述第一部分根據所述視圖渲染信息重新渲染所述被編輯頁面的視圖層。可選的,所述的可視化頁面編輯方法,還包括:所述第一部分獲取到節點的選中信息時,顯示對應于所述節點的操作選項列表;獲取用戶針對所述操作選擇列表的操作選項信息后,顯示與所述操作選項信息對應的節點編輯視圖,通過所述節點編輯視圖獲取針對所述節點的編輯操作信息。可選的,所述的可視化頁面編輯方法中,所述第一部分獲取針對節點的單次操作信息時,保存所述單次操作信息;當所述第一部分獲取到操作完成信息時,將所有單次操作信息傳輸至所述第二部分。相應于本申請實施例的第一方面,根據本申請實施例的第二方面,提供一種可視化頁面編輯裝置,包括:頁面切分單元,用于將被編輯頁面分為第一部分和第二部分,所述第一部分包含所述被編輯頁面的視圖層,所述第二部分包含所述被編輯頁面的業務邏輯層,所述第一部分設置于所述第二部分的內聯框架中;第一控制單元,用于在所述第一部分中獲取針對節點的操作信息,所述操作信息包括選中信息和編輯操作信息,并將所述操作信息傳輸至所述第二部分;第二控制單元,用于在所述第二部分中接收所述操作信息,并根據所述操作信息向所述第一部分返回對應的視圖渲染信息;渲染單元,用于在所述第一部分中根據所述視圖渲染信息重新渲染所述被編輯頁面的視圖層。可選的,所述的可視化頁面編輯裝置,還包括:選項顯示單元,用于當所述第一部分獲取到節點的選中信息時,顯示對應于所述節點的操作選項列表;節點編輯視圖顯示單元,用于在所述第一部分獲取用戶針對所述操作選擇列表的操作選項信息后,顯示與所述操作選項信息對應的節點編輯視圖,通過所述節點編輯視圖獲取針對所述節點的編輯操作信息。可選的,所述的可視化頁面編輯裝置中,所述第一控制單元獲取到針對節點的單次操作信息時,保存所述單次操作信息,當所述第一部分獲取到操作完成信息時,將所有單次操作信息傳輸至所述第二部分。根據本申請實施例的第三方面,提供一種使用所述可視化頁面編輯方法的A/B測試方法,包括:獲取控制頁面;使用所述可視化頁面編輯方法得到測試頁面;分流所述控制頁面和測試頁面;獲取用戶在控制頁面和對應的測試頁面的點擊信息;根據所述點擊信息發送打點信息至打點服務器;根據所述打點服務器中的打點信息生成測試結果。可選的,所述的A/B測試方法中,所述獲取控制頁面為根據用戶輸入的網頁地址,抓取控制頁面至本地。可選的,所述的A/B測試方法,根據CookieID分流所述控制頁面和測試頁面。可選的,所述的A/B測試方法,根據所述打點服務器中的打點信息生成熱區圖。相應于本申請實施例的第三方面,根據本申請實施例的第四方面,提供一種使用所述可視化頁面編輯裝置的A/B測試裝置,包括:控制頁面獲取單元,用于獲取控制頁面;測試頁面獲取單元,用于使用所述可視化頁面編輯裝置得到測試頁面;分流單元,用于分流所述控制頁面和測試頁面;點擊信息獲取單元,用于獲取用戶在控制頁面測試區域和對應的測試頁面測試區域的點擊信息;打點發送單元,用于根據所述點擊信息發送打點信息至打點服務器;測試結果生成單元,用于根據所述打點服務器中的打點信息生成測試結果。可選的,所述的A/B測試裝置中,所述控制頁面獲取單元根據用戶輸入的網頁地址,抓取控制頁面至本地。可選的,所述的A/B測試裝置中,所述分流單元根據CookieID分流所述控制頁面和測試頁面。可選的,所述的A/B測試裝置中,所述測試結果生成單元根據所述打點服務器中的打點信息生成熱區圖。本申請實施例提供的技術方案可以包括以下有益效果:通過將頁面分為兩部分,在第一部分中包含視圖層,在第二部分中包含業務邏輯層,從而將視圖層和業務邏輯層分離,并將第一部分置于第二部分的內聯框架(iframe)中,由第一部分獲取用戶編輯頁面的操作,將操作信息傳輸至第二部分,由第二部分對操作信息進行處理,向第一步返回視圖層渲染信息,完成頁面的可視化編輯,從而避免因為被編輯頁面的不確定性,在某個不相關的腳本出問題時導致整個頁面編輯功能不可用。同時,基于頁面的可視化編輯,在得到控制頁面(即原始頁面)后,使用可視化編輯得到測試頁面,將控制頁面和測試頁面分流,進行A/B測試,相比傳統的A/B測試,降低了A/B測試難度,并大大降低了頁面開發工作量,提高A/B測試效率。應當理解的是,以上的一般描述和后文的細節描述僅是示例性和解釋性的,并不能限制本申請。附圖本文檔來自技高網...

    【技術保護點】
    一種可視化頁面編輯方法,其特征在于,包括:將被編輯頁面分為第一部分和第二部分,所述第一部分包含所述被編輯頁面的視圖層,所述第二部分包含所述被編輯頁面的業務邏輯層,所述第一部分設置于所述第二部分的內聯框架中;所述第一部分獲取針對節點的操作信息,所述操作信息包括選中信息和編輯操作信息,將所述操作信息傳輸至所述第二部分;所述第二部分接收所述操作信息,并根據所述操作信息向所述第一部分返回對應的視圖渲染信息;所述第一部分根據所述視圖渲染信息重新渲染所述被編輯頁面的視圖層。

    【技術特征摘要】
    1.一種可視化頁面編輯方法,其特征在于,包括:
    將被編輯頁面分為第一部分和第二部分,所述第一部分包含所述被編輯頁面的視圖
    層,所述第二部分包含所述被編輯頁面的業務邏輯層,所述第一部分設置于所述第二部
    分的內聯框架中;
    所述第一部分獲取針對節點的操作信息,所述操作信息包括選中信息和編輯操作信
    息,將所述操作信息傳輸至所述第二部分;
    所述第二部分接收所述操作信息,并根據所述操作信息向所述第一部分返回對應的
    視圖渲染信息;
    所述第一部分根據所述視圖渲染信息重新渲染所述被編輯頁面的視圖層。
    2.如權利要求1所述的可視化頁面編輯方法,其特征在于,還包括:
    所述第一部分獲取到節點的選中信息時,顯示對應于所述節點的操作選項列表;
    獲取用戶針對所述操作選擇列表的操作選項信息后,顯示與所述操作選項信息對應
    的節點編輯視圖,通過所述節點編輯視圖獲取針對所述節點的編輯操作信息。
    3.根據權利要求1或2所述的可視化頁面編輯方法,其特征在于,
    所述第一部分獲取針對節點的單次操作信息時,保存所述單次操作信息;
    當所述第一部分獲取到操作完成信息時,將所有單次操作信息傳輸至所述第二部分。
    4.一種可視化頁面編輯裝置,其特征在于,包括:
    頁面切分單元,用于將被編輯頁面分為第一部分和第二部分,所述第一部分包含所
    述被編輯頁面的視圖層,所述第二部分包含所述被編輯頁面的業務邏輯層,所述第一部
    分設置于所述第二部分的內聯框架中;
    第一控制單元,用于在所述第一部分中獲取針對節點的操作信息,所述操作信息包
    括選中信息和編輯操作信息,并將所述操作信息傳輸至所述第二部分;
    第二控制單元,用于在所述第二部分中接收所述操作信息,并根據所述操作信息向
    所述第一部分返回對應的視圖渲染信息;
    渲染單元,用于在所述第一部分中根據所述視圖渲染信息重新渲染所述被編輯頁面

    \t的視圖層。
    5.如權利要求4所述的可視化頁面編輯裝置,其特征在于,還包括:
    選項顯示單元,用于當所述第一部分獲取到節點的選中信息時,顯示對應于所述節
    點的操作選項列表;
    節點編輯視圖顯示單元,用于在所述第一部分獲取用戶針對所述操作選擇列表的操...

    【專利技術屬性】
    技術研發人員:朱君標荊欣
    申請(專利權)人:阿里巴巴集團控股有限公司
    類型:發明
    國別省市:開曼群島;KY

    網友詢問留言 已有0條評論
    • 還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。

    1
    主站蜘蛛池模板: 亚洲精品人成无码中文毛片 | 亚洲成A人片在线观看无码不卡| 亚洲精品无码久久久久牙蜜区| 免费无码AV片在线观看软件| 中文字幕av无码专区第一页| 中文字幕精品三区无码亚洲| 波多野42部无码喷潮在线| 久久午夜伦鲁片免费无码| 亚洲高清无码专区视频| 亚洲一本到无码av中文字幕| 亚洲?V无码成人精品区日韩| 99国产精品无码| 亚洲日韩欧洲无码av夜夜摸| 国产精品午夜无码AV天美传媒| 无码一区二区三区免费| 成年午夜无码av片在线观看| 一本大道在线无码一区| 人妻无码久久一区二区三区免费 | 无码国产精成人午夜视频一区二区| 伊人久久一区二区三区无码| 国产精品无码A∨精品影院| 国产aⅴ激情无码久久久无码| 无码av免费毛片一区二区| 亚洲中文久久精品无码| 亚洲中文字幕无码爆乳av中文| 亚洲爆乳精品无码一区二区| 亚洲中文无码线在线观看| 无码精品久久久天天影视| 亚洲精品无码不卡在线播HE| 无码精品一区二区三区在线| 久久激情亚洲精品无码?V| 无码天堂va亚洲va在线va| 精品久久久久久无码中文字幕漫画| 亚洲爆乳少妇无码激情| 久久亚洲中文无码咪咪爱| 色欲aⅴ亚洲情无码AV蜜桃| 日韩精品无码区免费专区| 免费无码黄动漫在线观看| 日韩AV片无码一区二区不卡| 精品无码黑人又粗又大又长| 特级小箩利无码毛片|