TW201426502A - 應用程式預覽介面及其操作方法 - Google Patents

應用程式預覽介面及其操作方法 Download PDF

Info

Publication number
TW201426502A
TW201426502A TW101147869A TW101147869A TW201426502A TW 201426502 A TW201426502 A TW 201426502A TW 101147869 A TW101147869 A TW 101147869A TW 101147869 A TW101147869 A TW 101147869A TW 201426502 A TW201426502 A TW 201426502A
Authority
TW
Taiwan
Prior art keywords
display area
preview interface
application
selectable
selectable object
Prior art date
Application number
TW101147869A
Other languages
English (en)
Other versions
TWI554939B (zh
Inventor
Meng-Ju Lu
Hao-Ping Lin
Ya-Ting Chen
Yi-Ou Wang
Yi-Lung Tsai
Original Assignee
Asustek Comp Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Asustek Comp Inc filed Critical Asustek Comp Inc
Priority to TW101147869A priority Critical patent/TWI554939B/zh
Priority to US14/102,321 priority patent/US9552132B2/en
Publication of TW201426502A publication Critical patent/TW201426502A/zh
Application granted granted Critical
Publication of TWI554939B publication Critical patent/TWI554939B/zh
Priority to US15/369,095 priority patent/US20170083212A1/en

Links

Classifications

    • 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/04842—Selection of displayed objects or displayed text elements
    • 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
    • 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
    • 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/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

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)
  • User Interface Of Digital Computer (AREA)

Abstract

一種應用程式預覽介面的操作方法，應用程式預覽介面係儲存於一儲存單元，並執行於一電腦系統。操作方法包括以下步驟：於一第一顯示區顯示多數個操作模式；依據一第一指標訊號選取該些操作模式的其中之一；以及於一第二顯示區顯示至少一可選取物件，其中可選取物件為所選取的操作模式中已開啟或執行中的一應用程式。

Description

