本申請是申請日為2013年7月31日，申請?zhí)枮?01380023353.7，發(fā)明名稱為“提供響應用戶界面的裝置和方法及針對該方法的電子設備可讀的記錄介質”的發(fā)明專利申請的分案申請。

本發(fā)明涉及一種提供響應用戶界面的裝置和方法，并且，更具體地說，涉及這樣一種提供響應用戶界面的裝置和方法，其中，當在已顯示網頁的狀態(tài)下輸出畫面重新定位命令時，通過分析畫面重新定位命令獲得對應的布局設置值，基于布局設置值重新配置畫面的布局，重新定位網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。

背景技術：

由于無線通信終端(諸如便攜式電話或便攜式數字助理(pda))被廣泛使用并且無線互聯網變得活躍，因此互聯網網頁已經變?yōu)榭赏ㄟ^無線通信終端在特定地點訪問。

通常，無線通信終端具有小的顯示窗口大小，因為需要考慮移動性或便攜性，并且因此可通過這種具有小的顯示窗口大小的顯示窗口再現的畫面的大小受到限制。

因此，如果通過無線通信終端來訪問常見的網頁而非移動專用網頁，則僅整個網頁的一些區(qū)域被顯示在畫面上。因此，為了觀看整個網頁，用戶必須上下左右滾動畫面。

為了觀看網頁同時上下左右滾動畫面在使用中不方便，并且存在這樣一個問題，在滾動網頁的畫面的過程中不必要圖像或鏈接(諸如廣告)被錯誤地選擇。

因此，其中所有的圖像信息都從網頁排除的純文本模式并且在畫面上顯示純文本，將整個網頁的大小減小到無線通信終端的畫面的大小并且在畫面上顯示減小的網頁的方法可以被使用。

但是，消除來自網頁的所有圖像是不合適的，因為用戶可見的期望圖像也消失了。如果網頁的大小減小到無線通信終端的畫面的大小，則存在這樣一個問題：網頁的內容可能不容易識別，因為被包括在網頁中的文字或圖像的大小也減小了。

因此，為了提供用戶便利性，除了控制整個網頁的大小或者消除所有圖像和顯示減小的網頁的方法以外，有必要重新配置和顯示網頁，

技術實現要素：

所要解決的技術問題

已經做出了本發(fā)明以解決上述問題，并且本發(fā)明的目的在于提供一種提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中畫面被重新定位的響應ui的一部分可以按照如下方式容易地識別：除了分辨率(屏幕大小)之外，還根據用戶的交互來控制響應ui。

本發(fā)明的另一個目的在于提供一種提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中可以通過用戶的界面來檢查根據各種設備或各種畫面配置的布局。

本發(fā)明的再一個目的在于提供一種提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中當請求畫面的重新定位時，提供預覽功能，使得將要重新定位的網頁利用與當前顯示的網頁的透明度不同的透明度來顯示并且因此將要重新定位的畫面的配置可以容易地被識別。

本發(fā)明的又一個目的在于提供一種提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中通過間隔控制功能將畫面配置自動切換到另一個畫面配置。

本發(fā)明的又一個目的在于提供一種提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中，因為除了分辨率(屏幕大小)還根據用戶的交互來控制響應ui，所以可以在畫面被重新定位的時間期間提供廣告。

本發(fā)明的又一個目的在于提供一種提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中在畫面被重新定位的同時加載數據時，為了吸引用戶的注意力按照廣告逐漸消失的方式增加廣告暴露或者提供聲音效果。

用于解決技術問題的手段

根據本發(fā)明的一個方面，提供了一種提供響應用戶界面的裝置，所述裝置包括：畫面設置值儲存單元，所述畫面設置值儲存單元用于根據畫面的大小存儲布局設置值；用戶界面單元，所述用戶界面單元用于接收用戶命令；用戶命令識別單元，當通過所述用戶界面單元輸入畫面重新定位命令時，所述用戶命令識別單元通過對所述畫面重新定位命令進行分析從所述畫面設置值儲存單元獲得對應的布局設置值；以及畫面配置控制單元，所述畫面配置控制單元基于獲得的布局設置值重新配置所述畫面的布局，在重新配置的畫面中重新定位對應網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。

