本申請涉及界面交互技術(shù)領(lǐng)域，特別涉及一種界面交互方法及裝置。

背景技術(shù)：

智能終端是指擁有接入互聯(lián)網(wǎng)能力，通常搭載各種操作系統(tǒng)，可根據(jù)用戶需求定制化各種功能的設(shè)備。在生活中常見的智能終端包括：智能手機、筆記本、PDA智能終端、平板電腦、車載智能終端、智能電視、可穿戴設(shè)備等。

這些智能終端都可以為用戶提供界面交互類服務(wù)，但由于受到終端顯示屏幕尺寸的限制，在進行界面交互類服務(wù)時無法承載交互操作較多的業(yè)務(wù)。

以智能電視為例，隨著智能電視功能的優(yōu)化以及應(yīng)用的普及，用戶可在智能電視上體驗體感游戲、熱門大型3D游戲、網(wǎng)絡(luò)購物、支付水電費等等交互類業(yè)務(wù)。在電視界面上，為了突出電視交互特點，所有信息以卡片的方式呈現(xiàn)。由于電視界面尺寸對卡片顯示區(qū)域有一定的限制，為了保證用戶觀看需求(如必須設(shè)定一定區(qū)域供顯示圖像)目前，卡片顯示區(qū)域只為用戶提供單一交互操作選項，對于交互操作選項較多的業(yè)務(wù)而言，這根本沒法滿足業(yè)務(wù)需求。

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

本申請所要解決的技術(shù)問題是提供一種界面交互方法，以支持多交互操作選項的業(yè)務(wù)，提高用戶交互體驗。

本申請還提供了一種界面交互裝置，用以保證上述方法在實際中的實現(xiàn)及應(yīng)用。

一方面，本申請?zhí)峁┝艘环N界面交互方法，該方法包括：

在顯示窗口上顯示多個卡片，所述卡片承載產(chǎn)品信息；

響應(yīng)于用戶在所述顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項；

響應(yīng)于用戶在該卡片上觸發(fā)的指令，確定用戶選擇的選項。

又一方面，本申請還提供了一種界面交互裝置，該裝置包括：

顯示單元，用于在顯示窗口上顯示多個卡片，所述卡片承載產(chǎn)品信息；

卡片選項顯示單元，用于響應(yīng)于用戶在所述顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項；

交互單元，用于響應(yīng)于用戶在該卡片上觸發(fā)的指令，確定用戶選擇的選項。

與現(xiàn)有技術(shù)相比，本申請包括以下優(yōu)點：

在本申請實施例中，先在顯示窗口上顯示多個卡片，每個卡片承載相應(yīng)的產(chǎn)品信息，這樣用戶可以先瀏覽每個產(chǎn)品信息，以選擇自己感興趣的卡片；進而響應(yīng)于用戶在顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，然后在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項；在用戶選定了卡片之后，再在該卡片上渲染相關(guān)的交互操作選項，即不影響用戶瀏覽產(chǎn)品信息，又能為用戶提供多交互操作的業(yè)務(wù)服務(wù)，最后，根據(jù)用戶在卡片上觸發(fā)的指令，以確定用戶所選的選項，從而實現(xiàn)完成交互業(yè)務(wù)。因此，本發(fā)明能夠為用戶提供友好的多交互操作選項的界面，能夠支持多交互操作業(yè)務(wù)，提高用戶體驗。

附圖說明

為了更清楚地說明本申請實施例中的技術(shù)方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本申請的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1是本申請的一種界面交互方法的流程圖；

圖2是本申請方法實施例中一種顯示窗口的示例性示意圖；

圖3是本申請方法實施例中一種渲染卡片的顯示窗口的示意圖；

圖4是本申請方法實施例中一種應(yīng)用場景下的渲染卡片的顯示窗口的示意圖；

圖5是本申請的一種界面交互裝置的結(jié)構(gòu)框圖。

具體實施方式

下面將結(jié)合本申請實施例中的附圖，對本申請實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本申請一部分實施例，而不是全部的實施例。基于本申請中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本申請保護的范圍。