應用程式預覽介面及其操作方法
本案係關於一種使用者介面及其操作方法，特別關於一種應用程式預覽介面及其操作方法。
圖形使用者介面(Graphical User Interface,GUI)提供使用者可以透過所顯示圖形進行更直覺地控制及操作，隨著科技的進步，電腦系統的功能越來越多樣化，而使用者介面中所顯示項目的數量也逐漸增加。為了讓使用者能夠檢視所有已開啟(執行中)的程式，現今電腦系統係提供程式預覽介面，使用者可藉由這個介面查看每一個已開啟的程式，或切換至其中一個已開啟的程式。
然而，由於習知程式預覽介面僅提供簡單的查看功能與切換功能，且習知程式預覽介面也無法針對不同操作模式下所開啟的程式進行分類。因而，實際來說，使用者並無法透過習知程式預覽介面完整且有效地管理及分類已開啟的程式。
本案提供一種應用程式預覽介面及其操作方法，其係依據選取顯示於第一顯示區的多數個操作模式的其中之一，使對應於所選取操作模式的可選取物件顯示於第二顯示區，從而提供使用者檢視經分類與分組的已開啟或執行 中的應用程式，以及進一步的管理。
本案之一種應用程式預覽介面的操作方法，應用程式預覽介面係儲存於一儲存單元，並執行於一電腦系統。操作方法包括以下步驟：於一第一顯示區顯示多數個操作模式；依據一第一指標訊號選取該些操作模式的其中之一；以及於一第二顯示區顯示至少一可選取物件，其中可選取物件為所選取的操作模式中已開啟或執行中的一應用程式。
本案之一種應用程式預覽介面儲存於一儲存單元，並執行於一電腦系統。應用程式預覽介面包括一第一顯示區以及一第二顯示區。第一顯示區顯示至少一可選取的操作模式，其中每一操作模式包含至少一已開啟或執行中的應用程式。第二顯示區顯示至少一可選取物件，其中可選取物件係對應所選取的操作模式所包含的該些應用程式。
承上所述，依據本案的應用程式預覽介面及其操作方法，係依據選取顯示於第一顯示區的多數個操作模式的其中之一，使對應於所選取操作模式的可選取物件顯示於第二顯示區，從而提供使用者檢視經分類與分組的已開啟或執行中的應用程式。更重要的是，本案可針對顯示於第二顯示區的可選取物件進行直接的管理，以讓使用者在直覺式的操作下，同時有效且完整地管理已開啟或執行中的應用程式。
以下將參照相關圖式，說明依本案較佳實施例之一種應用程式(application program)預覽介面及其操作方法，其中相同的元件將以相同的參照符號加以說明。
需先說明的是，本案所述的應用程式預覽介面是以一應用程式的形式係儲存於一儲存單元，並由一電腦系統執行。在實施上，儲存單元例如是隨機存取記憶體(RAM)、唯讀記憶體(ROM)、電子式可抹除可編程唯讀記憶體(EEPROM)、快取記憶體、光碟、磁性儲存裝置或固態硬碟(SSD)。此外，電腦系統係例如是桌上型電腦裝置、筆記型電腦裝置、平板電腦、或手持式電子裝置(例如但不限於手機、多媒體播放裝置等)。
請參照圖1A所示，其係為本案較佳實施例的應用程式預覽介面1的示意圖。在本實施例中，應用程式預覽介面1是藉由筆記型電腦裝置所執行，並顯示於筆記型電腦裝置的顯示器。應用程式預覽介面1包括一第一顯示區11以及一第二顯示區12。第一顯示區11以圖形物件的形式顯示第一操作模式111以及第二操作模式112，例如第一操作模式111為桌面模式(desktop mode)，而第二操作模式112為新穎模式(modern mode)。
第二顯示區12係依據一指標訊號選取的第一操作模式111或第二操作模式112，並顯示所選取的操作模式中對應的可選取物件121，其中可選取物件121係為所選取的操作模式中執行中的一程式，亦即，可選取物件121是在所選取操作模式下已開啟(執行中)的應用程式。
此外，指標訊號係泛指經由輸入裝置，例如滑鼠、鍵盤、或遙控裝置所產生的訊號，或是經由使用者手指或觸控筆直接點擊或觸碰顯示器而產生的觸控訊號，且前述的選取係包括以游標點擊或以手指或觸控筆直接點擊所進行的選取動作，或是以游標懸浮於第一操作模式111或第二操作模式112的上方時的檢視動作。
需特別說明的是，上述的實施例是以第一顯示區11顯示代表兩個不同操作模式為例進行說明，然在其他應用時，係可依據產品的規格及設計的考量，而顯示其他數量的操作模式。其次，第一顯示區11及第二顯示區12的顯示位置，亦可依據需求而有所改變，例如第一顯示區11位於第二顯示區12的下方、上方、左側或右側，本案對此並不加以限制。
另外，如圖1B所示，應用程式預覽介面1亦可藉由平板電腦所執行，並顯示於平板電腦的顯示器上，以提供使用者進行操作。
接著，請參照圖2A至圖2F，以進一步說明本案的應用程式預覽介面1。當電腦系統啟動應用程式預覽功能時，電腦系統的顯示器將顯示應用程式預覽介面1。其中，當指標訊號選取代表桌面模式的第一操作模式111時，則如圖2A所示，第二顯示區12將顯示對應於第一操作模式111中執行中的可選取物件121(例如應用程式)，並且顯示於第二顯示區12的可選取物件121所顯示的內容與其所對應的操作模式中已開啟或執行中所顯示的應用程式 相同。
舉例而言，若使用者已於桌面模式下開啟一網路瀏覽器進行瀏覽，且顯示某一頁面，則當電腦系統進入應用程式預覽功能後，第二顯示區12中可選取物件121所呈現的內容即為網路瀏覽器於桌面模式下所顯示的頁面。
而如圖2B所示，當指標訊號選取代表新穎模式的第二操作模式112時，則第二顯示區12所顯示的可選取物件121係為對應於第二操作模式112中正在執行中的應用程式。
再如圖2C所示，當指標訊號選取代表桌面模式的第一操作模式111，且對應於第一操作模式111中執行中的可選取物件121的數量是多個時，第二顯示區12將依據一定義條件，使符合前述的定義條件的可選取物件121，以堆疊形式呈現，而成為同一群組。
換言之，當所對應的執行中的可選取物件121是多個時，第二顯示區12將根據定義條件進行應用程式的分類顯示，將屬於同一類的應用程式堆疊呈現，而不同類的程式則以具有間隔的展開形成呈現。其中定義條件包括檔案路徑、檔案名稱、檔案類型、或檔案格式，且定義條件係可由使用者自訂。
接著，如圖2D所示，當指標訊號(例如滑鼠游標)移動至第二顯示區12中的可選取物件121時，該可選取物件121將呈現放大的顯示效果，或使未被選取的物件呈現縮小的顯示效果，或於被選取的可選取物件121的周緣 產生額外的外框或顏色，以讓使用者能夠清楚確認其所選定的操作模式。
而如圖2E所示，當應用程式預覽介面1是依據指標訊號選取位於第二顯示區12中堆疊呈現的可選取物件121時，被選取的可選取物件121將以具有間隔的展開形式顯示於第二顯示區12。
此外，如圖2F所示，程式預覽介面1更包括一第三顯示區13，其係可顯示對應於第一操作模式111和第二操作模式112的所有程式的一列表131或一程式捷徑圖示132。在實施上，第三顯示區13所顯示的列表131內的應用程式是包括所有已安裝在電腦系統上的應用程式，而程式捷徑圖示132係為使用者將原先顯示於第二顯示區12的可選取物件121，透過拖曳或其他設定方式所形成的圖式，以讓使用者能夠直接且立即的啟動或瀏覽程式捷徑圖示132所代表的可選取物件121。
此外，本案的預覽介面包括依據一操作訊號於第二顯示區12管理可選取物件121，其中管理可選取物件121包括可透過游標點擊可選取物件121上的關閉符號，或經由使用者以特定的觸控軌跡或手勢，直接關閉可選取物件121；直接播放可選取物件121上的內容，例如當可選取物件為一播放應用程式，則可直接於預覽介面上操作；當第二顯示器上具有多數個可選取物件時，可藉由拖曳的方式調整可選取物件121的位置，而改變可選取物件121的排列順序；以拖曳可選取物件121的角落改變其顯示尺寸 自行縮放可選取物件121的框幅大小；或者，文字編輯可選取物件121的內容。當然，為了避免使用者的誤動作，程式預覽介面1亦可具有復原選項，以讓使用者可透過該復原選項回復至前一個動作或原始狀態。
接著，請參照圖3的流程圖並搭配圖2A至圖2F所示，以說明本案較佳實施例的操作方法。操作方法的步驟係包括步驟S01~S03。
步驟S01係於一第一顯示區11顯示多個操作模式。在本實施例中，當電腦系統啟動應用程式預覽功能時，電腦系統的顯示器將顯示應用程式預覽介面1。其中，應用程式預覽介面1的第一顯示區11將顯示多數個操作模式。
步驟S02係依據一第一指標訊號選取其中一個操作模式。在本實施例中，使用者將可經由輸入裝置選取第一顯示區中多數個操作模式的其中一個。
步驟S03，於第二顯示區12顯示可選取物件121，其中該可選取物件是對應於所選取的操作模式中已開啟或執行中的應用程式。
綜合上述，依據本案的應用程式預覽介面及其操作方法，係依據選取顯示於第一顯示區的多數個操作模式的其中之一，使對應於所選取操作模式的可選取物件顯示於第二顯示區，從而提供使用者檢視經分類與分組的已開啟或執行中的程式。更重要的是，本案可針對顯示於第二顯示區的可選取物件進行直接的管理，以讓使用者在直覺式的操作下，同時有效且完整地管理已開啟的程式。
以上所述僅為舉例性，而非為限制性者。任何未脫離本案之精神與範疇，而對其進行之等效修改或變更，均應包括於後附之申請專利範圍中。
1‧‧‧應用程式預覽介面
11‧‧‧第一顯示區
111‧‧‧第一操作模式
112‧‧‧第二操作模式
12‧‧‧第二顯示區
121‧‧‧可選取物件
13‧‧‧第三顯示區
131‧‧‧列表
132‧‧‧程式捷徑圖示
S01~S03‧‧‧步驟
圖1A與圖1B為依據本案較佳實施例的應用程式預覽介面的示意圖；圖2A至圖2F為依據本案較佳實施例的應用程式預覽介面的操作示意圖；以及圖3為依據本案較佳實施例的一種應用程式預覽介面的操作方法的流程圖。
S01~S03‧‧‧步驟

