Classifications

• • G—PHYSICS
  • G06—COMPUTING OR CALCULATING; 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/03—Arrangements for converting the position or the displacement of a member into a coded form
  • G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
  • G06F3/0362—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of one-dimensional [1D] translations or rotations of an operating part of the device, e.g. scroll wheels, sliders, knobs, rollers or belts
• • G—PHYSICS
  • G04—HOROLOGY
  • G04G—ELECTRONIC TIME-PIECES
  • G04G21/00—Input or output devices integrated in time-pieces
• • G—PHYSICS
  • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; 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
• • G—PHYSICS
  • G06—COMPUTING OR CALCULATING; COUNTING
  • G06F—ELECTRIC DIGITAL DATA PROCESSING
  • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
  • G06F2203/048—Indexing scheme relating to G06F3/048
  • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Definitions

• the disclosed embodiments relate generally to user interfaces of electronic devices, including but not limited to user interfaces for electronic watches.
• Advanced personal electronic devices can have small form factors.
• Exemplary personal electronic devices include but are not limited to tablets and smart phones. Uses of such personal electronic devices involve manipulation of user interface objects on display screens which also have small form factors that complement the design of the personal electronic devices.
• Exemplary manipulations that users can perform on personal electronic devices include navigating a hierarchy, selecting a user interface object, adjusting the position, size, and zoom of user interface objects, or otherwise manipulating user interfaces.
• Exemplary user interface objects include digital images, video, text, icons, control elements such as buttons, and other graphics.
• FIG. 1 illustrates an exemplary personal electronic device.
• FIG. 2 illustrates an exemplary user interface
• FIG. 3 illustrates an exemplary user interface.
• FIG. 4 illustrates an exemplary user interface.
• FIG. 5 illustrates an exemplary user interface.
• FIG. 6 illustrates an exemplary user interface.
• FIG. 7 illustrates an exemplary user interface.
• FIG. 8 illustrates an exemplary user interface.
• FIG. 9 illustrates an exemplary logical structure of a user interface.
• FIG. 10 illustrates an exemplary user interface.
• FIG. 11 illustrates an exemplary user interface.
• FIG. 12 illustrates an exemplary user interface.
• FIG. 13 illustrates an exemplary user interface transition.
• FIG. 14 illustrates an exemplary user interface.
• FIG. 15 illustrates an exemplary user interface.
• FIG. 16 illustrates an exemplary user interface transition.
• FIG. 17 illustrates an exemplary user interface.
• FIG. 18 illustrates an exemplary user interface.
• FIG. 19 illustrates an exemplary user interface transition.
• FIG. 20 illustrates an exemplary user interface.
• FIG. 21 illustrates an exemplary user interface.
• FIG. 22 illustrates an exemplary user interface and transition.
• FIG. 23 illustrates an exemplary user interface.
• FIG. 24 illustrates an exemplary user interface and transition.
• FIG. 25 A and FIG. 25B illustrate an exemplary user interface.
• FIG. 26 illustrates an exemplary user interface.
• FIG. 27 illustrates an exemplary user interface and transition.
• FIG. 28 illustrates an exemplary user interface.
• FIG. 29 illustrates an exemplary user interface.
• FIG. 30 illustrates an exemplary user interface and transition.
• FIG. 31 illustrates an exemplary user interface.
• FIG. 32 illustrates an exemplary user interface.
• FIG. 33 illustrates an exemplary user interface.
• FIG. 34 illustrates an exemplary user interface.
• FIG. 35 illustrates an exemplary process.
• FIG. 36 illustrates an exemplary computing system.
• FIG. 37 illustrates an exemplary personal electronic device.
• FIG. 38 illustrates an exemplary personal electronic device.
• FIG. 39 illustrates an exemplary personal electronic device.
• FIG. 40 illustrates an exemplary user interface.
• FIG. 41 illustrates an exemplary logical structure of a user interface.
• FIG. 42 illustrates an exemplary user interface.
• FIG. 1 illustrates exemplary personal electronic device 100.
• device 100 is a watch that generally includes body 102 and strap 104 for affixing device 100 to the body of a user. That is, device 100 is wearable. Body 102 can designed to couple with straps 104.
• Device 100 can have touch-sensitive display screen (hereafter touchscreen) 106 and crown 108.
• device 100 can have one or more buttons 110, 112, and 114. In some embodiments, device 100 does not have buttons 110, 112, nor 114.
• the term "crown,” in the context of a watch, refers to the cap atop a stem for winding the watch.
• the crown can be a physical component of the electronic device, rather than a virtual crown on a touch sensitive display.
• Crown 108 can be mechanical meaning that it can be connected to a sensor for converting physical movement of the crown into electrical signals. Crown 108 can rotate in two directions of rotation (e.g., forward and backward). Crown 108 can also be pushed in towards the body of device 100 and/or be pulled away from device 100.
• Crown 108 can be touch- sensitive, for example, using capacitive touch technologies that can detect whether a user is touching the crown.
• body 102 which can include a bezel, may have predetermined regions on the bezel that act as buttons.
• Touchscreen 106 can include a display device, such as a liquid crystal display (LCD), light-emitting diode (LED) display, organic light- emitting diode (OLED) display, or the like, positioned partially or fully behind or in front of a touch sensor panel implemented using any desired touch sensing technology, such as mutual-capacitance touch sensing, self-capacitance touch sensing, resistive touch sensing, projection scan touch sensing, or the like. Touchscreen 106 can allow a user to perform various functions by couching over hovering near the touch sensor panel using one or more fingers or other object.
• LCD liquid crystal display
• LED light-emitting diode
• OLED organic light- emitting diode
• Touchscreen 106 can allow a user to perform various functions by couching over hovering near the touch sensor panel using one or more fingers or other object.
• device 100 can further include one or more pressure sensors (not shown) for detecting a force or pressure applied to the display.
• the force or pressure applied to touchscreen 106 can be used as an input to device 100 to perform any desired operation, such as making a selection, entering or exiting a menu, causing the display of additional options/actions, or the like.
• different operations can be performed based on the amount of force or pressure being applied to touchscreen 106.
• the one or more pressure sensors can further be used to determine a position that the force is being applied to touchscreen 106.
• FIGs. 2-7 illustrate exemplary user interfaces that respond to movements of crown 108 (FIG. 1).
• FIG. 2 shows exemplary screen 200 that can be displayed by device 100.
• Screen 200 can be, for example, a home screen that appears upon power-on of device 100 or that appears initially when the touchscreen display of device 100 powers-on (including wake up from a sleep state).
• Icons 204, 206, and 208 can be displayed in screen 200.
• the icons can correspond to applications operable on device 100, meaning that the applications can be installed onto and/or can execute as a service on device 100.
• a touch (e.g., a finger tap) on an icon causes the corresponding application to launch, meaning that the application runs in the foreground of device 100 and appears on touchscreen 106.
• the icons can correspond to text documents, media items, web pages, e-mail messages, or the like.
• Device 100 can select icons 204, 206, and 208 out of larger set of available icons for display on screen 200 because these icons have information relevant to the user at the current time.
• icon 204 can correspond to a messaging application in which the user has just received an incoming message
• icon 206 can correspond to a calendar application where the user has an upcoming calendar appointment entry.
• FIG. 3 shows exemplary screen 300, which can be displayed by device 100 in response to a rotation of crown 108 in direction 302 while screen 200 (FIG. 2) is displayed.
• Screen 300 can show, for example, a user's favorite icons, selected previously by the user from a larger set of available icons.
• screen 300 can include icons, selected from the larger set of available icons, by device 100 based on a user's frequency of access of the icons.
• Exemplary icons 304, 306, 308, 310, and 312 displayed in screen 300 can each correspond to an application operable on device 100.
• a touch e.g., a finger tap
• FIG. 4 shows exemplary screen 400, which can be displayed by device 100 in response to a rotation of crown 108 in direction 402 while screen 300 (FIG. 3) is displayed.
• Screen 400 can show, for example, icons corresponding to all of the applications operable on device 100. Because a large number of applications can be operable on device 100, screen 400 can include a large number of icons. When many icons are displayed, the icons can be sized accordingly so that they can fit within touchscreen 106, or sized so that at least a representative number or predetermined percentage of icons can fit visibly within touchscreen 106.
• FIG. 5 shows exemplary screen 500, which can be displayed by device 100 in response to a rotation of crown 108 in direction 502 while screen 400 (FIG. 4) is displayed.
• Screen 500 can show, for example, icons corresponding to a subset of the applications operable on device 100. Because fewer icons are displayed on screen 500 as compared with screen 400, the icons that are displayed on screen 500, e.g., icon 504, can become larger and can have additional fidelity as compared with the display of icons on screen 400.
• icons on screen 500 can have indicia, in the form of text and/or imagery, identifying its corresponding application. As shown, icon 504 uses the letter "c" to suggest the name of the corresponding application begins with a "c", as in clock.
• a touch e.g., a finger tap
• FIG. 6 shows exemplary screen 600, which can be displayed by device 100 in response to a rotation of crown 108 in direction 602.
• Screen 600 can show, for example, a further winnowed subset of icons, as compared with screen 500, that correspond to applications operable on device 100.
• the icons that are displayed e.g., icon 604
• icon 604 can have the image of a clock that displays the current time.
• a touch e.g., a finger tap
• FIGs. 7 and 8 show exemplary screens 700 and 800, respectively, that can be displayed by device 100 in response to a rotation of crown 108 in direction 702 while screen 600 (FIG. 6) is displayed.
• screen 700 can be displayed in response to crown rotation in direction 702 when screen 600 (FIG. 6) is displayed. Because a single icon 704 is displayed on screen 700, icon 704 can have additional fidelity as compared with the previous screens. For example, icon 704 can have the image of a clock that displays day-date information along with the current time. A touch (e.g., a finger tap) on icon 704 causes the corresponding application to launch.
• a touch e.g., a finger tap
• screen 800 can be displayed in response to crown rotation in direction 802 when screen 600 (FIG. 6) is displayed.
• Screen 800 shows application 804, which corresponds to icon 704 (FIG. 7), operating in the foreground of device 100. That is, application 804 launched in response to crown rotation in direction 802.
• Exemplary application 804 can be a clock application that provides alarm features. Also, in some embodiments, screen 800 becomes displayed in response to crown rotation in direction 802 when screen 700 FIG. 7) is displayed.
• Screens 200-700 (FIGs. 2-7) described above can be logically organized as planes of information along an axis. Under this organization, a given screen of icons can be thought of as a plane, defined by two axes (e.g., x- and y-axes), having icons spatially positioned thereon. Multiple planes can be organized along a third axis orthogonal to at least one of the x- or y-axes, called the z-axis. (The z-axis can be perpendicular to the plane formed by the x- and y-axes.)
• FIG. 9 This logical organization is illustrated by FIG. 9, in which x-axis 902 and y-axis 904 form a plane co-planar with the touchscreen screen surface of device 100 (FIG. 1) and z-axis 906 is perpendicular to the x/y-plane formed by axes 902 and 904.
• Plane 908 can correspond to screen 200 (FIG. 2).
• Plane 910 can correspond to screen 300 (FIG. 3).
• Plane 912 can represent the collection of icons that represent the operable applications of a personal electronic device.
• different viewpoints of plane 912 can correspond to screens 400-700 (FIGs. 4-7).
• Planes 908 and 910 can be related to plane 912 in that planes 908 and 910 can each include a subset of the icons available on plane 912.
• the particular plane of information i.e., screen of icons
• crown movement can be used to traverse the planes of information intersecting z-axis 906, or to provide alternative views of a given plane (e.g., plane 912).
• the displayed information e.g., screen of icons
• the displayed information produces a rubberband effect to indicate that the end has been reached.
• the displayed collection of icons shrink (to the extent possible) in accordance with the crown movement until the movement stops.
• the displayed icons return from their shrunken size back to their normal size via on-screen animation, thereby producing the visual effect of rubberbanding.
• planes 908 and 910 can contain entire different icons out of those icons available on a personal electronic device, but yet the different planes of information can be accessed efficiently by a user.
• screens 200-700 can be logically organized as subsets of information belonging to different modal states of a personal electronic device.
• screens 200 and 300 can correspond to first and a second modal state of the device, and screens 400-700 can correspond to a third modal state, for example.
• the personal electronic device can cycle through modal states in response to crown pushes, and can display screens 200 or 300 in the first and second modal states, respectively.
• modal states may be cycled using buttons 110, 112, or 114.
• the device can switch from the display of one screen (e.g., 300) to another screen (e.g., 400) based on crown rotation.
• On-screen user interface elements such as paging dots, can be used to indicate the availability of additional screens for display within a particular modal state.
• Device 100 can consider the angular velocity of rotation of crown 108 (FIG. 1) in determining whether one screen of icons should be replaced with another screen of icons. Specifically, device 100 can require crown 108 to rotate above a predetermined angular velocity before changing the display of one screen of icons to another. In this way, while slow rotations of crown 108 that are unintended by a user can still cause device 100 to receive crown input indicating angular displacement, the displacement need not be interpreted as having sufficient velocity to cause user interface updates that are unintended.
• the selection of predetermined angular velocities for this purpose can depend on a number of factors, such as the density of icons currently displayed, the visual arrangement of icons currently displayed, and so forth.
• the minimum angular velocity of crown rotation that is necessary to switch between screens of icons corresponds directly to the instantaneous angular velocity of crown 108 (FIG. 1), meaning that the user interface of device 100, in essence, responds when crown 108 reaches a sufficient angular velocity.
• the minimum angular velocity of crown rotation necessary for switching between screens of icons is a calculated velocity that is based on, but not directly equal to, the instantaneous ("current") angular velocity of crown 108.
• device 100 can maintain a calculated crown (angular) velocity V in discrete moments in time T according to equation 1 : T-V(T-I) + AVCROWN - AVDRAG- (EQ. 1)
• V T represents a calculated crown velocity (speed and direction) at time T
• V(T-i) represents the previous velocity (speed and direction) at time T-l
• AV CROWN represents the change in velocity caused by the force being applied through the rotation of the crown at time T
• AV DRAG represents the change in velocity due to a drag force.
• the force being applied, which is reflected through AV CROWN can depend on the current velocity of angular rotation of the crown.
• AV CROWN can also depend on the current angular velocity of the crown.
• device 100 can provide user interface interactions based not only on instantaneous crown velocity but also based on user input in the form of crown movement over multiple time intervals, even if those intervals are finely divided.
• V T will approach (and become) zero based on AV DRAG in accordance with EQ. 1, but V T would not change signs without user input in the form of crown rotation (AVCROWN)-
• the greater the velocity of angular rotation of the crown the greater the value of AV CROWN will be.
• the actual mapping between the velocity of angular rotation of the crown and AV CROWN can be varied depending on the desired user interface effect. For example, various linear or non-linear mappings between the velocity of angular rotation of the crown and AV CROWN can be used. In another example, the mapping can depend on the number of icons and/or icon arrangement currently being displayed.
• AV DRAG can take on various values.
• AV DRAG can depend on the velocity of crown rotation such that at greater velocities, a greater opposing change in velocity (AV DRAG ) can be produced.
• AV DRAG can have a constant value.
• AV DRAG can be based on the number of current displayed icons and/or the currently displayed icon arrangement. It should be appreciated that the above-described requirements of AV CROWN and AV DRAG can be changed to produce desirable user interface effects.
• V T the maintained velocity
• V T can have non-zero values even when no AV CROWN input is being received, meaning that user interface screens can continue to change without the user rotating the crown.
• screens can stop changing based on the maintained velocity at the time the user stops rotating the crown and the AV DRAG component.
• the V (T -I ) component when the crown is rotated in a direction corresponding to a rotation direction that is opposite the current user interface changes, the V (T -I ) component can be reset to a value of zero, allowing the user to quickly change the direction of the screen changes without having to provide a force sufficient to offset the V T .
• different physical crown states other than rotation of the crown are used to navigate through displayed icons.
• Icons can take on various visual appearances.
• icons can be rectangular in shape, as shown in FIG. 10.
• icons can be circular, as shown in FIGs. 2-7.
• icons can take on various spatial arrangement schemes, meaning that icons can be arranged along the rows and columns of an invisible grid.
• Grids can be symmetrical or nonsymmetrical. In FIG. 10, a symmetrical grid is used, for example. In FIG. 5, a non- symmetrical grid having x icons arranged on a first row and y icons arranged along a second row is used, for example.
• FIG. 11 illustrates a radial icon arrangement scheme where circular icons are aligned along the circumference of invisible circles 1102 and 1104 of different diameters.
• Invisible circles 1102 and 1104 are, but need not be, concentric.
• Icons, such as icon 1106, arranged along different invisible circles can have different sizes.
• icons arranged along invisible circle 1102 are closer to the center of device 100 and are larger than those arranged along invisible circle 1104.
• icons in a radial arrangement can be arranged along more than two invisible circles.
• the distance that a particular icon is position from the center of the radial icon arrangement can depend on different factors. For example, the distance can be proportional to frequency of use of the icon; an icon that is used frequently is closer to the center. As another example, the distance can depend on whether an incoming notification has been received for (the application corresponding to) the icon. As another example, the distance can be user-defined, or can be otherwise determined by device 100 (i.e., curated).
• FIG. 25A illustrates an arrangement of icons into icon groups.
• four groups of icons including icon group 2512, are displayed.
• the icons within group 2512 can be displayed in enlarged form.
• the icons within group 2512, including icon 2516 are displayed in enlarged form.
• FIG. 25B illustrates an arrangement of application functionalities into groups.
• the four icons of icon group 2512 are displayed on grid 2506.
• a selection of icon 2516 e.g., via finger tap 2518
• the size and shape of icon groups can be organic or defined. Icon groups that are defined, such as icon group 2512 in grid 2502 (FIG. 25 A), share a predefined group size and group shape. Organic icon groups, shown in FIG. 42, can be of a user-defined group size and/or group shape. For example, icon groups 4204 and 4206 in grid 4202 are of different user-defined shapes and sizes. In some embodiments, organic icon groups are defined using software running on a computer external to the personal electronic device and downloaded onto the personal electronic device.
• FIG. 30 illustrates an icon arrangement scheme where icons are arranged similar to pages of a rolodex.
• Pages of exemplary rolodex 3002 can flip in response to crown rotation.
• page (icon) 3004 can flip downward onto page (icon) 3006 in response to a crown rotation.
• FIG. 32 illustrates an icon arrangement scheme in the form of a thumbnailed list 202.
• Icon 3204 within exemplary thumbnailed list 3202 can have corresponding thumbnail 3206.
• the icons of thumbnailed list 3202 can be traversed via crown rotation.
• a specific icon, such as icon 3204, can be selected directly for display by touching corresponding thumbnail 3206.
• FIG. 33 illustrates an arrangement scheme where icons are aligned with the surface of an invisible sphere or polyhedron. Icons on the foreground surface of the invisible sphere, such as icon 3302, can be displayed. Icons on the far side of the invisible sphere's surface are not displayed. The invisible sphere can rotate in response to crown rotation and/or touchscreen input, thereby changing the specific icons that are displayed.
• device 100 can use one or more of the icon arrangement schemes described above.
• the particular arrangement(s) used by device 10 can be user-selected and/or system- selected. That is, a user may be permitted to identify one or more preferred arrangements for display. Also, arrangements can be selected by device 100 based on criteria such as the total number of applications installed on the device, the number frequently accessed icons, and so forth.
• the specific ordering and placement of icons within a particular icon arrangement scheme can be user-selected and/or system-selected. For example, a user can be permitted to specify the position of an icon on a given screen.
• icon placement can be determined by device 100 (i.e., curated) based on criteria such as the frequency of use of particular icons, a calculated relevance, and so forth.
• FIGs. 12-14 illustrate a rearrangement of displayed icons in response to crown rotation.
• nine icons are displayed along a 3-by- 3 symmetric grid 1202.
• Icon 1204 is displayed in the top-right position of grid 1202.
• a rotation of crown 108 can cause device 100 to reduce the number of displayed icons.
• a rotation of crown 108 can cause device 100 to display a 2-by-2 grid, thereby reducing the number of displayed icons.
• FIG. 13 illustrates an exemplary transition to a 2-by-2 grid in response to a crown rotation in direction 1302.
• icon 1204 is translated visibly on-screen from its top- right position in the 3-by-3 grid of FIG. 12 to its new position in the 2-by-2 grid to be displayed. Specifically, as shown in FIG. 14, icon 1204 is translated to the lower-left corner of 2-by-2 grid 1402. Further, icons that are to remain displayed in the 2-by-2 grid after the transition from grid 1202 are enlarged and positioned into the 2-by-2 grid 1402.
• FIGs. 15-17 illustrate another rearrangement of icons in response to crown rotation.
• nine icons are displayed along a 3-by-3 symmetric grid 1502.
• Icon 1504 is displayed in the top-right position of grid 1502.
• icon 1504 is translated off-screen from its position in grid 1502 (FIG. 15) while it is translated into its new position in the 2-by-2 grid to be displayed.
• icon 1504 can be split into two portions that are displayed in two separate, non-abutting positions of the touchscreen of device 100.
• icon 1504 While one portion of icon 1504 remains partially displayed in the top-right corner as icon 1504 is translated offscreen, the remaining portion of 1504 is partially displayed in the lower-left corner as it is translated on-screen. As shown in FIG. 17, icon 1504 is translated to the lower- left corner of 2- by-2 grid 1702. Further, icons that are to remain displayed in the 2-by-2 grid after the transition from grid 1502 are enlarged and positioned into the 2-by-2 grid 1702.
• FIGs. 18-20 illustrate another rearrangement of icons in response to crown rotation.
• nine icons are displayed along a 3-by-3 symmetric grid 1802.
• FIG. 19 in response to crown rotation 1902, the icons along the right and bottom boundaries of grid 1802 (FIG. 18) are removed from display while the remaining icons are enlarged.
• the remaining icons are displayed enlarged as shown in grid 2002 of FIG. 20.
• the icon displayed in the upper-left corner i.e., marked "A"
• the icon displayed in the upper-left corner is anchored, meaning that the above- described transitions do not cause the icon to move away from the upper-left corner. It is possible, however, to unanchor such an icon through user input, as discussed below.
• FIG. 21 illustrates a rearrangement of icons in response to touchscreen input.
• icon 2106 is displayed in the bottom row of 4-by-4 grid 2012.
• 3-by-3 grid 2108 is displayed with icon 2106 enlarged in the center.
• FIG. 21 also illustrates an update of displayed icons in response to crown rotation.
• icon 2106 is further enlarged and becomes the only icon displayed on-screen.
• grid 4002 includes a number of icons arranged in a radial arrangement.
• a number of icons are enlarged to at different levels of magnification.
• the enlarging of icon 4004 can cause adjacent icons 4006 and 4008 to move away from icon 4004 so the icons do not block each other from view.
• FIG. 24 illustrates icon movements that account for interaction between icons and grid boundaries.
• a number of icons are displayed according to non- symmetrical grid 2402.
• the displayed icons include uncompressed icons 2408.
• icons on the right boundary of grid 2402 can be compressed into compressed icons 2406 so that icons from the left side of grid 2402 are more predominately displayed either in enlarged or unenlarged form.
• icons that are on the left boundary of grid 2402 can be compressed into compressed icons 2412 so that icons from the right side of grid 2402 are more predominately displayed.
• the above-described interaction allows all, or substantially all, icons to be simultaneously displayed while allowing a user to easily view and select an icon. Note that this compression may occur in a symmetrical grid, although not shown.
• the icons that are arranged between the inner circle 3402 and outer circle 3400 can be resize based on the available spacing between inner circle 3402 and outer circle 3400, the number of icons being displayed, and the sizes of adjacent icons. For example, in response to the rightward panning of circle 3402, icon 3404 can increase in size, and the enlarging of icon 3404 can cause icon 3408 to decrease in size.
• displayed icons can be programmed to move onscreen to prevent screen burn-in.
• icon arrangements can respond to multi-touch gestures. For example, a two-finger downward gesture on the touchscreen of device 100 (FIG. 1) can cause the display of system information such as a status bar. As another example, a two-finger gesture in which the two fingers move in opposite directions can configure device 100 (FIG. 1) for left-handed or right-handed use.
• home screen 200 can display system-generated information such as alerts. For example, home screen 200 can display a reminder that the user has sat for an extended duration and exercise is in order. Also, screen 200 can display a suggestion for rest because the user has a busy calendar for the next morning. Also turning back to FIG. 3, screen 300 can be displayed when device 100 is coupled with a dock.
• system-generated information such as alerts. For example, home screen 200 can display a reminder that the user has sat for an extended duration and exercise is in order. Also, screen 200 can display a suggestion for rest because the user has a busy calendar for the next morning. Also turning back to FIG. 3, screen 300 can be displayed when device 100 is coupled with a dock.
• FIG. 26 illustrates the use of wallpaper 2602 to aid user navigation in a grid of icons.
• grid 2600 has a relatively large number of icons.
• crown rotation 2604 a subset of the icons from grid 2600 is enlarged and displayed in grid 2606.
• the corresponding portion of wallpaper 2602 displayed in the background of the subset is also displayed, meaning that, for example, if icons from the upper-left quadrant of grid 2600 become displayed in grid 2606, then the upper-left quadrant of wallpaper 2602 is also displayed with grid 2606.
• device 100 can display another subset of icons from grid 2600.
• FIG. 27 illustrates an exemplary arrangement of icons where the arrangement provides information, for example current time information, to a user.
• the arrangement can be displayed in response to crown movement.
• the arrangement can be displayed after a predetermined period of user input inactivity.
• screen 2702 which uses icons in small sizes to show the current time, can be displayed after a predetermined period of user input inactivity.
• screen 2702 can transition through screens 2704 and 2706 to screen 2708, which shows a grid of icons.
• FIG. 28 illustrates an exemplary arrangement of icons (grid 2802) where the color and/or intensity of displayed icons can change in response to incoming information.
• icon 2804 corresponding to a messaging application can blink or glow when a new message arrives.
• the blink or glow can correspond to the popularity of an application in an application store or frequency of use of the application in a larger ecosystem of users.
• the icons of grid 2802 can show icons representing a larger set of applications available in an application store, beyond those applications that are installed
• FIG. 29 illustrates an exemplary display of a contextual message.
• a contextual message can be displayed in response to detection of a user's touch of crown 108.
• a contextual message indicates the current functionality of crown 108, which can take on different functions depending on the application that is currently operating in the foreground of device 100. For example, when a music application is operating in the foreground of device 100, a touch on crown 108 can result in the display of contextual message 2902 in the form of a volume indicator, which can indicate to a user that the current functionality of crown 108 is volume control.
• FIG. 35 depicts exemplary process 3500 for providing the user interface techniques described above.
• input based on crown movement and/or crown touch is received.
• the crown movement can be a rotation, a push, and/or a pull.
• a decision is made based on the type of crown movement represented by the received input. If the received input represents a crown rotation, processing proceeds to block 3530. If the received input represents a crown push or pull, processing proceeds to block 3550. If the received input represents a crown touch (without a rotation or a push/pull), processing proceeds to block 3560.
• the currently displayed screen and its corresponding position along z-axis 906 (FIG. 9) can be determined.
• an adjacent level of information along the z-axis 906 can be determined.
• the adjacent level can be determined based on the direction of the crown rotation that is represented by the received input.
• a corresponding grid of icons such as those illustrated by each of FIGs. 4-7, can be displayed.
• a home screen such as the exemplary screen 200 of FIG. 2
• a user-favorites screen such as the exemplary screen 300 of FIG. 3, can be displayed.
• a contextual message such as the exemplary contextual message 2902 of FIG. 29, can be displayed.
• FIG. 36 depicts exemplary computing system 3600 for providing the user interface techniques described above.
• computing system 3600 can form device 100.
• computing system 3600 can have bus 3602 that connects I/O section 3604, one or more computer processors 3606, and a memory section 3608 together.
• Memory section 3608 can contain computer-executable instructions and/or data for carrying out the above-described techniques, including process 3500 (FIG. 35).
• I/O section 3604 can be connected to display 3610, which can have touch-sensitive component 3612.
• I O section 3604 can be connected to crown 3614.
• I/O section 3604 can be connected to input device 3616, which may include buttons.
• I/O section 3604 can be connected to communication unit 3618, which can provide Wi- Fi, Bluetooth, and/or cellular features, for example.
• I/O section 3604 can be connected to sensor pack 3620, which can have a gyroscope, a GPS sensor, a light sensor, a gyroscope, an accelerometer, and/or a combination thereof. Note, one or more of the above-described components can be part of a system-on-a-chip.
• non-transitory computer readable storage medium can be any medium that can contain or store computer-executable instructions for use by or in connection with the instruction execution system, apparatus, or device.
• the non-transitory computer readable storage medium can include, but is not limited to, magnetic, optical, and/or semiconductor storages. Examples of such storage include magnetic disks, optical discs based on CD, DVD, or Blu-ray technologies, as well as RAM, ROM, EPROM, flash memory, and solid-state memory.
• Computing system 3600 is not limited to the components and configuration of FIG. 36, but can include other or additional components in multiple configurations.
• system 3600 can form personal electronic device 3700, which is a tablet, as shown in FIG. 37.
• computing system 3600 can form personal electronic device 3800, which is a mobile phone, as shown in FIG. 38.
• computing system 3600 can form personal electronic device 3900, which is a portal music device, as shown in FIG. 39.