提供響應用戶界面的裝置還可以包括用于存儲廣告的廣告儲存單元。所述畫面配置控制單元可以從所述畫面的布局開始被重新配置的時刻起始根據預定的廣告調度算法在所述網頁的構造塊中暴露廣告，直到重新定位的網頁被顯示為止。

所述畫面配置控制單元可以在暴露所述廣告的同時輸出聲音效果。

此外，當對應數據加載到上面已顯示所述廣告的所述構造塊上時，所述畫面配置控制單元可以逐漸地移除所述廣告。

此外，當輸入所述畫面重新定位命令時，所述畫面配置控制單元可以利用與當前顯示的網頁的透明度不同的透明度來顯示將要被重新定位的網頁。

所述畫面重新定位命令可以通過使用預定的按鈕選擇正常模式、窄模式和移動模式中的至少一種畫面定位模式來輸入或者可以通過網頁間隔控制功能來輸入。

此外，當使用預定的按鈕輸入用于所述正常模式、所述窄模式和所述移動模式中的一種的畫面重新定位命令時，所述用戶命令識別單元可以檢查所述畫面設置值儲存單元中的、與所述畫面重新定位命令對應的所述網頁的媒體查詢，并且通過對所述媒體查詢進行分析獲得所述網頁的構造塊的布局設置值。

當通過所述網頁間隔控制功能輸入所述畫面重新定位命令時，所述用戶命令識別單元可以檢查畫面的大小與受控畫面大小最接近的畫面定位模式，并且獲得與檢查的畫面定位模式對應的布局設置值。

在所述畫面設置值儲存單元中，將用于正常模式、窄模式和移動模式中的每一個的網頁的構造塊的布局設置值指定為媒體查詢。

根據本發(fā)明的另一個方面，提供了一種由提供響應用戶界面的裝置來提供響應用戶界面的方法，所述方法包括以下步驟：(a)當在已經顯示網頁的狀態(tài)下輸入畫面重新定位命令時，通過對所述畫面重新定位命令進行分析獲得對應的布局設置值；以及(b)基于獲得的布局設置值重新配置畫面的布局，在重新配置的畫面中重新定位所述網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。

所述步驟(a)可以包括以下步驟：當輸入用于正常模式、窄模式和移動模式中的一個的所述畫面重新定位命令時，確定與所述畫面重新定位命令對應的畫面定位模式；以及通過分析與確定的畫面定位模式對應的媒體查詢來獲得所述網頁的構造塊的布局設置值。

所述步驟(a)可以包括以下步驟：當通過網頁間隔控制功能輸入所述畫面重新定位命令時，檢查畫面的大小與受控畫面大小最接近的畫面定位模式；以及通過分析與檢查的畫面定位模式對應的媒體查詢獲得所述網頁的構造塊的布局設置值。

在所述步驟(b)中，可以從所述畫面的布局開始被重新配置的時刻起根據預定的廣告調度算法在所述網頁的構造塊中暴露廣告，直到重新定位的網頁被顯示為止。

根據本發(fā)明的又一個方面，提供了一種電子設備可讀記錄介質，在該電子設備可讀記錄介質上記錄提供響應用戶界面的方法作為程序，所述方法包括以下步驟：當在已經顯示網頁的狀態(tài)下輸入畫面重新定位命令時，通過對所述畫面重新定位命令進行分析獲得對應的布局設置值；以及基于獲得的布局設置值重新配置畫面的布局，在重新配置的畫面中重新定位所述網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。

發(fā)明效果

根據本發(fā)明，因為可以根據用戶的交互以及分辨率(屏幕大小)來控制響應ui，所以將對畫面重新定位的部分可以容易地被識別。

此外，可以僅通過用戶的界面來檢查根據各種設備或各種畫面所配置的布局。

此外，當請求畫面的重新定位時，提供預覽功能，使得將要重新定位的網頁利用與當前顯示的網頁的透明度不同的透明度來顯示。因此，將要重新定位的畫面的配置可以容易地被識別。

