TWI718429B - 適應性調整使用者介面中資訊量的方法及其電子裝置 - Google Patents
適應性調整使用者介面中資訊量的方法及其電子裝置 Download PDFInfo
- Publication number
- TWI718429B TWI718429B TW107137790A TW107137790A TWI718429B TW I718429 B TWI718429 B TW I718429B TW 107137790 A TW107137790 A TW 107137790A TW 107137790 A TW107137790 A TW 107137790A TW I718429 B TWI718429 B TW I718429B
- Authority
- TW
- Taiwan
- Prior art keywords
- user interface
- user
- information items
- information
- electronic device
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本發明提供一種適應性調整使用者介面中資訊量的方法及電子裝置。所述方法包括:取得軟體架構,並讀取軟體架構中的使用者介面;辨識使用者介面中的多個資訊項目的數量;若使用者介面中的前述資訊項目的數量未落入預設範圍內,將前述資訊項目的一部分移除,以更新使用者介面,其中在更新後的使用者介面中的前述資訊項目的數量落入預設範圍內。
Description
本發明是有關於一種調整使用者介面的方法及其電子裝置,且特別是有關於一種適應性調整使用者介面中資訊量的方法及其電子裝置。
在產品中,使用者介面(User interface,UI)扮演著非常重要的角色,其可直接影響客戶的體驗以及對產品的滿意度。然而,在設計產品的使用者介面時,由於所需要的資訊量及流程非常龐大且複雜,因而常造成開發者和設計者之間溝通的障礙。此外,根據使用者介面的相關資訊量理論,各使用者介面所包含的資訊量都應加以管控,否則可能造成使用者表現降低及增加使用者的心理負擔。
然而,由於習知的使用者介面設計機制並無法合理且有
效地分配個使用者介面中的資訊量,因而導致所設計出的使用者介面無形中因增加了使用者的心理負擔,而相應地令使用者感受到不佳的操作體驗。
有鑑於此,本發明提供一種適應性調整使用者介面中資訊量的方法及其電子裝置,其可用於解決以上技術問題。
本發明提供一種適應性調整使用者介面中資訊量的方法,包括:取得一軟體架構,並讀取軟體架構中的一第一使用者介面;辨識第一使用者介面中的多個第一資訊項目的數量;若第一使用者介面中的前述第一資訊項目的數量未落入一預設範圍內,將前述第一資訊項目的一第一部分移除,以更新第一使用者介面,其中在更新後的第一使用者介面中的前述第一資訊項目的數量落入預設範圍內。
本發明提供一種電子裝置,包括儲存電路及處理器。儲存電路儲存多個模組。處理器耦接儲存電路,存取前述模組以執行以下步驟:取得一軟體架構,並讀取軟體架構中的一第一使用者介面;辨識第一使用者介面中的多個第一資訊項目的數量;若第一使用者介面中的前述第一資訊項目的數量未落入一預設範圍內,將前述第一資訊項目的一第一部分移除,以更新第一使用者介面,其中在更新後的第一使用者介面中的前述第一資訊項目的數量落入預設範圍內。
在本發明之一實施例中,所述方法更包括新增多個使用者介面,並將第一部分分配至前述使用者介面中,其中各使用者介面中的前述第一資訊項目的數量落入預設範圍內。
在本發明之一實施例中,預設範圍為5至8個。
在本發明之一實施例中,所述方法更包括讀取軟體架構中的一第二使用者介面;辨識第二使用者介面中的多個第二資訊項目的數量;若第二使用者介面中的前述第二資訊項目的數量未落入預設範圍內,將前述第二資訊項目的一第二部分移除,以更新第二使用者介面,其中在更新後的第二使用者介面中的前述第二資訊項目的數量落入該預設範圍內。
在本發明之一實施例中,軟體架構更包括接續於第一使用者介面之後的一第二使用者介面,第一使用者介面用於接收多個輸入資訊,前述輸入資訊對應於多個介面功能,其中當前述介面功能的一邏輯運算結果為真時,接續提供第二使用者介面。
在本發明之一實施例中,前述輸入被回傳至一後端資料庫進行儲存。
在本發明之一實施例中,軟體架構基於一第一功能模型記錄在第一使用者介面中的一主要活動、一輸入資訊及一輸出資訊。
在本發明之一實施例中,軟體架構基於一第二功能模型記錄在第一使用者介面中多個介面功能及前述介面功能之間的一
邏輯運算關係。
在本發明之一實施例中,軟體架構基於一實體聯繫模型實現與一後端資料庫的連接。
在本發明之一實施例中,第一功能模型為IDEF0模型,第二功能模型為IDEF3模型。
在本發明之一實施例中,前述第一資訊項目包括一標籤、一欄位、一按鈕、一選單及一圖標的至少其中之一。
在本發明之一實施例中,辨識第一使用者介面中的前述第一資訊項目的數量的步驟包括:對觀看第一使用者介面的使用者的眼睛連續拍攝多張眼睛影像;分析前述眼睛影像以找出使用者的眼睛停留超過預設時間的多個參考位置;以及將前述參考位置的數量定義為前述第一資訊項目的數量。
在本發明之一實施例中,辨識第一使用者介面中的前述第一資訊項目的數量的步驟包括:當判斷存在一使用者正在觀看第一使用者介面時,控制一外接式眼球追蹤裝置追蹤使用者的眼睛對於第一使用者介面的一觀看行為,其中眼球追蹤裝置對使用者的眼睛錄製多張畫面,並標註使用者的眼睛在前述畫面中停留的多個參考位置;接收眼球追蹤裝置回傳的前述參考位置的數量,並將前述參考位置的數量定義為前述第一資訊項目的數量。
基於上述,本發明的適應性調整使用者介面中資訊量的方法及其電子裝置可在使用者介面中的資訊項目過多時,適應性
地減少使用者介面中的資訊項目。藉此,可令使用者在操作使用者介面時,不會因資訊項目的數量過多而產生額外的心理負擔,進而相應地改善使用者的操作體驗。
為讓本發明的上述特徵和優點能更明顯易懂,下文特舉實施例,並配合所附圖式作詳細說明如下。
100:電子裝置
102:儲存電路
104:處理器
310、320:第一使用者介面
310_1、310_2、310_3、310_4、310_5、310_6、310_7、310_8、310_9、320_1、320_2、320_3、320_4:第一資訊項目
410、420:第二使用者介面
410_1、410_2、410_3、410_4、410_5、410_6、410_7、410_8、410_9、410_10、410_11、420_1、420_2、420_3、420_4、420_5、420_6、420_7:第二資訊項目
500、600:軟體架構
510、520、530、A0、A1、A2、A3、A4:使用者介面
610:資訊項目
S210、S220、S230:步驟
圖1是依據本發明之一實施例繪示的電子裝置功能方塊圖。
圖2是依據本發明之一實施例繪示的適應性調整使用者介面中資訊量方法的流程圖。
圖3是依據本發明之一實施例繪示的應用情境圖。
圖4是依據本發明之一實施例繪示的另一應用情境圖。
圖5是依據本發明之一實施例繪示的軟體架構示意圖。
圖6是依據本發明之一實施例繪示的軟體架構示意圖。
圖7是依據本發明之一實施例繪示的改善效果示意圖。
請參照圖1,其是依據本發明之一實施例繪示的電子裝置功能方塊圖。在本實施例中,電子裝置100包括儲存電路102及處理器104。電子裝置100可以是手機、智慧型手機、個人電腦(personal computer,PC)、筆記型電腦(notebook PC)、網本型
電腦(netbook PC)、平板電腦(tablet PC)等,但可不限於此。
儲存電路102例如是任意型式的固定式或可移動式隨機存取記憶體(Random Access Memory,RAM)、唯讀記憶體(Read-Only Memory,ROM)、快閃記憶體(Flash memory)、硬碟或其他類似裝置或這些裝置的組合,而可用以記錄多個程式碼或模組。
處理器104耦接於儲存電路102,並可為一般用途處理器、特殊用途處理器、傳統的處理器、數位訊號處理器、多個微處理器(microprocessor)、一個或多個結合數位訊號處理器核心的微處理器、控制器、微控制器、特殊應用集成電路(Application Specific Integrated Circuit,ASIC)、場可程式閘陣列電路(Field Programmable Gate Array,FPGA)、任何其他種類的積體電路、狀態機、基於進階精簡指令集機器(Advanced RISC Machine,ARM)的處理器以及類似品。
在以下的實施例中,處理器104可存取儲存電路102中所儲存的模組及程式碼以實現本發明提出的適應性調整使用者介面中資訊量的方法。概略而言,本發明的方法可在使用者介面中包括過多資訊量時,相應地減少使用者介面中的資訊量,藉以避免使用者因一次接觸過多資訊量而產生多餘的心理負擔。
為便於說明本發明的概念,以下將僅以單一個使用者介面(下稱第一使用者介面)作為執行本發明方法的對象,但其並
非用以限定本發明可能的實施方式。在其他實施例中,當所考慮的軟體架構包括多個使用者介面時,本發明提出的方法亦可用以調整各個使用者介面中的資訊量。
請參照圖2及圖3,其中圖2是依據本發明之一實施例繪示的適應性調整使用者介面中資訊量方法的流程圖,圖3是依據本發明之一實施例繪示的應用情境圖。本實施例的方法可由圖1的電子裝置100執行,以下即搭配圖1的元件及圖3的情境說明圖2各步驟的細節。
首先,在步驟S210中,處理器104可取得軟體架構,並讀取軟體架構中的第一使用者介面310。在不同的實施例中,上述軟體架構可以是應用程式(APP)的架構或是網頁架構,但本發明可不限於此。
在步驟S220中,處理器104可辨識第一使用者介面310中的多個第一資訊項目的數量。在圖3中,第一使用者介面310例如包括第一資訊項目310_1、310_2、310_3、310_4、310_5、310_6、310_7、310_8及310_9,亦即第一資訊項目310_1~310_9的數量為9。並且,第一資訊項目310_1~310_9的態樣例如包括標籤、欄位、按鈕、選單及圖標的至少其中之一,但可不限於此。在不同的實施例中,處理器104可透過分析第一使用者介面310的原始碼來找出第一使用者介面310中可能包括的資訊項目,例如用於讓使用者輸入帳號、密碼以進行登入的欄位、用於輸入關鍵字以
進行搜尋的欄位(例如第一資訊項目310_2),或是可供使用者點選的按鈕、標籤(例如第一資訊項目310_6)等等,但可不限於此。
在一實施例中,處理器104可基於持有電子裝置100的使用者對於第一使用者介面310的觀看行為來辨識第一使用者介面310中存在哪些資訊項目。具體而言,處理器104可控制電子裝置100的影像擷取電路106對使用者的眼睛連續地擷取多張影像,並據以進行眼球追蹤操作。在一實施例中,處理器104可分析上述眼睛影像以找出使用者的眼睛停留超過預設時間的多個參考位置。在本實施例中,當使用者的眼睛在觀看第一使用者介面310時出現停留的行為時,即代表使用者正在識讀第一使用者介面310中的某個資訊項目。換言之,使用者眼睛在觀看第一使用者介面310期間中的停留次數即應為第一使用者介面中第一資訊項目的數量。
因此,處理器104可將前述參考位置的數量定義為上述第一資訊項目的數量。以圖3為例,當使用者持有電子裝置100以觀看第一使用者介面310時,處理器104例如可在判斷所拍攝到的使用者的眼睛影像共在9個位置停留超過預設時間(例如5秒)之後,判定第一使用者介面310中共有9個資訊項目。並且,在一實施例中,處理器104還可基於使用者眼睛停留的位置之間的相對位置而推得第一使用者介面310上的9個資訊項目(即,第一資訊項目310_1~310_9)的相對位置,進而在第一使用者介面
310中找出第一資訊項目310_1~310_9的位置。
在另一實施例中,電子裝置100可另連接於一外接式的眼球追蹤裝置(eye tracker),藉以透過眼球追蹤裝置獲取使用者對於第一使用者介面310的觀看行為。具體而言,當處理器104判斷目前有一使用者正在觀看第一使用者介面310時,處理器104可啟動眼球追蹤裝置(例如可設置於使用者所佩戴的智慧眼鏡上),以控制眼球追蹤裝置對使用者的眼睛錄影。相應地,眼球追蹤裝置可在對使用者的眼睛錄影之後,標註使用者的眼睛停留在所錄製畫面中的哪些參考位置。接著,眼球追蹤裝置可將所辨識的參考位置的數量回傳至電子裝置100,而處理器104即可以這些參考位置的數量作為第一使用者介面310中第一資訊項目的數量,但本發明可不限於此。
接著,在步驟S230中,若第一使用者介面310中的第一資訊項目310_1~310_9的數量未落入預設範圍內,處理器104可將第一資訊項目310_1~310_9的第一部分移除,以更新第一使用者介面310。在本發明的實施例中,上述預設範圍例如是5至8個。
具體而言,如圖3所例示的,第一使用者介面310中包括了至少9個資訊項目(即,第一資訊項目310_1~310_9),其並未落入上述預設範圍內。然而,依據「An optimal range of information quantity on computer-based procedure interface design in the advanced main control room」(Min-Chih Hsieh,Ming-Chuan
Chiu & Sheue-Ling Hwang,2015)論文的研究結果,一個使用者介面中最佳的資訊項目數量應介於5至8個(即,預設範圍),方能讓使用者在不產生多餘心理負擔的情況下操作。換言之,第一使用者介面310中的9個第一資訊項目310_1~310_9所對應的資訊量顯然已足以令使用者在操作時產生多餘的心理負擔,因而可能降低使用者的操作體驗。
因此,處理器104可將第一資訊項目310_1~310_9的第一部分移除,以更新第一使用者介面310中的資訊量。在一實施例中,處理器104例如可透過修改程式碼等方式來將上述第一部分禁能,以令更新後的第一使用者介面310不再顯示上述第一部分。
在一實施例中,處理器104可累計使用者對於各第一資訊項目310_1~310_9的瀏覽時間,並據以將第一資訊項目310_1~310_9降冪排序。接著,處理器104可將排序為第8個以後的第一資訊項目視為待移除的第一部分。
此外,在其他實施例中,處理器104可進一步將前8名的第一資訊項目310_1~310_9的瀏覽時間加總為一總瀏覽時間,並從中找出瀏覽時間低於總瀏覽時間10%的特定資訊項目。接著,處理器104可將所找出的特定資訊項目加入待移除的第一部分。
在一實施例中,處理器104亦可直接以色塊或是其他方式直接遮蔽上述第一部分對應的顯示區域,藉以讓使用者無法在
更新後的第一使用者介面中觀看到上述第一部分,但本發明可不限於此。
更新後的第一使用者介面310例如是圖3所示的第一使用者介面320,其可包括第一資訊項目320_1、320_2、320_3、320_4。在本實施例中,處理器104可在辨識出第一使用者介面310中包括第一資訊項目310_5(即,用於讓使用者了解第一資訊項目310_4各功能詳細內容)之後,相應地判斷第一使用者介面310的主要功能係用於讓使用者了解各功能作用。因此,處理器104在決定欲從第一資訊項目310_1~310_9中移除的第一部分時,可優先將與此介面主功能無關的資訊項目作為第一部分而移除,例如第一資訊項目310_3、310_6~310_9等,但可不限於此。
在將第一使用者介面310更新為第一使用者介面320之後,可看出第一使用者介面320可因僅包括4個資訊項目(即,第一資訊項目320_1、320_2、320_3、320_4,其個別對應於第一資訊項目310_1、310_2、310_4及310_5)而提供對於使用者更為友善的資訊量,進而改善使用者的操作體驗。
由上可知,本發明提出的方法可在某一個使用者介面中資訊項目的數量未落入預設範圍內時,藉由調整資訊項目數量的方式來更新此使用者介面,以優化使用者介面中的資訊量。藉此,可令使用者在操作時不會因一次面對過多的資訊量而產生心理上的負擔,從而改善使用者的操作體驗。
進一步而言,習知的使用者介面設計多半著重於版面及字型等質性方法,但並未有針對使用者介面中的資訊量進行優化的方法。然而,本發明可將過多的資訊量進行適當的分配,進而在降低使用者心理負擔的情況下,提升使用者的操作效率。
此外,在其他實施例中,對於上述被移除的第一部分,本發明亦可透過其他的機制來將其予以保留。具體而言,當處理器104判斷第一使用者介面310中的資訊量已過多時,處理器104可新增一或多個使用者介面,並將上述第一部分分配至這些使用者介面中,其中各使用者介面中的第一資訊項目的數量落入預設範圍內。換言之,當所考慮的單一使用者介面中包括過多的資訊量時,本發明的方法可將這些資訊量分配至新增的一或多個使用者介面中,以令各個使用者介面中僅包括適當的資訊量(例如,5至8個資訊項目)。藉此,可在保留資訊項目的情況下,令使用者在面對每個使用者介面時都不會因一次接觸過多資訊量而產生心理負擔。
請參照圖4,其是依據本發明之一實施例繪示的另一應用情境圖。在本實施例中,第二使用者介面410例如是前述軟體架構中的另一個使用者介面,而處理器104可基於先前實施例中的教示而從第二使用者介面410中辨識出第二資訊項目410_1、410_2、410_3、410_4、410_5、410_6、410_7、410_8、410_9、410_10及410_11。由於第二資訊項目410_1~410_11的數量(即,
11個)並未落入上述預設範圍(即,5至8個),因而使得第二使用者介面410同樣會令使用者在操作時因一次接觸的資訊量過多而產生多餘的心理負擔。
相應地,處理器104即可將第二資訊項目410_1~410_11中的第二部分移除,以將第二使用者介面410更新為第二使用者介面420。由於第二使用者介面410中僅包括7個第二資訊項目420_1~420_7,因而可有效地避免令使用者在操作時感到額外的心理負擔。
請參照圖5,其是依據本發明之一實施例繪示的軟體架構示意圖。如圖5所示,軟體架構500例如包括使用者介面510、520及530,其可因應於使用者的操作而依序呈現於使用者的面前。有別於習知技術中基於選單樹(menu tree)的概念來設計使用者介面的想法,在本實施例中,對於每個使用者介面510、520及530,軟體架構500可基於第一功能模型記錄在各使用者介面510、520及530中的主要活動、輸入資訊一輸出資訊。前述第一功能模型例如是IDEF(ICAM Definition Languages)0模型。
此外,軟體架構500還可基於第二功能模型記錄在各使用者介面510、520及530中多個介面功能及這些介面功能之間的一邏輯運算關係。前述第二功能模型例如是IDEF3模型。再者,軟體架構500更可基於實體聯繫(entity relationship,ER)模型實現與後端資料庫的連接。
如圖5所示,使用者介面510、520及530可用於接收多個輸入資訊,而這些輸入資訊對應於多個介面功能。在一實施例中,當介面功能的邏輯運算結果為真時,可接續提供次一使用者介面。
由上可知,本發明提出的使用者介面可同時涵蓋介面設計的流程、功能、資訊量及後端資料庫的連結等層面,進而可提升使用者在操作使用者介面時的體驗,也可使得設計者及開發者能夠據以進行更有效的溝通,降低認知上的落差。以下將輔以圖6作進一步說明。
請參照圖6,其是依據本發明之一實施例繪示的軟體架構示意圖。在本實施例中,軟體架構600例如是一個軟體平台,其可讓使用者登入並接收使用者提供的圖檔,進而協助使用者找出可將前述圖檔實際製作成實體物品的設備及廠商。概略而言,軟體架構600可包括使用者介面A0、A1、A2、A3及A4,其個別可基於圖5揭示的模型來實現。
在圖6中,使用者介面A0例如是首頁,其可提供數個資訊項目610供使用者參考,而這些資訊項目610數量的安排可基於先前實施例的教示而進行調整。在其他實施例中,除了圖6所示的部分之外,使用者介面A0還可包括探索(Explore)、資源、成員管理等其他資訊項目,但可不限於此。
使用者介面A1例如可提供所示的介面功能,用以讓使用
者輸入帳號及密碼以登入平台。在本實施例中,軟體架構600可對使用者輸入的帳號及密碼進行及運算(AND operation),並在其邏輯運算結果為真時提供使用者介面A2予使用者操作。亦即,使用者需在完成輸入帳號及密碼之後,軟體架構600方能提供使用者介面A2予使用者操作。此外,在使用者輸入正確的帳號及密碼之後,軟體架構600可透過前述的ER模型來取得使用者的身分(ID)、名稱、電話號碼、E-mail等資訊,但可不限於此。
在使用者介面A2中,軟體架構600可對使用者上傳的3D圖檔及線上設計圖檔進行或運算(OR operation),並在其邏輯運算結果為真時提供使用者介面A3予使用者操作。換言之,使用者可自行選擇要上傳3D圖檔或是直接在線上設計圖檔。在從使用者取得圖檔之後,軟體架構600可相應地將此圖檔的身分(PID)、上傳日期、標題及使用者的ID記錄於後端資料庫。
在其他實施例中,使用者介面A2中還可包括圖檔標題、聯繫資訊及作者資訊等可供使用者填寫的資訊項目,但可不限於此。此外,在一實施例中,使用者介面A2還可被區分為多個階層的子結構,用以讓使用者依序輸入與圖檔相關的資訊。舉例而言,使用者介面A2例如可分區分為3個子介面,其分別可用以讓使用者加入圖檔、確認及發布,但本發明可不限於此。
在使用者介面A3中,軟體架構600可提供過濾器予使用者,以讓使用者自行輸入所需的設備廠商的條件,例如地點、品
牌、類型、設備ID、材料等,而軟體架構600例如可相應地開啟線上地圖,並將符合使用者需求的設備廠商以圖標的方式在線上地圖上標示。在本實施例中,軟體架構600可將使用者對過濾器及圖標的操作結構進行及運算,並在其邏輯運算結果為真時提供使用者介面A4予使用者操作。此外,在一實施例中,使用者介面A3可包括地圖、地址、材料、尺寸及精確度等資訊項目來供使用者選擇,但可不限於此。
在使用者介面A4中,軟體架構600可將使用者所選圖標對應的設備廠商的聯繫資訊提供予使用者,以讓使用者據以聯繫設備廠商,並與其進行討論及議價等行為。或者,使用者亦可透過使用者介面A4再次調整過濾器及選擇圖標,以找出其他符合條件的設備廠商。
請參照圖7,其是依據本發明之一實施例繪示的改善效果示意圖。在本實施例中,為佐證基於本發明提出的方法所產生的使用者介面確實可改善使用者的的操作體驗,特將兩種版本的使用者介面提供予多個不同的使用者操作,其中一種版本A係基於習知技術的概念進行設計的使用者介面(例如圖3的第一使用者介面310及圖4的第二使用者介面410),而另一種版本B係基於本發明提出的方法進行設計的使用者介面(例如圖3的第一使用者介面320及圖4的第二使用者介面420)。
如圖7的統計結果所示,相較於習知的版本A,依據本
發明的概念所產生的使用者介面(即,版本B)在效率、有用性(usefulness)、學習性(learnability)、美觀性(aesthetics)、親和力(accessibility)等層面皆出現顯著的改善。
綜上所述,本發明提出的適應性調整使用者介面中資訊量的方法及其電子裝置可在某一個使用者介面中資訊項目的數量未落入預設範圍內時,藉由調整資訊項目數量的方式來更新此使用者介面,以優化使用者介面中的資訊量。藉此,可令使用者在操作時不會因一次面對過多的資訊量而產生心理上的負擔,從而改善使用者的操作體驗。有別於習知著重於版面及字型的使用者介面設計原則,本發明可對資訊量進行適當的分配,進而在降低使用者心理負擔的情況下,提升使用者的操作效率。
並且,由於本發明係基於IDEF0、IDEF3及ER等模型來設計使用者介面,因此可同時涵蓋介面設計的流程、功能、資訊量及後端資料庫的連結等層面,進而可提升使用者在操作使用者介面時的體驗,也可使得設計者及開發者能夠據以進行更有效的溝通,降低認知上的落差。
雖然本發明已以實施例揭露如上,然其並非用以限定本發明,任何所屬技術領域中具有通常知識者,在不脫離本發明的精神和範圍內,當可作些許的更動與潤飾,故本發明的保護範圍當視後附的申請專利範圍所界定者為準。
S210、S220、S230:步驟
Claims (24)
- 一種適應性調整使用者介面中資訊量的方法,包括:取得一軟體架構,並讀取該軟體架構中的一第一使用者介面,其中該軟體架構為應用程式架構及網頁架構當中之一者;辨識該第一使用者介面中的多個第一資訊項目的數量;若該第一使用者介面中的該些第一資訊項目的數量未落入一預設範圍內,將該些第一資訊項目的一第一部分移除,以更新該第一使用者介面,其中在更新後的該第一使用者介面中的該些第一資訊項目的數量落入該預設範圍內。
- 如申請專利範圍第1項所述的方法,更包括:新增多個使用者介面,並將該第一部分分配至該些使用者介面中,其中各該使用者介面中的該些第一資訊項目的數量落入該預設範圍內。
- 如申請專利範圍第1項所述的方法,其中該預設範圍為5至8個。
- 如申請專利範圍第1項所述的方法,更包括:讀取該軟體架構中的一第二使用者介面;辨識該第二使用者介面中的多個第二資訊項目的數量;若該第二使用者介面中的該些第二資訊項目的數量未落入該預設範圍內,將該些第二資訊項目的一第二部分移除,以更新該第二使用者介面,其中在更新後的該第二使用者介面中的該些第 二資訊項目的數量落入該預設範圍內。
- 如申請專利範圍第1項所述的方法,其中該軟體架構更包括接續於該第一使用者介面之後的一第二使用者介面,該第一使用者介面用於接收多個輸入資訊,該些輸入資訊對應於多個介面功能,其中當該些介面功能的一邏輯運算結果為真時,接續提供該第二使用者介面。
- 如申請專利範圍第1項所述的方法,其中該軟體架構基於一第一功能模型記錄在該第一使用者介面中的一主要活動、一輸入資訊及一輸出資訊。
- 如申請專利範圍第6項所述的方法,其中該軟體架構基於一第二功能模型記錄在該第一使用者介面中多個介面功能及該些介面功能之間的一邏輯運算關係。
- 如申請專利範圍第7項所述的方法,其中該軟體架構基於一實體聯繫模型實現與一後端資料庫的連接。
- 如申請專利範圍第7項所述的方法,其中該第一功能模型為IDEF0模型,該第二功能模型為IDEF3模型。
- 如申請專利範圍第1項所述的方法,其中該些第一資訊項目包括一標籤、一欄位、一按鈕、一選單及一圖標的至少其中之一。
- 如申請專利範圍第1項所述的方法,其中辨識該第一使用者介面中的該些第一資訊項目的數量的步驟包括: 對觀看該第一使用者介面的一使用者的眼睛連續拍攝多張眼睛影像;分析該些眼睛影像以找出該使用者的眼睛停留超過一預設時間的多個參考位置;以及將該些參考位置的數量定義為該些第一資訊項目的數量。
- 如申請專利範圍第1項所述的方法,其中辨識該第一使用者介面中的該些第一資訊項目的數量的步驟包括:當判斷存在一使用者正在觀看該第一使用者介面時,控制一外接式眼球追蹤裝置追蹤該使用者的眼睛對於該第一使用者介面的一觀看行為,其中該眼球追蹤裝置對該使用者的眼睛錄製多張畫面,並標註該使用者的眼睛在該些畫面中停留的多個參考位置;接收該眼球追蹤裝置回傳的該些參考位置的數量,並將該些參考位置的數量定義為該些第一資訊項目的數量。
- 一種電子裝置,包括:一儲存電路,儲存多個模組;以及一處理器,耦接該儲存電路,存取該些模組以執行以下步驟:取得一軟體架構,並讀取該軟體架構中的一第一使用者介面,其中該軟體架構為應用程式架構及網頁架構當中之一者;辨識該第一使用者介面中的多個第一資訊項目的數量;若該第一使用者介面中的該些第一資訊項目的數量未落入一預設範圍內,將該些第一資訊項目的一第一部分移除,以更新該 第一使用者介面,其中在更新後的該第一使用者介面中的該些第一資訊項目的數量落入該預設範圍內。
- 如申請專利範圍第13項所述的電子裝置,其中該處理器更經配置以:新增多個使用者介面,並將該第一部分分配至該些使用者介面中,其中各該使用者介面中的該些第一資訊項目的數量落入該預設範圍內。
- 如申請專利範圍第13項所述的電子裝置,其中該預設範圍為5至8個。
- 如申請專利範圍第13項所述的電子裝置,其中該處理器更經配置以:讀取該軟體架構中的一第二使用者介面;辨識該第二使用者介面中的多個第二資訊項目的數量;若該第二使用者介面中的該些第二資訊項目的數量未落入該預設範圍內,將該些第二資訊項目的一第二部分移除,以更新該第二使用者介面,其中在更新後的該第二使用者介面中的該些第二資訊項目的數量落入該預設範圍內。
- 如申請專利範圍第13項所述的電子裝置,其中該軟體架構更包括接續於該第一使用者介面之後的一第二使用者介面,該第一使用者介面用於接收多個輸入資訊,該些輸入資訊對應於 多個介面功能,其中當該些介面功能的一邏輯運算結果為真時,接續提供該第二使用者介面。
- 如申請專利範圍第13項所述的電子裝置,其中該軟體架構基於一第一功能模型記錄在該第一使用者介面中的一主要活動、一輸入資訊及一輸出資訊。
- 如申請專利範圍第18項所述的電子裝置,其中該軟體架構基於一第二功能模型記錄在該第一使用者介面中多個介面功能及該些介面功能之間的一邏輯運算關係。
- 如申請專利範圍第19項所述的電子裝置,其中該軟體架構基於一實體聯繫模型實現與一後端資料庫的連接。
- 如申請專利範圍第19項所述的電子裝置,其中該第一功能模型為IDEF0模型,該第二功能模型為IDEF3模型。
- 如申請專利範圍第13項所述的電子裝置,其中該些第一資訊項目包括一標籤、一欄位、一按鈕、一選單及一圖標的至少其中之一。
- 如申請專利範圍第13項所述的電子裝置,其中該電子裝置更包括一影像擷取電路,且該處理器經配置以:控制該影像擷取電路對觀看該第一使用者介面的一使用者的眼睛連續拍攝多張眼睛影像;分析該些眼睛影像以找出該使用者的眼睛停留超過一預設時間的多個參考位置;以及 將該些參考位置的數量定義為該些第一資訊項目的數量。
- 如申請專利範圍第13項所述的電子裝置,其中該處理器經配置以:當判斷存在一使用者正在觀看該第一使用者介面時,控制一外接式眼球追蹤裝置追蹤該使用者的眼睛對於該第一使用者介面的一觀看行為,其中該眼球追蹤裝置對該使用者的眼睛錄製多張畫面,並標註該使用者的眼睛在該些畫面中停留的多個參考位置;接收該眼球追蹤裝置回傳的該些參考位置的數量,並將該些參考位置的數量定義為該些第一資訊項目的數量。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW107137790A TWI718429B (zh) | 2018-10-25 | 2018-10-25 | 適應性調整使用者介面中資訊量的方法及其電子裝置 |
US16/247,599 US10969948B2 (en) | 2018-10-25 | 2019-01-15 | Method for adaptively adjusting amount of information in user interface design and electronic device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW107137790A TWI718429B (zh) | 2018-10-25 | 2018-10-25 | 適應性調整使用者介面中資訊量的方法及其電子裝置 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW202016723A TW202016723A (zh) | 2020-05-01 |
TWI718429B true TWI718429B (zh) | 2021-02-11 |
Family
ID=70327105
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW107137790A TWI718429B (zh) | 2018-10-25 | 2018-10-25 | 適應性調整使用者介面中資訊量的方法及其電子裝置 |
Country Status (2)
Country | Link |
---|---|
US (1) | US10969948B2 (zh) |
TW (1) | TWI718429B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI783604B (zh) * | 2021-07-30 | 2022-11-11 | 中國科技大學 | 手眼動作追蹤之閱讀介面設計方法 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023136575A1 (en) * | 2022-01-11 | 2023-07-20 | Samsung Electronics Co., Ltd. | Method and device of providing adaptive user interface based on user functional elements |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200515175A (en) * | 2003-10-24 | 2005-05-01 | Microsoft Corp | Programming interface for a computer platform |
CN103500166A (zh) * | 2013-08-22 | 2014-01-08 | 合一网络技术(北京)有限公司 | 一种渐进增强的响应式网页设计方法 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7216115B1 (en) * | 1999-11-10 | 2007-05-08 | Fastcase.Com, Inc. | Apparatus and method for displaying records responsive to a database query |
US20120105486A1 (en) * | 2009-04-09 | 2012-05-03 | Dynavox Systems Llc | Calibration free, motion tolerent eye-gaze direction detector with contextually aware computer interaction and communication methods |
-
2018
- 2018-10-25 TW TW107137790A patent/TWI718429B/zh active
-
2019
- 2019-01-15 US US16/247,599 patent/US10969948B2/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200515175A (en) * | 2003-10-24 | 2005-05-01 | Microsoft Corp | Programming interface for a computer platform |
CN103500166A (zh) * | 2013-08-22 | 2014-01-08 | 合一网络技术(北京)有限公司 | 一种渐进增强的响应式网页设计方法 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI783604B (zh) * | 2021-07-30 | 2022-11-11 | 中國科技大學 | 手眼動作追蹤之閱讀介面設計方法 |
Also Published As
Publication number | Publication date |
---|---|
US20200133468A1 (en) | 2020-04-30 |
TW202016723A (zh) | 2020-05-01 |
US10969948B2 (en) | 2021-04-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11328004B2 (en) | Method and system for intelligently suggesting tags for documents | |
CN108664245B (zh) | 一种基于json自描述结构的网页界面生成方法及装置 | |
US10305758B1 (en) | Service monitoring interface reflecting by-service mode | |
US10417108B2 (en) | Portable control modules in a machine data driven service monitoring system | |
US10339299B1 (en) | Runtime management of application components | |
US10209956B2 (en) | Automatic event group actions | |
US10193775B2 (en) | Automatic event group action interface | |
US11250066B2 (en) | Method for processing information, electronic device and storage medium | |
CN105511873B (zh) | 用户界面控件展示方法及装置 | |
US10957086B1 (en) | Visual and digital content optimization | |
BR112017026293B1 (pt) | Sistema para um sistema de construção de sites implementado em um servidor e método para um sistema de construção de sites implementado em um servidor | |
US11782821B2 (en) | Page simulation system | |
US20170235706A1 (en) | Effecting multi-step operations in an application in response to direct manipulation of a selected object | |
US20140164912A1 (en) | Generating system, method of interactive page templates and storage medium thereof | |
TWI718429B (zh) | 適應性調整使用者介面中資訊量的方法及其電子裝置 | |
NL2024377B1 (en) | Method and System for Intelligently Detecting and Modifying Unoriginal Content | |
CN110750711A (zh) | 数据推送方法、装置、计算机设备及存储介质 | |
US11662883B2 (en) | Adaptable user input interface | |
WO2023239468A1 (en) | Cross-application componentized document generation | |
US11526578B2 (en) | System and method for producing transferable, modular web pages | |
KR20230023804A (ko) | 텍스트-비디오 생성 방법, 장치, 설비 및 매체 | |
US20230297344A1 (en) | System and Method of Application Implemented as Video | |
WO2024192613A1 (zh) | 页面生成方法、页面模板的生成方法、以及装置 | |
CN117519703B (zh) | 一种操作界面的定制化管理方法 | |
CN113485804B (zh) | 数据调度方法、装置、设备及存储介质 |