本申請可用于眾多通用或?qū)Ｓ玫挠嬎阊b置環(huán)境或配置中。例如：個人計算機、服務(wù)器計算機、手持設(shè)備或便攜式設(shè)備、平板型設(shè)備、多處理器裝置、包括以上任何裝置或設(shè)備的分布式計算環(huán)境等等。

本申請可以在由計算機執(zhí)行的計算機可執(zhí)行指令的一般上下文中描述，例如程序模塊。一般地，程序模塊包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對象、組件、數(shù)據(jù)結(jié)構(gòu)等等。也可以在分布式計算環(huán)境中實踐本申請，在這些分布式計算環(huán)境中，由通過通信網(wǎng)絡(luò)而被連接的遠程處理設(shè)備來執(zhí)行任務(wù)。在分布式計算環(huán)境中，程序模塊可以位于包括存儲設(shè)備在內(nèi)的本地和遠程計算機存儲介質(zhì)中。

參考圖1，示出了本申請一種界面交互方法實施例1的流程圖，本實施例可以包括以下步驟：

S101，在顯示窗口上顯示多個卡片，所述卡片承載產(chǎn)品信息。

本申請實施例可以應(yīng)用于任何支持交互類業(yè)務(wù)的智能終端中，如：智能手機、筆記本、PDA智能終端、平板電腦、車載智能終端、智能電視、可穿戴設(shè)備等。

下面僅以智能電視為例，對本實施例的具體實施過程進行說明。

由于在電視界面上，為了突出電視交互特點，所有信息以卡片的方式呈現(xiàn)，卡片上需要承載產(chǎn)品信息。

例如，用戶在使用智能電視時，可以通過遙控器觸控進入智能電視 的購物應(yīng)用中，當智能電視系統(tǒng)接收到該觸控信號時，就為用戶提供一個顯示窗口，在該顯示窗口上顯示多個卡片，這些卡片顯示的內(nèi)容就是購物應(yīng)用相關(guān)的產(chǎn)品信息，卡片上顯示的產(chǎn)品信息可以包含文字、數(shù)字、字符、圖像、視頻等內(nèi)容。

參見圖2，圖2為顯示窗口的一種示例圖，圖2中，(1)用于標識電視顯示窗口(顯示屏幕)，(2)、(3)以及(4)分別用于標識卡片1、卡片2以及卡片3。上述卡片僅以橫向排列的方式進行展示，在具體實現(xiàn)時，卡片既可以以橫向方式展示，也可以以縱向方式展示，當然還可以以橫向兼縱向的方式展示。本發(fā)明對卡片的展示方式并不做具體限制。

S102，響應(yīng)于用戶在所述顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項。

用戶在瀏覽顯示界面上各個卡片上產(chǎn)品信息時，會選擇自己感興趣的產(chǎn)品，進而選擇自己感興趣的卡片；一般情況下，顯示界面上光標會默認定位在第一個卡片上，當然，在具體實現(xiàn)時，可以將光標默認定位在任意一個卡片上，那么，用戶可以通過遙控器的方向鍵、確認鍵來選擇自己感興趣的卡片，例如：當用戶感興趣的卡片是默認卡片時，用戶可通過觸發(fā)確認鍵進行選擇，如果用戶感興趣的不是默認卡片，則用戶可先通過方向鍵移動光標至自己感興趣的卡片位置，再通過觸發(fā)確認鍵進行選擇。

根據(jù)用戶出發(fā)的選擇操作以確定用戶選擇的卡片，例如：用戶選擇的圖2所示的卡片(1)，此時，系統(tǒng)需要在卡片(1)上渲染與該卡片相關(guān)的多個交互操作選項，以橫向兼縱向的方式進行顯示，顯示結(jié)果如圖3所示，即，在原卡片(1)內(nèi)渲染了與其相關(guān)的4個選項，圖3中的(5)就是所渲染的一個可交互操作選項。