此外，可以通過間隔控制功能將畫面配置自動切換到另一個畫面配置。

此外，因為除了分辨率(屏幕大小)之外，還根據用戶的交互來控制響應ui，所以可以在畫面被重新定位時提供廣告。

此外，當畫面被重新定位時，廣告在加載數據的同時逐漸消失。因此，用戶的注意力可以通過增加廣告暴露時間或提供聲音效果被進一步吸引。

附圖說明

圖1是示出根據本發(fā)明的提供響應用戶界面的裝置的構造的框圖。

圖2是示出根據本發(fā)明的媒體查詢的示例圖。

圖3是例示根據本發(fā)明的實施方式的由提供響應用戶界面的裝置提供響應用戶界面的方法的流程圖。

圖4示出了例示根據本發(fā)明的響應用戶界面的示例性畫面。

圖5是例示根據本發(fā)明的另一個實施方式的由用戶終端提供響應用戶界面的方法的流程圖。

圖6示出根據本發(fā)明例示使用價格控制功能重新定位網頁的方法的示例性畫面。

圖7是例示根據本發(fā)明的再一個實施方式的由用戶終端提供的響應用戶界面的方法的流程圖。

圖8和圖9是根據本發(fā)明的當畫面被重新配置時上面暴露廣告的畫面的示例圖。

<附圖中的主要元件的附圖標記的描述>

100：提供響應用戶界面的裝置

110：通信單元120：用戶界面單元

130：用戶命令識別單元

140：畫面設置值儲存單元

150：畫面配置控制單元

160：廣告儲存單元

170：音頻處理單元

具體實施方式

根據基于附加到本發(fā)明的說明書的附圖的以下詳細描述，本發(fā)明的上述目的、技術構造和操作效果的細節(jié)將被更加清楚地理解。

圖1是示出根據本發(fā)明的提供響應用戶界面的裝置的構造的框圖，并且圖2是示出根據本發(fā)明的媒體查詢的示例圖。

參照圖1，提供響應用戶界面的裝置包括：通信單元110，通過通信網絡被提供網頁的通信單元110，用戶界面單元120、用戶命令識別單元130、畫面設置值儲存單元14-和畫面配置控制單元150。

通信單元110是通信裝置，該通信裝置通過通信網絡連接提供響應用戶界面100的裝置和提供網頁的網絡服務器提供裝置。通信單元110例如可以包括無線通信模塊(諸如移動通信或衛(wèi)星通信)、有線通信模塊(諸如互聯網)和短程無線通信模塊(諸如wi-fi)。

畫面設置值儲存單元140根據畫面大小存儲布局設置值。即，畫面設置值儲存單元140根據針對上面將顯示網頁的畫面的水平寬度和垂直高度的畫面大小，存儲用于畫面的布局設置值。

網頁是由諸如標題塊、內容塊、側邊塊和頁腳塊的多個塊組成?；谏厦鎸@示網頁得到畫面的尺寸在每個網頁中事先設置布局設置值，在該布局設置值上將顯示構造塊中的每一個。因此，當接收到網頁時，提供響應用戶界面100的裝置還隨著網頁根據畫面的大小接收網頁的構造塊的布局設置值，并且將布局設置值存儲在畫面設置值儲存單元140中。這里，在畫面設置值儲存單元140中，根據畫面的大小的網頁的構造塊的布局設置值已經以媒體查詢的形式被指定。

此外，畫面設置值儲存單元140存儲用于正常模式、窄模式和移動模式中的每一個的網頁的構造塊的布局設置值。這里，布局設置值已經以媒體查詢的形式被指定。

諸如智能手機、平板電腦和計算機的顯示設備是各種各樣的，并且分辨率也是各種各樣的。媒體查詢已做成與這樣的環(huán)境對應。簡單地說，媒體查詢指代控制根據設備分辨率所看到的事情的功能。畫面的布局可以通過媒體查詢來靈活產生。