Landscapes

• Engineering & Computer Science (AREA)
• General Engineering & Computer Science (AREA)
• Theoretical Computer Science (AREA)
• Physics & Mathematics (AREA)
• General Physics & Mathematics (AREA)
• Human Computer Interaction (AREA)
• User Interface Of Digital Computer (AREA)
• Position Input By Displaying (AREA)
• Electric Clocks (AREA)
• Electromechanical Clocks (AREA)
• Controls And Circuits For Display Device (AREA)
• Measuring Pulse, Heart Rate, Blood Pressure Or Blood Flow (AREA)
• Ultra Sonic Daignosis Equipment (AREA)

Priority Applications (25)

Applications Claiming Priority (10)

Related Parent Applications (1)

Related Child Applications (6)

Publications (1)

Family

ID=51589515

Family Applications (3)

Family Applications After (2)

Country Status (5)

Cited By (32)

Families Citing this family (81)

Citations (5)

Family Cites Families (82)

• 2014
  • 2014-09-03 KR KR1020187013265A patent/KR102131228B1/ko active Active
  • 2014-09-03 KR KR1020187032106A patent/KR102029303B1/ko active Active
  • 2014-09-03 KR KR1020187010872A patent/KR102111452B1/ko active Active
  • 2014-09-03 KR KR1020207022802A patent/KR102263620B1/ko active Active
  • 2014-09-03 KR KR1020167008474A patent/KR20160048967A/ko not_active Ceased
  • 2014-09-03 KR KR1020197007748A patent/KR102143895B1/ko active Active
  • 2014-09-03 AU AU2014315325A patent/AU2014315325B2/en active Active
  • 2014-09-03 KR KR1020167008488A patent/KR102072614B1/ko active Active
  • 2014-09-03 WO PCT/US2014/053957 patent/WO2015034965A1/en not_active Ceased
  • 2014-09-03 KR KR1020217001918A patent/KR20210010661A/ko not_active Ceased
  • 2014-09-03 WO PCT/US2014/053958 patent/WO2015034966A1/en not_active Ceased
  • 2014-09-03 WO PCT/US2014/053951 patent/WO2015034960A1/en not_active Ceased
  • 2014-09-03 JP JP2016537946A patent/JP6333387B2/ja active Active
  • 2014-09-03 AU AU2014315319A patent/AU2014315319B2/en active Active
  • 2014-09-03 KR KR1020207019035A patent/KR102305362B1/ko active Active
  • 2014-09-03 KR KR1020167008449A patent/KR102045111B1/ko active Active
  • 2014-09-03 AU AU2014315324A patent/AU2014315324B2/en active Active
  • 2014-09-03 JP JP2016537947A patent/JP6170250B2/ja active Active
  • 2014-09-03 KR KR1020197028736A patent/KR20190114034A/ko not_active Ceased
  • 2014-09-03 KR KR1020217017259A patent/KR20210070395A/ko not_active Ceased
  • 2014-09-03 JP JP2016537945A patent/JP6397918B2/ja active Active