考慮到，在具體實現(xiàn)時交互類業(yè)務(wù)類型多種多樣，則向用戶展示的選項內(nèi)容的類型也可以多種多樣，選項內(nèi)容可以是文字、數(shù)字、字符、圖片、圖標、視頻等形式。例如電視購物中卡片上展示的是衣服的產(chǎn)品圖像，則與該產(chǎn)品相關(guān)的交互操作選項有刪除、編輯、詳情以及選擇產(chǎn)品；所有的選項上內(nèi)容均已文字、展示，則對應(yīng)的為用戶渲染后的卡片 如圖4所示。

另外，在具體實現(xiàn)時，S102步驟可以具體為：響應(yīng)于用戶在所述顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片；在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項，根據(jù)每個交互操作選項的顯示內(nèi)容調(diào)整顯示區(qū)域，并以橫向兼縱向的方式進行顯示。另外，在具體實現(xiàn)時交互操作選項的分布方式以及各選項的背景色、透明度、形狀等可以根據(jù)實際需求進行調(diào)整。

S103，響應(yīng)于用戶在該卡片上觸發(fā)的指令，確定用戶選擇的選項。

用戶在觀看到卡片上渲染的交互操作選項時，可以觸發(fā)相應(yīng)的指令，以實現(xiàn)交互類業(yè)務(wù)。在具體實現(xiàn)時不同的業(yè)務(wù)類型，需要用戶執(zhí)行的操作也可能不相同。

例如：針對具有多類交互選擇操作的流程性業(yè)務(wù)，這類業(yè)務(wù)需要用戶按照流程順序從每一類的交互操作選項中，選擇一個自己感興趣的選項，從而完成交互業(yè)務(wù)。

針對這類業(yè)務(wù)，本步驟S103可以按照如下方式實現(xiàn)：

響應(yīng)于用戶在卡片上的默認選項上觸發(fā)的向上或向下切換的切換指令，確定用戶選擇的選項為該默認選項；所述默認選項是預(yù)設(shè)的所述多個交互操作選項中的任意一個選項。

這里需要說明的是，為了實現(xiàn)該方式上述S102在卡片上展示多個交互操作選項時，按照交互操作選項的類別，以單行顯示每類別的交互操作選項的方式，并以橫向兼縱向交織的方式將所述多個交互操作選項進行顯示。

這里的默認選項可以設(shè)置為在顯示窗口上展示的第一行第一個交互操作選項；也可以是隨機設(shè)置的方式。

當用戶未觸發(fā)指令時，光標定位在默認選項上，如果用戶觸發(fā)了向上或向下切換的切換指令，可直接確認用戶針對這一類的交互操作選項已作出自己的選擇，所選擇的就是該默認選項，同時觸發(fā)了進入上一行或者下一行的另外一類的交互操作界面的狀態(tài)。這種方式能夠很好的節(jié)約用戶交互操作時間，提高用戶體驗。

當用戶偏好的不是默認選項時，用戶需要在同一類的交互操作選項中作出選擇，針對該場景本步驟S103可以按照如下方式實現(xiàn)：

響應(yīng)于用戶在顯示窗口上的交互操作選項上觸發(fā)的向左或向右切換的切換指令以及向上或向下切換的切換指令，確定用戶選擇的選項為執(zhí)行向左或向右切換指令到達的選項。

用戶在顯示窗口上展示的任一行的選項上觸發(fā)向左或向右切換的切換指令以及向上或向下切換的切換指令，當接收到用戶觸發(fā)的這類信號時，確定用戶在一行的選項中作出了選擇并觸發(fā)向下一行或上一行的切換，此時可以直接確定用戶當前選擇的是執(zhí)行向左或向右切換指令到達的選項。這種方式僅通過用戶觸發(fā)的方向切換的切換指令，就可以確定用戶的選擇，同時能夠光標切換到下一行或者上一行，以方便用戶繼續(xù)進行交互業(yè)務(wù)，無需用戶在選擇選項時還觸發(fā)“確認鍵”，簡化交互過程。

為了給用戶提供更加友好的交互方式，本步驟S103還可以通過以下方式實現(xiàn)：