媒體查詢具有如下屬性：諸如寬度(畫面的寬度)、高度(畫面的高度)、設備寬度(終端的寬度)、設備高度(終端的高度)、方向(畫面的水平/垂直模式)、縱橫比(畫面比)、設備縱橫比(終端的畫面比)、顏色(顏色比特數)、顏色索引(顏色表條目數)、單色(單色幀緩沖器的每一個像素的比特數)、分辨率(畫面分辨率)、掃描(tv的掃描方法)以及柵格(是柵格還是位圖方法)。

例如，提供響應用戶界面100的裝置根據畫面定位模式指定相對值(％)，使得畫面的布局能夠基于圖2所述的瀏覽器的寬度值靈活地改變。在這種情況下，提供響應用戶界面100的裝置可以知道布局設置值，基于@媒體(@media)和最大寬度值。這里，畫面定位模式指代正常模式、窄模式或移動模式。

用戶界面單元120操作為接收用戶命令的輸入單元或根據用戶命令的顯示結果的顯示單元。

如果用戶界面單元120操作為輸入單元，則用戶界面單元120響應于用戶的操控將用戶請求轉換成電信號，作為用于接收用戶請求的裝置以控制提供響應用戶界面100的裝置的操作。輸入單元可以包括：用于接收來自用戶的字母、數字和文本信息的鍵輸入裝置、用于通過麥克風接收用戶的語音或音頻信號的語音識別裝置、用于通過拍攝對象獲得圖像的圖像獲取裝置(諸如相機)、rfid閱讀器、讀碼器等等。鍵輸入裝置可使用鍵盤、小鍵盤、觸摸屏等來實現。

如果用戶接口單元120操作為顯示單元，則用戶接口單元120可以根據通過顯示裝置(例如，液晶顯示器(lcd)或有機發(fā)光二極管(oled))的應用程序的驅動來顯示和處理畫面信息。

當通過用戶接口單元120輸入畫面重新定位命令時，用戶命令識別單元130通過對畫面重新定位命令進行分析從畫面設置值儲存單元140獲得對應的布局設置值。

即，用戶可以使用選擇預定的按鈕的方法或者上面顯示網頁的畫面中的畫面觸摸方法來輸入用于請求當前顯示畫面的重新定位的畫面重新定位命令。這里，畫面重新定位命令可以包括正常模式、窄模式、移動模式等。在這種情況下，用戶命令識別單元130通過搜索畫面設置值儲存單元140，檢查對應于與當前顯示的網頁相關的畫面重新定位命令的媒體查詢，并且通過對媒體查詢進行分析來活動網頁的構造塊的布局設置值。

例如，當用戶在當前顯示的網頁是正常模式的狀態(tài)下在窄模式中輸入畫面重新定位命令時，用戶命令識別單元130通過搜索畫面設置值儲存單元140來檢查針對當前顯示的網頁的窄模式的媒體查詢，并且通過對檢查到的媒體查詢進行分析來獲得用于在窄模式中顯示當前顯示的網頁的構造塊的布局設置值。

此外，用戶可以在上面顯示網頁的畫面中使用間隔控制功能輸入用于請求畫面的重新定位的畫面重新定位命令。在這種情況下，用戶命令識別單元130檢查畫面的大小與當前顯示的網頁相關的用戶所控制的畫面大小最接近的畫面定位模式，并且從畫面設置值儲存單元140獲得針對畫面定位模式的布局設置值。即，用戶命令識別單元130通過搜索畫面設置值儲存單元140檢查與檢查到的畫面定位模式對應的媒體查詢，并且通過對所述媒體查詢進行分析活動重新定位畫面的網頁的構造塊的布局設置值。

畫面配置控制單元150基于由用戶命令識別單元130獲得的布局設置值來重新配置畫面的布局，在重新配置的畫面中重新定位對應的網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。即，畫面配置控制單元150基于布局設置值來重新配置上面將顯示對應的網頁的構造塊的畫面的布局，在重新配置的畫面中重新定位網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。這里，畫面配置控制單元150不改變實際的畫面大小，而是僅改變上面將顯示網頁的布局大小。