Claims (10)

  1. 一種應用程式預覽介面，其係儲存於一儲存單元，並執行於一電腦系統，包括：一第一顯示區，顯示至少一可選取的操作模式，其中每一該操作模式包含至少一已開啟或執行中的應用程式；以及一第二顯示區，顯示至少一可選取物件，其中，該可選取物件係對應所選取的該操作模式所包含的該些應用程式。
  2. 如申請專利範圍第1項所述之應用程式預覽介面，其中該可選取物件所顯示的應用程式內容係與其所對應的操作模式中已開啟或執行中所顯示的應用程式。
  3. 如申請專利範圍第1項所述之應用程式預覽介面，其中當該可選取物件為多個時，該第二顯示區則依據一定義條件分類該些可選取物件，並使相同定義條件的該些可選取物件為一群組。
  4. 如申請專利範圍第3項所述之應用程式預覽介面，其中該定義條件包括檔案路徑、檔案名稱、檔案類型、檔案建立時間或檔案格式。
  5. 如申請專利範圍第3項所述之應用程式預覽介面，其中分類後的該些可選取物件中，同一定義的該可選取物件內容以堆疊或展開的方式呈現。
  6. 如申請專利範圍第3項所述之應用程式預覽介面，其中當更進一步選取同一定義的可選取物件時，該可選 取物件以展開的形式顯示於該第二顯示區。
  7. 如申請專利範圍第1項所述之應用程式預覽介面，更包含藉由一操作訊號直接於該第二顯示區管理該可選取物件，其中包含關閉、播放、移動、縮放以及文字編輯該可選取物件的內容。
  8. 如申請專利範圍第1項所述之應用程式預覽介面，更包含當一指標訊號移動至該第二顯示區中的該至少一個的可選取物件的其中之一時，該可選取物件將以放大顯示或產生不同的外框顏色來呈現。
  9. 如申請專利範圍第1項所述之應用程式預覽介面，更包括：一第三顯示區，其係顯示對應於該操作模式的所有程式的一列表或一程式捷徑圖示。
  10. 一種應用程式預覽介面的操作方法，該應用程式預覽介面係儲存於一儲存單元，並執行於一電腦系統，該操作方法包括以下步驟：於一第一顯示區顯示多數個操作模式；依據一第一指標訊號選取該些操作模式的其中之一；以及於一第二顯示區顯示至少一可選取物件，其中該可選取物件為該所選取的操作模式中已開啟或執行中的一應用程式。