響應(yīng)于用戶在卡片上的交互操作選項上觸發(fā)的切換指令，判斷該用戶觸發(fā)該切換指令的觸控時間是否大于預(yù)設(shè)觸控閾值，如果是，確定用戶選擇的選項為執(zhí)行切換指令到達的選項。

在這種方式中，在用戶在顯示窗口的選項上觸發(fā)切換指令時，也可能是為了跳過選項到達自己偏好的選項，因此，需要判斷觸控時間來決定用戶是作出最終選擇還是為了跳躍某個選項。那么對于用戶而言，用戶僅需要觸發(fā)方向切換的切換指令，而系統(tǒng)接收到該切換指令后，判斷用戶觸發(fā)該切換指令的觸控時間是否大于預(yù)設(shè)觸控閾值，例如0.5s，在觸控時間大于該預(yù)設(shè)觸控閾值的情況下，可以認為用戶并不是在進行跳躍選項的操作，而是希望通過長按來觸發(fā)選中某個選項的操作；在具體實現(xiàn)時，用戶可以通過長按遙控器上的方向性選擇按鍵來觸發(fā)切換指令，則觸控時間可以理解為系統(tǒng)監(jiān)控的用戶長按按鍵的時間；用戶還可以通過長按的觸摸操作來觸發(fā)切換指令，則觸控時間就是用戶的觸摸時間。

另外，為了適應(yīng)于一些用戶操作習(xí)慣，上述步驟S103還可以按照如下方式實現(xiàn)：

響應(yīng)于用戶在卡片上的交互操作選項上觸發(fā)的切換指令以及確認指令，確定用戶選擇的選項為執(zhí)行切換指令到達的選項。

在這種方式中，用戶先觸發(fā)切換指令，將光標切換到對應(yīng)的選項，再觸發(fā)確認指令，例如，用戶先通過遙控器的方向按鍵觸發(fā)切換指令，再通過遙控器的確認鍵觸發(fā)確認指令；當然，用戶也可以同時觸發(fā)切換指令和確認指令，例如，用戶可以同時按壓遙控器的方向按鍵和確認按鍵，以同時觸發(fā)切換指令和確認指令，這樣，系統(tǒng)只在接收到切換指令和確認指令時，才確定用戶所選擇的選項。這種方式可以適用于任何類型的業(yè)務(wù)。

下面仍舊以圖4為例，結(jié)合具體應(yīng)用場景對上述步驟S103進行解釋說明。目前電視購物應(yīng)用，用戶主要是依靠遙控器來實現(xiàn)交互業(yè)務(wù)。

用戶選擇的是第一個卡片，則為用戶在該卡片上渲染相關(guān)的交互操作選項進行展示，方便用戶進一步操作。

當用戶點擊遙控器的確認鍵，則表示將該產(chǎn)品添加到購物車，將該產(chǎn)品的金額添加到合計金額；當用戶通過觸發(fā)遙控器上的方向鍵，將光標定位在卡片上的“刪除”選項上，此時點擊遙控器的確認鍵，則將該產(chǎn)品從購物車中刪除，并從合計金額中減去該產(chǎn)品的金額；當用戶通過觸發(fā)遙控器上的方向鍵，將光標定位在卡片上的“詳情”選項上，此時點擊遙控器的確認鍵，進入產(chǎn)品詳情頁面；當用戶通過觸發(fā)遙控器上的方向鍵，將光標定位在卡片上的“編輯”選項上，此時點擊遙控器的確認鍵，進入產(chǎn)品屬性編輯頁面。即，根據(jù)用戶選擇的選項為用戶進一步展示與該選項對應(yīng)的頁面。

在本申請實施例中，先在顯示窗口上顯示多個卡片，每個卡片承載相應(yīng)的產(chǎn)品信息，這樣用戶可以先瀏覽每個產(chǎn)品信息，以選擇自己感興趣的卡片；進而響應(yīng)于用戶在顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，然后在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項，并以橫向兼縱向的方式進行顯示；在用戶選定了卡片之后，再在該卡片上渲染相關(guān)的交互操作選項，即不影響用戶瀏覽產(chǎn)品信息，又能為用戶提供多交互操作的業(yè)務(wù)服務(wù)，最后，根據(jù)用戶在卡片上觸發(fā)的指令，以 確定用戶所選的選項，從而實現(xiàn)完成交互業(yè)務(wù)。因此，本發(fā)明能夠為用戶提供友好的多交互操作選項的界面，能夠支持多交互操作業(yè)務(wù)，提高用戶體驗。