此外，當用戶輸入日畫面重新定位命令時，畫面配置控制單元150可以響應于透明度與當前顯示的網頁不同的畫面重新定位命令提供顯示將要重新定位的畫面的功能，使得將要重新定位的網頁可以被事先檢查。換句話說，當輸入畫面重新定位命令時，畫面配置控制單元150顯示透明度與當前顯示的網頁不同的將要重新定位的網頁，使得用戶可以通過不同的透明度預先檢查將要重新定位的網頁。

例如，當窄模式切換至移動模式時，畫面配置控制單元150可以將移動模式中的畫面配置為比窄模式中的畫面更加透明，并且在移動模式中顯示畫面。

根據本發(fā)明的另一個方面，提供響應用戶界面100的裝置還可以包括用于存儲廣告的廣告儲存單元160。在這種情況下，畫面配置控制單元150從所述畫面的布局的重新配置開始的時刻起根據預定的廣告調度算法在網頁的構造塊中暴露廣告，直到重新定位的網頁被顯示為止。提供響應用戶界面100的裝置已經被例示以存儲廣告，但是提供響應用戶界面100的裝置可以通過通信單元100接收廣告并且提供接收到的廣告。

盡管畫面被重新定位，但是畫面的構造塊使用標簽<div>保持它們的結構。在這種情況下，在所述塊正在移動的同時通過將過渡效果應用于所有塊并且增加過渡時間，所有的塊都可以由廣告圖像替代，并且當廣告圖像被單擊時，畫面可以移動到對應的廣告。即，當畫面重新定位命令被輸入時，畫面配置控制單元150將層疊樣式表(css)應用于已經應用的廣告，并且在特定的時間在定時器中逝去時通過應用原始層疊樣式表(css)來顯示重新定位的網頁。

此外，畫面配置控制單元150可以在重新配置畫面的布局時顯示網頁的構造塊上的廣告并且可以在對應數據加載到已經顯示廣告的構造塊上時使廣告逐漸消失。例如，當數據被加載到內容塊上時，畫面配置控制單元150可以用廣告圖像替代空部分并且在加載數據時逐漸移除廣告圖像。

此外，畫面配置控制單元150可以在暴露廣告的同時通過音頻處理單元170輸出聲音效果。通常，背景音樂不受用戶歡迎，但是根據針對用戶動作的反饋視點，將要改變的畫面配置占據的時間不長并且可能不會不受用戶歡迎。因此，畫面配置控制單元150可以在重新配置畫面的同時提供適當的廣告聲音效果。

提供用戶界面100的裝置可以是用戶終端。例如，用戶終端可以包括各種類型的設備，諸如筆記本電腦、移動通信終端、智能電話、便攜式媒體播放器(pmp)、便攜式數字助理(pda)、平板pc、機頂盒和智能tv。

圖3是例示根據本發(fā)明的實施方式的由提供響應用戶界面的裝置提供響應用戶界面的方法的流程圖，并且圖4示出了例示根據本發(fā)明的響應用戶界面的示例性畫面。提供響應用戶界面的裝置在下文中被成為用戶終端。

參照圖3，當在畫面上顯示網頁(s202)的狀態(tài)中輸入畫面重新定位命令(s204)時，用戶終端通過對畫面重新定位命令進行分析獲得對應的布局設置值(s206)。即，當輸入針對正常模式、窄模式和移動模式中的一個畫面定位模式的畫面重新定位命令時，用戶終端確定與畫面重新定位命令對應的畫面定位模式。之后，用戶終端通過對與確定的畫面定位模式對應的媒體查詢進行分析來獲得網頁的構造塊的布局設置值。

之后，用戶終端基于獲得的布局設置值重新配置畫面的布局(s208)，在重新配置的畫面中重新定位網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁(s210)。

例如，下面描述當前網頁在正常模式中(如圖4(a)所示)的情況。參照圖4(a)，正常模式中的網頁400a包括標題塊410a、內容塊420a、兩個側邊塊430a和頁腳塊440a。這里，兩個側邊塊430a顯示在內容塊420a的右側上的一些區(qū)域上。

