使信息結構扁平化的人機互動方法和裝置製造方法
2023-04-29 17:50:51 2
使信息結構扁平化的人機互動方法和裝置製造方法
【專利摘要】本發明公開了一種使信息結構扁平化的人機互動方法和裝置，涉及網際網路和移動網際網路領域。本發明將人機互動界面劃分為多個獨立的功能域，響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。本發明的人機互動方案使產品的主線和業務邏輯更加清晰，通過對信息結構的扁平化處理，功能與用戶的行為操作在減少層級下進行，信息可以在同一層級下進行切換展示，層間的轉化大大減少，各種隱藏式的導航及觸發區域得以在同一平面展現，實現了一種全新的產品信息架構設計。
【專利說明】使信息結構扁平化的人機互動方法和裝置
【技術領域】
[0001]本發明涉及網際網路和移動網際網路領域，特別涉及一種使信息結構扁平化的人機互動方法和裝置。
【背景技術】
[0002]從andorid，1s等智能作業系統興起，以及移動網際網路的快速發展，用戶和產品的設計者都對產品的人機互動設計達到空前的重視高度。一個好的產品互動設計，更加易用，用戶體驗友好而新穎，不但突出了功能主線，使業務邏輯更加清晰，更使得產品一下子從眾多競爭者中脫穎而出，獲得市場的認可和用戶的青睞，獲得巨大的成功。因此在移動網際網路時代，交互界面設計成為產品致勝的關鍵。
[0003]目前廣泛使用的是一種層級式的人機互動設計，即用戶從一層級頁面的某一功能打開二層級頁面，從二層級頁面的某一功能打開三層級頁面。圖1為現有技術的層級式人機互動設計一個示例的示意圖。如圖1所示，用戶首先進入到一層級頁面「大眾點評網-北京站」，在該一層級頁面中有很多功能，例如，「附近」、「搜索」、「籤到」、「優惠券」、「今日團購」、「排行榜」等；用戶點擊一層級頁面中的「附近」功能，進入到二層級頁面「附近」，在該二層級頁面中又有很多功能，例如，「美食」、「快餐」、「KTV」、「咖啡廳」等；用戶點擊二層級頁面中的「美食」，進入到三層級頁面「美食」，在該三層級頁面中又可以有很多功能，例如「江邊城外巫山烤魚」、「小肥羊」、「宏狀元」等。
[0004]上述層級式的人機互動設計的信息組織方式和用戶操作邏輯為:如圖2所示，用戶從一層級的功能I打開二層級頁面，從二層級頁面的某一功能打開三層級頁面，若這時用戶希望使用第一層級的功能2，則需要從三層級頁面、第二層級頁面逐層退回到第一層級頁面，然後在第一層級頁面中再切換到第一層級的功能2，一共需要用戶操作5個步驟。這種層級式的人機互動設計，頁面切換時用戶操作次數比較多，並且用戶很容易迷失在很深的層級中。
[0005]本發明旨在提出一種新的人機互動設計方案，在人機互動設計領域有所創新和突破。另外，還需要解決頁面切換時操作繁瑣的問題。
【發明內容】
[0006]本發明實施例所要解決的一個技術問題是:提出一種新的人機互動設計方案，使產品的主線和業務邏輯更加清晰，在人機互動設計領域有所創新和突破。
[0007]本發明實施例所要解決的另一個技術問題是:解決頁面切換時操作繁瑣的問題。
[0008]根據本發明實施例的一個方面，提出一種使信息結構扁平化的人機互動方法，包括:將人機互動界面劃分為多個獨立的功能域；響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0009]使信息結構扁平化的人機互動方法還包括:根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換。
[0010]所述根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換包括:響應於用戶對同一人機互動界面中第二功能域的交互操作，將激活功能域由第一功能域平行切換到第二功能域，該第二功能域被放大，同時除第二功能域之外的其他功能域被動態壓縮，該被放大的第二功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0011]作為一種示例性的實施方式，可以通過改變功能域的尺寸，並且結合動畫縮放效果實現功能域的放大或縮小。
[0012]其中，上述功能域的交互操作包括點擊、長按、多點觸控放大、滑動。
[0013]根據本發明實施例的另一方面，提出一種使信息結構扁平化的人機互動裝置，包括:功能域劃分單元，用於將人機互動界面劃分為多個獨立的功能域；交互單元，用於響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0014]使信息結構扁平化的人機互動裝置還包括:切換單元，用於根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換。
[0015]所述切換單元，具體用於:響應於用戶對同一人機互動界面中第二功能域的交互操作，將激活功能域由第一功能域平行切換到第二功能域，該第二功能域被放大，同時除第二功能域之外的其他功能域被動態壓縮，該被放大的第二功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0016]所述交互單元可以通過改變功能域的尺寸，並且結合動畫縮放效果實現功能域的放大或縮小。
[0017]其中，上述功能域的交互操作包括點擊、長按、多點觸控放大、滑動。
[0018]本發明通過將人機互動界面劃分為多個獨立的功能域，用戶對某一功能域操作時，該功能域被放大，同時其他功能域被動態壓縮，被放大的功能域其詳細功能進一步呈現，可以響應用戶的功能操作，使產品的主線和業務邏輯更加清晰，通過對信息結構的扁平化處理，功能與用戶的行為操作在減少層級下進行，信息可以在同一層級下進行切換展示，層間的轉化大大減少，各種隱藏式的導航及觸發區域得以在同一平面展現，實現了一種全新的產品信息架構設計。另外，由於信息可以在同一層級下進行切換展示，這樣用戶切換頁面時不需要返回或關閉操作，用戶不會迷失在很深的頁面層級中，減少頁面切換時的用戶操作。
[0019]通過以下參照附圖對本發明的示例性實施例的詳細描述，本發明的其它特徵及其優點將會變得清楚。
【專利附圖】
【附圖說明】
[0020]為了更清楚地說明本發明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對於本領域普通技術人員來講，在不付出創造性勞動性的前提下，還可以根據這些附圖獲得其他的附圖。
[0021]圖1為現有技術的層級式人機互動設計一個示例的示意圖。
[0022]圖2為現有技術的層級式的人機互動設計的信息組織方式和用戶操作邏輯的示意圖。
[0023]圖3為本發明使信息結構扁平化的人機互動方法一個實施例的流程示意圖。
[0024]圖4為本發明使信息結構扁平化的人機互動方法另一實施例的流程示意圖。
[0025]圖5為本發明使信息結構扁平化的人機互動設計的原理示意圖。
[0026]圖6為本發明與現有技術關於人機互動設計的信息組織形式的對比示意圖。
[0027]圖7為本發明的一個應用示例「米花TV」產品人機互動的初始界面。
[0028]圖8為本發明用戶在圖7所示界面中點擊預播功能域I之後的顯示界面。
[0029]圖9為本發明用戶在圖8所示界面中繼續點擊詳情功能域3之後的顯示界面。
[0030]圖10為本發明使信息結構扁平化的人機互動裝置一個實施例的結構示意圖。
[0031]圖11為本發明使信息結構扁平化的人機互動裝置另一實施例的結構示意圖。
【具體實施方式】
[0032]下面將結合本發明實施例中的附圖，對本發明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發明一部分實施例，而不是全部的實施例。以下對至少一個示例性實施例的描述實際上僅僅是說明性的，決不作為對本發明及其應用或使用的任何限制。基於本發明中的實施例，本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例，都屬於本發明保護的範圍。
[0033]本發明旨在提出一種新的人機互動設計方案，使產品的主線和業務邏輯更加清晰，更符合用戶使用習慣，在人機互動設計領域有所創新和突破。另外，還需要解決頁面切換時操作繁瑣的問題。
[0034]圖3為本發明使信息結構扁平化的人機互動方法一個實施例的流程示意圖。
[0035]如圖3所示，本實施例使信息結構扁平化的人機互動方法包括:
[0036]步驟301，將人機互動界面劃分為多個獨立的功能域；
[0037]步驟302，響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0038]圖4為本發明使信息結構扁平化的人機互動方法另一實施例的流程示意圖。
[0039]如圖4所示，本實施例使信息結構扁平化的人機互動方法還包括:
[0040]步驟303，根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換。
[0041]具體地，響應於用戶對同一人機互動界面中第二功能域的交互操作，將激活功能域由第一功能域平行切換到第二功能域，該第二功能域被放大，同時除第二功能域之外的其他功能域被動態壓縮，該被放大的第二功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0042]需要說明的是，上述第一功能域中的「第一」，以及第二功能域中的「第二」，是用來區分兩個不同的功能域，並不用來表示大小或時序關係。
[0043]作為一種示例性的實施方式，本發明可以通過改變功能域的尺寸，並且結合動畫縮放效果實現功能域的放大或縮小。當功能域放大或縮小時，可以根據具體的頁面布局、整個界面尺寸、功能域數量和功能域尺寸等因素，來確定功能域的放大尺寸或縮小尺寸。
[0044]其中，上述用戶對功能域的交互操作可以包括:點擊、長按、多點觸控放大或縮寫、滑動等，但不限於此。
[0045]其中，被放大的功能域相對於放大前進一步呈現詳細功能，可以顯示更多動態細節，包括詳情和功能等。被放大的功能域可以檢測用戶的功能操作，並進行相應的響應。
[0046]圖5為本發明使信息結構扁平化的人機互動設計的原理示意圖。
[0047]如圖5所示，人機互動界面可以根據設計的要求被分為N個功能域，N為大於或等於2的一個整數，每個功能域代表相對獨立的功能或信息表達域。用戶對其中某一個功能域進行交互操作，例如，當用戶點擊某一個功能域時，該功能域被放大，其他區域被動態壓縮。放大後的功能域相對於放大前進一步呈現詳細功能，可以顯示更多動態細節，包括詳情和功能，例如各種數據、信息或控制項等。用戶在被放大的功能域中可以進一步進行功能操作，例如瀏覽詳情或點擊控制項進入下一級頁面等，被放大的功能域可以檢測用戶的功能操作，並進行相應的響應。用戶在同一人機互動界面點擊其他功能域時，相應的功能域被放大，其他功能域被相應動態壓縮(或稱擠壓)。
[0048]需要說明的是，本發明對功能域的具體形狀、是否等分、是否規則、以及具體數量都無限制。用戶人機互動的手勢，即用戶如何操作才可以動態縮放功能域也無限制，根據具體平臺，如點擊，長按，多點觸控放大或縮寫，滑動等手勢都可涵蓋在本發明保護範圍內。
[0049]圖6為本發明與現有技術關於人機互動設計的信息組織形式的對比示意圖。
[0050]如圖6所示，現有技術人機互動設計的信息組織形式為:用戶從一層級的功能I打開二層級頁面，從二層級頁面的某一功能打開三層級頁面，若這時用戶希望使用第一層級的功能2，則需要從三層級頁面、第二層級頁面逐層退回到第一層級頁面，然後在第一層級頁面中再切換到第一層級的功能2，一共需要用戶操作5個步驟。
[0051]如圖6所示，本發明人機互動設計的信息組織形式為:用戶從一層級的功能I打開二層級頁面，從二層級頁面的某一功能打開三層級頁面，若這時用戶希望使用第一層級的功能2，則不用層層關閉，用戶可以直接在一層級看到功能2，點擊功能2可以直接由一層級的功能I切換到功能2，只需要用戶操作3個步驟，可以減少兩次用戶操作，並且當層級特別深時，不會使用戶迷失在很深的頁面層級中。
[0052]本發明可以應用在各種網際網路和移動網際網路的作業系統和終端中，可以廣泛應用在web產品、客戶端產品設計、作業系統的交互中，可以廣泛應用在手機、pad、電視，PC (個人電腦)等各種終端形態上。
[0053]下面列舉一個本發明的應用示例，即「米花TV」產品人機互動的應用示例。
[0054]圖7為本發明的一個應用示例「米花TV」產品人機互動的初始界面，包括四個獨立的功能域，分別為預播功能域1、評論功能域2、詳情功能域3、電視操控功能域4。用戶每點擊一個功能域，該功能域會放大並進一步呈現詳細功能，顯示更多動態細節，包括詳情和功能，其他三個功能域被動態壓縮。
[0055]圖8為本發明用戶在圖7所示界面中點擊預播功能域I後的顯示界面。預播功能域I點擊後放大，並進一步呈現詳細功能，顯示其詳細功能，比如出現播放進度條，可播放視頻等。其他三個功能域被壓縮，但仍顯示在人機互動界面中。此後，如果用戶點擊其他功能域，則預播功能域I收起壓縮，被點擊的功能域放大展開。
[0056]圖9為本發明用戶在圖8所示界面中繼續點擊詳情功能域3後的顯示界面。預播功能域I收起壓縮，詳情功能域3放大展開,並進一步呈現詳細功能，顯示其詳細功能。
[0057]如果用戶再次點擊本功能域，或者點擊空白區域、或者進行滑動縮小操作，則恢復到圖7所示的初始界面。
[0058]本發明還提出一種使信息結構扁平化的人機互動裝置，如圖10所示，本實施例的裝置包括:
[0059]功能域劃分單元1001，用於將人機互動界面劃分為多個獨立的功能域；
[0060]交互單元1002，用於響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0061]如圖11所示，使信息結構扁平化的人機互動裝置還包括:切換單元1003，用於根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換。
[0062]切換單元1003，具體用於:響應於用戶對同一人機互動界面中第二功能域的交互操作，將激活功能域由第一功能域平行切換到第二功能域，該第二功能域被放大，同時除第二功能域之外的其他功能域被動態壓縮，該被放大的第二功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
[0063]交互單元1002可以通過改變功能域的尺寸，並且結合動畫縮放效果實現功能域的放大或縮小。當功能域放大或縮小時，可以根據具體的頁面布局、整個界面尺寸、功能域數量和功能域尺寸等因素，來確定功能域的放大尺寸或縮小尺寸。
[0064]其中，上述功能域的交互操作可以包括:點擊、長按、多點觸控放大、滑動等，但不限於此。
[0065]本發明通過將人機互動界面劃分為多個獨立的功能域，用戶對某一功能域操作時，該功能域被放大，同時其他功能域被動態壓縮，被放大的功能域其詳細功能進一步呈現，可以響應用戶的功能操作，使產品的主線和業務邏輯更加清晰，通過對信息結構的扁平化處理，功能與用戶的行為操作在減少層級下進行，信息可以在同一層級下進行切換展示，層間的轉化大大減少，各種隱藏式的導航及觸發區域得以在同一平面展現，實現了一種全新的產品信息架構設計。另外，由於信息可以在同一層級下進行切換展示，這樣用戶切換頁面時不需要返回或關閉操作，用戶不會迷失在很深的頁面層級中，減少頁面切換時的用戶操作。
[0066]本領域普通技術人員可以理解實現上述實施例的全部或部分步驟可以通過硬體來完成，也可以通過程序來指令相關的硬體完成，所述的程序可以存儲於一種計算機可讀存儲介質中，上述提到的存儲介質可以是只讀存儲器，磁碟或光碟等。
[0067]以上所述僅為本發明的較佳實施例，並不用以限制本發明，凡在本發明的精神和原則之內，所作的任何修改、等同替換、改進等，均應包含在本發明的保護範圍之內。
【權利要求】
1.一種使信息結構扁平化的人機互動方法，包括: 將人機互動界面劃分為多個獨立的功能域； 響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
2.根據權利要求1所述的方法，其特徵在於，還包括:根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換。
3.根據權利要求2所述的方法，其特徵在於，所述根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換包括: 響應於用戶對同一人機互動界面中第二功能域的交互操作，將激活功能域由第一功能域平行切換到第二功能域，該第二功能域被放大，同時除第二功能域之外的其他功能域被動態壓縮，該被放大的第二功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
4.根據權利要求1-3任一項所述的方法，其特徵在於，通過改變功能域的尺寸，並且結合動畫縮放效果實現功能域的放大或縮小。
5.根據權利要求1-3任一項所述的方法，其特徵在於，功能域的交互操作包括點擊、長按、多點觸控放大、滑動。
6.一種使信息結構扁平化的人機互動裝置，包括: 功能域劃分單元，用於將人機互動界面劃分為多個獨立的功能域； 交互單元，用於響應於用戶對其中第一功能域的交互操作，第一功能域被放大，同時除第一功能域之外的其他功能域被動態壓縮，該被放大的第一功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
7.根據權利要求6所述的裝置，其特徵在於，還包括: 切換單元，用於根據用戶交互操作在同一人機互動界面中對不同功能域做平行切換。
8.根據權利要求7所述的裝置，其特徵在於，所述切換單元，具體用於: 響應於用戶對同一人機互動界面中第二功能域的交互操作，將激活功能域由第一功能域平行切換到第二功能域，該第二功能域被放大，同時除第二功能域之外的其他功能域被動態壓縮，該被放大的第二功能域進一步呈現詳細功能，並能夠響應用戶的功能操作。
9.根據權利要求6-8任一項所述的裝置，其特徵在於，所述交互單元通過改變功能域的尺寸，並且結合動畫縮放效果實現功能域的放大或縮小。
10.根據權利要求6-8任一項所述的裝置，其特徵在於，功能域的交互操作包括點擊、長按、多點觸控放大、滑動。
【文檔編號】G06F9/44GK104182117SQ201310195778
【公開日】2014年12月3日 申請日期:2013年5月24日 優先權日:2013年5月24日
【發明者】曾然然, 李奕群, 張長學 申請人:中國電信股份有限公司