US20170131889A1 - Hierarchical User Interface - Google Patents
Hierarchical User Interface Download PDFInfo
- Publication number
- US20170131889A1 US20170131889A1 US15/412,347 US201715412347A US2017131889A1 US 20170131889 A1 US20170131889 A1 US 20170131889A1 US 201715412347 A US201715412347 A US 201715412347A US 2017131889 A1 US2017131889 A1 US 2017131889A1
- Authority
- US
- United States
- Prior art keywords
- components
- hierarchy
- fingers
- user
- display
- 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/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/0485—Scrolling or panning
-
- 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
-
- 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/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- 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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/137—Hierarchical processing, e.g. outlines
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/50—Lighting effects
- G06T15/60—Shadow generation
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/52—Network services specially adapted for the location of the user terminal
-
- 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/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
Definitions
- This disclosure generally relates to a user interface having components arranged in a hierarchy.
- a user of an electronic device or a software application may interact with the device through a user interface.
- the user interface may provide output to the user and accept input from the user.
- Electronic devices that may contain a user interface include a desktop computer, laptop computer, tablet computer, personal digital assistant (PDA), smartphone, satellite navigation device, portable media player, portable game console, kiosk computer, point-of-sale device, or other suitable device.
- PDA personal digital assistant
- a user may interact with a device or software application through the use of visual displays, such as graphics or text generated on a display of the device.
- a graphical user interface GUI
- GUI graphical user interface
- a user of an electronic device may interact with a device or software application through the use of a computer mouse, keyboard, trackball, scroll wheel, buttons, or any other suitable means.
- a user may also or alternatively interact with a device or software application through contact with a touch-sensitive area of the device.
- a touch-sensitive area may be a resistive or capacitive touch-sensitive display. Contact providing input to the device may be made either directly by the user contacting the touch-sensitive display or by a utensil such as a stylus operated by the user.
- FIG. 1 illustrates a portion of an object hierarchy that includes a number of objects.
- FIGS. 2A and 2B provide an example of simultaneous display of a parent user interface (UI) component and with some of it child UI components in the context of a digital book reader UI.
- UI parent user interface
- FIGS. 3A and 3B illustrate example manipulations of a summary of a collection of UI components presented as a table of contents.
- FIG. 4A-D and FIG. 5 illustrate example interactions with a floating UI component.
- FIG. 6A-C and FIG. 7 illustrate: 1) UI components having multiple states; and 2) example navigations among hierarchical layers.
- FIGS. 8A-C illustrate scrolling through UI components.
- FIG. 9 illustrates an example electronic device.
- a user interface may include any number of components.
- the UI components may represent or correspond to various objects of any applicable types.
- the UI components may be arranged in a hierarchy and presented to a user according to the structure of the hierarchy.
- the UI components' hierarchical structure corresponds to the hierarchical structure of the objects the UI components represent.
- the UI hierarchy may include any number of layers, and at each layer, there may be any number of UI components. Relationships may exist among specific UI components, and the positions of the individual UI components within the UI hierarchy may indicate specific relationships among these components.
- objects may be arranged in a hierarchy.
- objects may be organized into a hierarchy based on how the individual objects are related to each other.
- the hierarchy may have any number of levels, and at each level, there may be any number of objects.
- Parent-child or sibling relationships may exist between specific objects in the hierarchy.
- a parent object is one level above the level of its child objects.
- Two sibling objects are at the same level and share the same parent object.
- An object and its children, siblings, or both may from a group within a hierarchy.
- any portion of the hierarchy may also be considered a hierarchy in itself.
- FIG. 1 illustrates a portion of an object hierarchy 100 that includes a number of objects 110 .
- an object in a hierarchy may or may not have a parent. If an object does not have a parent, it may be referred to as a “root” object (e.g., object 110 A). In particular embodiments, an object in a hierarchy may or may not have any children. If an object does not have any children, it may be referred to as a “leaf” object (e.g., object 110 B). If an object does have children (e.g., object 110 C), it may have any number of children. In addition, objects sharing the same parent may be referred to as each other's “siblings”. For example, in FIG. 1 , object 110 C is the parent of objects 110 D and 110 B.
- Objects 110 D and 110 B are the children of object 110 C and are siblings to each other.
- a hierarchy of objects e.g., object hierarchy 100
- object hierarchy 100 not only includes the individual objects themselves but also indicates the relationships among the specific objects.
- the position of a specific object within the hierarchy may be used to indicate its relationships with other objects in the hierarchy.
- an object may be a component of a user interface.
- the object hierarchy may be a UI hierarchy (e.g., a hierarchy of UI components).
- components of a user interface may be organized into a hierarchy.
- the UI hierarchy may have any number of layers corresponding to the levels of the object hierarchy, and at each layer, there may be any number of UI components.
- the position of a specific UI component within the hierarchy may indicate its relationships with other UI components in the hierarchy.
- the UI components may be presented to users according to the hierarchical structure (e.g., in layers).
- an object may correspond to a piece of user-consumable content.
- an object may be consumed by a user if the user may, for example and without limitation, interact with, view, read, listen to, manipulate, or handle the object.
- some user-consumable objects may be texts, images, videos, audios, feeds, executables (e.g., application programs or games), websites, web pages, digital books, photo albums, posts, or messages.
- user-consumable content, or more specifically, user-consumable objects may be organized into a hierarchy based on, for example, the relationships among the individual pieces of user-consumable content.
- a hierarchy of user-consumable content may be represented as a hierarchy of objects, where individual objects in the hierarchy may correspond to specific pieces of user-consumable content (e.g., texts, images, videos, audios, executables, etc.).
- the structure of the hierarchy indicates the relationships among the specific pieces of user-consumable content.
- the relationships among the objects in a hierarchy may correspond to how the objects are organized and presented to users.
- the objects when presenting a hierarchy of objects to a user of a device, the objects may be organized and presented according to the structure of the object hierarchy. More specifically, the objects may be presented in a user interface provided on the device according to the structure of the object hierarchy so that the user interface itself becomes hierarchical as well. Consequently, the user interface may include any number of layers, respectively corresponding to the levels in the object hierarchy.
- the positions of the objects within the hierarchy are preserved in the user interface, such that a specific object at a specific position in the hierarchy is presented in the corresponding position in the user interface.
- the relationships among the objects within the hierarchy are maintained in the user interface. In other words, there may be an one-to-one correspondence between an object in the object hierarchy and a UI component in the user interface, such that each object is represented by a UI component.
- the desktop may be a parent object, and sometimes the root object of a hierarchy, whose child objects are the individual software applications available on the desktop.
- a software application while itself being one of the child objects of the desktop, is also the parent object of the individual components of that software application.
- Different software applications may include different components.
- a software application that manages digital books e.g., a book reader application
- its components may include the digital books available, the individual chapters of each book, the pages of each chapter, and the texts, images, videos, audios, or any graphical user interface (GUI) or content or media elements on each page.
- GUI graphical user interface
- the book application may be the parent object of the digital books.
- a digital book may be the parent object of the individual chapters of that book.
- a chapter while itself being one of the child objects of the book, is also the parent object of the pages in that chapter.
- a page is the parent object of the texts, images, videos, audios, or any GUI or content or media elements on that page.
- a text block, image, video, audio, or GUI or content or media element is one of the child objects of the page to which it belongs.
- its components may include the individual news channels and the news stories within each channel. Each of these may correspond to an object.
- the news-feed application while itself being one of the child objects of the desktop, is also the parent object of the news channels.
- a news channel in turn is the parent object of the news stories included in that channel.
- the Internet may be a parent object whose child objects are the individual websites.
- a website while itself being one of the child objects of the Internet, is also the parent object of the individual web pages of that website.
- Each text block, image, video, audio, or link may also correspond to a specific object in the hierarchy.
- Some or all of these objects may correspond to UI components of a web-based user interface that may be presented to a user through a web browser.
- a website such as a social-networking website
- the social-networking website may be a parent object whose child objects are the components (e.g., photo albums, user profile pages, etc.) of the website.
- a photo album while itself a child object of the social-networking website, may in turn be a parent object, and the individual photos within the album may be the child objects of the photo album.
- a user's profile page may be structured in such a hierarchical fashion as well.
- the profile page itself may be considered a parent object, and the individual objects on the profile page may be the child objects of the profile page.
- a profile page may be considered and rendered (e.g., for presentation to a user) as a linear timeline of objects, such as, for example and without limitation, photos, photo albums, check-ins, comments from other users, attended events, tags, etc.
- child objects in the hierarchy may also include applications the user has added to the profile page, such as a Spotify music sharing application.
- individual stories, songs the user has listened to, and playlists may be child objects at a lower hierarchical level.
- child objects in the hierarchy may include particular sections of a user's profile, such as the user's education and employment information, or the public “wall” of the user's profile page.
- these objects may correspond to UI components of a web-based user interface that may be presented to a user through a web browser or application. While the above examples describe particular examples of objects and corresponding UI components arranged in hierarchical structures, this disclosure contemplates representing and addressing any collection of content in a hierarchical structure.
- an object may be of any type and this disclosure contemplates any applicable types of objects.
- object may refer to any type of content, including but not limited to images, videos, captions, text blocks or boxes, user interface elements, URLs, newsfeed stories, references to other objects, advertisements, calendar events, units for displaying open graph analysis that may be graphically rendered, applications, websites, web pages, books, and chapters.
- object may refer to UI components arranged in a hierarchical structure corresponding to the hierarchical structure of the objects the UI components represent.
- the hierarchical relationships (e.g., parent-child or sibling relationships, positions of the objects within the hierarchy) between specific objects may direct some aspects of how these objects behave in the context of a user interface or how the objects are presented to a user.
- Particular UI components in a hierarchy may share attributes of presentation, interaction, functionality, or any other suitable characteristics.
- one or more attributes of e.g., presentation may be shared by two or more UI components in a hierarchy, as described more fully below.
- a set of hierarchical UI components may be presented in a uniform or consistent way to a user. Particular aspects of one UI component's presentation may also uniformly apply to a set of UI components.
- a set of UI components may include all UI components sharing a parent, all UI components on the same layer of the hierarchy, all UI components in the hierarchy, or any other suitable set of UI components in the hierarchy. For example, all UI components at a given layer of the hierarchy may be displayed with the same dimensions or have the same boarder around the component when presented to a user. As another example, UI components that are parent objects may be displayed with some or all of their children.
- graphical embellishments such as objects fading in or out as a user navigates through the hierarchy may occur uniformly for all UI components in the hierarchy. While this disclosure provides specific examples of presenting hierarchical UI components in a uniform way for particular sets of UI components, this disclosure contemplates applying any suitable presentation characteristics in a uniform way for any suitable set of hierarchical UI components.
- a user may interact with hierarchical UI components, for example, by observing, manipulating, handling, selecting, moving, opening, closing, activating, altering, or resizing objects.
- a group of interactions may be uniformly available to a user for a set of UI components in the hierarchy. In other words, if a group of interactions is available for one UI component in the set, some or all of the same group of interactions may be available for all UI components in the set. In addition or in the alternative, interactions may occur or be performed in a uniform way for a set of UI components.
- a set of UI components may include all UI components sharing a parent, all UI components on the same layer of the hierarchy, all UI components in the hierarchy, or any other suitable set of UI components in the hierarchy.
- an operation that navigates from one object to another may be performed in a uniform way for a set of UI components.
- a navigation operation may be a swiping gesture performed by one or more fingers on a touch-sensitive display of a device. Swiping may move the object in the same direction as the swipe, e.g., swiping from right to left on the display moves the swiped object towards left, and swiping from top to bottom moves the swiped object downward.
- Swiping may also move the swiped object in the opposite direction of the swipe.
- a resizing operation may be performed in a uniform way for a set of UI components.
- a resizing operation may be performed by double clicking on the UI component with a graphically-generated cursor or double tapping a UI component on a touch-sensitive display of a device.
- a moving operation may be performed in a uniform way for a set of UI components.
- a moving operation may be performed by using a graphically-generated cursor to select a UI component and drag it around a display.
- one or more of a user's fingers may be used to select a UI component and drag it or rotate it on a display by dragging or rotating the fingers selecting the object.
- one or more states available to one UI component may be uniformly available for a set of UI components.
- a UI component may have several different presentation states, such as a summary view of the component, a cropped view of the component, and a full-screen view of the component. The actions taken by a user to transition a UI component among various states may be the same for a set of UI components. While this disclosure describes particular examples of interactions that may be uniformly available or executed for a set of hierarchical UI components, this disclosure contemplates any suitable interactions that may be uniformly available or executed for any suitable set of hierarchical UI components.
- hierarchical UI components may share one or more presentation characteristics.
- a device displays a parent UI component the device may simultaneously display some or all of the parent component's children.
- the parent of the objects may be simultaneously displayed.
- FIG. 2A illustrates an example display of a parent object and some of its children in the context of a reader UI application.
- a reader UI enables a user to view and navigate content (e.g., books, news, images, videos, messages, e-mails, albums, music, any websites, including a social networking website hosted by a social networking system, etc.) on an electronic device.
- content e.g., books, news, images, videos, messages, e-mails, albums, music, any websites, including a social networking website hosted by a social networking system, etc.
- viewable content may include any number of UI components of various formats (e.g., book, chapter, page, text, image, video, audio, any GUI, contend, or media element) arranged in a hierarchy.
- a user may interact with specific UI components using various input means.
- touch-screen functionalities e.g., tablet or smartphone
- the user may interact with specific objects through various hand gestures (e.g., slide, pinch, tap).
- Reader UI components may be interactive and manipulated via the user's input as described more fully below.
- a reader UI may be a digital book that includes any number of sections (e.g., chapters). Each section may include any number of pages. Each page may include any number of text blocks, images, videos, audios, etc.
- section 200 i.e. the “Introduction” section
- object 230 is a child-object photo of the page 220 on which it is contained.
- Strip 210 is the table of content (TOC) of the pages 220 in section 200 and includes the thumbnail versions of the individual pages 220 in section 200 .
- Strip 210 is one example of displaying multiple child objects with their parent.
- background area 200 is the lowest layer the hierarchy displayed on the device.
- TOC area 210 is another layer positioned on top of the background layer. Pages 220 in the TOC area 210 are a third layer positioned on top of the TOC layer, and image 230 is a fourth layer floating on top of the page 220 on which it is contained.
- UI components from four layers of the hierarchy are displayed simultaneously.
- one of the levels may be a primary level, taking up a larger portion of the display than one or more secondary levels taking up a smaller portion of the display.
- TOC area 210 (along with its child objects) are displayed as secondary UI components, taking up a smaller portion of the display than its parent UI component section 200 .
- each UI component displayed on a device may be selected or manipulated individually.
- TOC area 210 in FIG. 2A may be displayed in any orientation, such as horizontally, vertically, or diagonally, and may be displayed on or moved to any position on the display (e.g., bottom, top, middle, etc.).
- FIG. 3A illustrates TOC area 310 moved towards the middle of the display as a result of, for example, the user picking up TOC area 310 with a finger on a touch-sensitive screen and dragging TOC area 310 to the middle of the screen by dragging the finger picking up TOC area 310 to the middle of the screen.
- this allows the user to peek behind TOC area 310 to see the layer behind it, which in this example is background layer 300 .
- TOC area 310 may remain in its new position or may return to its original position.
- TOC area 310 may be resized. This may be achieved by selecting TOC area 310 with two fingers and then spreading the two fingers apart. Conversely, moving the two fingers selecting TOC area 310 closer together may decrease the size of TOC area 310 .
- TOC area 310 along with its child pages (e.g., page 320 ) and images (e.g., image 330 ), in FIG. 3B has increased in size relative to TOC area 310 in FIG. 3A .
- the characteristics of and methods of achieving display, selection, movement, and resizing of UI components described above may apply uniformly to one or more sets of UI components in a hierarchy.
- the ability to and method of resizing the collection of child UI components described above may uniformly apply to any similar collection of UI components in the UI reader application.
- this disclosure contemplates application of the above principles to any suitable UI components in a hierarchical structure.
- one or more objects or groups of objects may be connected in a particular way or for a particular purpose.
- child components TOC 210 A and 210 B are connected or “locked” to their respective parent components 200 A and 200 B for the purposes of movement.
- TOC 210 A moves off of the display as parent 200 A moves off of the display, and vice versa.
- TOC 210 B moves onto the display as parent 200 B moves onto the display, and vice versa.
- attributes of characteristics such as presentation, interactions, etc.
- child TOCs 210 A and 210 B to their respective parent components 200 A and 200 B may also apply to any child TOCs for any digital book opened in the reader UI application.
- this disclosure contemplates locking or connecting any suitable UI components in any suitable application.
- UI components of a social-networking web page such as a timeline of user posts, may be connected for purposes of navigation or display. Moving some of the user posts in the timeline off the display may simultaneously move other user posts in the timeline onto the display, or hiding a particular post from a particular user may hide all posts by that user.
- each page 220 of FIG. 2A may be displayed as a UI component floating on an imaginary or metaphorical “strip” of paper such as TOC strip 210 .
- image 230 appears to “float” on top of its respective page 220 by slightly extending beyond the boundary of the page.
- this disclosure contemplates extension of the floating-object concept to any collection of content organized in a hierarchical structure, such as any suitable hierarchy of UI components.
- a photo album having a hierarchical structure may be rendered as a parent-object strip containing floating child-object photo thumbnails for each photo contained in the album.
- a user profile or timeline on a web page may be represented as an infinite imaginary parent-object strip of paper containing a plurality of floating child-object thumbnails representing photo albums, applications, events, etc., with each child-object thumbnail possibly containing its own child objects.
- floating objects may be rendered on a distinct layer of the hierarchy with the floating object(s) obscuring or blocking portions of the UI objects they overlap.
- floating UI components may be rendered at varying degrees of opacity or transparency.
- displaying an object as floating on top of another object is a visual indication that a user may interact with the floating object, by, for example, resizing, opening, moving, initiating animation or other graphical embellishments, etc.
- displaying on abject as floating on top of another object is an attribute that uniformly indicates to a user a set of interactions are available for the floating objects.
- a floating object may by a UI component that may be manipulated by the user in various manners.
- TOC area 310 illustrated in FIGS. 3A and 3B and discussed above is one example of a floating UI component that may be manipulated by a user.
- 4A-D includes an image 410 floating on top of page 400 .
- image 410 is displayed as a floating object, and only half of the entire image (e.g., a cropped version) is actually shown.
- a user may “lift” image 410 up and off page 400 by pinching image 410 up with two fingers, as illustrated in FIG. 4B .
- the two fingers may be placed anywhere near one or more edges of image 410 .
- image 410 is pinched up and off the page, the entire image appears, but folded at an angle relative to the distance between the two fingers the user used to pinch the image. In particular embodiments, if the user pinches out beyond a predetermined threshold distance and then takes his fingers off the image, the image expands to fill the entire screen.
- a floating object When a floating object is pinched up or selected, it may be moved to different positions on the screen, as illustrated in FIGS. 4C and 4D . It may also be rotated, as illustrated in FIG. 5 .
- an image 510 included in a page 500 has been pinched up (e.g., using two fingers) and rotated (e.g., by rotating the fingers pinching image 510 ).
- the shadows around image 510 rotate with image 510 accordingly to maintain the three-dimensional effect.
- a portion of image 510 overlays the text behind it on page 500 .
- floating UI components when a floating UI component overlays some text behind it, the appearance of the text may be adjusted to simulate the effect of the shadow casted by the object on the text, for example by slightly darkening or distorting the text.
- floating UI components may be manipulated or interacted with just like any other UI component, for example by moving or resizing the floating component.
- the visible edge of the scrolled object may be pushed over on top of the adjacent edge of the previous or next object, with shading or other suitable graphical embellishments. While the above example relates to a reader UI, this disclose applies to any suitable floating UI component in any suitable context.
- a web page may display a user profile or timeline containing a plurality of floating child-object thumbnails representing photo albums, applications, events, status updates, likes, etc.
- the above discussion relating to display and manipulation applies to the floating objects on the web page, and any other suitable floating objects.
- an image that is initially displayed in partial-screen mode may be pinched open to full-screen mode.
- any object may have two or more states.
- each “version” of an object corresponding to the particular state the object is in may be an independent object in the hierarchy.
- any UI component may have two or more states, for example, two or more display modes.
- a UI component such as an image may have multiple cropped versions in addition to the full-size image. The cropped versions may be shown in different situations and depend on the view or mode.
- a UI component's states may include a full-screen state, an in-page state, and a TOC state or thumbnail state.
- the UI component occupies all or almost all of the entire display of the electronic device, as illustrated by image 630 in FIG. 6C .
- image 630 in FIG. 6A is displayed within a portion of the device's display.
- a third state for image 630 is displayed in FIG. 6B . It differs from full-screen image 630 in FIG. 6C in several aspects.
- image 630 in full-screen mode shows the entire image, while FIG. 6B only shows a portion (i.e., a cropped version) of image 630 .
- Image 630 in FIG. 6C has a caption 650 that differs from caption 640 included image 630 of FIG. 6B .
- map 700 In full-screen mode there is an icon 660 on image 630 that represents a geo-location tag.
- icon 660 When a user interacts with (for example, by single tapping) icon 660 , the underlying geo-location tag causes a map 700 to be displayed, as illustrated in FIG. 7 .
- Map 700 includes an indicator 710 indicating the geographical location of the subject matter in image 630 and another indicator 720 indicating, if known and enabled by the user and user's device, the current geographical location of the user and the electronic device displaying the digital book.
- icon 730 that enables the user to close the map and return to the previous page, here image 630 in FIG. 6C .
- a UI component may transition between its various states in response to a user input. For example, a user may single tap, double tap, or pinch open a cropped version an image to transition to the full-page view. In particular embodiments, immediately after the transition to full-screen view the image may initially still be shown with the features of the cropped version. The display may gradually zoom in or out on the image until eventually the complete image is shown. In particular embodiments, the user interface may interpret zooming out (i.e., pinching) an object beyond a predetermined amount as an indication that the user wishes to close the object and return to the previous hierarchical level. In the example described above, in full-screen mode map 700 may display the entire globe.
- a user zooming out on the map such that the map no longer takes up a predetermined amount of the display may be interpreted as an indication that the user wishes to close map 700 and return to the previous page, here image 630 in FIG. 6C .
- a predetermined amount of the display e.g. 50%
- this disclosure contemplates any suitable number of states and transitions between states for any suitable set of UI components in any suitable context.
- any suitable UI components may have unique behaviors or properties in any of its states.
- interactions between a user and hierarchical UI components may include transitioning one or more UI components among various pre-determined states.
- another set of interactions between a user and one or more hierarchical UI components includes navigating among the various components and layers of components in the hierarchy.
- a user may navigate among UI components existing on a given layer of the hierarchy.
- a user may navigate among different layers of UI components in the hierarchy. In each case, the navigation follows the structure of the hierarchy, and the relationships indicated by the hierarchical structure are maintained throughout the navigation.
- the hierarchy automatically maintains the relationship between UI components such that if transitioning from one layer of the hierarchy to another, the transition is to the appropriate parent or child UI components of the transitioned-from level.
- the UI reader automatically navigates to parent section 600 illustrated in FIG. 6A . If the user were viewing page 620 and then navigated to a page having a different parent, a navigation to the parent layer would cause the display to transition to the parent of the navigated-to page. In this way, the book-reader UI automatically maintains and displays the relationship among objects while a user navigates through the hierarchy.
- the navigation operations and the graphical representation of the navigations may be uniform for a set of hierarchical UI components. For example, if a swiping operation provides for navigation among UI components at one layer of the hierarchy, the same swiping motion may provide for navigation among UI components at any layer of the hierarchy.
- Navigation inputs may include gestures performed on a touch-sensitive display of a device, and may include input from a peripheral such as a computer mouse, trackball, keyboard, etc.
- Navigation gestures performed on a touch-sensitive display may include swiping one or more fingers across the display, pinching together or separating a plurality of fingers placed on the display, single or double tapping one or more fingers on the display, or any other suitable gesture.
- Navigation input from a peripheral may include single or double clicking a UI component or navigation icon, scrolling a trackball or wheel, any suitable combinations of movement and clicks select portions on the display with a cursor, pressing one or more keys on a keyboard, or any other suitable input.
- navigation among UI components or layers of a hierarchy may be accomplished by scrolling.
- Scrolling may be achieved by any of the inputs or interactions described above.
- scrolling may be accomplished by a navigation operation such as a swiping gesture performed by one or more fingers on a touch-sensitive display of a device.
- Swiping may move the object in the same direction as the swipe (e.g., swiping from right to left moves the swiped object towards left, and swiping from top to bottom moves the swiped object downward).
- Swiping may also move the swiped object in the opposite direction of the swipe.
- Swiping in the horizontal direction may scroll among objects at one level.
- a “scrubber” (such as scrubber 240 illustrated in FIG. 2A ) corresponds to individual objects, groups of objects, or portions of a hierarchy.
- each dot in scrubber 240 corresponds to a specific section or chapter of the digital book.
- user may navigate to the various sections or chapters of the book by sliding across scrubber 240 or tapping on a specific dot with a finger.
- a scrubber may be used to navigate among any suitable UI components in any suitable context.
- a device may display one or more UI components at a first layer of the hierarchy.
- a navigation operation may transition the display from one or more UI components on the first layer to one or more UI components on a second layer.
- the user may transition between levels in a hierarchy by performing any suitable transition operation. For example, a user may single or double tap a UI component displayed on a touch-sensitive device, resulting in a transition of the UI component, and possibly one or more of its siblings, to a full-screen or primary display.
- each state of an object (such as full-screen mode and partial-screen modes) is itself an object in the hierarchy.
- gestures such as “pinching” and “pinching open” (also referred to as “reverse pinching” or “zooming”) may resize one or more UI components, and at a predetermined level of magnification (e.g., when the object occupies 50% of the available display) the zoom-in gesture results in a transition to full-screen display of the object or objects being magnified.
- the UI components may transition to a small-screen display.
- Gestures accomplishing zooming and reverse pinching generally involve registering two sensor inputs on the input surface (generally a capacitive or resistive touch sensor, though this disclosure contemplates camera-based sensors as well) at locations corresponding to the graphical render of a particular UI component, followed by one or more continuous sliding or motion inputs.
- This operation may be most easily visualized as “squeezing” an object on a display surface between two digits in reverse.
- Such a “zoom” or “reverse pinch” operation may, in particular embodiments, expand the UI component to a predetermined size, such as a full screen view, or to a predefined state, as discussed above. For example, placing two fingers at the positions shown in FIG.
- the display may transition to the parent-object level.
- the display may transition to the photo album layer. The transition may be to the parent object of the child just navigated from or the parent object of the next child object in the hierarchy.
- a user may navigate to the root UI component or layer in the hierarchy, which may be a desktop or home screen of a device.
- FIGS. 6A , B, and C illustrate the effect of a navigation operation in the example of a reader UI.
- page 600 is the parent UI component of floating TOC strip 610 , which itself contains child UI components such as page 620 .
- Page 620 may contain one or more children, such as image 630 , which may itself contain children.
- the display may transition the page to full-screen mode, as illustrated in FIG. 6B .
- Performing another transition operation on child image 630 in FIG. 6B may transition the display to the full-screen state of image 630 , as illustrated in FIG. 6C .
- a user may perform the same or another navigation operation to navigate to lower layers of the hierarchy, e.g., from image 630 ′s full-screen state in FIG. 6 C to it's parent page 620 's full-screen state in FIG. 6B .
- this disclosure contemplates transitioning between any suitable layer in any suitable UI, such as a social networking website, software application, or a UI of a desktop computer or mobile device.
- a navigation operation may navigate among objects at the same level of a hierarchy.
- UI components may be arranged in a hierarchy and displayed on a device, and a user of the device may navigate from one or more UI components to one or more other UI components on the same layer of the hierarchy.
- a navigation operation may result from input provided to the device via a peripheral, such as moving or clicking a mouse to manipulate a graphically-generated cursor.
- the navigation operation may be accomplished by contact with a touch-sensitive display of a device, such as one or more gestures performed on the display.
- FIGS. 8A-C illustrate an example of scrolling among hierarchical UI components at a given layer in the context of a reader UI.
- page 810 is the current page displayed on a device and is shown in full-screen mode. By sliding a finger in the left direction across the screen, page 810 recedes from view and the adjacent page 820 simultaneously and seamlessly scrolls into view, as illustrated in FIG. 8B .
- UI components when receding or moving onto the display UI components may have one or more different attributes than UI components that are entirely or mostly on the display.
- page 820 is slightly smaller in size than that of page 810 .
- Page 820 continues to scroll onto the display as page 810 scrolls off the display, as illustrated in FIG. 8C .
- scrolling may be paused or halted at any point during the navigation. For example, a user who scrolls between pages by swiping a finger across the display may interrupt the scrolling and “freeze” the display in place by interrupting the swiping motion and holding their finger in place. While the above example relates to scrolling specific UI components in the context of a reader UI, this disclosure contemplates that the concepts and features described above may be applied to any suitable navigation among any suitable UI components in any suitable context.
- a section 200 may be displayed with its child objects (e.g., pages 22 o) in a TOC area 210 .
- Section 200 and it child TOC area 210 are connected for the purposes of navigation and display. For example, if a user scrolls at either the parent or child layer, the other layer scrolls as appropriate to maintain the proper display of the relationships in the hierarchy.
- section 200 will scroll off the screen with its children and the next section will scroll onto the screen with its children.
- FIG. 2B where TOC 210 A has reached the end of its UI components, and thus parent section 200 A is scrolled off the display while parent section 200 B of TOC 210 B is scrolled onto the display.
- strip 210 A and 210 B respectively, will also scroll as appropriate.
- connected objects scroll in synchronization with each other. In FIG.
- the layers may scroll at different speeds. For example, if a user scrolls at the parent section layer, and there are many child objects contained in the child TOC area, the child objects will have to scroll somewhat faster in order to reach the appropriate child objects of the next parent section and bring them on to the display with their parent. Likewise, multiple child objects may be scrolled while the parent object remains approximately stationary, indicating the various child objects scrolled through are all child objects of the displayed parent object. While the above disclosure describes attributes of connecting reader UI components for the purposes of scrolling, this disclosure contemplates application of the same attributes to any suitable set of connected UI components, for example, in the context of a social-networking website or software application.
- a parent object may be a “wall” capable of hosting user-created content and the child objects may be the user-created content, including links, videos, pictures, etc. the content contains.
- the child objects may be organized in any suitable orientation and according to any suitable metric, such as time posted or user posted by.
- the parent object may be an application such as a chat or music-playing application, and the child objects may be the users within the chat application or individual songs or playlists within the music playing application.
- a user may pre-select a portion of objects to be displayed.
- a user may determine specific rules governing the selection of a portion of objects to be simultaneously displayed.
- a user may choose to simultaneously display all content posted to a user's profile page by a specific user or group, or all pictures in a given photo album.
- the above discussion of scrolling and locking may apply to any suitable set of simultaneously displayed or connected UI components in any suitable context.
- FIG. 9 illustrates an example electronic device 900 .
- computer system 900 may be an embodiment for a desktop computer, laptop computer, tablet computer, personal digital assistant (PDA), smartphone, satellite navigation device, portable media player, portable game console, kiosk computer, point-of-sale device, or other suitable device.
- PDA personal digital assistant
- one or more computer systems 900 perform one or more steps of one or more methods described or illustrated herein.
- one or more computer systems 900 provide functionality described or illustrated herein.
- software running on one or more computer systems 900 performs one or more steps of one or more methods described or illustrated herein or provides functionality described or illustrated herein.
- Particular embodiments include one or more portions of one or more computer systems 900 .
- computer system 900 may be an embedded computer system, a system-on-chip (SOC), a single-board computer system (SBC) (such as, for example, a computer-on-module (COM) or system-on-module (SOM)), a desktop computer system, a laptop or notebook computer system, an interactive kiosk, a mainframe, a mesh of computer systems, a mobile telephone, a personal digital assistant (PDA), a server, or a combination of two or more of these.
- SOC system-on-chip
- SBC single-board computer system
- COM computer-on-module
- SOM system-on-module
- computer system 900 may include one or more computer systems; be unitary or distributed; span multiple locations; span multiple machines; or reside in a cloud, which may include one or more cloud components in one or more networks.
- one or more computer systems 900 may perform without substantial spatial or temporal limitation one or more steps of one or more methods described or illustrated herein.
- one or more computer systems 900 may perform in real time or in batch mode one or more steps of one or more methods described or illustrated herein.
- One or more computer systems 900 may perform at different times or at different locations one or more steps of one or more methods described or illustrated herein, where appropriate.
- computer system 900 includes a processor 902 , memory 904 , storage 906 , an input/output (I/O) interface 908 , a communication interface 910 , and a bus 912 .
- I/O input/output
- this disclosure describes and illustrates a particular computer system having a particular number of particular components in a particular arrangement, this disclosure contemplates any suitable computer system having any suitable number of any suitable components in any suitable arrangement.
- processor 902 includes hardware for executing instructions, such as those making up a computer program.
- processor 902 may retrieve (or fetch) the instructions from an internal register, an internal cache, memory 904 , or storage 906 ; decode and execute them; and then write one or more results to an internal register, an internal cache, memory 904 , or storage 906 .
- processor 902 may include one or more internal caches for data, instructions, or addresses. This disclosure contemplates processor 902 including any suitable number of any suitable internal caches, where appropriate.
- processor 902 may include one or more instruction caches, one or more data caches, and one or more translation lookaside buffers (TLBs). Instructions in the instruction caches may be copies of instructions in memory 904 or storage 906 , and the instruction caches may speed up retrieval of those instructions by processor 902 . Data in the data caches may be copies of data in memory 904 or storage 906 for instructions executing at processor 902 to operate on; the results of previous instructions executed at processor 902 for access by subsequent instructions executing at processor 902 or for writing to memory 904 or storage 906 ; or other suitable data. The data caches may speed up read or write operations by processor 902 . The TLBs may speed up virtual-address translation for processor 902 .
- TLBs translation lookaside buffers
- processor 902 may include one or more internal registers for data, instructions, or addresses. This disclosure contemplates processor 902 including any suitable number of any suitable internal registers, where appropriate. Where appropriate, processor 902 may include one or more arithmetic logic units (ALUs); be a multi-core processor; or include one or more processors 902 . Although this disclosure describes and illustrates a particular processor, this disclosure contemplates any suitable processor.
- ALUs arithmetic logic units
- memory 904 includes main memory for storing instructions for processor 902 to execute or data for processor 902 to operate on.
- computer system 900 may load instructions from storage 906 or another source (such as, for example, another computer system 900 ) to memory 904 .
- Processor 902 may then load the instructions from memory 904 to an internal register or internal cache.
- processor 902 may retrieve the instructions from the internal register or internal cache and decode them.
- processor 902 may write one or more results (which may be intermediate or final results) to the internal register or internal cache.
- Processor 902 may then write one or more of those results to memory 904 .
- processor 902 executes only instructions in one or more internal registers or internal caches or in memory 904 (as opposed to storage 906 or elsewhere) and operates only on data in one or more internal registers or internal caches or in memory 904 (as opposed to storage 906 or elsewhere).
- One or more memory buses (which may each include an address bus and a data bus) may couple processor 902 to memory 904 .
- Bus 912 may include one or more memory buses, as described below.
- one or more memory management units reside between processor 902 and memory 904 and facilitate accesses to memory 904 requested by processor 902 .
- memory 904 includes random access memory (RAM). This RAM may be volatile memory, where appropriate.
- this RAM may be dynamic RAM (DRAM) or static RAM (SRAM). Moreover, where appropriate, this RAM may be single-ported or multi-ported RAM.
- Memory 904 may include one or more memories 904 , where appropriate. Although this disclosure describes and illustrates particular memory, this disclosure contemplates any suitable memory.
- storage 906 includes mass storage for data or instructions.
- storage 906 may include an HDD, a floppy disk drive, flash memory, an optical disc, a magneto-optical disc, magnetic tape, or a Universal Serial Bus (USB) drive or a combination of two or more of these.
- Storage 906 may include removable or non-removable (or fixed) media, where appropriate.
- Storage 906 may be internal or external to computer system 900 , where appropriate.
- storage 906 is non-volatile, solid-state memory.
- storage 906 includes read-only memory (ROM).
- this ROM may be mask-programmed ROM, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), electrically alterable ROM (EAROM), or flash memory or a combination of two or more of these.
- This disclosure contemplates mass storage 906 taking any suitable physical form.
- Storage 906 may include one or more storage control units facilitating communication between processor 902 and storage 906 , where appropriate.
- storage 906 may include one or more storages 906 .
- this disclosure describes and illustrates particular storage, this disclosure contemplates any suitable storage.
- I/O interface 908 includes hardware, software, or both providing one or more interfaces for communication between computer system 900 and one or more I/O devices.
- Computer system 900 may include one or more of these I/O devices, where appropriate.
- One or more of these I/O devices may enable communication between a person and computer system 900 .
- an I/O device may include a keyboard, keypad, microphone, monitor, mouse, printer, scanner, speaker, still camera, stylus, tablet, touch screen, trackball, video camera, another suitable I/O device or a combination of two or more of these.
- An I/O device may include one or more sensors. This disclosure contemplates any suitable I/O devices and any suitable I/O interfaces 908 for them.
- I/O interface 908 may include one or more device or software drivers enabling processor 902 to drive one or more of these I/O devices.
- I/O interface 908 may include one or more I/O interfaces 908 , where appropriate. Although this disclosure describes and illustrates a particular I/O interface, this disclosure contemplates any suitable I/O interface.
- communication interface 910 includes hardware, software, or both providing one or more interfaces for communication (such as, for example, packet-based communication) between computer system 900 and one or more other computer systems 900 or one or more networks.
- communication interface 910 may include a network interface controller (NIC) or network adapter for communicating with an Ethernet or other wire-based network or a wireless NIC (WNIC) or wireless adapter for communicating with a wireless network, such as a WI-FI network.
- NIC network interface controller
- WNIC wireless NIC
- WI-FI network wireless network
- computer system 900 may communicate with an ad hoc network, a personal area network (PAN), a local area network (LAN), a wide area network (WAN), a metropolitan area network (MAN), or one or more portions of the Internet or a combination of two or more of these.
- PAN personal area network
- LAN local area network
- WAN wide area network
- MAN metropolitan area network
- computer system 900 may communicate with a wireless PAN (WPAN) (such as, for example, a BLUETOOTH WPAN), a WI-FI network, a WI-MAX network, a cellular telephone network (such as, for example, a Global System for Mobile Communications (GSM) network), or other suitable wireless network or a combination of two or more of these.
- Computer system 900 may include any suitable communication interface 910 for any of these networks, where appropriate.
- Communication interface 910 may include one or more communication interfaces 910 , where appropriate.
- bus 912 includes hardware, software, or both coupling components of computer system 900 to each other.
- bus 912 may include an Accelerated Graphics Port (AGP) or other graphics bus, an Enhanced Industry Standard Architecture (EISA) bus, a front-side bus (FSB), a HYPERTRANSPORT (HT) interconnect, an Industry Standard Architecture (ISA) bus, an INFINIBAND interconnect, a low-pin-count (LPC) bus, a memory bus, a Micro Channel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCIe) bus, a serial advanced technology attachment (SATA) bus, a Video Electronics Standards Association local (VLB) bus, or another suitable bus or a combination of two or more of these.
- Bus 912 may include one or more buses 912 , where appropriate.
- a computer-readable non-transitory storage medium or media may include one or more semiconductor-based or other integrated circuits (ICs) (such, as for example, field-programmable gate arrays (FPGAs) or application-specific ICs (ASICs)), hard disk drives (HDDs), hybrid hard drives (HHDs), optical discs, optical disc drives (ODDs), magneto-optical discs, magneto-optical drives, floppy diskettes, floppy disk drives (FDDs), magnetic tapes, solid-state drives (SSDs), RAM-drives, SECURE DIGITAL cards or drives, any other suitable computer-readable non-transitory storage medium or media, or any suitable combination of two or more of these, where appropriate.
- ICs semiconductor-based or other integrated circuits
- HDDs hard disk drives
- HHDs hybrid hard drives
- ODDs optical disc drives
- magneto-optical discs magneto-optical drives
- FDDs floppy diskettes
- FDDs floppy disk drives
Abstract
Description
- This application is a continuation under 35 U.S.C. §120 of U.S. patent application Ser. No. 13/487,805, filed 4 Jun. 2012, which claims the benefit under 35 U.S.C. §119(e) of U.S. Provisional Patent Application No. 61/593,841, filed 1 Feb. 2012, which is incorporated herein by reference.
- This disclosure generally relates to a user interface having components arranged in a hierarchy.
- A user of an electronic device or a software application (including standalone, web-based, or mobile application) may interact with the device through a user interface. The user interface may provide output to the user and accept input from the user. Electronic devices that may contain a user interface include a desktop computer, laptop computer, tablet computer, personal digital assistant (PDA), smartphone, satellite navigation device, portable media player, portable game console, kiosk computer, point-of-sale device, or other suitable device.
- A user may interact with a device or software application through the use of visual displays, such as graphics or text generated on a display of the device. For example, a graphical user interface (GUI) may provide windows, icons, pictures, video, or any other suitable visual display to provide output to a user. A user of an electronic device may interact with a device or software application through the use of a computer mouse, keyboard, trackball, scroll wheel, buttons, or any other suitable means. A user may also or alternatively interact with a device or software application through contact with a touch-sensitive area of the device. For example, a touch-sensitive area may be a resistive or capacitive touch-sensitive display. Contact providing input to the device may be made either directly by the user contacting the touch-sensitive display or by a utensil such as a stylus operated by the user.
-
FIG. 1 illustrates a portion of an object hierarchy that includes a number of objects. -
FIGS. 2A and 2B provide an example of simultaneous display of a parent user interface (UI) component and with some of it child UI components in the context of a digital book reader UI. -
FIGS. 3A and 3B illustrate example manipulations of a summary of a collection of UI components presented as a table of contents. -
FIG. 4A-D andFIG. 5 illustrate example interactions with a floating UI component. -
FIG. 6A-C andFIG. 7 illustrate: 1) UI components having multiple states; and 2) example navigations among hierarchical layers. -
FIGS. 8A-C illustrate scrolling through UI components. -
FIG. 9 illustrates an example electronic device. - In particular embodiments, a user interface (UI) may include any number of components. The UI components may represent or correspond to various objects of any applicable types. In particular embodiments, the UI components may be arranged in a hierarchy and presented to a user according to the structure of the hierarchy. In particular embodiments, the UI components' hierarchical structure corresponds to the hierarchical structure of the objects the UI components represent. The UI hierarchy may include any number of layers, and at each layer, there may be any number of UI components. Relationships may exist among specific UI components, and the positions of the individual UI components within the UI hierarchy may indicate specific relationships among these components. When the user interface is presented to a user, the user may navigate between UI layers or UI components as well as interact with the UI components.
- In general, objects may be arranged in a hierarchy. In particular embodiments, objects may be organized into a hierarchy based on how the individual objects are related to each other. The hierarchy may have any number of levels, and at each level, there may be any number of objects. Parent-child or sibling relationships may exist between specific objects in the hierarchy. Within the hierarchy, a parent object is one level above the level of its child objects. Two sibling objects are at the same level and share the same parent object. An object and its children, siblings, or both may from a group within a hierarchy. In addition, any portion of the hierarchy may also be considered a hierarchy in itself. As an example,
FIG. 1 illustrates a portion of anobject hierarchy 100 that includes a number of objects 110. In particular embodiments, an object in a hierarchy may or may not have a parent. If an object does not have a parent, it may be referred to as a “root” object (e.g.,object 110A). In particular embodiments, an object in a hierarchy may or may not have any children. If an object does not have any children, it may be referred to as a “leaf” object (e.g.,object 110B). If an object does have children (e.g.,object 110C), it may have any number of children. In addition, objects sharing the same parent may be referred to as each other's “siblings”. For example, inFIG. 1 ,object 110C is the parent ofobjects Objects object 110C and are siblings to each other. Thus, a hierarchy of objects (e.g., object hierarchy 100) not only includes the individual objects themselves but also indicates the relationships among the specific objects. Moreover, the position of a specific object within the hierarchy may be used to indicate its relationships with other objects in the hierarchy. - Objects may be of any applicable type. As described above, in particular embodiments, an object may be a component of a user interface. In this case, the object hierarchy may be a UI hierarchy (e.g., a hierarchy of UI components). In other words, components of a user interface may be organized into a hierarchy. The UI hierarchy may have any number of layers corresponding to the levels of the object hierarchy, and at each layer, there may be any number of UI components. The position of a specific UI component within the hierarchy may indicate its relationships with other UI components in the hierarchy. The UI components may be presented to users according to the hierarchical structure (e.g., in layers).
- In particular embodiments, an object may correspond to a piece of user-consumable content. In particular embodiments, an object may be consumed by a user if the user may, for example and without limitation, interact with, view, read, listen to, manipulate, or handle the object. For example, some user-consumable objects may be texts, images, videos, audios, feeds, executables (e.g., application programs or games), websites, web pages, digital books, photo albums, posts, or messages. In particular embodiments, user-consumable content, or more specifically, user-consumable objects, may be organized into a hierarchy based on, for example, the relationships among the individual pieces of user-consumable content. Consequently, a hierarchy of user-consumable content may be represented as a hierarchy of objects, where individual objects in the hierarchy may correspond to specific pieces of user-consumable content (e.g., texts, images, videos, audios, executables, etc.). In addition, the structure of the hierarchy indicates the relationships among the specific pieces of user-consumable content.
- In particular embodiments, the relationships among the objects in a hierarchy may correspond to how the objects are organized and presented to users. In particular embodiments, when presenting a hierarchy of objects to a user of a device, the objects may be organized and presented according to the structure of the object hierarchy. More specifically, the objects may be presented in a user interface provided on the device according to the structure of the object hierarchy so that the user interface itself becomes hierarchical as well. Consequently, the user interface may include any number of layers, respectively corresponding to the levels in the object hierarchy. The positions of the objects within the hierarchy are preserved in the user interface, such that a specific object at a specific position in the hierarchy is presented in the corresponding position in the user interface. The relationships among the objects within the hierarchy are maintained in the user interface. In other words, there may be an one-to-one correspondence between an object in the object hierarchy and a UI component in the user interface, such that each object is represented by a UI component.
- As an example, in the context of the desktop of a computing device, the desktop may be a parent object, and sometimes the root object of a hierarchy, whose child objects are the individual software applications available on the desktop. A software application, while itself being one of the child objects of the desktop, is also the parent object of the individual components of that software application. Different software applications may include different components. For example, for a software application that manages digital books (e.g., a book reader application), its components may include the digital books available, the individual chapters of each book, the pages of each chapter, and the texts, images, videos, audios, or any graphical user interface (GUI) or content or media elements on each page. Each of these also corresponds to an object in the hierarchy. More specifically, when these objects are organized in a hierarchy, the book application may be the parent object of the digital books. A digital book may be the parent object of the individual chapters of that book. A chapter, while itself being one of the child objects of the book, is also the parent object of the pages in that chapter. A page is the parent object of the texts, images, videos, audios, or any GUI or content or media elements on that page. A text block, image, video, audio, or GUI or content or media element is one of the child objects of the page to which it belongs. Similarly, for a software application that manages news feeds, its components may include the individual news channels and the news stories within each channel. Each of these may correspond to an object. When these objects are arranged in a hierarchy, the news-feed application, while itself being one of the child objects of the desktop, is also the parent object of the news channels. A news channel in turn is the parent object of the news stories included in that channel. Some or all of these objects may correspond to UI components of a user interface presented on the computing device.
- As another example, in the context of the Internet or the World Wide Web, the Internet may be a parent object whose child objects are the individual websites. A website, while itself being one of the child objects of the Internet, is also the parent object of the individual web pages of that website. A web page, while itself being one of the child objects of the website to which it belongs, is the parent object of the texts, images, videos, audios, or links (e.g., Uniform Resource Locators (URLs)) included in the web page. Each text block, image, video, audio, or link may also correspond to a specific object in the hierarchy. Some or all of these objects may correspond to UI components of a web-based user interface that may be presented to a user through a web browser.
- As a third example, a website, such as a social-networking website, may be arranged in hierarchical structure. In this context, the social-networking website may be a parent object whose child objects are the components (e.g., photo albums, user profile pages, etc.) of the website. For example, a photo album, while itself a child object of the social-networking website, may in turn be a parent object, and the individual photos within the album may be the child objects of the photo album. A user's profile page may be structured in such a hierarchical fashion as well. The profile page itself may be considered a parent object, and the individual objects on the profile page may be the child objects of the profile page. In particular embodiments, a profile page may be considered and rendered (e.g., for presentation to a user) as a linear timeline of objects, such as, for example and without limitation, photos, photo albums, check-ins, comments from other users, attended events, tags, etc. In particular embodiments, child objects in the hierarchy may also include applications the user has added to the profile page, such as a Spotify music sharing application. Moreover, individual stories, songs the user has listened to, and playlists may be child objects at a lower hierarchical level. In particular embodiments, child objects in the hierarchy may include particular sections of a user's profile, such as the user's education and employment information, or the public “wall” of the user's profile page. As in the examples above, these objects may correspond to UI components of a web-based user interface that may be presented to a user through a web browser or application. While the above examples describe particular examples of objects and corresponding UI components arranged in hierarchical structures, this disclosure contemplates representing and addressing any collection of content in a hierarchical structure.
- As the above examples illustrate, an object may be of any type and this disclosure contemplates any applicable types of objects. For example and without limitation, the term “object” may refer to any type of content, including but not limited to images, videos, captions, text blocks or boxes, user interface elements, URLs, newsfeed stories, references to other objects, advertisements, calendar events, units for displaying open graph analysis that may be graphically rendered, applications, websites, web pages, books, and chapters. In addition, “object” may refer to UI components arranged in a hierarchical structure corresponding to the hierarchical structure of the objects the UI components represent. In particular embodiments, given a hierarchy of objects, which may be a portion of another, larger hierarchy of objects, the hierarchical relationships (e.g., parent-child or sibling relationships, positions of the objects within the hierarchy) between specific objects may direct some aspects of how these objects behave in the context of a user interface or how the objects are presented to a user. Particular UI components in a hierarchy may share attributes of presentation, interaction, functionality, or any other suitable characteristics. In other words, one or more attributes of e.g., presentation may be shared by two or more UI components in a hierarchy, as described more fully below.
- In particular embodiments, a set of hierarchical UI components may be presented in a uniform or consistent way to a user. Particular aspects of one UI component's presentation may also uniformly apply to a set of UI components. A set of UI components may include all UI components sharing a parent, all UI components on the same layer of the hierarchy, all UI components in the hierarchy, or any other suitable set of UI components in the hierarchy. For example, all UI components at a given layer of the hierarchy may be displayed with the same dimensions or have the same boarder around the component when presented to a user. As another example, UI components that are parent objects may be displayed with some or all of their children. As another example, graphical embellishments such as objects fading in or out as a user navigates through the hierarchy may occur uniformly for all UI components in the hierarchy. While this disclosure provides specific examples of presenting hierarchical UI components in a uniform way for particular sets of UI components, this disclosure contemplates applying any suitable presentation characteristics in a uniform way for any suitable set of hierarchical UI components.
- In particular embodiments, a user may interact with hierarchical UI components, for example, by observing, manipulating, handling, selecting, moving, opening, closing, activating, altering, or resizing objects. In particular embodiments, a group of interactions may be uniformly available to a user for a set of UI components in the hierarchy. In other words, if a group of interactions is available for one UI component in the set, some or all of the same group of interactions may be available for all UI components in the set. In addition or in the alternative, interactions may occur or be performed in a uniform way for a set of UI components. A set of UI components may include all UI components sharing a parent, all UI components on the same layer of the hierarchy, all UI components in the hierarchy, or any other suitable set of UI components in the hierarchy. As an example, an operation that navigates from one object to another may be performed in a uniform way for a set of UI components. As an illustration and not by way of limitation, a navigation operation may be a swiping gesture performed by one or more fingers on a touch-sensitive display of a device. Swiping may move the object in the same direction as the swipe, e.g., swiping from right to left on the display moves the swiped object towards left, and swiping from top to bottom moves the swiped object downward. Swiping may also move the swiped object in the opposite direction of the swipe. As another example, a resizing operation may be performed in a uniform way for a set of UI components. As an illustration and not by way of limitation, a resizing operation may be performed by double clicking on the UI component with a graphically-generated cursor or double tapping a UI component on a touch-sensitive display of a device. As another example, a moving operation may be performed in a uniform way for a set of UI components. As an illustration and not by way of limitation, a moving operation may be performed by using a graphically-generated cursor to select a UI component and drag it around a display. On a touch-sensitive display, one or more of a user's fingers may be used to select a UI component and drag it or rotate it on a display by dragging or rotating the fingers selecting the object. As another example, one or more states available to one UI component may be uniformly available for a set of UI components. As an illustration and not by way of limitation, a UI component may have several different presentation states, such as a summary view of the component, a cropped view of the component, and a full-screen view of the component. The actions taken by a user to transition a UI component among various states may be the same for a set of UI components. While this disclosure describes particular examples of interactions that may be uniformly available or executed for a set of hierarchical UI components, this disclosure contemplates any suitable interactions that may be uniformly available or executed for any suitable set of hierarchical UI components.
- As discussed above, hierarchical UI components may share one or more presentation characteristics. As an example, when a device displays a parent UI component the device may simultaneously display some or all of the parent component's children. Similarly, when one or more child-objects are displayed the parent of the objects may be simultaneously displayed.
FIG. 2A illustrates an example display of a parent object and some of its children in the context of a reader UI application. A reader UI enables a user to view and navigate content (e.g., books, news, images, videos, messages, e-mails, albums, music, any websites, including a social networking website hosted by a social networking system, etc.) on an electronic device. In particular embodiments, viewable content may include any number of UI components of various formats (e.g., book, chapter, page, text, image, video, audio, any GUI, contend, or media element) arranged in a hierarchy. A user may interact with specific UI components using various input means. As an example, if the electronic device supports touch-screen functionalities (e.g., tablet or smartphone), then the user may interact with specific objects through various hand gestures (e.g., slide, pinch, tap). Reader UI components may be interactive and manipulated via the user's input as described more fully below. - In particular embodiments, a reader UI may be a digital book that includes any number of sections (e.g., chapters). Each section may include any number of pages. Each page may include any number of text blocks, images, videos, audios, etc. In the example of
FIG. 2A , section 200 (i.e. the “Introduction” section) is the parent object of the child-object pages 220 shown instrip 210, and object 230 is a child-object photo of thepage 220 on which it is contained.Strip 210 is the table of content (TOC) of thepages 220 insection 200 and includes the thumbnail versions of theindividual pages 220 insection 200.Strip 210 is one example of displaying multiple child objects with their parent. In this example,background area 200 is the lowest layer the hierarchy displayed on the device.TOC area 210 is another layer positioned on top of the background layer.Pages 220 in theTOC area 210 are a third layer positioned on top of the TOC layer, andimage 230 is a fourth layer floating on top of thepage 220 on which it is contained. Thus, in this example UI components from four layers of the hierarchy are displayed simultaneously. In particular embodiments, when objects from two or more levels of a hierarchy are displayed, one of the levels may be a primary level, taking up a larger portion of the display than one or more secondary levels taking up a smaller portion of the display. For example, TOC area 210 (along with its child objects) are displayed as secondary UI components, taking up a smaller portion of the display than its parentUI component section 200. - In particular embodiments, each UI component displayed on a device may be selected or manipulated individually. For example,
TOC area 210 inFIG. 2A may be displayed in any orientation, such as horizontally, vertically, or diagonally, and may be displayed on or moved to any position on the display (e.g., bottom, top, middle, etc.).FIG. 3A illustratesTOC area 310 moved towards the middle of the display as a result of, for example, the user picking upTOC area 310 with a finger on a touch-sensitive screen and draggingTOC area 310 to the middle of the screen by dragging the finger picking upTOC area 310 to the middle of the screen. In particular embodiments, this allows the user to peek behindTOC area 310 to see the layer behind it, which in this example isbackground layer 300. Once released by a user,TOC area 310 may remain in its new position or may return to its original position. In particular embodiments,TOC area 310 may be resized. This may be achieved by selectingTOC area 310 with two fingers and then spreading the two fingers apart. Conversely, moving the two fingers selectingTOC area 310 closer together may decrease the size ofTOC area 310. As an illustration,TOC area 310, along with its child pages (e.g., page 320) and images (e.g., image 330), inFIG. 3B has increased in size relative toTOC area 310 inFIG. 3A . The characteristics of and methods of achieving display, selection, movement, and resizing of UI components described above may apply uniformly to one or more sets of UI components in a hierarchy. For example, the ability to and method of resizing the collection of child UI components described above may uniformly apply to any similar collection of UI components in the UI reader application. In addition, while the above example is in the context of a reader UI, this disclosure contemplates application of the above principles to any suitable UI components in a hierarchical structure. - In particular embodiments, one or more objects or groups of objects may be connected in a particular way or for a particular purpose. For example, in the reader UI of
FIG. 2B ,child components TOC respective parent components FIG. 2B ,TOC 210A moves off of the display asparent 200A moves off of the display, and vice versa. Conversely,TOC 210B moves onto the display asparent 200B moves onto the display, and vice versa. As an example of applying attributes of characteristics (such as presentation, interactions, etc.) in uniform way, connecting or locking of objects together may uniformly apply to a set of objects in hierarchy. For example, the locking ofchild TOCs respective parent components - In particular embodiments, each
page 220 ofFIG. 2A may be displayed as a UI component floating on an imaginary or metaphorical “strip” of paper such asTOC strip 210. As another example,image 230 appears to “float” on top of itsrespective page 220 by slightly extending beyond the boundary of the page. While the above example relates to components in a reader UI, this disclosure contemplates extension of the floating-object concept to any collection of content organized in a hierarchical structure, such as any suitable hierarchy of UI components. Thus, in particular embodiments a photo album having a hierarchical structure may be rendered as a parent-object strip containing floating child-object photo thumbnails for each photo contained in the album. As another example, a user profile or timeline on a web page may be represented as an infinite imaginary parent-object strip of paper containing a plurality of floating child-object thumbnails representing photo albums, applications, events, etc., with each child-object thumbnail possibly containing its own child objects. In particular embodiments, floating objects may be rendered on a distinct layer of the hierarchy with the floating object(s) obscuring or blocking portions of the UI objects they overlap. In particular embodiments, floating UI components may be rendered at varying degrees of opacity or transparency. - In particular embodiments, displaying an object as floating on top of another object is a visual indication that a user may interact with the floating object, by, for example, resizing, opening, moving, initiating animation or other graphical embellishments, etc. In other words, displaying on abject as floating on top of another object is an attribute that uniformly indicates to a user a set of interactions are available for the floating objects. In particular embodiments, a floating object may by a UI component that may be manipulated by the user in various manners.
TOC area 310 illustrated inFIGS. 3A and 3B and discussed above is one example of a floating UI component that may be manipulated by a user. As another example, apage 400 illustrated inFIGS. 4A-D includes animage 410 floating on top ofpage 400. Here,image 410 is displayed as a floating object, and only half of the entire image (e.g., a cropped version) is actually shown. A user may “lift”image 410 up and offpage 400 by pinchingimage 410 up with two fingers, as illustrated inFIG. 4B . The two fingers may be placed anywhere near one or more edges ofimage 410. Whenimage 410 is pinched up and off the page, the entire image appears, but folded at an angle relative to the distance between the two fingers the user used to pinch the image. In particular embodiments, if the user pinches out beyond a predetermined threshold distance and then takes his fingers off the image, the image expands to fill the entire screen. When a floating object is pinched up or selected, it may be moved to different positions on the screen, as illustrated inFIGS. 4C and 4D . It may also be rotated, as illustrated inFIG. 5 . Here, animage 510 included in apage 500 has been pinched up (e.g., using two fingers) and rotated (e.g., by rotating the fingers pinching image 510). The shadows aroundimage 510 rotate withimage 510 accordingly to maintain the three-dimensional effect. In addition, as illustrated inFIG. 5 , a portion ofimage 510 overlays the text behind it onpage 500. In particular embodiments, when a floating UI component overlays some text behind it, the appearance of the text may be adjusted to simulate the effect of the shadow casted by the object on the text, for example by slightly darkening or distorting the text. In particular embodiments, floating UI components may be manipulated or interacted with just like any other UI component, for example by moving or resizing the floating component. In particular embodiments, as a user scrolls through floating UI components displayed next to each other, the visible edge of the scrolled object may be pushed over on top of the adjacent edge of the previous or next object, with shading or other suitable graphical embellishments. While the above example relates to a reader UI, this disclose applies to any suitable floating UI component in any suitable context. As an example and not by way of limitation, a web page may display a user profile or timeline containing a plurality of floating child-object thumbnails representing photo albums, applications, events, status updates, likes, etc. The above discussion relating to display and manipulation applies to the floating objects on the web page, and any other suitable floating objects. - As briefly described above in
FIGS. 4A-D , an image that is initially displayed in partial-screen mode may be pinched open to full-screen mode. In general, any object may have two or more states. In particular embodiments, each “version” of an object corresponding to the particular state the object is in may be an independent object in the hierarchy. In particular embodiments, any UI component may have two or more states, for example, two or more display modes. In particular embodiments, a UI component such as an image may have multiple cropped versions in addition to the full-size image. The cropped versions may be shown in different situations and depend on the view or mode. For example, a UI component's states may include a full-screen state, an in-page state, and a TOC state or thumbnail state. In the full-screen state, the UI component occupies all or almost all of the entire display of the electronic device, as illustrated byimage 630 inFIG. 6C . In the TOC state,image 630 inFIG. 6A is displayed within a portion of the device's display. A third state forimage 630 is displayed inFIG. 6B . It differs from full-screen image 630 inFIG. 6C in several aspects. First, in full-screen mode,image 630 shows the entire image, whileFIG. 6B only shows a portion (i.e., a cropped version) ofimage 630.Image 630 inFIG. 6C has acaption 650 that differs fromcaption 640 includedimage 630 ofFIG. 6B . In full-screen mode there is anicon 660 onimage 630 that represents a geo-location tag. When a user interacts with (for example, by single tapping)icon 660, the underlying geo-location tag causes amap 700 to be displayed, as illustrated inFIG. 7 .Map 700 includes anindicator 710 indicating the geographical location of the subject matter inimage 630 and anotherindicator 720 indicating, if known and enabled by the user and user's device, the current geographical location of the user and the electronic device displaying the digital book. In addition, there is anicon 730 that enables the user to close the map and return to the previous page, hereimage 630 inFIG. 6C . - A UI component may transition between its various states in response to a user input. For example, a user may single tap, double tap, or pinch open a cropped version an image to transition to the full-page view. In particular embodiments, immediately after the transition to full-screen view the image may initially still be shown with the features of the cropped version. The display may gradually zoom in or out on the image until eventually the complete image is shown. In particular embodiments, the user interface may interpret zooming out (i.e., pinching) an object beyond a predetermined amount as an indication that the user wishes to close the object and return to the previous hierarchical level. In the example described above, in full-
screen mode map 700 may display the entire globe. A user zooming out on the map such that the map no longer takes up a predetermined amount of the display (e.g., 50%) may be interpreted as an indication that the user wishes to closemap 700 and return to the previous page, hereimage 630 inFIG. 6C . While the disclosure above describe particular types of states and transitions between states of UI components in the context of a reader UI, this disclosure contemplates any suitable number of states and transitions between states for any suitable set of UI components in any suitable context. In addition, as described in the examples above, any suitable UI components may have unique behaviors or properties in any of its states. - As discussed above, interactions between a user and hierarchical UI components may include transitioning one or more UI components among various pre-determined states. In particular embodiments, another set of interactions between a user and one or more hierarchical UI components includes navigating among the various components and layers of components in the hierarchy. In particular embodiments, a user may navigate among UI components existing on a given layer of the hierarchy. In particular embodiments, a user may navigate among different layers of UI components in the hierarchy. In each case, the navigation follows the structure of the hierarchy, and the relationships indicated by the hierarchical structure are maintained throughout the navigation. For example, the hierarchy automatically maintains the relationship between UI components such that if transitioning from one layer of the hierarchy to another, the transition is to the appropriate parent or child UI components of the transitioned-from level. As an example, if a user navigates from
page 620 inFIG. 6B to the layer of the page's parent, the UI reader automatically navigates toparent section 600 illustrated inFIG. 6A . If the user were viewingpage 620 and then navigated to a page having a different parent, a navigation to the parent layer would cause the display to transition to the parent of the navigated-to page. In this way, the book-reader UI automatically maintains and displays the relationship among objects while a user navigates through the hierarchy. As illustrated throughout this disclosure, in particular embodiments the navigation operations and the graphical representation of the navigations may be uniform for a set of hierarchical UI components. For example, if a swiping operation provides for navigation among UI components at one layer of the hierarchy, the same swiping motion may provide for navigation among UI components at any layer of the hierarchy. - Any suitable input may be used to accomplish a navigation interaction. Navigation inputs may include gestures performed on a touch-sensitive display of a device, and may include input from a peripheral such as a computer mouse, trackball, keyboard, etc. Navigation gestures performed on a touch-sensitive display may include swiping one or more fingers across the display, pinching together or separating a plurality of fingers placed on the display, single or double tapping one or more fingers on the display, or any other suitable gesture. Navigation input from a peripheral may include single or double clicking a UI component or navigation icon, scrolling a trackball or wheel, any suitable combinations of movement and clicks select portions on the display with a cursor, pressing one or more keys on a keyboard, or any other suitable input. The characteristics of navigation operations and the graphical display of navigation among hierarchical UI components and layers is described more fully, below.
- In particular embodiments, navigation among UI components or layers of a hierarchy may be accomplished by scrolling. Scrolling may be achieved by any of the inputs or interactions described above. As an example, scrolling may be accomplished by a navigation operation such as a swiping gesture performed by one or more fingers on a touch-sensitive display of a device. Swiping may move the object in the same direction as the swipe (e.g., swiping from right to left moves the swiped object towards left, and swiping from top to bottom moves the swiped object downward). Swiping may also move the swiped object in the opposite direction of the swipe. Swiping in the horizontal direction may scroll among objects at one level. For example, swiping from right to left moves to the object existing immediately to the right of the object swiped, and swiping from left to right moves to the object existing immediately to the left of the object swiped. Similarly, swiping in the vertical direction may navigate between different levels or layers of objects. In particular embodiments, a “scrubber” (such as
scrubber 240 illustrated inFIG. 2A ) corresponds to individual objects, groups of objects, or portions of a hierarchy. For example, in the reader UI ofFIG. 2A each dot inscrubber 240 corresponds to a specific section or chapter of the digital book. In this example, user may navigate to the various sections or chapters of the book by sliding acrossscrubber 240 or tapping on a specific dot with a finger. In general, a scrubber may be used to navigate among any suitable UI components in any suitable context. - At any given time, a device may display one or more UI components at a first layer of the hierarchy. A navigation operation may transition the display from one or more UI components on the first layer to one or more UI components on a second layer. The user may transition between levels in a hierarchy by performing any suitable transition operation. For example, a user may single or double tap a UI component displayed on a touch-sensitive device, resulting in a transition of the UI component, and possibly one or more of its siblings, to a full-screen or primary display. As discussed above, in particular embodiments each state of an object (such as full-screen mode and partial-screen modes) is itself an object in the hierarchy. As another example, gestures such as “pinching” and “pinching open” (also referred to as “reverse pinching” or “zooming”) may resize one or more UI components, and at a predetermined level of magnification (e.g., when the object occupies 50% of the available display) the zoom-in gesture results in a transition to full-screen display of the object or objects being magnified. Likewise, at some level of minimization, the UI components may transition to a small-screen display. Gestures accomplishing zooming and reverse pinching generally involve registering two sensor inputs on the input surface (generally a capacitive or resistive touch sensor, though this disclosure contemplates camera-based sensors as well) at locations corresponding to the graphical render of a particular UI component, followed by one or more continuous sliding or motion inputs. This operation may be most easily visualized as “squeezing” an object on a display surface between two digits in reverse. Such a “zoom” or “reverse pinch” operation may, in particular embodiments, expand the UI component to a predetermined size, such as a full screen view, or to a predefined state, as discussed above. For example, placing two fingers at the positions shown in
FIG. 3B and pinching the fingers together results in minimization ofTOC UI component 310, as shown inFIG. 3A . As another example of a navigation operation that transitions between layers of UI components, when a user reaches the last child object of a parent object and performs a navigation operation that navigates through child objects, the display may transition to the parent-object level. As an example, when the user reaches the last photo of a photo album and performs a navigation that would otherwise navigate to the subsequent photo, the display may transition to the photo album layer. The transition may be to the parent object of the child just navigated from or the parent object of the next child object in the hierarchy. A user may navigate to the root UI component or layer in the hierarchy, which may be a desktop or home screen of a device. -
FIGS. 6A , B, and C illustrate the effect of a navigation operation in the example of a reader UI. InFIG. 6A ,page 600 is the parent UI component of floatingTOC strip 610, which itself contains child UI components such aspage 620.Page 620 may contain one or more children, such asimage 630, which may itself contain children. When a user performs a transition operation on a particular page instrip 610, the display may transition the page to full-screen mode, as illustrated inFIG. 6B . Performing another transition operation onchild image 630 inFIG. 6B may transition the display to the full-screen state ofimage 630, as illustrated inFIG. 6C . A user may perform the same or another navigation operation to navigate to lower layers of the hierarchy, e.g., fromimage 630′s full-screen state in FIG. 6C to it'sparent page 620's full-screen state inFIG. 6B . While the disclosure above describes transitions among particular UI components at particular layers in the context of a UI reader, this disclosure contemplates transitioning between any suitable layer in any suitable UI, such as a social networking website, software application, or a UI of a desktop computer or mobile device. - In particular embodiments, a navigation operation may navigate among objects at the same level of a hierarchy. As an example, UI components may be arranged in a hierarchy and displayed on a device, and a user of the device may navigate from one or more UI components to one or more other UI components on the same layer of the hierarchy. As described above, in particular embodiments a navigation operation may result from input provided to the device via a peripheral, such as moving or clicking a mouse to manipulate a graphically-generated cursor. In particular embodiments, the navigation operation may be accomplished by contact with a touch-sensitive display of a device, such as one or more gestures performed on the display.
-
FIGS. 8A-C illustrate an example of scrolling among hierarchical UI components at a given layer in the context of a reader UI. InFIG. 8A ,page 810 is the current page displayed on a device and is shown in full-screen mode. By sliding a finger in the left direction across the screen,page 810 recedes from view and theadjacent page 820 simultaneously and seamlessly scrolls into view, as illustrated inFIG. 8B . In particular embodiments, when receding or moving onto the display UI components may have one or more different attributes than UI components that are entirely or mostly on the display. As an example, inFIG. 8B page 820 is slightly smaller in size than that ofpage 810. When a pre-determined amount (e.g., 50%) ofpage 820 has moved onto thedisplay page 820 takes the usual size of a page in the reader UI, as illustrated inFIG. 8C .Page 820 continues to scroll onto the display aspage 810 scrolls off the display, as illustrated inFIG. 8C . In particular embodiments, scrolling may be paused or halted at any point during the navigation. For example, a user who scrolls between pages by swiping a finger across the display may interrupt the scrolling and “freeze” the display in place by interrupting the swiping motion and holding their finger in place. While the above example relates to scrolling specific UI components in the context of a reader UI, this disclosure contemplates that the concepts and features described above may be applied to any suitable navigation among any suitable UI components in any suitable context. - As described above and illustrated in
FIGS. 2A and 2B , groups of objects may be connected or locked together in a particular way or for a particular purpose. In the example ofFIG. 2A , asection 200 may be displayed with its child objects (e.g., pages 22o) in aTOC area 210.Section 200 and itchild TOC area 210 are connected for the purposes of navigation and display. For example, if a user scrolls at either the parent or child layer, the other layer scrolls as appropriate to maintain the proper display of the relationships in the hierarchy. In other words, if a user scrollsTOC strip 210 until thepages 220 contained in theTOC strip 210 are no longer child UI components ofsection 200,section 200 will scroll off the screen with its children and the next section will scroll onto the screen with its children. This is illustrated inFIG. 2B , whereTOC 210A has reached the end of its UI components, and thusparent section 200A is scrolled off the display whileparent section 200B ofTOC 210B is scrolled onto the display. Likewise, if a user scrolls atsection level strip FIG. 2B , the last few pages ofTOC strip 210A of the gradually move left out of view and the first few pages ofTOC strip 210B gradually move left into view. At the point oftransition 250 between the two components, the receding edge of bothTOC area 210A and itsparent section 200A line up with the respective incoming edges ofTOC area 210B and itsparent section 200B. The transition between a current section and a section immediately before the current section behaves similarly, with the exception that instead of moving in the left direction across the screen of the electronic device, objects move in the right direction. - In order to maintain the proper display of relationships of the hierarchical UI components, the layers may scroll at different speeds. For example, if a user scrolls at the parent section layer, and there are many child objects contained in the child TOC area, the child objects will have to scroll somewhat faster in order to reach the appropriate child objects of the next parent section and bring them on to the display with their parent. Likewise, multiple child objects may be scrolled while the parent object remains approximately stationary, indicating the various child objects scrolled through are all child objects of the displayed parent object. While the above disclosure describes attributes of connecting reader UI components for the purposes of scrolling, this disclosure contemplates application of the same attributes to any suitable set of connected UI components, for example, in the context of a social-networking website or software application. In the social-networking context, a parent object may be a “wall” capable of hosting user-created content and the child objects may be the user-created content, including links, videos, pictures, etc. the content contains. The child objects may be organized in any suitable orientation and according to any suitable metric, such as time posted or user posted by. As another example, the parent object may be an application such as a chat or music-playing application, and the child objects may be the users within the chat application or individual songs or playlists within the music playing application. In particular embodiments, a user may pre-select a portion of objects to be displayed. In addition or alternatively, a user may determine specific rules governing the selection of a portion of objects to be simultaneously displayed. For example, a user may choose to simultaneously display all content posted to a user's profile page by a specific user or group, or all pictures in a given photo album. The above discussion of scrolling and locking may apply to any suitable set of simultaneously displayed or connected UI components in any suitable context.
- Particular embodiments may be implemented on one or more electronic devices or computer systems.
FIG. 9 illustrates an exampleelectronic device 900. For example,computer system 900 may be an embodiment for a desktop computer, laptop computer, tablet computer, personal digital assistant (PDA), smartphone, satellite navigation device, portable media player, portable game console, kiosk computer, point-of-sale device, or other suitable device. In particular embodiments, one ormore computer systems 900 perform one or more steps of one or more methods described or illustrated herein. In particular embodiments, one ormore computer systems 900 provide functionality described or illustrated herein. In particular embodiments, software running on one ormore computer systems 900 performs one or more steps of one or more methods described or illustrated herein or provides functionality described or illustrated herein. Particular embodiments include one or more portions of one ormore computer systems 900. - This disclosure contemplates any suitable number of
computer systems 900. This disclosure contemplatescomputer system 900 taking any suitable physical form. As example and not by way of limitation,computer system 900 may be an embedded computer system, a system-on-chip (SOC), a single-board computer system (SBC) (such as, for example, a computer-on-module (COM) or system-on-module (SOM)), a desktop computer system, a laptop or notebook computer system, an interactive kiosk, a mainframe, a mesh of computer systems, a mobile telephone, a personal digital assistant (PDA), a server, or a combination of two or more of these. Where appropriate,computer system 900 may include one or more computer systems; be unitary or distributed; span multiple locations; span multiple machines; or reside in a cloud, which may include one or more cloud components in one or more networks. Where appropriate, one ormore computer systems 900 may perform without substantial spatial or temporal limitation one or more steps of one or more methods described or illustrated herein. As an example and not by way of limitation, one ormore computer systems 900 may perform in real time or in batch mode one or more steps of one or more methods described or illustrated herein. One ormore computer systems 900 may perform at different times or at different locations one or more steps of one or more methods described or illustrated herein, where appropriate. - In particular embodiments,
computer system 900 includes aprocessor 902,memory 904,storage 906, an input/output (I/O)interface 908, acommunication interface 910, and abus 912. Although this disclosure describes and illustrates a particular computer system having a particular number of particular components in a particular arrangement, this disclosure contemplates any suitable computer system having any suitable number of any suitable components in any suitable arrangement. - In particular embodiments,
processor 902 includes hardware for executing instructions, such as those making up a computer program. As an example and not by way of limitation, to execute instructions,processor 902 may retrieve (or fetch) the instructions from an internal register, an internal cache,memory 904, orstorage 906; decode and execute them; and then write one or more results to an internal register, an internal cache,memory 904, orstorage 906. In particular embodiments,processor 902 may include one or more internal caches for data, instructions, or addresses. This disclosure contemplatesprocessor 902 including any suitable number of any suitable internal caches, where appropriate. As an example and not by way of limitation,processor 902 may include one or more instruction caches, one or more data caches, and one or more translation lookaside buffers (TLBs). Instructions in the instruction caches may be copies of instructions inmemory 904 orstorage 906, and the instruction caches may speed up retrieval of those instructions byprocessor 902. Data in the data caches may be copies of data inmemory 904 orstorage 906 for instructions executing atprocessor 902 to operate on; the results of previous instructions executed atprocessor 902 for access by subsequent instructions executing atprocessor 902 or for writing tomemory 904 orstorage 906; or other suitable data. The data caches may speed up read or write operations byprocessor 902. The TLBs may speed up virtual-address translation forprocessor 902. In particular embodiments,processor 902 may include one or more internal registers for data, instructions, or addresses. This disclosure contemplatesprocessor 902 including any suitable number of any suitable internal registers, where appropriate. Where appropriate,processor 902 may include one or more arithmetic logic units (ALUs); be a multi-core processor; or include one ormore processors 902. Although this disclosure describes and illustrates a particular processor, this disclosure contemplates any suitable processor. - In particular embodiments,
memory 904 includes main memory for storing instructions forprocessor 902 to execute or data forprocessor 902 to operate on. As an example and not by way of limitation,computer system 900 may load instructions fromstorage 906 or another source (such as, for example, another computer system 900) tomemory 904.Processor 902 may then load the instructions frommemory 904 to an internal register or internal cache. To execute the instructions,processor 902 may retrieve the instructions from the internal register or internal cache and decode them. During or after execution of the instructions,processor 902 may write one or more results (which may be intermediate or final results) to the internal register or internal cache.Processor 902 may then write one or more of those results tomemory 904. In particular embodiments,processor 902 executes only instructions in one or more internal registers or internal caches or in memory 904 (as opposed tostorage 906 or elsewhere) and operates only on data in one or more internal registers or internal caches or in memory 904 (as opposed tostorage 906 or elsewhere). One or more memory buses (which may each include an address bus and a data bus) may coupleprocessor 902 tomemory 904.Bus 912 may include one or more memory buses, as described below. In particular embodiments, one or more memory management units (MMUs) reside betweenprocessor 902 andmemory 904 and facilitate accesses tomemory 904 requested byprocessor 902. In particular embodiments,memory 904 includes random access memory (RAM). This RAM may be volatile memory, where appropriate. Where appropriate, this RAM may be dynamic RAM (DRAM) or static RAM (SRAM). Moreover, where appropriate, this RAM may be single-ported or multi-ported RAM. This disclosure contemplates any suitable RAM.Memory 904 may include one ormore memories 904, where appropriate. Although this disclosure describes and illustrates particular memory, this disclosure contemplates any suitable memory. - In particular embodiments,
storage 906 includes mass storage for data or instructions. As an example and not by way of limitation,storage 906 may include an HDD, a floppy disk drive, flash memory, an optical disc, a magneto-optical disc, magnetic tape, or a Universal Serial Bus (USB) drive or a combination of two or more of these.Storage 906 may include removable or non-removable (or fixed) media, where appropriate.Storage 906 may be internal or external tocomputer system 900, where appropriate. In particular embodiments,storage 906 is non-volatile, solid-state memory. In particular embodiments,storage 906 includes read-only memory (ROM). Where appropriate, this ROM may be mask-programmed ROM, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), electrically alterable ROM (EAROM), or flash memory or a combination of two or more of these. This disclosure contemplatesmass storage 906 taking any suitable physical form.Storage 906 may include one or more storage control units facilitating communication betweenprocessor 902 andstorage 906, where appropriate. Where appropriate,storage 906 may include one ormore storages 906. Although this disclosure describes and illustrates particular storage, this disclosure contemplates any suitable storage. - In particular embodiments, I/
O interface 908 includes hardware, software, or both providing one or more interfaces for communication betweencomputer system 900 and one or more I/O devices.Computer system 900 may include one or more of these I/O devices, where appropriate. One or more of these I/O devices may enable communication between a person andcomputer system 900. As an example and not by way of limitation, an I/O device may include a keyboard, keypad, microphone, monitor, mouse, printer, scanner, speaker, still camera, stylus, tablet, touch screen, trackball, video camera, another suitable I/O device or a combination of two or more of these. An I/O device may include one or more sensors. This disclosure contemplates any suitable I/O devices and any suitable I/O interfaces 908 for them. Where appropriate, I/O interface 908 may include one or more device or softwaredrivers enabling processor 902 to drive one or more of these I/O devices. I/O interface 908 may include one or more I/O interfaces 908, where appropriate. Although this disclosure describes and illustrates a particular I/O interface, this disclosure contemplates any suitable I/O interface. - In particular embodiments,
communication interface 910 includes hardware, software, or both providing one or more interfaces for communication (such as, for example, packet-based communication) betweencomputer system 900 and one or moreother computer systems 900 or one or more networks. As an example and not by way of limitation,communication interface 910 may include a network interface controller (NIC) or network adapter for communicating with an Ethernet or other wire-based network or a wireless NIC (WNIC) or wireless adapter for communicating with a wireless network, such as a WI-FI network. This disclosure contemplates any suitable network and anysuitable communication interface 910 for it. As an example and not by way of limitation,computer system 900 may communicate with an ad hoc network, a personal area network (PAN), a local area network (LAN), a wide area network (WAN), a metropolitan area network (MAN), or one or more portions of the Internet or a combination of two or more of these. One or more portions of one or more of these networks may be wired or wireless. As an example,computer system 900 may communicate with a wireless PAN (WPAN) (such as, for example, a BLUETOOTH WPAN), a WI-FI network, a WI-MAX network, a cellular telephone network (such as, for example, a Global System for Mobile Communications (GSM) network), or other suitable wireless network or a combination of two or more of these.Computer system 900 may include anysuitable communication interface 910 for any of these networks, where appropriate.Communication interface 910 may include one ormore communication interfaces 910, where appropriate. Although this disclosure describes and illustrates a particular communication interface, this disclosure contemplates any suitable communication interface. - In particular embodiments,
bus 912 includes hardware, software, or both coupling components ofcomputer system 900 to each other. As an example and not by way of limitation,bus 912 may include an Accelerated Graphics Port (AGP) or other graphics bus, an Enhanced Industry Standard Architecture (EISA) bus, a front-side bus (FSB), a HYPERTRANSPORT (HT) interconnect, an Industry Standard Architecture (ISA) bus, an INFINIBAND interconnect, a low-pin-count (LPC) bus, a memory bus, a Micro Channel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCIe) bus, a serial advanced technology attachment (SATA) bus, a Video Electronics Standards Association local (VLB) bus, or another suitable bus or a combination of two or more of these.Bus 912 may include one ormore buses 912, where appropriate. Although this disclosure describes and illustrates a particular bus, this disclosure contemplates any suitable bus or interconnect. - Herein, a computer-readable non-transitory storage medium or media may include one or more semiconductor-based or other integrated circuits (ICs) (such, as for example, field-programmable gate arrays (FPGAs) or application-specific ICs (ASICs)), hard disk drives (HDDs), hybrid hard drives (HHDs), optical discs, optical disc drives (ODDs), magneto-optical discs, magneto-optical drives, floppy diskettes, floppy disk drives (FDDs), magnetic tapes, solid-state drives (SSDs), RAM-drives, SECURE DIGITAL cards or drives, any other suitable computer-readable non-transitory storage medium or media, or any suitable combination of two or more of these, where appropriate. A computer-readable non-transitory storage medium or media may be volatile, non-volatile, or a combination of volatile and non-volatile, where appropriate.
- Herein, “or” is inclusive and not exclusive, unless expressly indicated otherwise or indicated otherwise by context. Therefore, herein, “A or B” means “A, B, or both,” unless expressly indicated otherwise or indicated otherwise by context. Moreover, “and” is both joint and several, unless expressly indicated otherwise or indicated otherwise by context. Therefore, herein, “A and B” means “A and B, jointly or severally,” unless expressly indicated otherwise or indicated otherwise by context.
- This disclosure encompasses all changes, substitutions, variations, alterations, and modifications to the example embodiments herein that a person having ordinary skill in the art would comprehend. Moreover, reference in the appended claims to an apparatus or system or a component of an apparatus or system being adapted to, arranged to, capable of, configured to, enabled to, operable to, or operative to perform a particular function encompasses that apparatus, system, component, whether or not it or that particular function is activated, turned on, or unlocked, as long as that apparatus, system, or component is so adapted, arranged, capable, configured, enabled, operable, or operative.
Claims (20)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US15/412,347 US20170131889A1 (en) | 2012-02-01 | 2017-01-23 | Hierarchical User Interface |
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US201261593841P | 2012-02-01 | 2012-02-01 | |
US13/487,805 US9552147B2 (en) | 2012-02-01 | 2012-06-04 | Hierarchical user interface |
US15/412,347 US20170131889A1 (en) | 2012-02-01 | 2017-01-23 | Hierarchical User Interface |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US13/487,805 Continuation US9552147B2 (en) | 2012-02-01 | 2012-06-04 | Hierarchical user interface |
Publications (1)
Publication Number | Publication Date |
---|---|
US20170131889A1 true US20170131889A1 (en) | 2017-05-11 |
Family
ID=48869809
Family Applications (22)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US13/487,805 Active US9552147B2 (en) | 2012-02-01 | 2012-06-04 | Hierarchical user interface |
US13/488,076 Expired - Fee Related US9235318B2 (en) | 2012-02-01 | 2012-06-04 | Transitions among hierarchical user-interface layers |
US13/487,765 Active US9235317B2 (en) | 2012-02-01 | 2012-06-04 | Summary and navigation of hierarchical levels |
US13/488,039 Active 2032-08-11 US9229613B2 (en) | 2012-02-01 | 2012-06-04 | Transitions among hierarchical user interface components |
US13/489,265 Active 2032-08-08 US8984428B2 (en) | 2012-02-01 | 2012-06-05 | Overlay images and texts in user interface |
US13/489,172 Abandoned US20130198261A1 (en) | 2012-02-01 | 2012-06-05 | Intelligent Downloading and Rendering of Content |
US13/490,367 Abandoned US20130198668A1 (en) | 2012-02-01 | 2012-06-06 | Image Object Behavior in a User Interface |
US13/490,343 Active 2032-10-18 US8990691B2 (en) | 2012-02-01 | 2012-06-06 | Video object behavior in a user interface |
US13/491,100 Active 2032-12-10 US9239662B2 (en) | 2012-02-01 | 2012-06-07 | User interface editor |
US13/490,736 Active 2032-09-24 US9003305B2 (en) | 2012-02-01 | 2012-06-07 | Folding and unfolding images in a user interface |
US13/555,607 Active 2033-03-21 US9007371B2 (en) | 2012-02-01 | 2012-07-23 | Three-dimensional shadows cast by objects |
US13/555,845 Active 2032-08-24 US8976199B2 (en) | 2012-02-01 | 2012-07-23 | Visual embellishment for objects |
US13/555,909 Expired - Fee Related US9098168B2 (en) | 2012-02-01 | 2012-07-23 | Spring motions during object animation |
US13/555,876 Active 2033-02-14 US9606708B2 (en) | 2012-02-01 | 2012-07-23 | User intent during object scrolling |
US13/555,657 Active 2033-04-19 US8990719B2 (en) | 2012-02-01 | 2012-07-23 | Preview of objects arranged in a series |
US14/569,475 Abandoned US20150100924A1 (en) | 2012-02-01 | 2014-12-12 | Folding and unfolding images in a user interface |
US14/572,405 Active 2033-12-24 US10775991B2 (en) | 2012-02-01 | 2014-12-16 | Overlay images and texts in user interface |
US14/961,227 Active 2034-03-27 US10613733B2 (en) | 2012-02-01 | 2015-12-07 | User interface editor |
US15/412,347 Abandoned US20170131889A1 (en) | 2012-02-01 | 2017-01-23 | Hierarchical User Interface |
US15/421,725 Abandoned US20170192661A1 (en) | 2012-02-01 | 2017-02-01 | Presenting Image Objects in a User Interface |
US15/470,652 Abandoned US20170199641A1 (en) | 2012-02-01 | 2017-03-27 | User Intent During Object Scrolling |
US16/824,893 Active US11132118B2 (en) | 2012-02-01 | 2020-03-20 | User interface editor |
Family Applications Before (18)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US13/487,805 Active US9552147B2 (en) | 2012-02-01 | 2012-06-04 | Hierarchical user interface |
US13/488,076 Expired - Fee Related US9235318B2 (en) | 2012-02-01 | 2012-06-04 | Transitions among hierarchical user-interface layers |
US13/487,765 Active US9235317B2 (en) | 2012-02-01 | 2012-06-04 | Summary and navigation of hierarchical levels |
US13/488,039 Active 2032-08-11 US9229613B2 (en) | 2012-02-01 | 2012-06-04 | Transitions among hierarchical user interface components |
US13/489,265 Active 2032-08-08 US8984428B2 (en) | 2012-02-01 | 2012-06-05 | Overlay images and texts in user interface |
US13/489,172 Abandoned US20130198261A1 (en) | 2012-02-01 | 2012-06-05 | Intelligent Downloading and Rendering of Content |
US13/490,367 Abandoned US20130198668A1 (en) | 2012-02-01 | 2012-06-06 | Image Object Behavior in a User Interface |
US13/490,343 Active 2032-10-18 US8990691B2 (en) | 2012-02-01 | 2012-06-06 | Video object behavior in a user interface |
US13/491,100 Active 2032-12-10 US9239662B2 (en) | 2012-02-01 | 2012-06-07 | User interface editor |
US13/490,736 Active 2032-09-24 US9003305B2 (en) | 2012-02-01 | 2012-06-07 | Folding and unfolding images in a user interface |
US13/555,607 Active 2033-03-21 US9007371B2 (en) | 2012-02-01 | 2012-07-23 | Three-dimensional shadows cast by objects |
US13/555,845 Active 2032-08-24 US8976199B2 (en) | 2012-02-01 | 2012-07-23 | Visual embellishment for objects |
US13/555,909 Expired - Fee Related US9098168B2 (en) | 2012-02-01 | 2012-07-23 | Spring motions during object animation |
US13/555,876 Active 2033-02-14 US9606708B2 (en) | 2012-02-01 | 2012-07-23 | User intent during object scrolling |
US13/555,657 Active 2033-04-19 US8990719B2 (en) | 2012-02-01 | 2012-07-23 | Preview of objects arranged in a series |
US14/569,475 Abandoned US20150100924A1 (en) | 2012-02-01 | 2014-12-12 | Folding and unfolding images in a user interface |
US14/572,405 Active 2033-12-24 US10775991B2 (en) | 2012-02-01 | 2014-12-16 | Overlay images and texts in user interface |
US14/961,227 Active 2034-03-27 US10613733B2 (en) | 2012-02-01 | 2015-12-07 | User interface editor |
Family Applications After (3)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US15/421,725 Abandoned US20170192661A1 (en) | 2012-02-01 | 2017-02-01 | Presenting Image Objects in a User Interface |
US15/470,652 Abandoned US20170199641A1 (en) | 2012-02-01 | 2017-03-27 | User Intent During Object Scrolling |
US16/824,893 Active US11132118B2 (en) | 2012-02-01 | 2020-03-20 | User interface editor |
Country Status (1)
Country | Link |
---|---|
US (22) | US9552147B2 (en) |
Families Citing this family (195)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7660488B2 (en) | 2004-11-04 | 2010-02-09 | Dr Systems, Inc. | Systems and methods for viewing medical images |
US7787672B2 (en) | 2004-11-04 | 2010-08-31 | Dr Systems, Inc. | Systems and methods for matching, naming, and displaying medical images |
US7920152B2 (en) | 2004-11-04 | 2011-04-05 | Dr Systems, Inc. | Systems and methods for viewing medical 3D imaging volumes |
US7885440B2 (en) | 2004-11-04 | 2011-02-08 | Dr Systems, Inc. | Systems and methods for interleaving series of medical images |
US7970625B2 (en) | 2004-11-04 | 2011-06-28 | Dr Systems, Inc. | Systems and methods for retrieval of medical data |
US7953614B1 (en) | 2006-11-22 | 2011-05-31 | Dr Systems, Inc. | Smart placement rules |
US8380533B2 (en) | 2008-11-19 | 2013-02-19 | DR Systems Inc. | System and method of providing dynamic and customizable medical examination forms |
US8712120B1 (en) | 2009-09-28 | 2014-04-29 | Dr Systems, Inc. | Rules-based approach to transferring and/or viewing medical images |
US9235341B2 (en) * | 2010-01-20 | 2016-01-12 | Nokia Technologies Oy | User input |
US9396167B2 (en) | 2011-07-21 | 2016-07-19 | Flipboard, Inc. | Template-based page layout for hosted social magazines |
US9092727B1 (en) | 2011-08-11 | 2015-07-28 | D.R. Systems, Inc. | Exam type mapping |
US9323440B2 (en) | 2011-12-16 | 2016-04-26 | International Business Machines Corporation | Scroll focus |
US9645724B2 (en) | 2012-02-01 | 2017-05-09 | Facebook, Inc. | Timeline based content organization |
US9557876B2 (en) | 2012-02-01 | 2017-01-31 | Facebook, Inc. | Hierarchical user interface |
US9552147B2 (en) | 2012-02-01 | 2017-01-24 | Facebook, Inc. | Hierarchical user interface |
TWI470481B (en) * | 2012-02-24 | 2015-01-21 | Lg Electronics Inc | Mobile terminal and control method for the mobile terminal |
US11847300B2 (en) * | 2012-03-12 | 2023-12-19 | Comcast Cable Communications, Llc | Electronic information hierarchy |
EP2834795B1 (en) * | 2012-04-05 | 2019-11-06 | Isotropix | Method and device for processing information |
US20130321313A1 (en) * | 2012-05-31 | 2013-12-05 | Htc Corporation | Method, apparatus and computer program product for cropping screen frame |
US9626381B2 (en) * | 2012-06-19 | 2017-04-18 | International Business Machines Corporation | Photo album creation based on social media content |
US9508102B2 (en) * | 2012-07-25 | 2016-11-29 | Facebook, Inc. | Methods and systems for tracking of user interactions with content in social networks |
KR102004409B1 (en) * | 2012-08-23 | 2019-07-29 | 삼성전자주식회사 | Flexible display apparatus and contorlling method thereof |
US8907914B2 (en) * | 2012-08-31 | 2014-12-09 | General Electric Company | Methods and apparatus for documenting a procedure |
US9397844B2 (en) | 2012-09-11 | 2016-07-19 | Apple Inc. | Automated graphical user-interface layout |
CN102929508B (en) * | 2012-10-11 | 2015-04-01 | 中兴通讯股份有限公司 | Touch method and device for electronic map |
US20140109012A1 (en) * | 2012-10-16 | 2014-04-17 | Microsoft Corporation | Thumbnail and document map based navigation in a document |
JP6081769B2 (en) * | 2012-10-23 | 2017-02-15 | 任天堂株式会社 | Program, information processing apparatus, information processing method, and information processing system |
JP2014086836A (en) * | 2012-10-23 | 2014-05-12 | Canon Inc | Image processing apparatus, control method, and program |
KR101990035B1 (en) * | 2012-10-31 | 2019-06-18 | 엘지전자 주식회사 | Mobile terminal and control method for the mobile terminal |
US9591339B1 (en) | 2012-11-27 | 2017-03-07 | Apple Inc. | Agnostic media delivery system |
US9774917B1 (en) | 2012-12-10 | 2017-09-26 | Apple Inc. | Channel bar user interface |
US10200761B1 (en) | 2012-12-13 | 2019-02-05 | Apple Inc. | TV side bar user interface |
US20140173466A1 (en) * | 2012-12-14 | 2014-06-19 | Microsoft Corporation | Transitions within views of conversation environments |
US9532111B1 (en) | 2012-12-18 | 2016-12-27 | Apple Inc. | Devices and method for providing remote control hints on a display |
CN103893971B (en) | 2012-12-25 | 2015-05-27 | 腾讯科技(深圳)有限公司 | Game sound effect generating method and client |
US10521188B1 (en) | 2012-12-31 | 2019-12-31 | Apple Inc. | Multi-user TV user interface |
USD768659S1 (en) * | 2013-01-04 | 2016-10-11 | Level 3 Communications, Llc | Display screen or portion thereof with graphical user interface |
US9495604B1 (en) | 2013-01-09 | 2016-11-15 | D.R. Systems, Inc. | Intelligent management of computerized advanced processing |
US10175873B2 (en) * | 2013-01-21 | 2019-01-08 | Salesforce.Com, Inc. | System and method for retrieving data based on scrolling velocity |
US9361278B2 (en) | 2013-03-15 | 2016-06-07 | Facebook, Inc. | Overlaying photographs with text on a social networking system |
US20140280783A1 (en) * | 2013-03-15 | 2014-09-18 | Haixiang He | Method and Apparatus for Improving Downloading Performance Based on Reading Intent for Digital Magazine |
US9785240B2 (en) * | 2013-03-18 | 2017-10-10 | Fuji Xerox Co., Ltd. | Systems and methods for content-aware selection |
US20160110046A1 (en) * | 2013-03-29 | 2016-04-21 | Hewlett-Packard Development Company, L.P. | Adjustable timeline user interface |
US10341275B2 (en) | 2013-04-03 | 2019-07-02 | Dropbox, Inc. | Shared content item commenting |
KR102048041B1 (en) * | 2013-04-18 | 2019-11-22 | 삼성전자주식회사 | Electronic device and method for generating split screen image |
US20140351723A1 (en) * | 2013-05-23 | 2014-11-27 | Kobo Incorporated | System and method for a multimedia container |
US9870129B2 (en) * | 2013-06-21 | 2018-01-16 | Oracle International Corporation | Method and system for reconfiguring a multidimensional interface using dimension tiles |
US9529790B2 (en) * | 2013-07-09 | 2016-12-27 | Flipboard, Inc. | Hierarchical page templates for content presentation in a digital magazine |
US9565233B1 (en) * | 2013-08-09 | 2017-02-07 | Google Inc. | Preloading content for requesting applications |
US9823824B2 (en) * | 2013-08-19 | 2017-11-21 | Kodak Alaris Inc. | Context sensitive adaptable user interface |
EP2846243B1 (en) * | 2013-09-04 | 2019-08-14 | Matthias Rath | Graphical user interface providing virtual super-zoom functionality |
US20150067582A1 (en) * | 2013-09-05 | 2015-03-05 | Storehouse Media, Inc. | Content navigation structure and transition mechanism |
US9530243B1 (en) | 2013-09-24 | 2016-12-27 | Amazon Technologies, Inc. | Generating virtual shadows for displayable elements |
US9224237B2 (en) | 2013-09-27 | 2015-12-29 | Amazon Technologies, Inc. | Simulating three-dimensional views using planes of content |
US9367203B1 (en) * | 2013-10-04 | 2016-06-14 | Amazon Technologies, Inc. | User interface techniques for simulating three-dimensional depth |
US9892550B2 (en) * | 2013-10-08 | 2018-02-13 | Here Global B.V. | Photorealistic rendering of scenes with dynamic content |
US20150106722A1 (en) * | 2013-10-14 | 2015-04-16 | Apple Inc. | Navigating Image Presentations |
US10482070B2 (en) * | 2013-11-12 | 2019-11-19 | Salesforce.Com, Inc. | Form field creation systems and methods |
US9519525B2 (en) | 2013-11-14 | 2016-12-13 | Dropbox, Inc. | File-level commenting |
CN103593111A (en) | 2013-11-14 | 2014-02-19 | 三星电子(中国)研发中心 | Screen sharing method for mobile terminals and mobile terminals |
US10067651B2 (en) * | 2013-11-15 | 2018-09-04 | Thomson Reuters Global Resources Unlimited Company | Navigable layering of viewable areas for hierarchical content |
JP6213177B2 (en) * | 2013-11-18 | 2017-10-18 | 株式会社リコー | Display processing apparatus and display processing method |
WO2015093806A1 (en) | 2013-12-19 | 2015-06-25 | Samsung Electronics Co., Ltd. | Display apparatus and method of displaying image by display apparatus |
KR102308879B1 (en) * | 2013-12-19 | 2021-10-06 | 삼성전자주식회사 | Display apparatus and method for displaying a screen |
CN103729140A (en) * | 2013-12-20 | 2014-04-16 | 天津光电通信技术有限公司 | Method for implementing interaction on human-machine interfaces on basis of DRM (data rights management) |
US9952756B2 (en) * | 2014-01-17 | 2018-04-24 | Intel Corporation | Dynamic adjustment of a user interface |
KR101538576B1 (en) * | 2014-02-10 | 2015-07-22 | 한국과학기술원 | Structure aware navigation method using space and structure mapping between input device and digital data |
US10303324B2 (en) * | 2014-02-10 | 2019-05-28 | Samsung Electronics Co., Ltd. | Electronic device configured to display three dimensional (3D) virtual space and method of controlling the electronic device |
US10157593B2 (en) | 2014-02-24 | 2018-12-18 | Microsoft Technology Licensing, Llc | Cross-platform rendering engine |
US20150250294A1 (en) * | 2014-03-04 | 2015-09-10 | Rebecca Miller | Systems and methods for previewing beauty cosmetic applications using an electronic device |
KR102228856B1 (en) * | 2014-03-20 | 2021-03-17 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
US20150277677A1 (en) * | 2014-03-26 | 2015-10-01 | Kobo Incorporated | Information presentation techniques for digital content |
US20150277678A1 (en) * | 2014-03-26 | 2015-10-01 | Kobo Incorporated | Information presentation techniques for digital content |
US20150312375A1 (en) * | 2014-04-25 | 2015-10-29 | Microsoft Corporation | Pre-fetching grid blocks by user intent |
CN103957458B (en) * | 2014-04-28 | 2018-06-15 | 京东方科技集团股份有限公司 | Video play device, control device, audio/video player system and control method |
US9569062B2 (en) * | 2014-05-21 | 2017-02-14 | Facebook, Inc. | Asynchronous execution of animation tasks for a GUI |
CN104978119B (en) * | 2014-05-22 | 2019-11-22 | 腾讯科技(深圳)有限公司 | A kind of messagewindow display methods, device and user terminal |
US20150339841A1 (en) * | 2014-05-22 | 2015-11-26 | Microsoft Corporation | Layout animation panel |
USD760275S1 (en) * | 2014-06-11 | 2016-06-28 | Le Shi Zhi Xin Electronic Technology (Tianjin) Limited | Display screen or portion thereof with animated graphical user interface |
US9648062B2 (en) | 2014-06-12 | 2017-05-09 | Apple Inc. | Systems and methods for multitasking on an electronic device with a touch-sensitive display |
CN115269086A (en) * | 2014-06-12 | 2022-11-01 | 苹果公司 | System and method for multitasking on an electronic device with a touch-sensitive display |
US9785340B2 (en) | 2014-06-12 | 2017-10-10 | Apple Inc. | Systems and methods for efficiently navigating between applications with linked content on an electronic device with a touch-sensitive display |
US9576393B1 (en) * | 2014-06-18 | 2017-02-21 | Amazon Technologies, Inc. | Dynamic rendering of soft shadows for interface elements |
US9886565B2 (en) * | 2014-06-20 | 2018-02-06 | Microsoft Technology Licensing, Llc | User-specific visualization of display elements |
CN111078110B (en) | 2014-06-24 | 2023-10-24 | 苹果公司 | Input device and user interface interactions |
JP6482578B2 (en) | 2014-06-24 | 2019-03-13 | アップル インコーポレイテッドApple Inc. | Column interface for navigating in the user interface |
US9979894B1 (en) | 2014-06-27 | 2018-05-22 | Google Llc | Modifying images with simulated light sources |
US9081421B1 (en) * | 2014-06-30 | 2015-07-14 | Linkedin Corporation | User interface for presenting heterogeneous content |
US20160019718A1 (en) * | 2014-07-16 | 2016-01-21 | Wipro Limited | Method and system for providing visual feedback in a virtual reality environment |
US9898804B2 (en) * | 2014-07-16 | 2018-02-20 | Samsung Electronics Co., Ltd. | Display driver apparatus and method of driving display |
US8954521B1 (en) * | 2014-07-22 | 2015-02-10 | Google Inc. | Management and presentation of notification content |
US9874992B2 (en) * | 2014-08-18 | 2018-01-23 | Lenovo (Singapore) Pte. Ltd. | Preview pane for touch input devices |
US9965452B2 (en) | 2014-09-04 | 2018-05-08 | Home Box Office, Inc. | Pre-children in a user interface tree |
EP3002666A1 (en) * | 2014-10-02 | 2016-04-06 | Huawei Technologies Co., Ltd. | Interaction method for user interfaces |
US10476937B2 (en) * | 2014-10-20 | 2019-11-12 | Facebook, Inc. | Animation for image elements in a display layout |
WO2016061738A1 (en) * | 2014-10-20 | 2016-04-28 | Schott Glass Technologies (Suzhou) Co. Ltd. | Optical arrangement for a camera module, camera module with optical arrangement and method of manufacturing the optical arrangement |
USD770520S1 (en) * | 2015-01-20 | 2016-11-01 | Microsoft Corporation | Display screen with animated graphical user interface |
USD769306S1 (en) * | 2015-01-20 | 2016-10-18 | Microsoft Corporation | Display screen with animated graphical user interface |
USD771692S1 (en) * | 2015-01-20 | 2016-11-15 | Microsoft Corporation | Display screen with animated graphical user interface |
USD759706S1 (en) * | 2015-01-20 | 2016-06-21 | Microsoft Corporation | Display screen with animated graphical user interface |
USD769308S1 (en) | 2015-01-20 | 2016-10-18 | Microsoft Corporation | Display screen with animated graphical user interface |
US9596393B2 (en) * | 2015-01-27 | 2017-03-14 | Moment Inc | Smart case for mobile photography |
US11107038B2 (en) | 2015-02-03 | 2021-08-31 | PEOZZLE Corporation | Multimedia resume distribution system |
DE102015102639A1 (en) | 2015-02-24 | 2016-08-25 | Emporia Telecom Gmbh & Co Kg | Method for operating a mobile terminal, application for a mobile terminal and mobile terminal |
US9727797B2 (en) * | 2015-03-05 | 2017-08-08 | International Business Machines Corporation | Techniques for rotating language preferred orientation on a mobile device |
CN104699842B (en) * | 2015-03-31 | 2019-03-26 | 百度在线网络技术(北京)有限公司 | Picture display method and device |
US10691323B2 (en) * | 2015-04-10 | 2020-06-23 | Apple Inc. | Column fit document traversal for reader application |
US10275148B2 (en) * | 2015-04-21 | 2019-04-30 | Facebook, Inc. | Methods and systems for transitioning between native content and web content |
US10929508B2 (en) | 2015-04-30 | 2021-02-23 | Merge Healthcare Solutions Inc. | Database systems and interactive user interfaces for dynamic interaction with, and indications of, digital medical image data |
USD766296S1 (en) * | 2015-05-01 | 2016-09-13 | Microsoft Corporation | Display screen with animated graphical user interface |
USD767613S1 (en) * | 2015-05-01 | 2016-09-27 | Microsoft Corporation | Display screen with animated graphical user interface |
US10042532B2 (en) * | 2015-05-05 | 2018-08-07 | Facebook, Inc. | Methods and systems for viewing embedded content |
US20160328127A1 (en) * | 2015-05-05 | 2016-11-10 | Facebook, Inc. | Methods and Systems for Viewing Embedded Videos |
US10685471B2 (en) | 2015-05-11 | 2020-06-16 | Facebook, Inc. | Methods and systems for playing video while transitioning from a content-item preview to the content item |
US20160334969A1 (en) * | 2015-05-11 | 2016-11-17 | Facebook, Inc. | Methods and Systems for Viewing an Associated Location of an Image |
US11209972B2 (en) * | 2015-09-02 | 2021-12-28 | D&M Holdings, Inc. | Combined tablet screen drag-and-drop interface |
US11113022B2 (en) | 2015-05-12 | 2021-09-07 | D&M Holdings, Inc. | Method, system and interface for controlling a subwoofer in a networked audio system |
CN104933746B (en) * | 2015-05-21 | 2018-03-23 | 广东欧珀移动通信有限公司 | A kind of method and device that dynamic shadow is set for plane picture |
US20160371872A1 (en) * | 2015-06-18 | 2016-12-22 | Facebook, Inc. | Systems and methods for providing transitions between content interfaces |
US9886086B2 (en) * | 2015-08-21 | 2018-02-06 | Verizon Patent And Licensing Inc. | Gesture-based reorientation and navigation of a virtual reality (VR) interface |
US9904452B2 (en) * | 2015-08-25 | 2018-02-27 | Sap Se | Building user specific user interface instances |
US9766713B2 (en) * | 2015-09-08 | 2017-09-19 | Unity IPR ApS | System and method for providing user interface tools |
US10939167B2 (en) * | 2015-09-15 | 2021-03-02 | Piksel, Inc | Dynamic resource allocation of multimedia content based on usage patterns |
CN105338399A (en) * | 2015-10-29 | 2016-02-17 | 小米科技有限责任公司 | Image acquisition method and device |
US9990349B2 (en) | 2015-11-02 | 2018-06-05 | Microsoft Technology Licensing, Llc | Streaming data associated with cells in spreadsheets |
US10599764B2 (en) | 2015-11-02 | 2020-03-24 | Microsoft Technology Licensing, Llc | Operations on images associated with cells in spreadsheets |
US10585943B2 (en) | 2015-11-24 | 2020-03-10 | Cisco Technology, Inc. | Network-wide, location-independent object identifiers for high-performance distributed graph databases |
CN105549814B (en) * | 2015-12-01 | 2020-12-25 | 惠州Tcl移动通信有限公司 | Photographing method based on mobile terminal and mobile terminal |
CN105488761B (en) * | 2015-12-29 | 2019-03-26 | 北京金山安全软件有限公司 | Processing method and device for spliced pictures |
US10430051B2 (en) * | 2015-12-29 | 2019-10-01 | Facebook, Inc. | Multi-user content presentation system |
US10788966B2 (en) | 2016-02-10 | 2020-09-29 | Disney Enterprises, Inc. | Systems and methods for interacting with a virtual interface |
US10616662B2 (en) * | 2016-02-10 | 2020-04-07 | Disney Enterprises, Inc. | Systems and methods to provide video and control signals over an internet protocol communications network |
US10755360B1 (en) * | 2016-02-16 | 2020-08-25 | Wells Fargo Bank, N.A. | Receipt capture with goal encouragement |
US10691880B2 (en) | 2016-03-29 | 2020-06-23 | Microsoft Technology Licensing, Llc | Ink in an electronic document |
US10496419B2 (en) * | 2016-06-10 | 2019-12-03 | Apple Inc. | Editing inherited configurations |
DK201670582A1 (en) | 2016-06-12 | 2018-01-02 | Apple Inc | Identifying applications on which content is available |
DK201670581A1 (en) | 2016-06-12 | 2018-01-08 | Apple Inc | Device-level authorization for viewing content |
US9916225B1 (en) * | 2016-06-23 | 2018-03-13 | VCE IP Holding Company LLC | Computer implemented system and method and computer program product for testing a software component by simulating a computing component using captured network packet information |
US10546013B2 (en) * | 2016-07-18 | 2020-01-28 | Joshua Fagans | File management system facilitating the organization of content by using visualizations of the organizational state augmented by a configurable workflow |
US10225655B1 (en) * | 2016-07-29 | 2019-03-05 | Relay Cars LLC | Stereo user interface elements placed in 3D space for virtual reality applications in head mounted displays |
JP6812170B2 (en) * | 2016-08-29 | 2021-01-13 | キヤノン株式会社 | Information processing device, its control method, and control program |
CN106445116B (en) * | 2016-08-31 | 2020-10-27 | 维沃移动通信有限公司 | Method for calling out message notification bar and mobile terminal |
US10055871B2 (en) | 2016-10-12 | 2018-08-21 | International Business Machines Corporation | Applying an image overlay to an image based on relationship of the people identified in the image |
AT519289B1 (en) * | 2016-10-17 | 2018-08-15 | Wolfinger Gerd | Security device for burglary prevention |
KR20230111276A (en) | 2016-10-26 | 2023-07-25 | 애플 인크. | User interfaces for browsing content from multiple content applications on an electronic device |
CN108108194B (en) * | 2016-11-24 | 2020-12-04 | 腾讯科技(深圳)有限公司 | User interface editing method and user interface editor |
US11087512B2 (en) | 2017-01-13 | 2021-08-10 | Flir Systems, Inc. | High visibility overlay systems and methods |
US11302041B2 (en) | 2017-01-13 | 2022-04-12 | Teledyne Flir, Llc | High visibility overlay systems and methods |
US10152815B2 (en) | 2017-01-17 | 2018-12-11 | Opentv, Inc. | Overlay emphasis modification in augmented reality displays |
US10235788B2 (en) * | 2017-01-17 | 2019-03-19 | Opentv, Inc. | Overlay contrast control in augmented reality displays |
JP6594359B2 (en) * | 2017-01-31 | 2019-10-23 | キヤノン株式会社 | Information processing apparatus, information processing method, and program |
US11416900B1 (en) * | 2017-02-24 | 2022-08-16 | Eugene E. Haba, Jr. | Dynamically generated items for user generated graphic user storytelling interface |
US10649640B2 (en) | 2017-05-02 | 2020-05-12 | Microsoft Technology Licensing, Llc | Personalizing perceivability settings of graphical user interfaces of computers |
WO2018208047A1 (en) | 2017-05-09 | 2018-11-15 | Samsung Electronics Co., Ltd. | Method and system for managing and displaying application |
US10755030B2 (en) * | 2017-06-29 | 2020-08-25 | Salesforce.Com, Inc. | Color theme maintenance for presentations |
US10573051B2 (en) | 2017-08-16 | 2020-02-25 | Google Llc | Dynamically generated interface transitions |
DK179931B1 (en) * | 2017-09-09 | 2019-10-11 | Apple Inc. | Devices, methods and graphical user interfaces for displaying an affordance on a background |
US10592091B2 (en) | 2017-10-17 | 2020-03-17 | Microsoft Technology Licensing, Llc | Drag and drop of objects to create new composites |
US11397511B1 (en) * | 2017-10-18 | 2022-07-26 | Nationwide Mutual Insurance Company | System and method for implementing improved user interface |
US10824800B2 (en) | 2017-11-10 | 2020-11-03 | Think Research Corporation | System and method for designing and editing computerized electronic data-entry forms |
JP7119408B2 (en) * | 2018-02-15 | 2022-08-17 | コニカミノルタ株式会社 | Image processing device, screen handling method, and computer program |
EP3564812B1 (en) * | 2018-04-30 | 2022-10-26 | Mphasis Limited | Method and system for automated creation of graphical user interfaces |
WO2019222887A1 (en) * | 2018-05-21 | 2019-11-28 | 华为技术有限公司 | Display control method and terminal |
DK201870354A1 (en) | 2018-06-03 | 2019-12-20 | Apple Inc. | Setup procedures for an electronic device |
US10990421B2 (en) | 2018-06-27 | 2021-04-27 | Microsoft Technology Licensing, Llc | AI-driven human-computer interface for associating low-level content with high-level activities using topics as an abstraction |
US11354581B2 (en) | 2018-06-27 | 2022-06-07 | Microsoft Technology Licensing, Llc | AI-driven human-computer interface for presenting activity-specific views of activity-specific content for multiple activities |
US11449764B2 (en) * | 2018-06-27 | 2022-09-20 | Microsoft Technology Licensing, Llc | AI-synthesized application for presenting activity-specific UI of activity-specific content |
CN109407944A (en) * | 2018-09-29 | 2019-03-01 | 传线网络科技(上海)有限公司 | Multimedia resource plays adjusting method and device |
US10936156B2 (en) | 2018-11-05 | 2021-03-02 | International Business Machines Corporation | Interactive access to ascendants while navigating hierarchical dimensions |
US10678521B1 (en) | 2018-12-05 | 2020-06-09 | Bank Of America Corporation | System for image segmentation, transformation and user interface component construction |
US10635413B1 (en) * | 2018-12-05 | 2020-04-28 | Bank Of America Corporation | System for transforming using interface image segments and constructing user interface objects |
USD918254S1 (en) | 2019-01-10 | 2021-05-04 | Pearson Education, Inc. | Display screen with graphical user interface |
US10705687B1 (en) * | 2019-01-10 | 2020-07-07 | Pearson Education, Inc. | Visually indicating on a user interface lengths, types of content, structure and current user location within a corpus of electronic content |
JP7289661B2 (en) * | 2019-01-31 | 2023-06-12 | キヤノン株式会社 | Information processing device, control method, and its program |
WO2020198221A1 (en) | 2019-03-24 | 2020-10-01 | Apple Inc. | User interfaces for viewing and accessing content on an electronic device |
US11962836B2 (en) | 2019-03-24 | 2024-04-16 | Apple Inc. | User interfaces for a media browsing application |
US11683565B2 (en) | 2019-03-24 | 2023-06-20 | Apple Inc. | User interfaces for interacting with channels that provide content that plays in a media browsing application |
US11057682B2 (en) | 2019-03-24 | 2021-07-06 | Apple Inc. | User interfaces including selectable representations of content items |
US11863837B2 (en) | 2019-05-31 | 2024-01-02 | Apple Inc. | Notification of augmented reality content on an electronic device |
WO2020243645A1 (en) | 2019-05-31 | 2020-12-03 | Apple Inc. | User interfaces for a podcast browsing and playback application |
CN110489041B (en) * | 2019-07-12 | 2021-04-06 | 北京字节跳动网络技术有限公司 | Method, device, equipment and medium for automatically aligning small program dragging elements |
US11004254B2 (en) * | 2019-07-25 | 2021-05-11 | Nvidia Corporation | Performance of ray-traced shadow creation within a scene |
US11620696B2 (en) | 2020-01-03 | 2023-04-04 | International Business Machines Corporation | Dynamic order prioritization enablement |
CN111309415B (en) * | 2020-01-17 | 2024-01-02 | 北京有竹居网络技术有限公司 | User Interface (UI) information processing method and device of application program and electronic equipment |
JP2021124863A (en) * | 2020-02-04 | 2021-08-30 | 富士フイルムビジネスイノベーション株式会社 | Information processing device and computer program |
US11843838B2 (en) | 2020-03-24 | 2023-12-12 | Apple Inc. | User interfaces for accessing episodes of a content series |
US11474793B2 (en) | 2020-05-22 | 2022-10-18 | Salesforce.Com, Inc. | Polymorphic application architecture |
US11899895B2 (en) | 2020-06-21 | 2024-02-13 | Apple Inc. | User interfaces for setting up an electronic device |
US11698776B2 (en) * | 2020-07-24 | 2023-07-11 | Unity Technologies Sf | Method and system for processing computer code |
US11687714B2 (en) * | 2020-08-20 | 2023-06-27 | Adobe Inc. | Systems and methods for generating text descriptive of digital images |
US20220138206A1 (en) * | 2020-10-30 | 2022-05-05 | Snowflake Inc. | System for implementing an object tagging framework |
US11720229B2 (en) | 2020-12-07 | 2023-08-08 | Apple Inc. | User interfaces for browsing and presenting content |
US11934640B2 (en) | 2021-01-29 | 2024-03-19 | Apple Inc. | User interfaces for record labels |
US20220343058A1 (en) * | 2021-04-23 | 2022-10-27 | Samsung Electronics Co., Ltd. | Electronic device, and method for placing text-linked object in electronic device |
EP4328732A1 (en) * | 2021-08-31 | 2024-02-28 | Samsung Electronics Co., Ltd. | Electronic device for performing function matched with graphic affordance, and operating method of electronic device |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080168384A1 (en) * | 2007-01-07 | 2008-07-10 | Andrew Platzer | Application Programming Interfaces for Scrolling Operations |
US20080168377A1 (en) * | 2007-01-05 | 2008-07-10 | Verizon Data Services Inc. | Content level navigation systems and methods |
US20090167509A1 (en) * | 2007-12-31 | 2009-07-02 | Apple Inc. | Tactile feedback in an electronic device |
US20110202834A1 (en) * | 2010-02-12 | 2011-08-18 | Microsoft Corporation | Visual motion feedback for user interface |
Family Cites Families (228)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
DE3587625D1 (en) * | 1984-11-12 | 1993-11-18 | Advantest Corp | Logic analyzer. |
US5948040A (en) * | 1994-06-24 | 1999-09-07 | Delorme Publishing Co. | Travel reservation information and planning system |
US7467137B1 (en) | 1994-09-02 | 2008-12-16 | Wolfe Mark A | System and method for information retrieval employing a preloading procedure |
JP3698273B2 (en) | 1995-07-20 | 2005-09-21 | ソニー株式会社 | Electronic program guide transmission apparatus and method, electronic program guide reception apparatus and method, and electronic program guide transmission / reception system and method |
US7124359B2 (en) | 1996-01-11 | 2006-10-17 | Canon Kabushiki Kaisha | Image edit device adapted to rapidly lay-out photographs into templates with means for preview and correction by user |
US5933525A (en) * | 1996-04-10 | 1999-08-03 | Bbn Corporation | Language-independent and segmentation-free optical character recognition system and method |
US5727129A (en) | 1996-06-04 | 1998-03-10 | International Business Machines Corporation | Network system for profiling and actively facilitating user activities |
US6562077B2 (en) | 1997-11-14 | 2003-05-13 | Xerox Corporation | Sorting image segments into clusters based on a distance measurement |
JP4183311B2 (en) | 1997-12-22 | 2008-11-19 | 株式会社リコー | Document annotation method, annotation device, and recording medium |
US6408128B1 (en) * | 1998-11-12 | 2002-06-18 | Max Abecassis | Replaying with supplementary information a segment of a video |
US7469381B2 (en) | 2007-01-07 | 2008-12-23 | Apple Inc. | List scrolling and document translation, scaling, and rotation on a touch-screen display |
US6847388B2 (en) | 1999-05-13 | 2005-01-25 | Flashpoint Technology, Inc. | Method and system for accelerating a user interface of an image capture unit during play mode |
US6421071B1 (en) | 1999-06-10 | 2002-07-16 | Lucent Technologies Inc. | Synchronous scrolling of time stamped log files |
US8397177B2 (en) | 1999-07-22 | 2013-03-12 | Tavusi Data Solutions Llc | Graphic-information flow method and system for visually analyzing patterns and relationships |
US20010030667A1 (en) | 2000-04-10 | 2001-10-18 | Kelts Brett R. | Interactive display interface for information objects |
US20050055426A1 (en) | 2000-06-12 | 2005-03-10 | Kim Smith | System, method and computer program product that pre-caches content to provide timely information to a user |
US7002583B2 (en) | 2000-08-03 | 2006-02-21 | Stono Technologies, Llc | Display of images and image transitions |
WO2002012990A2 (en) | 2000-08-04 | 2002-02-14 | Copan Inc. | Method and system for presenting digital media |
US6934740B1 (en) | 2000-09-19 | 2005-08-23 | 3Com Corporation | Method and apparatus for sharing common data objects among multiple applications in a client device |
WO2002033541A2 (en) | 2000-10-16 | 2002-04-25 | Tangis Corporation | Dynamically determining appropriate computer interfaces |
US20070226640A1 (en) * | 2000-11-15 | 2007-09-27 | Holbrook David M | Apparatus and methods for organizing and/or presenting data |
US7181684B2 (en) | 2000-12-12 | 2007-02-20 | Oracle International Corporation | Dynamic tree control system |
US8166381B2 (en) | 2000-12-20 | 2012-04-24 | Heart Imaging Technologies, Llc | Medical image management system |
US7139982B2 (en) | 2000-12-21 | 2006-11-21 | Xerox Corporation | Navigation methods, systems, and computer program products for virtual three-dimensional books |
US20080060011A1 (en) | 2000-12-22 | 2008-03-06 | Hillcrest Laboratories, Inc. | Zoomable user interfaces for television |
US6985913B2 (en) * | 2000-12-28 | 2006-01-10 | Casio Computer Co. Ltd. | Electronic book data delivery apparatus, electronic book device and recording medium |
US6868528B2 (en) * | 2001-06-15 | 2005-03-15 | Microsoft Corporation | Systems and methods for creating and displaying a user interface for displaying hierarchical data |
US7039879B2 (en) | 2001-06-28 | 2006-05-02 | Nokia Corporation | Method and apparatus for scrollable cross-point navigation in a user interface |
US20030046693A1 (en) | 2001-08-29 | 2003-03-06 | Digeo, Inc. | System and method for focused navigation within an interactive television user interface |
US7439975B2 (en) | 2001-09-27 | 2008-10-21 | International Business Machines Corporation | Method and system for producing dynamically determined drop shadows in a three-dimensional graphical user interface |
US7480864B2 (en) | 2001-10-12 | 2009-01-20 | Canon Kabushiki Kaisha | Zoom editor |
US6940497B2 (en) * | 2001-10-16 | 2005-09-06 | Hewlett-Packard Development Company, L.P. | Portable electronic reading apparatus |
US7312785B2 (en) | 2001-10-22 | 2007-12-25 | Apple Inc. | Method and apparatus for accelerated scrolling |
US20030093545A1 (en) * | 2001-11-14 | 2003-05-15 | Inventec Tomorrow Work Studio Corporation, Taiwan | Method and system for downloading data to portable electronic device |
US8539344B2 (en) | 2001-11-19 | 2013-09-17 | Ricoh Company, Ltd. | Paper-based interface for multimedia information stored by multiple multimedia documents |
US8635531B2 (en) | 2002-02-21 | 2014-01-21 | Ricoh Company, Ltd. | Techniques for displaying information stored in multiple multimedia documents |
US6948125B2 (en) | 2002-04-25 | 2005-09-20 | International Business Machines Corporation | Computer controlled user interactive display interface implementation for tracking the organization of items in a hierarchical tree of nested categories |
JP4082937B2 (en) | 2002-06-07 | 2008-04-30 | 任天堂株式会社 | GAME SYSTEM AND GAME PROGRAM |
US7181227B2 (en) * | 2002-06-14 | 2007-02-20 | Cingular Wireless Ii, Llc | Data structures and methods for location-based services within a wireless network |
US7441047B2 (en) | 2002-06-17 | 2008-10-21 | Microsoft Corporation | Device specific pagination of dynamically rendered data |
US20040001106A1 (en) | 2002-06-26 | 2004-01-01 | John Deutscher | System and process for creating an interactive presentation employing multi-media components |
US20040145603A1 (en) | 2002-09-27 | 2004-07-29 | Soares Stephen Michael | Online multimedia presentation builder and presentation player |
US6752174B2 (en) | 2002-10-03 | 2004-06-22 | Paul Eric Kristofferson | Safety plug |
US7769794B2 (en) * | 2003-03-24 | 2010-08-03 | Microsoft Corporation | User interface for a file system shell |
CA2525587C (en) | 2003-05-15 | 2015-08-11 | Comcast Cable Holdings, Llc | Method and system for playing video |
KR100500756B1 (en) | 2003-06-27 | 2005-07-11 | 주식회사 디엠에스 | Injector for a glass substrate processing of plat display panel |
US7360157B1 (en) | 2003-09-19 | 2008-04-15 | Microsoft Corporation | Aligning content in an electronic document |
US7743322B2 (en) | 2003-09-30 | 2010-06-22 | Hewlett-Packard Development Company, L.P. | Automatic photo album page layout |
CA2547623C (en) | 2004-01-21 | 2013-07-02 | Vernon W. Sparkes | Pivoting hitch assembly |
US7441204B2 (en) | 2004-02-06 | 2008-10-21 | Microsoft Corporation | Method and system for automatically displaying content of a window on a display that has changed orientation |
US7328411B2 (en) | 2004-03-19 | 2008-02-05 | Lexmark International, Inc. | Scrollbar enhancement for browsing data |
US7694233B1 (en) | 2004-04-30 | 2010-04-06 | Apple Inc. | User interface presentation of information in reconfigured or overlapping containers |
KR100601677B1 (en) | 2004-05-17 | 2006-07-14 | 삼성전자주식회사 | Method of reproducing along with data recorded on storage medium and downloaded data and apparatus thereof |
JP4449587B2 (en) * | 2004-06-09 | 2010-04-14 | 富士フイルム株式会社 | Image mapping method and image mapping program |
US7636891B2 (en) | 2004-08-31 | 2009-12-22 | Research In Motion Limited | Method for paginating a document structure of a document for viewing on a mobile communication device |
US20060059425A1 (en) | 2004-09-14 | 2006-03-16 | Anspach Mark S | Method and apparatus for enabling a user to select hierarchically arranged data in a graphical user interface |
US7890889B2 (en) | 2004-09-27 | 2011-02-15 | Nokia Corporation | User-interface application for media file management |
US8732610B2 (en) | 2004-11-10 | 2014-05-20 | Bt Web Solutions, Llc | Method and apparatus for enhanced browsing, using icons to indicate status of content and/or content retrieval |
US7512898B2 (en) | 2005-04-07 | 2009-03-31 | Microsoft Corporation | User interface with multi-state menu |
JP4533791B2 (en) | 2005-04-19 | 2010-09-01 | 株式会社日立製作所 | Information browsing device |
US20080052742A1 (en) * | 2005-04-26 | 2008-02-28 | Slide, Inc. | Method and apparatus for presenting media content |
JP2006323664A (en) | 2005-05-19 | 2006-11-30 | Sony Corp | Electronic equipment |
US7797641B2 (en) | 2005-05-27 | 2010-09-14 | Nokia Corporation | Mobile communications terminal and method therefore |
US7484182B1 (en) | 2005-06-30 | 2009-01-27 | Adobe Systems Incorporated | Rendition-based graphical layout management |
US7916157B1 (en) | 2005-08-16 | 2011-03-29 | Adobe Systems Incorporated | System and methods for selective zoom response behavior |
US20070073719A1 (en) | 2005-09-14 | 2007-03-29 | Jorey Ramer | Physical navigation of a mobile search application |
US20070088681A1 (en) | 2005-10-17 | 2007-04-19 | Veveo, Inc. | Method and system for offsetting network latencies during incremental searching using local caching and predictive fetching of results from a remote server |
US20070097089A1 (en) * | 2005-10-31 | 2007-05-03 | Battles Amy E | Imaging device control using touch pad |
US7689933B1 (en) | 2005-11-14 | 2010-03-30 | Adobe Systems Inc. | Methods and apparatus to preview content |
US8160400B2 (en) * | 2005-11-17 | 2012-04-17 | Microsoft Corporation | Navigating images using image based geometric alignment and object based controls |
US20070115300A1 (en) | 2005-11-23 | 2007-05-24 | Interactive Investments, Llc | System and method for creation of motor vehicle graphics |
US8006195B1 (en) * | 2005-11-28 | 2011-08-23 | Meta Greek, LLC | Spectrum analyzer interface |
US7663620B2 (en) | 2005-12-05 | 2010-02-16 | Microsoft Corporation | Accessing 2D graphic content using axonometric layer views |
JP4835134B2 (en) * | 2005-12-06 | 2011-12-14 | ソニー株式会社 | Image display device, image display method, and program |
US8549442B2 (en) | 2005-12-12 | 2013-10-01 | Sony Computer Entertainment Inc. | Voice and video control of interactive electronically simulated environment |
US7480870B2 (en) | 2005-12-23 | 2009-01-20 | Apple Inc. | Indication of progress towards satisfaction of a user input condition |
US20080022229A1 (en) | 2005-12-23 | 2008-01-24 | Soujanya Bhumkar | Methods and systems for enhancing internet experiences using previews |
US8000741B2 (en) | 2006-02-13 | 2011-08-16 | Research In Motion Limited | Handheld wireless communication device with chamfer keys |
US7664739B2 (en) | 2006-02-14 | 2010-02-16 | Microsoft Corporation | Object search ui and dragging object results |
US7966573B2 (en) | 2006-02-17 | 2011-06-21 | Microsoft Corporation | Method and system for improving interaction with a user interface |
US8086332B2 (en) | 2006-02-27 | 2011-12-27 | Apple Inc. | Media delivery system with improved interaction |
US7724696B1 (en) * | 2006-03-29 | 2010-05-25 | Amazon Technologies, Inc. | Predictive reader power management |
US8712192B2 (en) | 2006-04-20 | 2014-04-29 | Microsoft Corporation | Geo-coding images |
US20070271367A1 (en) * | 2006-05-09 | 2007-11-22 | Zohar Yardeni | Systems and methods for location-based social web interaction and instant messaging system |
US7996788B2 (en) * | 2006-05-18 | 2011-08-09 | International Apparel Group, Llc | System and method for navigating a dynamic collection of information |
US8015183B2 (en) * | 2006-06-12 | 2011-09-06 | Nokia Corporation | System and methods for providing statstically interesting geographical information based on queries to a geographic search engine |
JP4333704B2 (en) * | 2006-06-30 | 2009-09-16 | アイシン・エィ・ダブリュ株式会社 | Navigation device |
US7844354B2 (en) | 2006-07-27 | 2010-11-30 | International Business Machines Corporation | Adjusting the volume of an audio element responsive to a user scrolling through a browser window |
JP4775179B2 (en) | 2006-08-28 | 2011-09-21 | ソニー株式会社 | Display scroll method, display device, and display program |
US7675518B1 (en) | 2006-09-05 | 2010-03-09 | Adobe Systems, Incorporated | System and method for generating image shadows with ray-coherent integration of extruded transparency maps |
US7864163B2 (en) | 2006-09-06 | 2011-01-04 | Apple Inc. | Portable electronic device, method, and graphical user interface for displaying structured electronic documents |
US8564544B2 (en) | 2006-09-06 | 2013-10-22 | Apple Inc. | Touch screen device, method, and graphical user interface for customizing display of content category icons |
US7689583B2 (en) * | 2006-09-11 | 2010-03-30 | Microsoft Corporation | Flexible data presentation enabled by metadata |
US8564543B2 (en) | 2006-09-11 | 2013-10-22 | Apple Inc. | Media player with imaged based browsing |
AU2007299588B2 (en) | 2006-09-22 | 2012-07-26 | Peter Walker | Method and system for selecting records from a database |
US8725565B1 (en) * | 2006-09-29 | 2014-05-13 | Amazon Technologies, Inc. | Expedited acquisition of a digital item following a sample presentation of the item |
US7667719B2 (en) | 2006-09-29 | 2010-02-23 | Amazon Technologies, Inc. | Image-based document display |
US8756510B2 (en) * | 2006-10-17 | 2014-06-17 | Cooliris, Inc. | Method and system for displaying photos, videos, RSS and other media content in full-screen immersive view and grid-view using a browser feature |
US7934194B2 (en) | 2006-10-17 | 2011-04-26 | The Mathworks, Inc. | User-defined hierarchies of user-defined classes of graphical objects in a graphical modeling environment |
US8473868B1 (en) | 2006-10-27 | 2013-06-25 | Arris Group, Inc. | System and method for reverse hierarchical navigation within a user interface |
US9665597B2 (en) * | 2006-12-05 | 2017-05-30 | Qualcomm Incorporated | Method and system for processing images using time and location filters |
US7663623B2 (en) | 2006-12-18 | 2010-02-16 | Microsoft Corporation | Spherical harmonics scaling |
AU2006252191B2 (en) | 2006-12-21 | 2009-03-26 | Canon Kabushiki Kaisha | Scrolling Interface |
US8276098B2 (en) | 2006-12-22 | 2012-09-25 | Apple Inc. | Interactive image thumbnails |
US20080222540A1 (en) | 2007-03-05 | 2008-09-11 | Apple Inc. | Animating thrown data objects in a project environment |
DE102007015099A1 (en) | 2007-03-29 | 2008-10-02 | Construction Research & Technology Gmbh | Paper valve bag with inner latch |
US20080268876A1 (en) * | 2007-04-24 | 2008-10-30 | Natasha Gelfand | Method, Device, Mobile Terminal, and Computer Program Product for a Point of Interest Based Scheme for Improving Mobile Visual Searching Functionalities |
US7817823B1 (en) | 2007-04-27 | 2010-10-19 | Adobe Systems Incorporated | Calculating shadow from area light sources using a spatially varying blur radius |
US8065603B2 (en) | 2007-04-30 | 2011-11-22 | Google Inc. | Hiding portions of display content |
US8555186B2 (en) | 2007-05-08 | 2013-10-08 | Adobe Systems Incorporated | Interactive thumbnails for transferring content among electronic documents |
US8316392B2 (en) | 2007-06-11 | 2012-11-20 | Yahoo! Inc. | Systems and methods for forecasting ad inventory |
US8763058B2 (en) | 2007-06-28 | 2014-06-24 | Apple Inc. | Selective data downloading and presentation based on user interaction |
US9772751B2 (en) | 2007-06-29 | 2017-09-26 | Apple Inc. | Using gestures to slide between user interfaces |
US9086791B2 (en) | 2007-08-22 | 2015-07-21 | The Trustees Of Columbia University In The City Of New York | Methods, systems, and media for providing content-aware scrolling |
US8884981B2 (en) * | 2007-09-04 | 2014-11-11 | Apple Inc. | Dynamically reconfigurable graphics layer system and method |
US9477395B2 (en) | 2007-09-04 | 2016-10-25 | Apple Inc. | Audio file interface |
US8683378B2 (en) | 2007-09-04 | 2014-03-25 | Apple Inc. | Scrolling techniques for user interfaces |
JP5203655B2 (en) | 2007-09-07 | 2013-06-05 | キヤノン株式会社 | Content display device and display method thereof |
JP2011501289A (en) | 2007-10-16 | 2011-01-06 | ヒルクレスト・ラボラトリーズ・インコーポレイテッド | Fast and smooth scrolling of the user interface running on the thin client |
US8645842B2 (en) * | 2007-11-05 | 2014-02-04 | Verizon Patent And Licensing Inc. | Interactive group content systems and methods |
KR20090050577A (en) | 2007-11-16 | 2009-05-20 | 삼성전자주식회사 | User interface for displaying and playing multimedia contents and apparatus comprising the same and control method thereof |
US8416198B2 (en) | 2007-12-03 | 2013-04-09 | Apple Inc. | Multi-dimensional scroll wheel |
US9569086B2 (en) | 2007-12-12 | 2017-02-14 | Nokia Technologies Oy | User interface having realistic physical effects |
WO2009081478A1 (en) | 2007-12-21 | 2009-07-02 | Fujitsu Limited | Electronic device, control method, and program |
US8875023B2 (en) * | 2007-12-27 | 2014-10-28 | Microsoft Corporation | Thumbnail navigation bar for video |
WO2009087582A1 (en) * | 2008-01-10 | 2009-07-16 | Koninklijke Philips Electronics N.V. | Method of searching in a collection of data items |
US20090199091A1 (en) * | 2008-02-01 | 2009-08-06 | Elmalik Covington | System for Electronic Display of Scrolling Text and Associated Images |
EP2088500A1 (en) | 2008-02-11 | 2009-08-12 | Idean Enterprises Oy | Layer based user interface |
US9418171B2 (en) * | 2008-03-04 | 2016-08-16 | Apple Inc. | Acceleration of rendering of web-based content |
US8997018B2 (en) * | 2008-03-04 | 2015-03-31 | Synaptics Incorporated | Presenting a menu |
US20090249238A1 (en) | 2008-03-28 | 2009-10-01 | International Business Machines Corporation | Automated directing of data to an application |
US8117556B2 (en) | 2008-03-31 | 2012-02-14 | Vistaprint Technologies Limited | Target-alignment-and-drop control for editing electronic documents |
US8612888B2 (en) | 2008-04-01 | 2013-12-17 | Litl, Llc | Method and apparatus for managing digital media content |
US20090271731A1 (en) | 2008-04-27 | 2009-10-29 | Htc Corporation | Electronic device and user interface display method thereof |
AR071981A1 (en) | 2008-06-02 | 2010-07-28 | Spx Corp | WINDOW OF MULTIPLE PRESENTATION SCREENS WITH INPUT FOR CIRCULAR DISPLACEMENT |
US8423889B1 (en) | 2008-06-05 | 2013-04-16 | Amazon Technologies, Inc. | Device specific presentation control for electronic book reader devices |
EP2304588A4 (en) | 2008-06-11 | 2011-12-21 | Teliris Inc | Surface computing collaboration system, method and apparatus |
US8385971B2 (en) * | 2008-08-19 | 2013-02-26 | Digimarc Corporation | Methods and systems for content processing |
US8516385B1 (en) | 2008-08-29 | 2013-08-20 | Adobe Systems Incorporated | Linking objects across states as shared objects |
US8279241B2 (en) | 2008-09-09 | 2012-10-02 | Microsoft Corporation | Zooming graphical user interface |
JP5346941B2 (en) | 2008-09-16 | 2013-11-20 | パナソニック株式会社 | Data display apparatus, integrated circuit, data display method, data display program, and recording medium |
US8194102B2 (en) * | 2008-10-06 | 2012-06-05 | Microsoft Corporation | Rendering annotations for images |
JP4683110B2 (en) | 2008-10-17 | 2011-05-11 | ソニー株式会社 | Display device, display method, and program |
US9928242B2 (en) | 2008-11-05 | 2018-03-27 | Oracle International Corporation | Managing the content of shared slide presentations |
US9201582B2 (en) * | 2008-11-11 | 2015-12-01 | Canon Kabushiki Kaisha | Display control apparatus and display control method |
KR101609162B1 (en) | 2008-11-13 | 2016-04-05 | 엘지전자 주식회사 | Mobile Terminal With Touch Screen And Method Of Processing Data Using Same |
US8365091B2 (en) | 2009-01-06 | 2013-01-29 | Microsoft Corporation | Non-uniform scrolling |
US8806371B2 (en) | 2009-03-26 | 2014-08-12 | Apple Inc. | Interface navigation tools |
WO2010124167A1 (en) * | 2009-04-24 | 2010-10-28 | Google Inc. | System and method of displaying related sites |
US8584027B2 (en) | 2009-06-02 | 2013-11-12 | Apple Inc. | Framework for designing physics-based graphical user interface |
US8493344B2 (en) | 2009-06-07 | 2013-07-23 | Apple Inc. | Devices, methods, and graphical user interfaces for accessibility using a touch-sensitive surface |
US20120327009A1 (en) | 2009-06-07 | 2012-12-27 | Apple Inc. | Devices, methods, and graphical user interfaces for accessibility using a touch-sensitive surface |
JP5172792B2 (en) * | 2009-07-31 | 2013-03-27 | 本田技研工業株式会社 | Membrane-electrode structure for polymer electrolyte fuel cell and polymer electrolyte fuel cell |
JP2011059820A (en) * | 2009-09-07 | 2011-03-24 | Sony Corp | Information processing apparatus, information processing method and program |
KR20110028834A (en) * | 2009-09-14 | 2011-03-22 | 삼성전자주식회사 | Method and apparatus for providing user interface using touch pressure on touch screen of mobile station |
US8416262B2 (en) * | 2009-09-16 | 2013-04-09 | Research In Motion Limited | Methods and devices for displaying an overlay on a device display screen |
US8624933B2 (en) | 2009-09-25 | 2014-01-07 | Apple Inc. | Device, method, and graphical user interface for scrolling a multi-section document |
US8452784B2 (en) * | 2009-10-22 | 2013-05-28 | Nokia Corporation | Method and apparatus for searching geo-tagged information |
US20110122159A1 (en) * | 2009-11-20 | 2011-05-26 | Sony Ericsson Mobile Communications Ab | Methods, devices, and computer program products for providing multi-region touch scrolling |
JP2011108186A (en) * | 2009-11-20 | 2011-06-02 | Sony Corp | Apparatus, method, and program for processing information |
US9081464B2 (en) | 2009-11-20 | 2015-07-14 | Adobe Systems Incorporated | Object selection |
KR20110058089A (en) * | 2009-11-25 | 2011-06-01 | 한국전자통신연구원 | Apparatus and method of managing objects and events by using vector based geographic information system |
CN102096674B (en) * | 2009-12-11 | 2014-01-01 | 华为技术有限公司 | Method, equipment and system for releasing and downloading electronic book |
US20110157051A1 (en) | 2009-12-25 | 2011-06-30 | Sanyo Electric Co., Ltd. | Multilayer display device |
US20110161818A1 (en) * | 2009-12-29 | 2011-06-30 | Nokia Corporation | Method and apparatus for video chapter utilization in video player ui |
US8949734B2 (en) | 2010-01-04 | 2015-02-03 | Verizon Patent And Licensing Inc. | Mobile device color-based content mapping and navigation |
US8698762B2 (en) * | 2010-01-06 | 2014-04-15 | Apple Inc. | Device, method, and graphical user interface for navigating and displaying content in context |
US8736561B2 (en) | 2010-01-06 | 2014-05-27 | Apple Inc. | Device, method, and graphical user interface with content display modes and display rotation heuristics |
US8438504B2 (en) | 2010-01-06 | 2013-05-07 | Apple Inc. | Device, method, and graphical user interface for navigating through multiple viewing areas |
EP3285188A1 (en) * | 2010-01-11 | 2018-02-21 | Apple Inc. | Electronic text manipulation and display |
US8499236B1 (en) * | 2010-01-21 | 2013-07-30 | Amazon Technologies, Inc. | Systems and methods for presenting reflowable content on a display |
KR101087479B1 (en) | 2010-01-29 | 2011-11-25 | 주식회사 팬택 | Multi display device and method for controlling the same |
US8826141B2 (en) * | 2010-02-12 | 2014-09-02 | Blackberry Limited | Image-based and predictive browsing |
US8539384B2 (en) | 2010-02-25 | 2013-09-17 | Microsoft Corporation | Multi-screen pinch and expand gestures |
US8799658B1 (en) | 2010-03-02 | 2014-08-05 | Amazon Technologies, Inc. | Sharing media items with pass phrases |
US9176748B2 (en) | 2010-03-25 | 2015-11-03 | Apple Inc. | Creating presentations using digital media content |
JP5329465B2 (en) | 2010-03-30 | 2013-10-30 | ルネサスエレクトロニクス株式会社 | Level voltage selection circuit, data driver and display device |
US8930498B2 (en) | 2010-03-31 | 2015-01-06 | Bank Of America Corporation | Mobile content management |
US8990702B2 (en) | 2010-09-30 | 2015-03-24 | Yahoo! Inc. | System and method for controlling a networked display |
US8448084B2 (en) | 2010-04-08 | 2013-05-21 | Twitter, Inc. | User interface mechanics |
US9501582B2 (en) | 2010-05-10 | 2016-11-22 | Amazon Technologies, Inc. | Providing text content embedded with protected multimedia content |
US8131898B2 (en) | 2010-05-27 | 2012-03-06 | Adobe Systems Incorporated | Event handling in an integrated execution environment |
US20110291964A1 (en) | 2010-06-01 | 2011-12-01 | Kno, Inc. | Apparatus and Method for Gesture Control of a Dual Panel Electronic Device |
US9542091B2 (en) | 2010-06-04 | 2017-01-10 | Apple Inc. | Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator |
US8819557B2 (en) * | 2010-07-15 | 2014-08-26 | Apple Inc. | Media-editing application with a free-form space for organizing or compositing media clips |
TWI427350B (en) | 2010-07-27 | 2014-02-21 | Tdk Taiwan Corp | Electromagnetic driving apparatus for lens |
WO2012058602A2 (en) | 2010-10-28 | 2012-05-03 | Marshall Monroe | Method and apparatus for organizing and delivering digital media content and inteactive elements |
US8997025B2 (en) | 2010-11-24 | 2015-03-31 | Fuji Xerox Co., Ltd. | Method, system and computer readable medium for document visualization with interactive folding gesture technique on a multi-touch display |
US9183653B2 (en) | 2010-12-14 | 2015-11-10 | Microsoft Technology Licensing, Llc | Extensions for modifying a graphical object to display data |
US9529866B2 (en) | 2010-12-20 | 2016-12-27 | Sybase, Inc. | Efficiently handling large data sets on mobile devices |
US9052806B2 (en) * | 2010-12-20 | 2015-06-09 | Facebook, Inc. | User interface for presenting media items of social networking service in media reel |
US8140404B1 (en) | 2011-01-14 | 2012-03-20 | Amazon Technologies, Inc. | Browsing with static pages |
US9671825B2 (en) | 2011-01-24 | 2017-06-06 | Apple Inc. | Device, method, and graphical user interface for navigating through an electronic document |
US8694903B2 (en) | 2011-03-04 | 2014-04-08 | Verizon Patent And Licensing Inc. | Methods and systems for managing an e-reader interface |
US9075493B2 (en) | 2011-03-07 | 2015-07-07 | Sas Institute, Inc. | Techniques to present hierarchical information using orthographic projections |
US10007402B2 (en) | 2011-03-09 | 2018-06-26 | Apple Inc. | System and method for displaying content |
US9558013B2 (en) | 2011-04-12 | 2017-01-31 | Citrix Systems, Inc. | Responsive scroller controls in server-hosted applications |
US20120266103A1 (en) | 2011-04-15 | 2012-10-18 | Google Inc. | Method and apparatus of scrolling a document displayed in a browser window |
US20120272171A1 (en) | 2011-04-21 | 2012-10-25 | Panasonic Corporation | Apparatus, Method and Computer-Implemented Program for Editable Categorization |
US9182897B2 (en) | 2011-04-22 | 2015-11-10 | Qualcomm Incorporated | Method and apparatus for intuitive wrapping of lists in a user interface |
WO2012147579A1 (en) * | 2011-04-26 | 2012-11-01 | シャープ株式会社 | Display device, display method, display program, and processor |
US8812658B1 (en) * | 2011-05-20 | 2014-08-19 | Amazon Technologies, Inc. | Pre-fetching of network page content |
US8893184B2 (en) | 2011-07-15 | 2014-11-18 | Intel Corporation | Mechanism for facilitating multiple multimedia viewing planes in media display systems |
US9766782B2 (en) * | 2011-08-19 | 2017-09-19 | Apple Inc. | Interactive content for digital books |
EP2592828A1 (en) | 2011-11-09 | 2013-05-15 | OpenTV, Inc. | Apparatus and method for navigating an electronic program guide |
US20130073364A1 (en) * | 2011-09-16 | 2013-03-21 | Ysk Media Ltd. | Method of Downloading Contents |
US9026934B1 (en) * | 2011-09-29 | 2015-05-05 | Amazon Technologies, Inc. | Dynamic character biographies |
GB201118784D0 (en) | 2011-10-31 | 2011-12-14 | Omnifone Ltd | Djml |
EP2587361A3 (en) | 2011-10-25 | 2016-05-11 | Samsung Electronics Co., Ltd | Method and apparatus for displaying e-book in terminal having function of e-book reader |
US9324183B2 (en) | 2011-11-29 | 2016-04-26 | Apple Inc. | Dynamic graphical interface shadows |
US9400600B2 (en) | 2011-12-16 | 2016-07-26 | Samsung Electronics Co., Ltd. | Method, apparatus, and graphical user interface for providing visual effects on a touchscreen display |
US8718613B2 (en) | 2012-01-17 | 2014-05-06 | Daniel TOW | Remote viewing apparatus for smartphone |
US8930992B2 (en) | 2012-01-19 | 2015-01-06 | Sony Corporation | TV social network advertising |
US9645724B2 (en) | 2012-02-01 | 2017-05-09 | Facebook, Inc. | Timeline based content organization |
US9552147B2 (en) | 2012-02-01 | 2017-01-24 | Facebook, Inc. | Hierarchical user interface |
US9557876B2 (en) | 2012-02-01 | 2017-01-31 | Facebook, Inc. | Hierarchical user interface |
KR102024587B1 (en) | 2012-02-02 | 2019-09-24 | 엘지전자 주식회사 | Mobile terminal and method for controlling thereof |
US9864482B2 (en) | 2012-03-13 | 2018-01-09 | Cognilore Inc. | Method of navigating through digital content |
US9454303B2 (en) | 2012-05-16 | 2016-09-27 | Google Inc. | Gesture touch inputs for controlling video on a touchscreen |
US9429435B2 (en) * | 2012-06-05 | 2016-08-30 | Apple Inc. | Interactive map |
US8904304B2 (en) * | 2012-06-25 | 2014-12-02 | Barnesandnoble.Com Llc | Creation and exposure of embedded secondary content data relevant to a primary content page of an electronic book |
US9880703B2 (en) | 2012-08-07 | 2018-01-30 | Nook Digital, Llc | Electronic bookshelf system |
US9569083B2 (en) | 2012-12-12 | 2017-02-14 | Adobe Systems Incorporated | Predictive directional content queue |
US20140258849A1 (en) | 2013-03-06 | 2014-09-11 | Google Inc. | Automatic Alignment of a Multi-Dimensional Layout |
US9317188B2 (en) | 2013-03-15 | 2016-04-19 | Arris Enterprises, Inc. | Devices and methods for providing navigation images associated with adaptive bit rate video content |
KR102131824B1 (en) | 2013-05-14 | 2020-07-09 | 엘지전자 주식회사 | Display device and method for controlling the same |
KR20150002312A (en) * | 2013-06-28 | 2015-01-07 | 삼성전자주식회사 | Page display method and electronic device implementing the same |
US9542407B2 (en) * | 2013-09-30 | 2017-01-10 | Blackberry Limited | Method and apparatus for media searching using a graphical user interface |
-
2012
- 2012-06-04 US US13/487,805 patent/US9552147B2/en active Active
- 2012-06-04 US US13/488,076 patent/US9235318B2/en not_active Expired - Fee Related
- 2012-06-04 US US13/487,765 patent/US9235317B2/en active Active
- 2012-06-04 US US13/488,039 patent/US9229613B2/en active Active
- 2012-06-05 US US13/489,265 patent/US8984428B2/en active Active
- 2012-06-05 US US13/489,172 patent/US20130198261A1/en not_active Abandoned
- 2012-06-06 US US13/490,367 patent/US20130198668A1/en not_active Abandoned
- 2012-06-06 US US13/490,343 patent/US8990691B2/en active Active
- 2012-06-07 US US13/491,100 patent/US9239662B2/en active Active
- 2012-06-07 US US13/490,736 patent/US9003305B2/en active Active
- 2012-07-23 US US13/555,607 patent/US9007371B2/en active Active
- 2012-07-23 US US13/555,845 patent/US8976199B2/en active Active
- 2012-07-23 US US13/555,909 patent/US9098168B2/en not_active Expired - Fee Related
- 2012-07-23 US US13/555,876 patent/US9606708B2/en active Active
- 2012-07-23 US US13/555,657 patent/US8990719B2/en active Active
-
2014
- 2014-12-12 US US14/569,475 patent/US20150100924A1/en not_active Abandoned
- 2014-12-16 US US14/572,405 patent/US10775991B2/en active Active
-
2015
- 2015-12-07 US US14/961,227 patent/US10613733B2/en active Active
-
2017
- 2017-01-23 US US15/412,347 patent/US20170131889A1/en not_active Abandoned
- 2017-02-01 US US15/421,725 patent/US20170192661A1/en not_active Abandoned
- 2017-03-27 US US15/470,652 patent/US20170199641A1/en not_active Abandoned
-
2020
- 2020-03-20 US US16/824,893 patent/US11132118B2/en active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080168377A1 (en) * | 2007-01-05 | 2008-07-10 | Verizon Data Services Inc. | Content level navigation systems and methods |
US20080168384A1 (en) * | 2007-01-07 | 2008-07-10 | Andrew Platzer | Application Programming Interfaces for Scrolling Operations |
US20090167509A1 (en) * | 2007-12-31 | 2009-07-02 | Apple Inc. | Tactile feedback in an electronic device |
US20110202834A1 (en) * | 2010-02-12 | 2011-08-18 | Microsoft Corporation | Visual motion feedback for user interface |
Also Published As
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9229613B2 (en) | Transitions among hierarchical user interface components | |
AU2017200737B2 (en) | Multi-application environment | |
JP6296996B2 (en) | Select thumbnail image for application | |
CA2983525C (en) | Positioning of components in a user interface | |
US20150339006A1 (en) | Asynchronous Preparation of Displayable Sections of a Graphical User Interface | |
WO2012166183A1 (en) | Multi-application environment | |
US20190250790A1 (en) | Managing content displayed on a touch screen enabled device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
STPP | Information on status: patent application and granting procedure in general |
Free format text: DOCKETED NEW CASE - READY FOR EXAMINATION |
|
STPP | Information on status: patent application and granting procedure in general |
Free format text: NON FINAL ACTION MAILED |
|
STPP | Information on status: patent application and granting procedure in general |
Free format text: FINAL REJECTION MAILED |
|
STPP | Information on status: patent application and granting procedure in general |
Free format text: RESPONSE TO NON-FINAL OFFICE ACTION ENTERED AND FORWARDED TO EXAMINER |
|
STPP | Information on status: patent application and granting procedure in general |
Free format text: FINAL REJECTION MAILED |
|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- FAILURE TO RESPOND TO AN OFFICE ACTION |
|
AS | Assignment |
Owner name: META PLATFORMS, INC., CALIFORNIA Free format text: CHANGE OF NAME;ASSIGNOR:FACEBOOK, INC.;REEL/FRAME:058741/0061 Effective date: 20211028 |