當用戶輸入與窄模式對應的畫面重新定位命令時，用戶終端基于針對窄模式設置的布局設置值來重新配置畫面的布局，在(b)中重新配置的畫面中重新定位網頁，并且在重新配置的畫面上顯示重新定位的網頁。實際的畫面大小沒有被改變，并且重新定位的網頁如(b)顯示的那樣。根據(b)，可以看到窄模式中的網頁400b具有與正常模式中的網頁400a具有相同的結構，但是窄模式中的網頁具有比正常模式中的網頁400a更小的大小。

此外，當用戶輸入與移動模式對應的畫面重新定位命令時，用戶終端基于針對移動模式設置的布局設置值來重新配置畫面的布局，在(c)中重新配置的畫面中重新定位網頁，并且在重新配置的畫面上顯示重新定位的網頁。這里，實際的畫面大小沒有被改變，并且重新定位的網頁被顯示。參照圖4(c)，在移動模式中，標題塊410c、內容塊420c、兩個側邊塊430c和頁腳塊440c在網頁400c中依次縱向排列

圖5是例示根據本發(fā)明的另一個實施方式的由用戶終端提供響應用戶界面的方法的流程圖，并且圖6示出根據本發(fā)明例示使用價格控制功能重新定位網頁的方法的示例性畫面。

參照圖5，當在網頁顯示在畫面上(s602)的狀態(tài)下通過網頁間隔控制功能輸入畫面重新定位命令時(s602)，用戶終端選擇畫面的大小與受控畫面大小最接近的畫面定位模式(s606)。

之后，用戶終端檢查與選擇的畫面定位模式對應的布局設置值(s608)，基于布局設置值重新配置畫面的布局(s610)，在重新配置的畫面中重新定位網頁的構造塊，并且在重新顯示的畫面上顯示重新定位的網頁(s612)。

例如，當在上面顯示圖4(a)中的網頁的畫面中網頁被選擇并且使用圖6中的間隔控制功能控制畫面的大小時，用戶終端將這種控制識別為畫面重新定位命令，其請求將畫面重新定位為受控畫面大小。之后，用戶終端檢查畫面的大小與用戶所控制的畫面大小最接近的畫面定位模式，基于針對檢查的畫面定位模式的布局設置值來重新配置畫面的布局，在重新配置的畫面中重新定位網頁，并且在重新配置的畫面上顯示網頁。

例如，如果用戶所控制的畫面大小最接近與移動模式對應的畫面的大小，則用戶終端在4(c)中重新定位并且顯示畫面(諸如圖4(a)的畫面)。

如上所述，當用戶控制畫面的大小時，用戶終端檢查在其上畫面在畫面定位模式之間改變的布局設置值。當最接近與畫面定位模式對應的畫面的大小的畫面的大小被控制時，用戶終端檢查畫面的大小與用戶所控制的畫面大小最接近的畫面定位模式，并且通過自動改變針對所檢查的畫面定位模式的布局設置值來重新配置畫面。

參照圖6更加詳細地描述當用戶試圖使用間隔控制功能重新定位網頁時檢查畫面的大小與用戶所控制的畫面大小最接近的畫面定位模式的過程。

如圖6所示，畫面定位模式(即、正常模式、窄模式和移動模式)中的每一個均具有與每個模式對應的畫面的大小。此外，畫面定位模式基于畫面的大小具有特定范圍。為了在用戶使用與每個畫面定位模式對應的畫面大小是否在特定的范圍內的間隔控制功能裝置和在特定的范圍內的情況下檢查和選擇具有對應的特定的范圍的畫面定位模式來控制畫面的大小時檢查畫面的大小與受控的畫面大小最接近的畫面定位模式，作為確定的結果，畫面大小在所述特定的范圍內。如果檢查到具有特定范圍的畫面定位模式，則用戶所控制的畫面的大小自動地改變成與檢查到的畫面定位模式對應的畫面的大小。之后，針對檢查到的畫面定位模式的布局設置值重新配置畫面，在重新配置的畫面中重新定位網頁，并且在重新配置的畫面上顯示重新定位的網頁。