TW101147869A 2012-12-17 2012-12-17 電腦裝置及應用程式預覽介面的操作方法 TWI554939B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
TW101147869A TWI554939B (zh) 2012-12-17 2012-12-17 電腦裝置及應用程式預覽介面的操作方法
US14/102,321 US9552132B2 (en) 2012-12-17 2013-12-10 Application program preview interface and operation method thereof
US15/369,095 US20170083212A1 (en) 2012-12-17 2016-12-05 Application program preview interface and operation method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW101147869A TWI554939B (zh) 2012-12-17 2012-12-17 電腦裝置及應用程式預覽介面的操作方法

Publications (2)

Publication Number Publication Date
TW201426502A true TW201426502A (zh) 2014-07-01
TWI554939B TWI554939B (zh) 2016-10-21

Family

ID=50932513

Family Applications (1)

Application Number Title Priority Date Filing Date
TW101147869A TWI554939B (zh) 2012-12-17 2012-12-17 電腦裝置及應用程式預覽介面的操作方法

Country Status (2)

Country Link
US (2) US9552132B2 (zh)
TW (1) TWI554939B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108664080A (zh) * 2017-03-31 2018-10-16 华硕电脑股份有限公司 控制方法、电子装置及非瞬时电脑可读取记录介质
US10976919B2 (en) * 2017-09-14 2021-04-13 Sap Se Hybrid gestures for visualizations
JP2022070081A (ja) * 2020-10-26 2022-05-12 レノボ・シンガポール・プライベート・リミテッド 情報処理装置、及び制御方法

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7769794B2 (en) * 2003-03-24 2010-08-03 Microsoft Corporation User interface for a file system shell
US7437358B2 (en) * 2004-06-25 2008-10-14 Apple Inc. Methods and systems for managing data
US8261191B2 (en) * 2006-08-04 2012-09-04 Apple Inc. Multi-point representation
US8381122B2 (en) * 2007-06-08 2013-02-19 Apple Inc. Multi-dimensional application environment
US8201096B2 (en) * 2007-06-09 2012-06-12 Apple Inc. Browsing or searching user interfaces and other aspects
US20100269060A1 (en) * 2009-04-17 2010-10-21 International Business Machines Corporation Navigating A Plurality Of Instantiated Virtual Desktops
US8555185B2 (en) * 2009-06-08 2013-10-08 Apple Inc. User interface for multiple display regions
US20110004839A1 (en) * 2009-07-02 2011-01-06 Derek Cha User-customized computer display method
US20120084644A1 (en) * 2010-09-30 2012-04-05 Julien Robert Content preview
US8819571B2 (en) * 2010-09-30 2014-08-26 Apple Inc. Manipulating preview panels in a user interface
US8713474B2 (en) * 2010-10-05 2014-04-29 Citrix Systems, Inc. Providing user interfaces and window previews for hosted applications
US20130334300A1 (en) * 2011-01-03 2013-12-19 Curt Evans Text-synchronized media utilization and manipulation based on an embedded barcode