與上述本申請一種界面交互方法實施例所提供的方法相對應(yīng)，參見圖5，本申請還提供了一種界面交互裝置實施例，在本實施例中，該裝置可以包括：

顯示單元501，用于在顯示窗口上顯示多個卡片，所述卡片承載產(chǎn)品信息；

卡片選項顯示單元502，用于響應(yīng)于用戶在所述顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項；

交互單元503，用于響應(yīng)于用戶在該卡片上觸發(fā)的指令，確定用戶選擇的選項。

可選的，所述交互單元具體用于：

響應(yīng)于用戶在卡片上的默認選項上觸發(fā)的向上或向下切換的切換指令，確定用戶選擇的選項為該默認選項；所述默認選項是預(yù)設(shè)的所述多個交互操作選項中的任意一個選項。

可選的，所述交互單元具體用于：

響應(yīng)于用戶在卡片上的交互操作選項上觸發(fā)的向左或向右切換的切換指令以及向上或向下切換的切換指令，確定用戶選擇的選項為執(zhí)行向左或向右切換指令到達的選項。

可選的，所述交互單元具體用于：

響應(yīng)于用戶在卡片上的交互操作選項上觸發(fā)的切換指令以及確認指令，確定用戶選擇的選項為執(zhí)行切換指令到達的選項。

可選的，所述交互單元具體用于：

響應(yīng)于用戶在卡片上的交互操作選項上觸發(fā)的切換指令，判斷該用戶觸發(fā)該切換指令的觸控時間是否大于預(yù)設(shè)觸控閾值，如果是，確定用戶選擇的選項為執(zhí)行切換指令到達的選項。

可選的，所述卡片選項顯示單元，包括：

確定卡片子單元，用于響應(yīng)于用戶在所述顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片；

顯示選項子單元，用于在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項，根據(jù)每個交互操作選項的顯示內(nèi)容調(diào)整顯示區(qū)域，并以橫向兼縱向的方式進行顯示。

在本申請實施例中，界面交互裝置先在顯示窗口上顯示多個卡片，每個卡片承載相應(yīng)的產(chǎn)品信息，這樣用戶可以先瀏覽每個產(chǎn)品信息，以選擇自己感興趣的卡片；進而響應(yīng)于用戶在顯示窗口上觸發(fā)的選擇操作，確定用戶選擇的卡片，然后在確定的卡片上渲染與該卡片相關(guān)的多個交互操作選項；在用戶選定了卡片之后，再在該卡片上渲染相關(guān)的交互操作選項，即不影響用戶瀏覽產(chǎn)品信息，又能為用戶提供多交互操作的業(yè)務(wù)服務(wù)，最后，根據(jù)用戶在卡片上觸發(fā)的指令，以確定用戶所選的選項，從而實現(xiàn)完成交互業(yè)務(wù)。因此，本申請能夠為用戶提供友好的多交互操作選項的界面，能夠支持多交互操作業(yè)務(wù)，提高用戶體驗。

需要說明的是，本說明書中的各個實施例均采用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。對于裝置類實施例而言，由于其與方法實施例基本相似，所以描述的比較簡單，相關(guān)之處參見方法實施例的部分說明即可。

最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。

以上對本申請所提供的一種界面交互方法及裝置進行了詳細介紹，本 文中應(yīng)用了具體個例對本申請的原理及實施方式進行了闡述，以上實施例的說明只是用于幫助理解本申請的方法及其核心思想；同時，對于本領(lǐng)域的一般技術(shù)人員，依據(jù)本申請的思想，在具體實施方式及應(yīng)用范圍上均會有改變之處，綜上所述，本說明書內(nèi)容不應(yīng)理解為對本申請的限制。