圖7是例示根據本發(fā)明的再一個實施方式的由用戶終端提供的響應用戶界面的方法的流程圖，并且圖8和圖9是根據本發(fā)明的當畫面被重新配置時上面暴露廣告的畫面的示例圖。

參照圖7，當在網頁顯示在畫面上(s802)的狀態(tài)下輸入畫面重新定位命令時(s804)，用戶終端獲得與畫面重新定位命令對應的布局設置值(s806)。這里，用戶可以使用預定的按鈕選擇正常模式、窄模式和移動模式中的至少一個畫面重新定位命令，并且通過網頁間隔控制功能輸入畫面重新定位命令。響應于此，用戶終端可以獲得與畫面重新定位命令對應的布局設置值。

當執(zhí)行步驟s806時，用戶終端在網頁的構造塊中暴露廣告同時基于布局設置值重新配置畫面的布局(s808)。這里，用戶終端根據預定的廣告調度算法在網頁的構造塊中暴露廣告。此外，網頁包括諸如標題、內容、側邊和頁腳的塊，并且因此用戶終端可以在標題塊、內容塊、側邊塊和頁腳塊中的至少一個中暴露廣告。

例如，用戶終端可以在內容塊810改變?yōu)閺V告圖像(圖8(a)中)，并且通過增加內容塊占據的過渡時間來暴露廣告以進行移動。

此外，當數據被加載(865)到內容塊850上時(圖8(b)中)，用戶可以使廣告860逐漸消失。即，當數據加載到內容塊上時，用戶終端可以用廣告圖像替代空部分并且在加載數據時逐漸移除廣告圖像。

如果網頁的重新定位在執(zhí)行步驟s808的同時完成，則用戶終端顯示重新定位的網頁(s812)。

例如，下面描述當前網頁是正常模式(圖9(a)中)的情況。

參照圖9(a)，正常模式中的網頁900包括標題塊910、內容塊920、兩個側邊塊930和頁腳塊(沒有示出)。

當用戶在正常模式中在網頁900中輸入與窄模式對應的畫面重新定位命令時，用戶終端可以在內容塊中940中暴露廣告圖像(圖9(b))，直到顯示圖9(c)中重新配置的網頁為止。

此外，根據本發(fā)明的另一個方面，提供了一種電子設備可讀記錄介質，在該電子設備可讀記錄介質上記錄提供響應用戶界面的方法作為程序，所述方法包括以下步驟：當在已經顯示網頁的狀態(tài)下輸入畫面重新定位命令時，通過對所述畫面重新定位命令進行分析獲得對應的布局設置值；以及基于獲得的布局設置值重新配置畫面的布局，在重新配置的畫面中重新定位所述網頁的構造塊，并且在重新配置的畫面上顯示重新定位的網頁。

提供響應用戶界面的方法可以被寫為程序，并且構成程序的代碼塊和代碼段可以被本領域中的程序員很容易包括。此外，與提供響應用戶界面的方法有關的程序可以由電子設備存儲在能夠由電子設備讀取的介質中并且由該電子設備讀取和執(zhí)行。

如上所述，本發(fā)明所屬的本領域技術人員將理解，在不脫離了本發(fā)明的技術精神或本質特征的情況下，本發(fā)明可以以其它各種形式來實現。因此，上述實施例不應當被解釋為限制性的，而應當根據各個方面被解釋為僅是是例示性的。本發(fā)明的范圍在所附權利要求而不是詳細描述清楚地公開了。應當理解，源自本發(fā)明的含義和范圍的所有修改和變形及其等價物都包括在所附權利要求中。

工業(yè)可應用性

本發(fā)明可以應用于提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中因為可以根據用戶的交互以及分辨率(屏幕大小)來控制響應ui，所以將對畫面重新定位的部分可以容易地被識別。

此外，本發(fā)明可以應用于提供響應用戶界面的裝置和方法以及針對其的電子設備可讀記錄介質，其中，因為根據用戶的交互以及分辨率(屏幕大小)來控制響應ui，所以可以在畫面被重新定位的短時間期間提供廣告。