Also Published As

Publication number Publication date
TWI554939B (zh) 2016-10-21
US20170083212A1 (en) 2017-03-23
US20140173502A1 (en) 2014-06-19
US9552132B2 (en) 2017-01-24

Similar Documents

Publication Publication Date Title
DK180837B1 (en) Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications
US9377932B2 (en) Flipping through content
US10156980B2 (en) Toggle gesture during drag gesture
AU2007101053C4 (en) Multimedia communication device with touch screen responsive to gestures for controlling, manipulating, and editing of media files
US10254942B2 (en) Adaptive sizing and positioning of application windows
US10592080B2 (en) Assisted presentation of application windows
US20150067582A1 (en) Content navigation structure and transition mechanism
US20160034157A1 (en) Region-Based Sizing and Positioning of Application Windows
US20170300151A1 (en) Management of the channel bar
KR20130105879A (ko) 사용자 인터페이스에서의 작업 공간 관리
TW201504922A (zh) 管理使用者介面中之工作空間
US9690479B2 (en) Method and apparatus for controlling application using key inputs or combination thereof
TWI534694B (zh) 用於管理沉浸式環境的電腦實施方法及運算裝置
KR20100132297A (ko) 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스
EP4180923A1 (en) Method for adding annotations, electronic device and related apparatus
TW201324312A (zh) 具有觸摸屏的電子設備及其頁面處理方法
TWI554939B (zh) 電腦裝置及應用程式預覽介面的操作方法
KR20180006725A (ko) 전자 장치 및 그 제어 방법
KR20140100784A (ko) 디스플레이 장치 및 디스플레이 방법