• 2016
  • 2016-02-29 DK DKPA201670117A patent/DK179231B1/en not_active IP Right Cessation
• 2017
  • 2017-12-14 AU AU2017276285A patent/AU2017276285B2/en active Active
• 2018
  • 2018-01-12 AU AU2018200289A patent/AU2018200289B2/en active Active
  • 2018-04-24 JP JP2018083313A patent/JP6564493B2/ja active Active
  • 2018-05-08 JP JP2018090084A patent/JP6547039B2/ja active Active
• 2019
  • 2019-06-24 JP JP2019116590A patent/JP7128153B2/ja active Active
  • 2019-07-18 AU AU2019206101A patent/AU2019206101B2/en active Active
  • 2019-07-26 JP JP2019138053A patent/JP6924802B2/ja active Active
  • 2019-11-01 AU AU2019257521A patent/AU2019257521A1/en not_active Abandoned
• 2021
  • 2021-03-19 AU AU2021201748A patent/AU2021201748C1/en active Active
  • 2021-07-05 JP JP2021111630A patent/JP7471262B2/ja active Active
  • 2021-08-02 JP JP2021126843A patent/JP7223081B2/ja active Active
  • 2021-08-06 AU AU2021212114A patent/AU2021212114B9/en active Active
• 2022
  • 2022-09-21 AU AU2022235585A patent/AU2022235585A1/en not_active Abandoned
• 2023
  • 2023-02-03 JP JP2023015606A patent/JP7532568B2/ja active Active
  • 2023-06-09 JP JP2023095734A patent/JP7595114B2/ja active Active
  • 2023-09-28 AU AU2023237127A patent/AU2023237127B2/en active Active
• 2024
  • 2024-07-26 AU AU2024205135A patent/AU2024205135B2/en active Active
  • 2024-07-31 JP JP2024124777A patent/JP7778867B2/ja active Active

Patent Citations (5)

Also Published As

Similar Documents

Legal Events