US20050172239A1 - Modeless interaction with GUI widget applications - Google Patents
Modeless interaction with GUI widget applications Download PDFInfo
- Publication number
- US20050172239A1 US20050172239A1 US10/769,002 US76900204A US2005172239A1 US 20050172239 A1 US20050172239 A1 US 20050172239A1 US 76900204 A US76900204 A US 76900204A US 2005172239 A1 US2005172239 A1 US 2005172239A1
- Authority
- US
- United States
- Prior art keywords
- widget
- regions
- icon
- gui
- interaction
- Prior art date
- Legal status (The legal status 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 status listed.)
- Abandoned
Links
Images
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/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
- 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/04817—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 using icons
Definitions
- a mode is a computer science term meaning the state of a program (or device).
- the term “mode” implies choice. One can choose to put the system in a mode by changing a setting. In this document, we use mode and state interchangeably.
- One mode is an edit mode where a user can modify the properties and visual characteristics of the icon.
- the second mode is one used for interacting with the icon so the user can manipulate virtual simulations or real devices through the interface. At times, the user wants to edit the icon and change the properties or behaviors of the icon. At other times, the user wants to interact with the icon and with the underlying application.
- the common solution is to allow the user to change between working modes (change states). By changing modes (switching to the first or second mode) he can either edit the icon or interact with the icon but not do both at the same time.
- the mode change is accomplished by initiating a keypad action or a mouse button action.
- a widget is (1) A generic term for the part of a GUI that allows the user to interface with the application and operating system. Widgets display information and invite the user to act in a number of ways. Typical widgets include buttons, dialog boxes, pop-up windows, pull-down menus, icons, scroll bars, resizable window edges, progress indicators, selection boxes, windows, tear-off menus, menu bars, toggle switches and forms. (2) The term also refers to the program that is written in order to make the graphic widget in the GUI look and perform in a specified way, depending on what action the user takes while interfacing with the GUI. The term widget is used to refer to either the graphic component or its controlling program or to refer to the combination of both.
- One of the problems with modal interfaces is the added cognitive expense to the user to remember to switch between the modes to do the necessary tasks.
- users forget which mode they are in, causing confusion and added frustration for the user. It is common practice to try to avoid (or reduce) the modes with which the user has to operate.
- this invention teaches a technique to allow the user to do either action without the need to switch between modes.
- This invention is illustrated in a system that uses views of icons to present the status of an underlying simulation or set of real data. Each icon represents an important parameter in the application.
- a GUI progress bar widget displays an icon indicating the volume of an audio presentation (a digital song being played on the user's computer).
- the user can interact with the widget by dragging the progress bar (with his mouse controlled cursor) to either lengthen it or shorten it. Lengthening the bar causes the volume to be increased and shortening it decreases the volume.
- the user may also wish to manipulate the attributes of the GUI volume widget. Still in the primary mode, he moves the mouse controlled cursor over a border area of the widget and drags the border to enlarge the GUI widget. While still in the primary mode, he moves the mouse controlled cursor over another border area of the widget and can drag and drop the widget to another location of his display screen.
- GUI list widget Another type of widget is a GUI list widget.
- the list widget provides a list of text items for interacting with the widget. An example would be for a list that comprised “Volume”, “Base”, and “Fade” audio functions.
- a primary mode the user moves his mouse controlled cursor over a text item such as “Volume” and clicks on it to select it. Still in the primary mode, the user then can type a number indicative of the value to apply to the item such as “01” for quiet and “10” for loud.
- the border area would work as described for the graphical widget in the primary mode.
- selecting the “Volume” item may modify what the progress bar in the previous example will modify when it is manipulated.
- the border around each icon is utilized, much like the title bar of a window in an operating system (Windows, OSX, etc.).
- Windows OS you can move a window by dragging the title bar of the window.
- This idea is extended to allow the “edit” mode to be active in a thin area around the perimeter of each of the icons.
- the edit activities would include, but not be limited to, the selecting, moving, and resizing of the icon.
- a menu of operations for that icon (such as delete or copy) would be available via a right click of the mouse.
- the interior of the icon would be utilized to interact with the icon to communicate directly to the underlying application.
- This invention utilizes the edge border to graphically enable 2 modes.
- This edge border can also enable other modes or other actions by including various buttons for these separate states or actions.
- the upper right corner of the title bar includes 3 buttons by default—minimize, maximize, and close.
- buttons for application dependent actions such as delete or copy as well as icon locking (to disable the edit mode) or other buttons to switch modes like switching tabs in a tabbed widget.
- These additional modes can also be dynamically accessed by allowing the user to use modifier keys, instead of physical regions, to switch between modes.
- the region is not limited to the complete border around the icon but maybe dynamically configured so that only the edge of the icon that the mouse enters is temporarily activated as an editing region.
- buttons to allow the user to execute an edit operation.
- the user would click right and get a menu of relevant actions for the icon (move, resize, etc).
- additional modes of input can be simultaneously used to access the different modes of interaction. For example, voice input could be used to indicate to the system when interaction versus editing operations should apply or control keys on the keyboard (control, alt, shift etc) or mouse button combinations could be used to access the different modes.
- FIG. 1 depicts a computer system for implementing the present invention
- FIG. 2 depicts an example widget according to the invention
- FIG. 3 depicts interaction with widgets
- FIG. 4 depicts components of a graphical widget
- FIG. 5 depicts a widget with the border area highlighted, which happens when the cursor enters this region
- FIG. 6 depicts a widget where the widget has been selected and the border region reflects this state
- FIG. 7 depicts a widget having been dragged to a different position, and editing operation
- FIG. 8 depicts the result of interacting with a graphical widget, an interacting operation
- FIG. 9 depicts a widget interaction list with typical operations to perform on this widget
- FIG. 10 is a flow depicting widget presentation with respect to the location of the cursor
- FIG. 11 is a flow depicting how the system determines the state of the cursor.
- FIG. 12 is a flow depicting example ICON regions.
- FIG. 1 illustrates a representative workstation or server hardware system in which the present invention may be practiced.
- the system 100 of FIG. 1 comprises a representative computer system 101 , such as a personal computer, a workstation or a server, including optional peripheral devices.
- the workstation 101 includes one or more processors 106 and a bus employed to connect and enable communication between the processor(s) 106 and the other components of the system 101 in accordance with known techniques.
- the bus connects the processor 106 to memory 105 and long-term storage 107 which can include a hard drive, diskette drive or tape drive for example.
- the system 101 might also include a user interface adapter, which connects the microprocessor 106 via the bus to one or more interface devices, such as a keyboard 104 , mouse 103 , a Printer/scanner 110 and/or other interface devices, which can be any user interface device, such as a touch sensitive screen, digitized entry pad, etc.
- the bus also connects a display device 102 , such as an LCD screen or monitor, to the microprocessor 106 via a display adapter.
- the system 101 may communicate with other computers or networks of computers by way of a network adapter capable of communicating with a network 109 .
- Example network adapters are communications channels, token ring, Ethernet or modems.
- the workstation 101 may communicate using a wireless interface, such as a CDPD (cellular digital packet data) card.
- the workstation 101 may be associated with such other computers in a local area network (LAN) or a wide area network (WAN), or the workstation 101 can be a client in a client/server arrangement with another computer, etc. All of these configurations, as well as the appropriate communications hardware and software, are known in the art.
- Software programming code which embodies the present invention is typically accessed by the processor 106 of the system 101 from long-term storage media 107 , such as a CD-ROM drive or hard drive.
- the software programming code may be embodied on any of a variety of known media for use with a data processing system, such as a diskette, hard drive, or CD-ROM.
- the code may be distributed on such media, or may be distributed to users from the memory or storage of one computer system over a network to other computer systems for use by users of such other systems.
- the programming code 111 may be embodied in the memory 105 , and accessed by the processor 106 using the processor bus.
- Such programming code includes an operating system which controls the function and interaction of the various computer components and one or more application programs.
- Program code is normally paged from dense storage media 107 to high speed memory 105 where it is available for processing by the processor 106 .
- the techniques and methods for embodying software programming code in memory, on physical media, and/or distributing software code via networks are well known and will not be further discussed herein.
- the present invention is implemented as one or more computer software programs 111 .
- the implementation of the software of the present invention may operate on a user's workstation, as one or more modules or applications 111 (also referred to as code subroutines, or “objects” in object-oriented programming) which are invoked upon request.
- the software may operate on a server in a network, or in any device capable of executing the program code implementing the present invention.
- the logic implementing this invention may be integrated within the code of an application program, or it may be implemented as one or more separate utility modules which are invoked by that application, without deviating from the inventive concepts disclosed herein.
- the application 111 may be executing in a Web environment, where a Web server provides services in response to requests from a client connected through the Internet.
- the application may be executing in a corporate intranet or extranet, or in any other network environment.
- Configurations for the environment include a client/server network, Peer-to-Peer networks (wherein clients interact directly by performing both client and server function) as well as a multi-tier environment. These environments and configurations are well known in the art.
- FIG. 2 illustrates basic components of an icon to support this invention.
- the icons illustrated herein are simplified in order to teach the invention. It should be recognized that there are many possible implementations of icons and the present invention is applicable to any of them.
- FIG. 2 depicts an icon illustrating the 2 regions for the user interaction. Defining the two regions as borders and central is only illustrative of ways to create regions. There are many other ways that regions might be defined in order to practice the invention. For instance, a region may be a portion of a border, a tab shape attached to the ICON, an area within the ICON, an area outside the ICON or an area made visible by cursor position just to name a few. In the present example, at the edge of the ICON, an area indicated by standard resize controls 204 (dark boxes) is used by the user to resize (stretch the shape of) the icon in one embodiment.
- standard resize controls 204 dark boxes
- Moving an icon is accomplished in one embodiment by placing a curser in the border area 202 in a region between the resize controls 204 and clicking and dragging the icon to the desired position.
- the central region 203 is used for interacting with the application program associated with this icon 201 .
- FIG. 3 shows an embodiment with 2 different types of icons, a list icon 301 and a progress bar icon 304 .
- a row is selected 303 such as “ITEM TWO” in FIG. 3 .
- This selection of “ITEM TWO” is not only displayed 301 but is input to the application program function represented by the icon 301 .
- the size of the bar is extended (or retracted).
- the progress bar 306 is dragged to the right 307 to modify the value of the underlying application value.
- This change to the progress bar is not only graphically displayed 304 but is input to the application program function represented by the icon 304 .
- the border region exists and is continuously available to edit the properties of the icon. Additional ways to interact with the icon is through clicking, double or multiple clicking, click & dragging, keyboard input (with cursor over widget). These allow for alternative interaction techniques to modify the connected application without modifying the icons presentation properties.
- FIG. 4 depicts an icon 402 in an application window 401 after creation and initially interacting with it
- FIG. 5 depicts the icon 402 after the cursor has entered the border region 403 of the icon 402 .
- the resize indicators 503 are visible but not prominent. The user can click on any resize indicator 503 to resize (stretch) the icon. Between the indicators 503 in the border area 403 , the cursor changes to a move cursor and the user can reposition the icon 402 by clicking and dragging the icon 402 . Also, a right click at any time will produce a menu of options (see FIG. 9 ).
- FIG. 6 shows an embodiment which, after selecting the icon 402 by clicking on it, the resize indicators 403 and border region 403 are more prominent.
- the user can use the keyboard to move (arrow keys) or delete (delete key) the selected icon 402 .
- FIG. 7 shows an embodiment where a user has moved the icon 402 in the edit window 401 by clicking and dragging in the border region 403 between the resize controls 503 .
- FIG. 8 shows an embodiment where a user has clicked and dragged in the interior 803 of the icon 402 , producing changes in the underlying application.
- the bar icon's value is increased by dragging to the right.
- the color as well as position of the bar changes with this operation.
- FIG. 9 illustrates a right click menu 901 instantiated by right clicking with a curser placed on an icon.
- the menu 901 of one embodiment includes options to interact with the icon.
- the user can lock the icon in place by selecting the Lock item 905 .
- the icon does not allow editing of the icon and does not show the resize indicators as the cursor moves in and out of the icon.
- the user can also delete 904 the icon or edit 902 the properties of the icon from this menu 901 . In the example, the edit 902 function is selected and therefore highlighted.
- FIG. 10 illustrates the flow of the drawing of a typical icon with the additional requirement of drawing the border region.
- the icon itself is first drawn 1001 completely. Then, if the icon is selected 1002 or the mouse is over the border region 1007 , the resize controls 1006 and border region 1005 are drawn. In addition, the cursor is updated when the mouse enters the icon.
- FIG. 11 illustrates an example cursor updating process utilized when a mouse controlled curser enters an icon. If 1101 the icon is not locked and 1102 the mouse is over the border, and 1103 the mouse is over the resize control, the cursor is able to resize the icon 1108 . If 1104 the mouse is over the border move region the cursor is able to move 1109 the icon. If the cursor 1105 is over the icon but not in the border region, it is enabled to interact with the icon (to provide input to the application program via the icon GUI).
- FIG. 12 depicts examples of implementations of regions according to the invention.
- An ICON (Widget) 1201 of any shape has an internal region 1210 bounded by an edge 1211 .
- the ICON also has a border region bounded by the edge 1211 and an interior edge 1212 .
- Within the border region there may be a region 1206 comprising a portion of the border region.
- Any of the ICON regions may be active in the normal mode and displayed in the normal mode. In another implementation, any region may be hidden in normal mode except when a cursor is moved within the region or a related region.
- the invention is a standalone program for manipulating GUI icons. It can also be implemented as a web page using HTML utilizing objects (applets), as described by the W3C Standards organization in its tech report (www.w3.org/TR/REC-html40/struct/objects.html).
- the present invention can be included in an article of manufacture (e.g., one or more computer program products) having, for instance, computer usable media.
- the media has embodied therein, for instance, computer readable program code means for providing and facilitating the capabilities of the present invention.
- the article of manufacture can be included as a part of a computer system or sold separately.
- At least one program storage device readable by a machine, tangibly embodying at least one program of instructions executable by the machine to perform the capabilities of the present invention can be provided.
Abstract
A user displayed interactive GUI widget (icon) provides two or more regions. A first region provides widget manipulation function for editing the widget, editing including moving or sizing functions. A second region provides widget interaction function for user interaction with the widget including interaction lists or interaction graphics. The regions may comprise one or more icon border regions and one or more icon internal regions.
Description
- In many graphic interfaces there is a problem that arises in having two modes of interacting with widgets (or icons), on the screen of a user interface. A mode is a computer science term meaning the state of a program (or device). The term “mode” implies choice. One can choose to put the system in a mode by changing a setting. In this document, we use mode and state interchangeably. One mode is an edit mode where a user can modify the properties and visual characteristics of the icon. The second mode is one used for interacting with the icon so the user can manipulate virtual simulations or real devices through the interface. At times, the user wants to edit the icon and change the properties or behaviors of the icon. At other times, the user wants to interact with the icon and with the underlying application. The common solution is to allow the user to change between working modes (change states). By changing modes (switching to the first or second mode) he can either edit the icon or interact with the icon but not do both at the same time. Typically, the mode change is accomplished by initiating a keypad action or a mouse button action.
- widgets:
- According to Webopedia on the worldwide web at www.webopedia.com, a widget is (1) A generic term for the part of a GUI that allows the user to interface with the application and operating system. Widgets display information and invite the user to act in a number of ways. Typical widgets include buttons, dialog boxes, pop-up windows, pull-down menus, icons, scroll bars, resizable window edges, progress indicators, selection boxes, windows, tear-off menus, menu bars, toggle switches and forms. (2) The term also refers to the program that is written in order to make the graphic widget in the GUI look and perform in a specified way, depending on what action the user takes while interfacing with the GUI. The term widget is used to refer to either the graphic component or its controlling program or to refer to the combination of both.
- Within this specification, we will use the term “icon” and “widget” interchangeably.
- One of the problems with modal interfaces is the added cognitive expense to the user to remember to switch between the modes to do the necessary tasks. In addition, users forget which mode they are in, causing confusion and added frustration for the user. It is common practice to try to avoid (or reduce) the modes with which the user has to operate.
- In order to minimizing the use of modes in an interface that allows for the editing and running of an application, this invention teaches a technique to allow the user to do either action without the need to switch between modes. This invention is illustrated in a system that uses views of icons to present the status of an underlying simulation or set of real data. Each icon represents an important parameter in the application.
- In an example application, a GUI progress bar widget displays an icon indicating the volume of an audio presentation (a digital song being played on the user's computer). In a primary mode, the user can interact with the widget by dragging the progress bar (with his mouse controlled cursor) to either lengthen it or shorten it. Lengthening the bar causes the volume to be increased and shortening it decreases the volume. The user may also wish to manipulate the attributes of the GUI volume widget. Still in the primary mode, he moves the mouse controlled cursor over a border area of the widget and drags the border to enlarge the GUI widget. While still in the primary mode, he moves the mouse controlled cursor over another border area of the widget and can drag and drop the widget to another location of his display screen.
- Another type of widget is a GUI list widget. The list widget provides a list of text items for interacting with the widget. An example would be for a list that comprised “Volume”, “Base”, and “Fade” audio functions. In a primary mode, the user moves his mouse controlled cursor over a text item such as “Volume” and clicks on it to select it. Still in the primary mode, the user then can type a number indicative of the value to apply to the item such as “01” for quiet and “10” for loud. The border area would work as described for the graphical widget in the primary mode. Alternatively, in the primary mode, selecting the “Volume” item may modify what the progress bar in the previous example will modify when it is manipulated.
- In order to provide GUI widget manipulation (editing), the border around each icon is utilized, much like the title bar of a window in an operating system (Windows, OSX, etc.). In Windows OS, you can move a window by dragging the title bar of the window. With this invention, this idea is extended to allow the “edit” mode to be active in a thin area around the perimeter of each of the icons. The edit activities would include, but not be limited to, the selecting, moving, and resizing of the icon. In addition, a menu of operations for that icon (such as delete or copy) would be available via a right click of the mouse. The interior of the icon would be utilized to interact with the icon to communicate directly to the underlying application.
- This invention utilizes the edge border to graphically enable 2 modes. This edge border can also enable other modes or other actions by including various buttons for these separate states or actions. For example, in windows, the upper right corner of the title bar includes 3 buttons by default—minimize, maximize, and close. Likewise, in the edge border we can include buttons for application dependent actions, such as delete or copy as well as icon locking (to disable the edit mode) or other buttons to switch modes like switching tabs in a tabbed widget. These additional modes can also be dynamically accessed by allowing the user to use modifier keys, instead of physical regions, to switch between modes. The region is not limited to the complete border around the icon but maybe dynamically configured so that only the edge of the icon that the mouse enters is temporarily activated as an editing region. In this way, the standard title bar functionality of a window would be available from any edge the user's cursor enters the window or widget. An alternative is to use the right mouse button to allow the user to execute an edit operation. In this variation, the user would click right and get a menu of relevant actions for the icon (move, resize, etc). In another embodiment, additional modes of input can be simultaneously used to access the different modes of interaction. For example, voice input could be used to indicate to the system when interaction versus editing operations should apply or control keys on the keyboard (control, alt, shift etc) or mouse button combinations could be used to access the different modes.
- System and computer program products corresponding to the above-summarized methods are also described and claimed herein.
- Additional features and advantages are realized through the techniques of the present invention. Other embodiments and aspects of the invention are described in detail herein and are considered a part of the claimed invention.
- The subject matter which is regarded as the invention is particularly pointed out and distinctly claimed in the claims at the conclusion of the specification. The foregoing and other objects, features, and advantages of the invention are apparent from the following detailed description taken in conjunction with the accompanying drawings in which:
-
FIG. 1 depicts a computer system for implementing the present invention; -
FIG. 2 depicts an example widget according to the invention; -
FIG. 3 depicts interaction with widgets; -
FIG. 4 depicts components of a graphical widget; -
FIG. 5 depicts a widget with the border area highlighted, which happens when the cursor enters this region; -
FIG. 6 depicts a widget where the widget has been selected and the border region reflects this state; -
FIG. 7 depicts a widget having been dragged to a different position, and editing operation; -
FIG. 8 depicts the result of interacting with a graphical widget, an interacting operation; -
FIG. 9 depicts a widget interaction list with typical operations to perform on this widget; -
FIG. 10 is a flow depicting widget presentation with respect to the location of the cursor; -
FIG. 11 is a flow depicting how the system determines the state of the cursor; and -
FIG. 12 is a flow depicting example ICON regions. -
FIG. 1 illustrates a representative workstation or server hardware system in which the present invention may be practiced. Thesystem 100 ofFIG. 1 comprises arepresentative computer system 101, such as a personal computer, a workstation or a server, including optional peripheral devices. Theworkstation 101 includes one ormore processors 106 and a bus employed to connect and enable communication between the processor(s) 106 and the other components of thesystem 101 in accordance with known techniques. The bus connects theprocessor 106 tomemory 105 and long-term storage 107 which can include a hard drive, diskette drive or tape drive for example. Thesystem 101 might also include a user interface adapter, which connects themicroprocessor 106 via the bus to one or more interface devices, such as akeyboard 104,mouse 103, a Printer/scanner 110 and/or other interface devices, which can be any user interface device, such as a touch sensitive screen, digitized entry pad, etc. The bus also connects adisplay device 102, such as an LCD screen or monitor, to themicroprocessor 106 via a display adapter. - The
system 101 may communicate with other computers or networks of computers by way of a network adapter capable of communicating with anetwork 109. Example network adapters are communications channels, token ring, Ethernet or modems. Alternatively, theworkstation 101 may communicate using a wireless interface, such as a CDPD (cellular digital packet data) card. Theworkstation 101 may be associated with such other computers in a local area network (LAN) or a wide area network (WAN), or theworkstation 101 can be a client in a client/server arrangement with another computer, etc. All of these configurations, as well as the appropriate communications hardware and software, are known in the art. - Software programming code which embodies the present invention is typically accessed by the
processor 106 of thesystem 101 from long-term storage media 107, such as a CD-ROM drive or hard drive. The software programming code may be embodied on any of a variety of known media for use with a data processing system, such as a diskette, hard drive, or CD-ROM. The code may be distributed on such media, or may be distributed to users from the memory or storage of one computer system over a network to other computer systems for use by users of such other systems. - Alternatively, the
programming code 111 may be embodied in thememory 105, and accessed by theprocessor 106 using the processor bus. Such programming code includes an operating system which controls the function and interaction of the various computer components and one or more application programs. Program code is normally paged fromdense storage media 107 tohigh speed memory 105 where it is available for processing by theprocessor 106. The techniques and methods for embodying software programming code in memory, on physical media, and/or distributing software code via networks are well known and will not be further discussed herein. - In the preferred embodiment, the present invention is implemented as one or more computer software programs 111. The implementation of the software of the present invention may operate on a user's workstation, as one or more modules or applications 111 (also referred to as code subroutines, or “objects” in object-oriented programming) which are invoked upon request. Alternatively, the software may operate on a server in a network, or in any device capable of executing the program code implementing the present invention. The logic implementing this invention may be integrated within the code of an application program, or it may be implemented as one or more separate utility modules which are invoked by that application, without deviating from the inventive concepts disclosed herein. The
application 111 may be executing in a Web environment, where a Web server provides services in response to requests from a client connected through the Internet. In another embodiment, the application may be executing in a corporate intranet or extranet, or in any other network environment. Configurations for the environment include a client/server network, Peer-to-Peer networks (wherein clients interact directly by performing both client and server function) as well as a multi-tier environment. These environments and configurations are well known in the art. -
FIG. 2 illustrates basic components of an icon to support this invention. The icons illustrated herein are simplified in order to teach the invention. It should be recognized that there are many possible implementations of icons and the present invention is applicable to any of them. - An
icon 201 is divided into two areas, theborder region 202 and the central region 203.FIG. 2 depicts an icon illustrating the 2 regions for the user interaction. Defining the two regions as borders and central is only illustrative of ways to create regions. There are many other ways that regions might be defined in order to practice the invention. For instance, a region may be a portion of a border, a tab shape attached to the ICON, an area within the ICON, an area outside the ICON or an area made visible by cursor position just to name a few. In the present example, at the edge of the ICON, an area indicated by standard resize controls 204 (dark boxes) is used by the user to resize (stretch the shape of) the icon in one embodiment. This is accomplished in one embodiment by placing the curser over the stretch pad 204 region of theborder region 202 and clicking and dragging the portion of the icon in the desired direction. Moving an icon is accomplished in one embodiment by placing a curser in theborder area 202 in a region between the resize controls 204 and clicking and dragging the icon to the desired position. The central region 203 is used for interacting with the application program associated with thisicon 201. -
FIG. 3 shows an embodiment with 2 different types of icons, alist icon 301 and aprogress bar icon 304. When interacting with thelist 302, a row is selected 303 such as “ITEM TWO” inFIG. 3 . This selection of “ITEM TWO” is not only displayed 301 but is input to the application program function represented by theicon 301. - When interacting with the
progress bar icon 304, the size of the bar is extended (or retracted). In the example theprogress bar 306 is dragged to the right 307 to modify the value of the underlying application value. This change to the progress bar is not only graphically displayed 304 but is input to the application program function represented by theicon 304. During this interaction the border region exists and is continuously available to edit the properties of the icon. Additional ways to interact with the icon is through clicking, double or multiple clicking, click & dragging, keyboard input (with cursor over widget). These allow for alternative interaction techniques to modify the connected application without modifying the icons presentation properties. -
FIG. 4 depicts anicon 402 in anapplication window 401 after creation and initially interacting with it -
FIG. 5 depicts theicon 402 after the cursor has entered theborder region 403 of theicon 402. Theresize indicators 503 are visible but not prominent. The user can click on anyresize indicator 503 to resize (stretch) the icon. Between theindicators 503 in theborder area 403, the cursor changes to a move cursor and the user can reposition theicon 402 by clicking and dragging theicon 402. Also, a right click at any time will produce a menu of options (seeFIG. 9 ). -
FIG. 6 shows an embodiment which, after selecting theicon 402 by clicking on it, theresize indicators 403 andborder region 403 are more prominent. With theicon 402 selected, the user can use the keyboard to move (arrow keys) or delete (delete key) the selectedicon 402. -
FIG. 7 shows an embodiment where a user has moved theicon 402 in theedit window 401 by clicking and dragging in theborder region 403 between the resize controls 503. -
FIG. 8 shows an embodiment where a user has clicked and dragged in theinterior 803 of theicon 402, producing changes in the underlying application. Here the bar icon's value is increased by dragging to the right. In this application, the color as well as position of the bar changes with this operation. -
FIG. 9 illustrates aright click menu 901 instantiated by right clicking with a curser placed on an icon. Themenu 901 of one embodiment includes options to interact with the icon. The user can lock the icon in place by selecting theLock item 905. When locked, the icon does not allow editing of the icon and does not show the resize indicators as the cursor moves in and out of the icon. The user can also delete 904 the icon or edit 902 the properties of the icon from thismenu 901. In the example, theedit 902 function is selected and therefore highlighted. -
FIG. 10 illustrates the flow of the drawing of a typical icon with the additional requirement of drawing the border region. The icon itself is first drawn 1001 completely. Then, if the icon is selected 1002 or the mouse is over theborder region 1007, the resize controls 1006 andborder region 1005 are drawn. In addition, the cursor is updated when the mouse enters the icon. -
FIG. 11 illustrates an example cursor updating process utilized when a mouse controlled curser enters an icon. If 1101 the icon is not locked and 1102 the mouse is over the border, and 1103 the mouse is over the resize control, the cursor is able to resize theicon 1108. If 1104 the mouse is over the border move region the cursor is able to move 1109 the icon. If thecursor 1105 is over the icon but not in the border region, it is enabled to interact with the icon (to provide input to the application program via the icon GUI). -
FIG. 12 depicts examples of implementations of regions according to the invention. An ICON (Widget) 1201 of any shape has aninternal region 1210 bounded by anedge 1211. The ICON also has a border region bounded by theedge 1211 and aninterior edge 1212. Within the border region there may be aregion 1206 comprising a portion of the border region. Further, there can be anappendage region 1202 with anedge 1213 where, aninternal region 1203, a region outside theICON 1204 and aregion 1205 that includes a portion of the icon and a portion outside the icon. Any of the ICON regions may be active in the normal mode and displayed in the normal mode. In another implementation, any region may be hidden in normal mode except when a cursor is moved within the region or a related region. - In one embodiment, the invention is a standalone program for manipulating GUI icons. It can also be implemented as a web page using HTML utilizing objects (applets), as described by the W3C Standards organization in its tech report (www.w3.org/TR/REC-html40/struct/objects.html).
- The present invention can be included in an article of manufacture (e.g., one or more computer program products) having, for instance, computer usable media. The media has embodied therein, for instance, computer readable program code means for providing and facilitating the capabilities of the present invention. The article of manufacture can be included as a part of a computer system or sold separately.
- Additionally, at least one program storage device readable by a machine, tangibly embodying at least one program of instructions executable by the machine to perform the capabilities of the present invention can be provided.
- The flow diagrams depicted herein are just examples. There may be many variations to these diagrams or the steps (or operations) described therein without departing from the spirit of the invention. For instance, the steps may be performed in a differing order, or steps may be added, deleted or modified. All of these variations are considered a part of the claimed invention.
- Although preferred embodiments have been depicted and described in detail herein, it will be apparent to those skilled in the relevant art that various modifications, additions, substitutions and the like can be made without departing from the spirit of the invention and these are therefore considered to be within the scope of the invention as defined in the following claims.
Claims (24)
1. A method for creating an interactive GUI widget (icon), the method comprising the steps of:
creating one or more first regions for the GUI widget, the first regions for manipulating a displayed widget GUI representation;
associating the first regions to manipulating programs for manipulating the displayed widget GUI representation;
creating one or more second regions for the GUI widget, the second regions for user interaction with an application program by way of the displayed widget GUI representation wherein the displayed widget GUI representation is associated with the application program;
associating the second regions to interaction programs for interaction with application programs; and
presenting at a user display in a single state, the GUI widget having one or more first regions and one or more second regions wherein while in the single state one or more of the first regions accepts manipulating user input and wherein while in the single state one or more of the second regions accepts interaction user input.
2. The method according to claim 1 wherein any one of the first region or the second region comprises any one of an area inside the displayed widget, an area outside the displayed widget, an area sharing a common edge portion with the displayed widget border portion comprising an outer edge of the GUI widget, a border portion comprising an outer edge of the GUI widget wherein the border portion is instantiated when a cursor is positioned over the border portion, a portion within a border portion wherein the border portion is, a portion within the border portion instantiated when a cursor is positioned over the portion within the boarder portion, a portion instantiated when a cursor is positioned over the portion in combination with a key entry of a keyboard.
3. The method according to claim 1 comprising the further step of creating a widget locking function for inhibiting GUI input to any one of the first region or the second region.
4. The method according to claim 1 wherein any one of any one of the first regions or any one of the second regions is presented in the single state when a cursor is positioned over any one of any one of the first regions or any one of the second regions.
5. The method according to claim 4 wherein the widget function comprises any one of additional commands, widget parameter interaction or widget locking/unlocking functions.
6. The method according to claim 1 wherein the first region for manipulating the widget GUI representation and display properties provides manipulating function comprising any one of:
selecting the icon, moving the icon, resizing the icon, instantiating a menu of operations for the icon, deleting, copying, icon locking, icon unlocking, switching states or editing widget properties.
7. The method according to claim 1 wherein the second region for user interaction with the widget provides interaction function comprising any one of: clicking, double clicking, multiple clicking, click & dragging, keyboard input (with cursor over widget).
8. The method according to claim 1 wherein the single state is entered or exited by a user action comprising any one of keyboard key entry, mouse button entry or voice actuated entry.
9. A computer program product for creating an interactive GUI widget (icon), the computer program product comprising:
a storage medium readable by a processing circuit and storing instructions for execution by the processing circuit for performing a method comprising:
creating one or more first regions for the GUI widget, the first regions for manipulating a displayed widget GUI representation;
associating the first regions to manipulating programs for manipulating the displayed widget GUI representation;
creating one or more second regions for the GUI widget, the second regions for user interaction with an application program by way of the displayed widget GUI representation wherein the displayed widget GUI representation is associated with the application program;
associating the second regions to interaction programs for interaction with application programs; and
presenting at a user display in a single state, the GUI widget having one or more first regions and one or more second regions wherein while in the single state one or more of the first regions accepts manipulating user input and wherein while in the single state one or more of the second regions accepts interaction user input.
10. The computer program product according to claim 1 wherein any one of the first region or the second region comprises any one of an area inside the displayed widget, an area outside the displayed widget, an area sharing a common edge portion with the displayed widget border portion comprising an outer edge of the GUI widget, a border portion comprising an outer edge of the GUI widget wherein the border portion is instantiated when a cursor is positioned over the border portion, a portion within a border portion wherein the border portion is, a portion within the border portion instantiated when a cursor is positioned over the portion within the boarder portion, a portion instantiated when a cursor is positioned over the portion in combination with a key entry of a keyboard.
11. The computer program product according to claim 1 comprising the further step of creating a widget locking function for inhibiting GUI input to any one of the first region or the second region.
12. The computer program product according to claim 1 wherein any one of any one of the first regions or any one of the second regions is presented in the single state when a cursor is positioned over any one of any one of the first regions or any one of the second regions.
13. The computer program product according to claim 4 wherein the widget function comprises any one of additional commands, widget parameter interaction or widget locking/unlocking functions.
14. The computer program product according to claim 1 wherein the first region for manipulating the widget GUI representation and display properties provides manipulating function comprising any one of:
selecting the icon, moving the icon, resizing the icon, instantiating a menu of operations for the icon, deleting, copying, icon locking, icon unlocking, switching states or editing widget properties.
15. The computer program product according to claim 1 wherein the second region for user interaction with the widget provides interaction function comprising any one of:
clicking, double clicking, multiple clicking, click & dragging, keyboard input (with cursor over widget).
16. The computer program product according to claim 1 wherein the single state is entered or exited by a user action comprising any one of keyboard key entry, mouse button entry or voice actuated entry.
17. A system for creating an interactive GUI widget (icon), the system comprising:
a network;
a user computer system in communication with the network;
a host computer system in communication with the network, wherein a computer system includes instructions to execute a method comprising:
creating one or more first regions for the GUI widget, the first regions for manipulating a displayed widget GUI representation;
associating the first regions to manipulating programs for manipulating the displayed widget GUI representation;
creating one or more second regions for the GUI widget, the second regions for user interaction with an application program by way of the displayed widget GUI representation wherein the displayed widget GUI representation is associated with the application program;
associating the second regions to interaction programs for interaction with application programs; and
presenting at a user display in a single state, the GUI widget having one or more first regions and one or more second regions wherein while in the single state one or more of the first regions accepts manipulating user input and wherein while in the single state one or more of the second regions accepts interaction user input.
18. The system according to claim 1 wherein any one of the first region or the second region comprises any one of an area inside the displayed widget, an area outside the displayed widget, an area sharing a common edge portion with the displayed widget border portion comprising an outer edge of the GUI widget, a border portion comprising an outer edge of the GUI widget wherein the border portion is instantiated when a cursor is positioned over the border portion, a portion within a border portion wherein the border portion is, a portion within the border portion instantiated when a cursor is positioned over the portion within the boarder portion, a portion instantiated when a cursor is positioned over the portion in combination with a key entry of a keyboard.
19. The system according to claim 1 comprising the further step of creating a widget locking function for inhibiting GUI input to any one of the first region or the second region.
20. The system according to claim 1 wherein any one of any one of the first regions or any one of the second regions is presented in the single state when a cursor is positioned over any one of any one of the first regions or any one of the second regions.
21. The system according to claim 4 wherein the widget function comprises any one of additional commands, widget parameter interaction or widget locking/unlocking functions.
22. The system according to claim 1 wherein the first region for manipulating the widget GUI representation and display properties provides manipulating function comprising any one of:
selecting the icon, moving the icon, resizing the icon, instantiating a menu of operations for the icon, deleting, copying, icon locking, icon unlocking, switching states or editing widget properties.
23. The system according to claim 1 wherein the second region for user interaction with the widget provides interaction function comprising any one of: clicking, double clicking, multiple clicking, click & dragging, keyboard input (with cursor over widget).
24. The system according to claim 1 wherein the single state is entered or exited by a user action comprising any one of keyboard key entry, mouse button entry or voice actuated entry.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US10/769,002 US20050172239A1 (en) | 2004-01-30 | 2004-01-30 | Modeless interaction with GUI widget applications |
US12/426,571 US7861180B2 (en) | 2004-01-30 | 2009-04-20 | Modeless interaction with GUI widget applications |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US10/769,002 US20050172239A1 (en) | 2004-01-30 | 2004-01-30 | Modeless interaction with GUI widget applications |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US12/426,571 Continuation US7861180B2 (en) | 2004-01-30 | 2009-04-20 | Modeless interaction with GUI widget applications |
Publications (1)
Publication Number | Publication Date |
---|---|
US20050172239A1 true US20050172239A1 (en) | 2005-08-04 |
Family
ID=34808014
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US10/769,002 Abandoned US20050172239A1 (en) | 2004-01-30 | 2004-01-30 | Modeless interaction with GUI widget applications |
US12/426,571 Expired - Fee Related US7861180B2 (en) | 2004-01-30 | 2009-04-20 | Modeless interaction with GUI widget applications |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US12/426,571 Expired - Fee Related US7861180B2 (en) | 2004-01-30 | 2009-04-20 | Modeless interaction with GUI widget applications |
Country Status (1)
Country | Link |
---|---|
US (2) | US20050172239A1 (en) |
Cited By (37)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050225572A1 (en) * | 2004-04-03 | 2005-10-13 | Ekpar Frank E | Versatile user interface |
US20060005207A1 (en) * | 2004-06-25 | 2006-01-05 | Louch John O | Widget authoring and editing environment |
US20060107233A1 (en) * | 2004-11-17 | 2006-05-18 | Cisco Technology, Inc. | Method and system for navigating through a plurality of features |
US20060107225A1 (en) * | 2004-11-17 | 2006-05-18 | Microsoft Corporation | Method and computer-readable medium for interacting with a portion of an electronic document |
US20060156248A1 (en) * | 2004-06-25 | 2006-07-13 | Chaudhri Imran A | Configuration bar for lauching layer for accessing user interface elements |
US20060282784A1 (en) * | 2005-06-14 | 2006-12-14 | Microsoft Corporation | Providing smart user interfaces based on document open and/or edit context |
US20070038934A1 (en) * | 2005-08-12 | 2007-02-15 | Barry Fellman | Service for generation of customizable display widgets |
US20070118813A1 (en) * | 2005-11-18 | 2007-05-24 | Scott Forstall | Management of user interface elements in a display environment |
US20090064143A1 (en) * | 2007-08-30 | 2009-03-05 | International Business Machines Corporation | Subscribing to Progress Indicator Treshold |
US20090235175A1 (en) * | 2008-03-14 | 2009-09-17 | Samsung Electronics Co., Ltd. | System and method of providing visual indicators to manage peripheral devices |
US7743336B2 (en) | 2005-10-27 | 2010-06-22 | Apple Inc. | Widget security |
US7752556B2 (en) | 2005-10-27 | 2010-07-06 | Apple Inc. | Workflow widgets |
US7761800B2 (en) | 2004-06-25 | 2010-07-20 | Apple Inc. | Unified interest layer for user interface |
US7941299B1 (en) * | 2008-01-08 | 2011-05-10 | The Mathworks, Inc. | Verification and validation system for a graphical model |
US7954064B2 (en) | 2005-10-27 | 2011-05-31 | Apple Inc. | Multiple dashboards |
US8302020B2 (en) | 2004-06-25 | 2012-10-30 | Apple Inc. | Widget authoring and editing environment |
US8453065B2 (en) | 2004-06-25 | 2013-05-28 | Apple Inc. | Preview and installation of user interface elements in a display environment |
US8543931B2 (en) | 2005-06-07 | 2013-09-24 | Apple Inc. | Preview including theme based installation of user interface elements in a display environment |
US8543824B2 (en) | 2005-10-27 | 2013-09-24 | Apple Inc. | Safe distribution and use of content |
US8566732B2 (en) | 2004-06-25 | 2013-10-22 | Apple Inc. | Synchronization of widgets and dashboards |
CN103577082A (en) * | 2012-07-30 | 2014-02-12 | 联想(北京)有限公司 | Icon responding method, icon responding device and electronic equipment |
US8667415B2 (en) | 2007-08-06 | 2014-03-04 | Apple Inc. | Web widgets |
US20140157183A1 (en) * | 2012-11-30 | 2014-06-05 | John Gordon Dorsay | System and method for the selection, layout, and control of one or more hosted interactive computer application programs using a lightweight supervisor computer application program |
US8869027B2 (en) | 2006-08-04 | 2014-10-21 | Apple Inc. | Management and generation of dashboards |
US20140331154A1 (en) * | 2013-05-05 | 2014-11-06 | Carrier Corporation | User defined interface system and a method for using the same |
US8910067B1 (en) * | 2007-08-10 | 2014-12-09 | The Clic, Inc. | Interactive information display through widgets |
US20140365969A1 (en) * | 2013-06-10 | 2014-12-11 | Samsung Electronics Co., Ltd. | Method and apparatus for providing a user interface of electronic device |
US8954871B2 (en) | 2007-07-18 | 2015-02-10 | Apple Inc. | User-centric widgets and dashboards |
US9104294B2 (en) | 2005-10-27 | 2015-08-11 | Apple Inc. | Linked widgets |
USD744526S1 (en) * | 2013-11-21 | 2015-12-01 | Microsoft Corporation | Display screen with animated graphical user interface |
USD744524S1 (en) * | 2013-11-21 | 2015-12-01 | Microsoft Corporation | Display screen with animated graphical user interface |
US9910572B2 (en) | 2015-04-15 | 2018-03-06 | International Business Machines Corporation | Duplication of objects with positioning based on object distance |
US20190286310A1 (en) * | 2013-08-20 | 2019-09-19 | Huawei Technologies Co., Ltd. | Widget Area Adjustment Method and Apparatus |
CN111562961A (en) * | 2020-04-29 | 2020-08-21 | 维沃移动通信有限公司 | Icon management method and device and electronic equipment |
US10936183B2 (en) * | 2016-11-22 | 2021-03-02 | Crown Equipment Corporation | User interface device for industrial vehicle |
US10949083B2 (en) | 2015-07-17 | 2021-03-16 | Crown Equipment Corporation | Processing device having a graphical user interface for industrial vehicle |
CN114860674A (en) * | 2022-07-06 | 2022-08-05 | 深圳传音控股股份有限公司 | File processing method, intelligent terminal and storage medium |
Families Citing this family (48)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7509588B2 (en) | 2005-12-30 | 2009-03-24 | Apple Inc. | Portable electronic device with interface reconfiguration mode |
US10313505B2 (en) | 2006-09-06 | 2019-06-04 | Apple Inc. | Portable multifunction device, method, and graphical user interface for configuring and displaying widgets |
US8519964B2 (en) | 2007-01-07 | 2013-08-27 | Apple Inc. | Portable multifunction device, method, and graphical user interface supporting user navigations of graphical objects on a touch screen display |
US8619038B2 (en) | 2007-09-04 | 2013-12-31 | Apple Inc. | Editing interface |
US8817050B1 (en) * | 2007-10-26 | 2014-08-26 | Google Inc. | N-patch image resizing |
KR100980683B1 (en) * | 2008-09-01 | 2010-09-08 | 삼성전자주식회사 | Apparatus and method for providing user interface to generate menu list of potable terminal |
US8392819B2 (en) * | 2009-05-20 | 2013-03-05 | Microsoft Corporation | Column selection, insertion and resizing in computer-generated tables |
US8416205B2 (en) * | 2009-09-25 | 2013-04-09 | Apple Inc. | Device, method, and graphical user interface for manipulation of user interface objects with activation regions |
US8438500B2 (en) * | 2009-09-25 | 2013-05-07 | Apple Inc. | Device, method, and graphical user interface for manipulation of user interface objects with activation regions |
US8421762B2 (en) * | 2009-09-25 | 2013-04-16 | Apple Inc. | Device, method, and graphical user interface for manipulation of user interface objects with activation regions |
US20110087988A1 (en) * | 2009-10-12 | 2011-04-14 | Johnson Controls Technology Company | Graphical control elements for building management systems |
US8793611B2 (en) * | 2010-01-06 | 2014-07-29 | Apple Inc. | Device, method, and graphical user interface for manipulating selectable user interface objects |
US8423911B2 (en) | 2010-04-07 | 2013-04-16 | Apple Inc. | Device, method, and graphical user interface for managing folders |
US10788976B2 (en) | 2010-04-07 | 2020-09-29 | Apple Inc. | Device, method, and graphical user interface for managing folders with multiple pages |
US9360991B2 (en) * | 2011-04-11 | 2016-06-07 | Microsoft Technology Licensing, Llc | Three-dimensional icons for organizing, invoking, and using applications |
US9164777B2 (en) | 2011-08-30 | 2015-10-20 | Microsoft Technology Licensing, Llc | Determining the display of equal spacing guides between diagram shapes |
US8977950B2 (en) * | 2011-10-04 | 2015-03-10 | Microsoft Corporation | Techniques for selection and manipulation of table boarders |
US8866854B2 (en) | 2011-10-31 | 2014-10-21 | Microsoft Corporation | Consolidated orthogonal guide creation |
US9965140B2 (en) | 2011-12-26 | 2018-05-08 | TrackThings LLC | Method and apparatus of a marking objects in images displayed on a portable unit |
US9026896B2 (en) * | 2011-12-26 | 2015-05-05 | TrackThings LLC | Method and apparatus of physically moving a portable unit to view composite webpages of different websites |
US8532919B2 (en) | 2011-12-26 | 2013-09-10 | TrackThings LLC | Method and apparatus of physically moving a portable unit to view an image of a stationary map |
US9292177B2 (en) * | 2012-03-09 | 2016-03-22 | Apple Inc. | Progress bar with feature availability indicator |
US9323436B2 (en) | 2012-04-05 | 2016-04-26 | Microsoft Technology Licensing, Llc | Utilizing drawing guides in determining the display of smart guides in a drawing program |
US9128613B2 (en) | 2012-09-10 | 2015-09-08 | International Business Machines Corporation | Positioning clickable hotspots on a touchscreen display |
US9552135B2 (en) | 2013-01-14 | 2017-01-24 | Sensormatic Electronics, LLC | Security system and method with multistate alert user interface |
US10114537B2 (en) | 2013-06-10 | 2018-10-30 | Honeywell International Inc. | Frameworks, devices and methods configured for enabling touch/gesture controlled display for facility information and content with resolution dependent display and persistent content positioning |
US9672006B2 (en) | 2013-06-10 | 2017-06-06 | Honeywell International Inc. | Frameworks, devices and methods configured for enabling a multi-modal user interface configured to display facility information |
US10474240B2 (en) | 2013-06-10 | 2019-11-12 | Honeywell International Inc. | Frameworks, devices and methods configured for enabling gesture-based interaction between a touch/gesture controlled display and other networked devices |
US9619124B2 (en) | 2013-06-10 | 2017-04-11 | Honeywell International Inc. | Frameworks, devices and methods configured for enabling gesture-based controlled display for facility information and content in respect of a multi-level facility |
US9804735B2 (en) | 2013-06-10 | 2017-10-31 | Honeywell International Inc. | Frameworks, devices and methods configured for enabling transition of content in a user interface between a map-bound layer and a map-unbound layer |
EP3063608B1 (en) | 2013-10-30 | 2020-02-12 | Apple Inc. | Displaying relevant user interface objects |
USD771112S1 (en) | 2014-06-01 | 2016-11-08 | Apple Inc. | Display screen or portion thereof with graphical user interface |
USD755839S1 (en) | 2014-09-09 | 2016-05-10 | Apple Inc. | Display screen or portion thereof with graphical user interface |
WO2016039570A1 (en) * | 2014-09-12 | 2016-03-17 | Samsung Electronics Co., Ltd. | Method and device for executing applications through application selection screen |
CN105677305B (en) * | 2014-11-18 | 2020-01-21 | 华为终端有限公司 | Icon management method and device and terminal |
USD760746S1 (en) | 2015-06-04 | 2016-07-05 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
USD771653S1 (en) | 2015-07-29 | 2016-11-15 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
DK201670595A1 (en) | 2016-06-11 | 2018-01-22 | Apple Inc | Configuring context-specific user interfaces |
US11816325B2 (en) | 2016-06-12 | 2023-11-14 | Apple Inc. | Application shortcuts for carplay |
USD843442S1 (en) | 2017-09-10 | 2019-03-19 | Apple Inc. | Type font |
USD910708S1 (en) | 2018-05-08 | 2021-02-16 | Apple Inc. | Electronic device with graphical user interface |
USD914756S1 (en) | 2018-10-29 | 2021-03-30 | Apple Inc. | Electronic device with graphical user interface |
USD902221S1 (en) | 2019-02-01 | 2020-11-17 | Apple Inc. | Electronic device with animated graphical user interface |
USD900871S1 (en) | 2019-02-04 | 2020-11-03 | Apple Inc. | Electronic device with animated graphical user interface |
US11675476B2 (en) | 2019-05-05 | 2023-06-13 | Apple Inc. | User interfaces for widgets |
US11086491B1 (en) | 2020-01-21 | 2021-08-10 | Honeywell International Inc. | Systems and methods for displaying video streams on a display |
US11182136B1 (en) | 2020-08-20 | 2021-11-23 | Ebay Inc. | Control bar for element activation |
CN113920224A (en) * | 2021-09-29 | 2022-01-11 | 北京达佳互联信息技术有限公司 | Material display method and device, electronic equipment and storage medium |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5686937A (en) * | 1993-11-01 | 1997-11-11 | International Business Machines Corporation | User interface system and method for creating and removing a scrolling icon from a display based upon user past and present interaction with the icon |
US5689718A (en) * | 1992-12-01 | 1997-11-18 | Mitsubishi Denki Kabushiki Kaisha | System and method for processing document information using password protected icons that represent document content |
US6094197A (en) * | 1993-12-21 | 2000-07-25 | Xerox Corporation | Graphical keyboard |
US6118451A (en) * | 1998-06-09 | 2000-09-12 | Agilent Technologies | Apparatus and method for controlling dialog box display and system interactivity in a computer-based system |
US6239796B1 (en) * | 1998-06-09 | 2001-05-29 | Agilent Technologies, Inc. | Apparatus and method for controlling dialog box display and system interactivity in a signal measurement system |
US20020049481A1 (en) * | 1999-08-20 | 2002-04-25 | Cardiac Pacemakers, Inc. | System and method for detecting and displaying parameter interactions |
US20020154173A1 (en) * | 2001-04-18 | 2002-10-24 | Etgen Michael P. | Graphical user interface for direct control of display of data |
US20030011639A1 (en) * | 2001-07-12 | 2003-01-16 | Autodesk, Inc. | Collapsible dialog window |
US20040054701A1 (en) * | 2002-03-01 | 2004-03-18 | Garst Peter F. | Modeless gesture driven editor for handwritten mathematical expressions |
US20050262451A1 (en) * | 2003-10-09 | 2005-11-24 | Jesse Remignanti | Graphical user interface for changing parameters |
US7036087B1 (en) * | 2000-11-06 | 2006-04-25 | Gary Odom | Toolbar manipulations |
US7168047B1 (en) * | 2002-05-28 | 2007-01-23 | Apple Computer, Inc. | Mouse having a button-less panning and scrolling switch |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5155806A (en) * | 1989-03-15 | 1992-10-13 | Sun Microsystems, Inc. | Method and apparatus for displaying context sensitive help information on a display |
US5710897A (en) * | 1995-08-15 | 1998-01-20 | International Business Machines Corporation | Manager for selecting a pointer graphics folder and customizing pointers |
KR100278359B1 (en) * | 1997-02-14 | 2001-01-15 | 윤종용 | Computer device having screen magnification point input function and its control method |
-
2004
- 2004-01-30 US US10/769,002 patent/US20050172239A1/en not_active Abandoned
-
2009
- 2009-04-20 US US12/426,571 patent/US7861180B2/en not_active Expired - Fee Related
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5689718A (en) * | 1992-12-01 | 1997-11-18 | Mitsubishi Denki Kabushiki Kaisha | System and method for processing document information using password protected icons that represent document content |
US5686937A (en) * | 1993-11-01 | 1997-11-11 | International Business Machines Corporation | User interface system and method for creating and removing a scrolling icon from a display based upon user past and present interaction with the icon |
US6094197A (en) * | 1993-12-21 | 2000-07-25 | Xerox Corporation | Graphical keyboard |
US6118451A (en) * | 1998-06-09 | 2000-09-12 | Agilent Technologies | Apparatus and method for controlling dialog box display and system interactivity in a computer-based system |
US6239796B1 (en) * | 1998-06-09 | 2001-05-29 | Agilent Technologies, Inc. | Apparatus and method for controlling dialog box display and system interactivity in a signal measurement system |
US20020049481A1 (en) * | 1999-08-20 | 2002-04-25 | Cardiac Pacemakers, Inc. | System and method for detecting and displaying parameter interactions |
US7036087B1 (en) * | 2000-11-06 | 2006-04-25 | Gary Odom | Toolbar manipulations |
US20020154173A1 (en) * | 2001-04-18 | 2002-10-24 | Etgen Michael P. | Graphical user interface for direct control of display of data |
US20030011639A1 (en) * | 2001-07-12 | 2003-01-16 | Autodesk, Inc. | Collapsible dialog window |
US20040054701A1 (en) * | 2002-03-01 | 2004-03-18 | Garst Peter F. | Modeless gesture driven editor for handwritten mathematical expressions |
US7168047B1 (en) * | 2002-05-28 | 2007-01-23 | Apple Computer, Inc. | Mouse having a button-less panning and scrolling switch |
US20050262451A1 (en) * | 2003-10-09 | 2005-11-24 | Jesse Remignanti | Graphical user interface for changing parameters |
Cited By (65)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050225572A1 (en) * | 2004-04-03 | 2005-10-13 | Ekpar Frank E | Versatile user interface |
US7761800B2 (en) | 2004-06-25 | 2010-07-20 | Apple Inc. | Unified interest layer for user interface |
US7793232B2 (en) * | 2004-06-25 | 2010-09-07 | Apple Inc. | Unified interest layer for user interface |
US9507503B2 (en) | 2004-06-25 | 2016-11-29 | Apple Inc. | Remote access to layer and user interface elements |
US8453065B2 (en) | 2004-06-25 | 2013-05-28 | Apple Inc. | Preview and installation of user interface elements in a display environment |
US8291332B2 (en) | 2004-06-25 | 2012-10-16 | Apple Inc. | Layer for accessing user interface elements |
US8302020B2 (en) | 2004-06-25 | 2012-10-30 | Apple Inc. | Widget authoring and editing environment |
US9753627B2 (en) | 2004-06-25 | 2017-09-05 | Apple Inc. | Visual characteristics of user interface elements in a unified interest layer |
US7873910B2 (en) | 2004-06-25 | 2011-01-18 | Apple Inc. | Configuration bar for lauching layer for accessing user interface elements |
US20060005207A1 (en) * | 2004-06-25 | 2006-01-05 | Louch John O | Widget authoring and editing environment |
US7984384B2 (en) | 2004-06-25 | 2011-07-19 | Apple Inc. | Web view layer for accessing user interface elements |
US7793222B2 (en) | 2004-06-25 | 2010-09-07 | Apple Inc. | User interface element with auxiliary function |
US8266538B2 (en) | 2004-06-25 | 2012-09-11 | Apple Inc. | Remote access to layer and user interface elements |
US20060156248A1 (en) * | 2004-06-25 | 2006-07-13 | Chaudhri Imran A | Configuration bar for lauching layer for accessing user interface elements |
US8566732B2 (en) | 2004-06-25 | 2013-10-22 | Apple Inc. | Synchronization of widgets and dashboards |
US20060107225A1 (en) * | 2004-11-17 | 2006-05-18 | Microsoft Corporation | Method and computer-readable medium for interacting with a portion of an electronic document |
US20060107233A1 (en) * | 2004-11-17 | 2006-05-18 | Cisco Technology, Inc. | Method and system for navigating through a plurality of features |
US8745512B2 (en) * | 2004-11-17 | 2014-06-03 | Microsoft Corporation | Method and computer-readable medium for interacting with a portion of an electronic document |
US7559035B2 (en) * | 2004-11-17 | 2009-07-07 | Cisco Technology, Inc. | Method and system for navigating through a plurality of features |
US8543931B2 (en) | 2005-06-07 | 2013-09-24 | Apple Inc. | Preview including theme based installation of user interface elements in a display environment |
US20060282784A1 (en) * | 2005-06-14 | 2006-12-14 | Microsoft Corporation | Providing smart user interfaces based on document open and/or edit context |
US7627827B2 (en) * | 2005-06-14 | 2009-12-01 | Microsoft Corporation | Providing smart user interfaces based on document open and/or edit context |
US20070038934A1 (en) * | 2005-08-12 | 2007-02-15 | Barry Fellman | Service for generation of customizable display widgets |
US8924869B2 (en) | 2005-08-12 | 2014-12-30 | Barry Fellman | Service for generation of customizable display widgets |
US9513930B2 (en) | 2005-10-27 | 2016-12-06 | Apple Inc. | Workflow widgets |
US7954064B2 (en) | 2005-10-27 | 2011-05-31 | Apple Inc. | Multiple dashboards |
US11150781B2 (en) | 2005-10-27 | 2021-10-19 | Apple Inc. | Workflow widgets |
US8543824B2 (en) | 2005-10-27 | 2013-09-24 | Apple Inc. | Safe distribution and use of content |
US7752556B2 (en) | 2005-10-27 | 2010-07-06 | Apple Inc. | Workflow widgets |
US9104294B2 (en) | 2005-10-27 | 2015-08-11 | Apple Inc. | Linked widgets |
US7743336B2 (en) | 2005-10-27 | 2010-06-22 | Apple Inc. | Widget security |
US9032318B2 (en) | 2005-10-27 | 2015-05-12 | Apple Inc. | Widget security |
US7707514B2 (en) | 2005-11-18 | 2010-04-27 | Apple Inc. | Management of user interface elements in a display environment |
US20070118813A1 (en) * | 2005-11-18 | 2007-05-24 | Scott Forstall | Management of user interface elements in a display environment |
US9417888B2 (en) | 2005-11-18 | 2016-08-16 | Apple Inc. | Management of user interface elements in a display environment |
US8869027B2 (en) | 2006-08-04 | 2014-10-21 | Apple Inc. | Management and generation of dashboards |
US8954871B2 (en) | 2007-07-18 | 2015-02-10 | Apple Inc. | User-centric widgets and dashboards |
US9483164B2 (en) | 2007-07-18 | 2016-11-01 | Apple Inc. | User-centric widgets and dashboards |
US10452240B2 (en) * | 2007-07-18 | 2019-10-22 | Apple Inc. | User-centric widgets and dashboards |
US8667415B2 (en) | 2007-08-06 | 2014-03-04 | Apple Inc. | Web widgets |
US10969927B2 (en) | 2007-08-10 | 2021-04-06 | The Clic, Inc. | Displaying information using expandable widgets |
US8910067B1 (en) * | 2007-08-10 | 2014-12-09 | The Clic, Inc. | Interactive information display through widgets |
US20090064143A1 (en) * | 2007-08-30 | 2009-03-05 | International Business Machines Corporation | Subscribing to Progress Indicator Treshold |
US9454411B2 (en) | 2007-08-30 | 2016-09-27 | International Business Machines Corporation | User-selectable progress bar threshold triggers and notification by detecting color change |
US8301423B1 (en) | 2008-01-08 | 2012-10-30 | The Mathworks, Inc. | Verification and validation system for a graphical model |
US7941299B1 (en) * | 2008-01-08 | 2011-05-10 | The Mathworks, Inc. | Verification and validation system for a graphical model |
US8666709B1 (en) | 2008-01-08 | 2014-03-04 | The Mathworks, Inc. | Verification and validation system for a graphical model |
US10073708B2 (en) * | 2008-03-14 | 2018-09-11 | S-Printing Solution Co., Ltd | System and method of providing visual indicators to manage peripheral devices |
US20090235175A1 (en) * | 2008-03-14 | 2009-09-17 | Samsung Electronics Co., Ltd. | System and method of providing visual indicators to manage peripheral devices |
CN103577082A (en) * | 2012-07-30 | 2014-02-12 | 联想(北京)有限公司 | Icon responding method, icon responding device and electronic equipment |
CN103577082B (en) * | 2012-07-30 | 2019-01-15 | 联想(北京)有限公司 | Icon response method, device and electronic equipment |
US20140157183A1 (en) * | 2012-11-30 | 2014-06-05 | John Gordon Dorsay | System and method for the selection, layout, and control of one or more hosted interactive computer application programs using a lightweight supervisor computer application program |
US20140331154A1 (en) * | 2013-05-05 | 2014-11-06 | Carrier Corporation | User defined interface system and a method for using the same |
US20140365969A1 (en) * | 2013-06-10 | 2014-12-11 | Samsung Electronics Co., Ltd. | Method and apparatus for providing a user interface of electronic device |
US10901587B2 (en) * | 2013-08-20 | 2021-01-26 | Huawei Technologies Co., Ltd. | Widget area adjustment method and apparatus |
US20190286310A1 (en) * | 2013-08-20 | 2019-09-19 | Huawei Technologies Co., Ltd. | Widget Area Adjustment Method and Apparatus |
USD744524S1 (en) * | 2013-11-21 | 2015-12-01 | Microsoft Corporation | Display screen with animated graphical user interface |
USD744526S1 (en) * | 2013-11-21 | 2015-12-01 | Microsoft Corporation | Display screen with animated graphical user interface |
US9910572B2 (en) | 2015-04-15 | 2018-03-06 | International Business Machines Corporation | Duplication of objects with positioning based on object distance |
US10949083B2 (en) | 2015-07-17 | 2021-03-16 | Crown Equipment Corporation | Processing device having a graphical user interface for industrial vehicle |
US11899871B2 (en) | 2015-07-17 | 2024-02-13 | Crown Equipment Corporation | Processing device having a graphical user interface for industrial vehicle |
US10936183B2 (en) * | 2016-11-22 | 2021-03-02 | Crown Equipment Corporation | User interface device for industrial vehicle |
US11054980B2 (en) | 2016-11-22 | 2021-07-06 | Crown Equipment Corporation | User interface device for industrial vehicle |
CN111562961A (en) * | 2020-04-29 | 2020-08-21 | 维沃移动通信有限公司 | Icon management method and device and electronic equipment |
CN114860674A (en) * | 2022-07-06 | 2022-08-05 | 深圳传音控股股份有限公司 | File processing method, intelligent terminal and storage medium |
Also Published As
Publication number | Publication date |
---|---|
US20090217206A1 (en) | 2009-08-27 |
US7861180B2 (en) | 2010-12-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7861180B2 (en) | Modeless interaction with GUI widget applications | |
US10606434B2 (en) | Desktop icon management and grouping using desktop containers | |
US6710788B1 (en) | Graphical user interface | |
JP2732557B2 (en) | Method and data processing system for changing function of GUI | |
US6918091B2 (en) | User definable interface system, method and computer program product | |
US7010755B2 (en) | Virtual desktop manager | |
US7844917B2 (en) | Optimal display of multiple windows within a computer display | |
US6025841A (en) | Method for managing simultaneous display of multiple windows in a graphical user interface | |
US5767850A (en) | Relocatable menu icon for accessing an application in a graphical user interface | |
US6816176B2 (en) | Temporarily moving adjacent or overlapping icons away from specific icons being approached by an on-screen pointer on user interactive display interfaces | |
JP2659917B2 (en) | Graphic operating method and apparatus, method for providing a graphic user interface, and apparatus for providing access to a selected one of multiple user operable overlapping objects | |
US9389777B2 (en) | Gestures for manipulating tables, charts, and graphs | |
TWI539357B (en) | Compact control menu for touch-enabled command execution | |
KR102004553B1 (en) | Managing workspaces in a user interface | |
US20030007015A1 (en) | Directing users' attention to specific icons being approached by an on-screen pointer on user interactive display interfaces | |
US20030222915A1 (en) | Data processor controlled display system with drag and drop movement of displayed items from source to destination screen positions and interactive modification of dragged items during the movement | |
US20060112354A1 (en) | User interface for and method of managing icons on group-by-group basis using skin image | |
US20030179240A1 (en) | Systems and methods for managing virtual desktops in a windowing environment | |
US20080163081A1 (en) | Graphical User Interface Using a Document Object Model | |
JPH0827700B2 (en) | Computer display control system | |
JPH08255066A (en) | Task bar with start menu | |
JPH1011264A (en) | Window resizing method, and computer system | |
KR19990087910A (en) | associative interaction unrelated windows | |
JPH04257919A (en) | Graphic processing method | |
US20030043202A1 (en) | Modifying only selected icons on an interactive display screen crowed with icons by rendering the non-selected icons unmodifiable |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AS | Assignment |
Owner name: INTERNATIONAL BUSINESS MACHINES, NEW YORK Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNORS:LIU, SIJIA;WEIZMAN, LOUIS M.;REEL/FRAME:014952/0688;SIGNING DATES FROM 20040114 TO 20040124 |
|
AS | Assignment |
Owner name: INTERNATIONAL BUSINESS MACHINES CORPORATION, NEW Y Free format text: CORRECTION TO THE SPELLING OF THE SECOND INVENTOR;ASSIGNORS:LIU, SIJIA;WEITZMAN, LOUIS M.;REEL/FRAME:015718/0287;SIGNING DATES FROM 20040114 TO 20040124 |
|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- FAILURE TO PAY ISSUE FEE |