DK179231B1 - Brugergrænseflade til manipulering af brugergrænsefladeobjekter - Google Patents

Abstract

User interface navigation on a personal electronics device based on movements of a crown is disclosed. The device can select an appropriate level of information arranged along a z-axis for display based on crown movement. The navigation can be based on an angular velocity of the crown.

Description

<¹θ> DANMARK (10)

<¹²> PATENTSKRIFT

Patent- og

Varemærkestyrelsen (51) lnt.CI.: G 06 F 3/0362 (2013.01) G 04 G 21/00 (2010.01) (21) Ansøgningsnummer: PA 2016 70117 (22) Indleveringsdato: 2016-02-29 (24) Løbedag: 2014-09-03 (41) Aim. tilgængelig: 2016-02-29 (45) Patentets meddelelse bkg. den: 2018-02-19 (86) International ansøgning nr: PCT/US2014/053957 (86) International indleveringsdag: 2014-09-03 (85) Videreførelsesdag: 2016-02-29 (30) Prioritet: 2013-09-03 US 61/873,360 2013-09-03 US 61/873,356

2013- 09-03 US 61/959,851 2013-09-03 US 61/873,359

2014- 09-03 US 14/476,657 (73) Patenthaver: Apple Inc., One Apple Park Way, Cupertino, 95014 California, USA (72) Opfinder: Nicholas Zambetti, 246 Gough Street, Apt. 6, San Francisco , 94102 CA California, USA

Imran Chaudhri, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 California, USA Jonathan R. Dascola, c/o Apple Inc., 1, Infinite Loop , Cupertino , 95014 CA California, USA Alan C. Dye, c/o Apple Inc., 1, Infinite Loop, MS 302-2HI, Cupertino, 95014 California, USA Christopher Patrick Foss, c/o Apple Inc., 1, Infinite Loop , Cupertino , 95014 CA California, USA Aurelio Guzman, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 CA California, USA Duncan Robert Kerr, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 CA California, USA Stephen O. Lemay, c/o Apple Inc., 1, Infinite Loop, Cupertino , 95014 CA California, USA Natalia Marie, c/o Apple Inc., 1, Infinite Loop , Cupertino, 95014 California, USA Christopher I. Wilson, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 CA California, USA Eric Lance Wilson, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 CA California, USA Lawrence Y. Yang, 816 Haight Street, San Francisco , 94117 California, USA Gary Ian Butcher, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 CA California, USA Anton M. Davydov, c/o Apple Inc., 1 Infinite Loop, Cupertino, 95014 CA California, USA Dylan Ross Edwards, c/o Apple Inc., 1 Infinite Loop, Cupertino 95014 CA California, USA Jonathan P. Ive, c/o Apple Inc., 1, Infinite Loop, Cupertino, 95014 CA California, USA Nicholas V. King, c/o Apple Inc., 1 Infinite Loop, 95014 CA Cupertino, USA Daniel Trent Preston, c/o Apple Inc., 1 Infinite Loop, 95014 CA Cupertino, USA Zachery Kennedy, 350 E. Mission Street, Unit 17, CA 95112 San Jose, California, USA Chanaka G. Karunamuni, c/o Apple Inc., 1, Infinite Loop, 95014 CA Cupertino, USA (74) Fuldmægtig: Zacco Denmark A/S, Arne Jacobsens Allé 15, 2300 København S, Danmark (54) Benævnelse: BRUGERGRÆNSEFLADE TIL MANIPULERING AF BRUGERGRÆNSEFLADEOBJEKTER (56) Fremdragne publikationer:

Fortsættes ...

US	2011/0316888	A1
us	6661438 B1
us	2013/0208013	A1
EP	2610738 A2
us	6809724 B1
us	2004/0264301	A1
us	2013/0142016	A1
us	2013/0135234	A1
EP	1406158 A2
us	6556222 B1
EP	1944677 A2
us	2004/0130581	A1
us	2010/0235742	A1
us	2011/0202866	A1
us	2007/0211042	A1
us	6336126 B1

(57) Sammendrag:

User interface navigation on a personal electronics device based on movements of a crown is disclosed. The device can select an appropriate level of information arranged along a z-axis for display based on crown movement. The navigation can be based on an angular velocity of the crown.

Fortsættes ...

FS/*

Ib.

USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS

CROSS-REFERENCE TO RELATED APPLICATIONS lOOOlf This application claims priority to U.S. Provisional Patent Application Serial No.

6.1 /873,356, filed September 3, 2013, emitted “CROWN INPUT FOR A WEARABLE

ELECTRONIC DEVICE”; U.S. Provisional Patent Application Serial No. 61/873,359, filed September 3, 2013, emitted “USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE’’; U.S. Provisional Patent Application Serial No. 61/959,851, filed September 3, 2013, entitled “USER INTERFACE FOR MANIPULATING' USER INTERFACE OBJECTS”;

U.S, Provisional Patent Application Serial No, 61/873,360, filed September 3,2013, entitled “USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS WITH MAGNETIC PROPERTIES”; and U.S. Non-provisional Patent Application Serial No. 14/3176,657, filed September 3,2014, entitled “USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS WITH MAGNETIC PROPERTIES”.

|0002j This application is related to co-pending applications U.S. Non-provisional Patent

Application filed September 3,2014, concurrently herewith, entitled “CROWN INPUT FOR A WEARABLE ELECTRONIC DEVICE,” naming Nicholas Zambetti et al. as inventors; U.S. Non-provisional Patent Application filed September 3,2014, concurrently herewith, entitled “USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE”, naming

Nicholas Zambetti et al, as inventors; and U.S, Provisional Patent Application Serial No.

/747,278, filed December 29, 2012. entitled “Device, Method, and Graphical User Interface for Manipulating Uset luteriace Objects with Visual and/or Haptic Feedback”.

FIELD |0003| The disclosed embodiments relate generally to user interfaces of electronic devices, including but not limited to user interfaces for electronic watches,

BACKGROUND |0<J04j Advanced personal electronic devices can have small form factors. Exemplary personal electronic devices include bin 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.

P81601363 DK00/P20936DK1 ?

)0005) 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.

[0006] Existing methods for manipulating user interface objects on reduced-size personal electronic devices can be inefficient. Further, existing methods generally provide less precision than is preferable.

[Ö007J US 201170316888 A1 discloses user interfaces of mobile devices which combine 10 input from motion sensors and other input controls.

SUMMARY (0008) in some embodiments, techniques for navigating a user interface on a personal elec tronics device based on movements of a crown are disclosed. Systems and computerreadable storage media for performing the processes described above are also disclosed.

(0009] The present invention is disclosed by the subject of the independent claims. Further aspects of the invention are subject of the dependent claims.

BRIEF DESCRIPTION OF THE DRAWINGS

{0010)	ESC.	1 illustrates	an exemplary personal electronic device
(0011]	FIG.	2 illustrates	an exemplary user interlace.
20 )0012)	FIG.	3 illustrates	an exemplary user interface.
10013)	FIG.	4 i llustrates	an exemplary user interface.
(0014)	FIG.	5 illustrates	an exemplary user interface.
(0015)	FIG.	6 illustrates	an exemplary user interlace.
(0016)	FIG.	7 illustrates	an exemplary user interface.
25 {00.1.7)	FIG.	8 illustrates	an exemplary user interface.
(0018]	FIG.	9 illustrates	an exemp lary logical structure of a. user;

P8I601363DK00/P20936DKI ·*ϊ

100.19]	FIG. 10 illustrates an exemplary user interface.
|0020]	FIG. 11 illustrates an exemplary user interface.
J002I]	FIG. 12 illustrates an exemplary user interface.
|0ø22]	FIG. 13 illustrates an exemplary user interface transition
5 |0023]	FIG. 14 illustrates an exemplary user interface.
(0024]	FIG. 15 illustrates an exemplary user interface.
|0025]	FIG. 16 illustrates an exemplary user interface transition.
|0020]	F1G. 17 illustrates an exemplary user interface.
|0027]	FIG. 18 illustrates an exemplary user interface.
10 (0028(	FIG. 19 illustrates an exemplary user interface transition.
|0029]	F1G. 20 illustrates an exemplary user interface.
|0030]	FIG. 21 illustrates an exemplary user interface.
10031]	FIG. 22 illustrates an exemplary user interface and transition.
|0032]	FIG. 23 illustrates an exemplary user interface.
15 10033]	FIG. 24 illustrates an exemplary user interface and transition.
(0034]	FIG. 25A and FIG. 25B illustrate an exemplary user interface
10035]	FIG. 26 illustrates an exemplary user interface.
(0030]	FIG. 27 illustrates an exemplary user interface and transition.
(0037]	FIG. 28 illustrates an exemplary user interface.
20 (0038]	FIG. 29 illustrates an exemplary· user interface.
(0039]	FIG. 30 illustrates an exemplary user interface and transition.
(0040]	FIG. 31 illustrates an exemplary user interface.

P81601363 DK00/P20936DK1

)0041) )0042)	FIG. FIG
)0043)	FIG.
|0044|	FIG.
100451	FIG
100461	FIG.
I0047J	FIG.
)0048)	FIG
10040]	FIG.
10050]	FIG.
]005l]	FIG

illustrates an exemplary user interface.

illustrates an exemplary user interface.

illustrates an exemplary user interface.

illustrates an exemplary process.

illustrates an exemplary computing system.

illustrates an exemplary personal electronic device.

illustrates an exemplary personal electronic device.

illustrates an exemplary personal electronic device.

illustrates an exemplary user interface.

illustrates an exemplary logical structure of a user interface.

illustrates an exemplary user interface.

DETAILED DESCRIPTION

10Ö52] In the following description of the disclosure and examples, reference is made to the accompanying drawings in which it is shown by way of illustration specific examples that can be practiced, it is to be understood that other examples can be practiced and structural changes can be made without departing from the scope of the disclosure.

{0053) FIG. 1 illustrates exemplary personal electronic device 100. In the illustrated example, device 100 is a watch that, generally includes body 102 and strap 104 for affixing device 100 to the body of a user. Thar 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. In some embodiments, device 100 can have one or more buttons 110, 112, and 114. In some embodiments, device 100 does not have buttons 110, 112, nor 1.14.

)0054) Conventionally, the term “crown,” in the context of a watch, refers to the cap atop a 25 stem for winding the watch. In the context of a personal electronic device, 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

P81601363DK00/P20936DK1 converting ph ysical movement of the crown into electrical signals. Crown 108 can rotate in two directions of rotation (e.g,, forward and backw ard). Crown 108 cart also be pushed in towards the body of device 100 and/or be pulled away from device 100. Crown 108 can be touchsensitive, for example, using capacitive touch technologies that can detect whether a user is touching the crown. Moreover, crown 108 can further be rocked in one or more directions or translated along a track along an edge or at least partially around a perimeter of body 102. in some examples, more than one crown 108 can be used. The visual appearance of cro wn 108 can, but need not, resemble crowns of conventional watches. There examples described heroin refer to crown rotations, pushes, pulls, and/or touches, each of which constitutes a physical state of the crown.

j0055J Buttons 110, 112, and 114, if included, can each be a physical or a touch-sensitive button. That is, the buttons may be, for example, physical buttons or capacitive buttons.

Further, body 102, which can include a bezel, may have predetermined regions on the bezel that act as buttons.

10056] 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 touching over hovering near the touch sensor panel using one or more fingers or other object.

[0057) In some examples, 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 1ÖÖ to perform any desired operation, such as making a. selection, entering or exiting a menu, causing the display of additional opiions/aetions, or the like. In some examples, 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 posi tion that the force is being applied to touchscreen 106,

1, Crown-based user interface control [0058] FIGs. 2-7 illustrate exemplary user interfaces that respond to movements of crown 108 (FIG. I). 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

P81601363DK00/P20936DK1 appears initially when the touchscreen display of device 100 powers-on (including wake up from a sleep state). Icons 20-4, 206, and 208 can be displayed in screen 200, in some embodiments, the icons can correspond to applications operable on device 100, meaning that the applications can be installed onto and/or can execute as a sendee 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, In some embodiments, the icons can correspond to text, documents, media items, web pages, e-mail messages, or the like.

j0059| Device 100 can select icons 204, 206, and 208 out of larger set cd'available icons for display on screen 200 because these icons have information relevant to the user at the current time. For example, icon 204 can correspond to a messaging application in which the user has just received an incoming message, and icon 206 can correspond to a calendar application where the user has an upcoming calendar appointment entry.

[0060] FIG. 3 shows exemplary screen 300, which can be displayed by device 100 in response to a rotation of crown 108 in direction 302 w hite 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. Also, 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. Exempl ary 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) on an icon causes the corresponding application to launch.

[00611 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 cd' 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.

j0062| 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

P81601363 DK00/P20936DK1 additional fidelity as compared with the display of icons on screen 400. For example, 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. In some embodiments, a touch (e.g., a finger tap) on an icon causes the corresponding application to launch.

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 oOO can show, for example, a further winnowed subset of icons, as compared with screen 500, that, correspond to applications operable on device 100. Because even fewer icons are displayed on screen 600 as compared with screen 500 (FIG. 5). the icons that are displayed (e.g., icon 604} can enlarge further and can have additional fidelity as compared with the display of icons on screens 200,300,400, and 500. For example, icon 604 can have the image of a clock that displays the current time. In some embodiments, a touch (e.g., a finger tap) on an icon causes the corresponding application to launch

15' (0064] 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 whil e screen 600

G. 6) is displayed.

10065.1 With reference to FIG. 7, in some embodiments, 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.

100661 Taming to FIG. 8, in some embodiments, 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.

(0067) 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

P8I601363DK00/P20936DKI 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.) j0068| This logical organization is illustrated by FIG, 9, in which x~axis 902 and y-axis 904 fonn 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 (TIG. 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. Thus, different viewpoints of plane 912 can correspond to screens 400-700 (FIGs. 4-7). Planes

908 and 9 i 0 can be related to plane 912 in that planes 908 and 9 i 0 can each include a subset of the icons available on plane 912. The particular plane of information (i.e., screen of icons) that is to be displayed on a personal electronic device can be selected via crown movement, such as crown rotation. That is, 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).

[0069| in some embodiments, when an end of the z-axis (e.g., the top or bottom-most plane) is reached via crown movement, the displayed information (e.g., screen of icons) produces a mbberband effect to indicate that the end has been reached. Consider the situation in which a user has, through crown input, reached the bottom most plane of information. As the user provides additional crown, input in the same direction, the displayed collection of icons shrink (to the extent possible) in accordance with the crown movement until the movement stops. When the crown 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.

100701 One notable benefit of this logical organization is that different planes of information need not be {but can he) zoomed subsets of one another. That is, for example, 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.

[0071] Alternatively, screens 200-700 (FIG. 2-7) can be logically organized as subsets of information belonging to different modal states of a personal electronic device. Under this organization, 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. In alternative embodiments, modal

P81601363 DK00/P20936DK1 states may be cycled using buttons HO, 112, or 114. When multiple screens are available within a particular modal state (e.g,, the third modal state), 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, cast be used to indicate the availability of additional screens for display within a particular modal state.

[0072] This logical arrangement is illustrated by FIG. 41. As shown, planes 4102 and 4104 can correspond to screens 200 (FIG, 2) and 300 (HG. 3) respectively. Plane 4106 can represent the collection of icons that, represent the operable applications of a personal electronic device. Thus, different viewpoints of plane 4106 can correspond to screens 400-700 (FIGs, 4-7). The particular plane of information (i.e., screen of icons) that is to be displayed on a personal electronic device can be selected via crown movement, such as crown pushes.

Velocity-based crown control |0073| Device 100 (FIG. 1) 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.

10074] In some embodiments, the minimum angular velocity of crown rotation that is necessary to switch bet ween screens of icons corresponds directl y to the instantaneous angul ar 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. In some embodiments, 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, in these embodiments, device 100 can maintain a calculated crown (angular) velocity V in discrete moments in time T according to equation 1:

P81601363 DK00/P20936DK1

Vi^:::V,r·!) + AV'tRow'N - A\'u»ag(EQ. I)

15' |0075j In equation 1, Vr represents a calculated crown velocity (speed and direction) at rime T, VfM) represents the previous velocity (speed and direction) at time T-I, AVcrown represents the change in velocity caused by the force being applied through the rotation of the crown at time T, and AV»rag represents the change in velocity due to a drag force. The force being applied, which is reflected through AVcrown« can depend on the current velocity of angular rotation of the crown. Thus, AV<>row can also depend on the current angular velocity of the crown, in this way, device 100 can provide user interface interactions based not only on instantaneous crown veloci ty but also based on user input in the form of cro wn movement over multiple time intervals, even if those intervals are finely divided. Note, typically, in the absence of user input in the form of AVcrown, Vt will approach (and become) zero based on AVurag & accordance with EQ. 3, but. V j would not change signs without user input, in the form of crown rotation (.AVcrown)· j0076) Typically, the greater the velocity of angular rotation of the crown, the greater the v alue of AVcrown will be. However, the actual mapping between the velocity of angular rotation of the crown and AVcrown 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 AVcrown can be used. In another example, the mapping can depend on the number of icons and/or icon arrangement currently being displayed.

i0077j Also, ÄVörag can take on various values. For example, AVora« can depend on the velocity of crown rotation such that, at greater velocities, a greater opposing change in velocity (AVdrag.) can be produced, la another example, AVdrag can have a constant value, in yet another example, AVdrag can be based on the number of c urrent displayed icons and/or the currently displayed icon arrangement. It should be appreciated that the above-described requirements of AV_Crown and AV^rag can be changed to produce desirable user interface effects.

[0078] As can be seen from EQ. 1, the maintained velocity (Vj) can continue to increase as long as AVcrown is greater than AVorag. Additionally, Vr can have non-zero values even when no AVcrow input is being received, meaning that user interface screens can continue to change without the user rotating the crown. When this occurs, screens can stop changing based on the maintained velocity at the time the user stops rotating the crown and the AVorag component.

P81601363 DK00/P20936DK1 |ÖÖ79| In some. embodiments, when the crown is rotated in a direction corresponding to a rotation direction that is opposite the current user interface changes, the \\ r.t ‘ 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_f-.

100 SO I In other embodiments, different physical crown states other than rotation of the crown are used to navigate through displayed icons.

3. User interface appearance |0081] Icons can take on various visual appearances. For example, icons can he rectangular in shape, as shown in FIG. IO. As another example, icons can be circular, as shown in FIGs. 2-7,

Further, icons can take on various spatial arrangement, schemes, meaning that icons can he arranged along the rows and columns of an invisible grid. Grids can be symmetrical or nonsymmetrieal, in FIG. 10, a symmetrical grid is used, for example. In FIG. 5, a non-svmmetrical grid having x Icons arranged on a first row and y icons arranged along a second row is used, for example.

10082j FIG. 11 illustrates a radial icon arrangement scheme where circular icons are aligned along the circumference of invisible circles 1102 and i 104 of different diameters. Invisible circles 1 102 and 1104 are, hut need not be, concentric, icons, such as icon 1106. arranged along different invisible circles can have different, sizes. As shown, icons arranged along invisible circle 1102 are closer to the center of device 100 and are larger than those arranged along invisible circle 1104. Also, although not illustrated in FIG. Il, icons in a radial arrangement can be arranged alone more than two invisible circles.

(0083) 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 he user-defined, or can be otherwise determined by device 100 (i.e., curated).

100841 FIG. 25A illustrates an arrangement of icons into icon groups. On grid 2502.. four groups of icons, including icon group 2512, are di splayed. In response to a touch input, such as a finger tap at. touchscreen location 2514 on group 251.2, the icons within group 2512 can be displayed in enlarged form. In grid 2506, the icons within group 2512, including icon 2516, are

P81601363 DK00/P20936DK1 displayed in enlarged fonn. FIG. 25B illustrates an arrangement of application functionalities into groups. On grid 2508, as discussed above, the four icons of icon group 2512 are displayed on grid 2506. Ä selection of icon 2516 (e.g., via finger tap 2518 ) can cause a group of functions 2520 provided by application 2510 (which corresponds to icon 2508) to be displayed.

10085] 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 des ice and downloaded onto the personal electronic device.

{0086] 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. For example, page (icon) 3004 can flip downward onto page (icon) 3006 in response to a crown rotation.

10087]

FIG. 31 illustrates an icon arrangement scheme where icons are arranged on the outer circumference of a spinning dial. Exemplary spinning dial 31.02 can spin in response to crown rotation. For example, a crown rotation in direction 3104 can cause dial 3102 to spin in the same direction (3106), Also, a crown push (or pull) can change the number of columns in 3102, allowing the icons of the remaining columns to be enlarged and'or to have increased fidelity.

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 cro wn rotation. A specific icon, such as icon 3204, can be selected directly for display by touching corresponding thumbnail 3206.

[0089] 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.

|ÖÖ9Ö| During operation, device 100 (FIG. I) can use one or more of the icon arrangement schemes described above. The particular arrangements) used by device .10 can be user-selected

P81601363 DK00/P20936DK1 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 eh as the total number of applications installed on the device, the number frequently accessed icons, and so forth.

(009! I Further, 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. Also, 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.

4. Responses to user input (0092( Displayed icons can respond to user input. FIGs. 12-14 illustrate a rearrangement of displayed icons in response to crown rotation. In FIG. 12, nine icons are displayed along a 3-by3 symmetric grid .1202. Icon 1204 is di splayed in the top-right position of grid 1202. As discussed above with respect to FIGs. 4-7, a rotation of crown 108 can cause device 100 to reduce the number of displayed icons. For example, a rotation of crown 108 can cause device 100 to display a 2-by-2 grid, thereby reducing the number of displayed icons. FIG. 33 illustrates an exemplary transition to a 2~by~2 grid in response to a crown rotation in direction 1302. As shown, in response to crown rotation 1302, icon 1204 is translated visibly on-screen from its topright 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 comer of2-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.

(0093] FIGs. 15-17 illustrate another rearrangement of icons in response to crown rotation.

In FIG. 15, nine icons are displayed along a 3-by-3 symmetric grid 1502. Icon 1504 is displayed in the top-right position of grid 1502. As shown in FIG. 16, in response to crows rotation 1602, 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. To put another way, during the transition illustrated by FIG. 16, icon 1504 can be split into two portions that are displayed in two separate, non-abutting positions of the touchscreen of device 100, More specifically , while one portion of icon 1504 remains partially displayed tn the top-right comer 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 2P81601363 DK00/P20936DK1 by-2 grid 1702. Further, icons tbat are lo 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.

|0094j FlGs. 18-20 illustrate another rearrangement of icons in response to crown rotation.

In FIG. 18., nine icons are displayed along a 3-by-3 symmetric grid 1802. As shown in 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, jÖÖ95] It should he noted that in the exemplary screens shown in FIGs. 12-20, the icon displayed in the upper-left corner (i.e., marked “A”) is anchored, meaning that the above10 described transitions do not cause the icon to move away from the upper-left corner, ft is possible, however, to unanchor such an icon through user input, as discussed below

100961 FIG. 21 illustrates a rearrangement of icons in response to touchscreen input. As shown, icon 2106 is displayed in the bottom row of 4-bv~4 grid 2012. In response to a finger tap 2104 on icon 2106, 3-by-3 grid 2108 is displayed with icon 2106 enlarged in the center.

Notably, the icon marked “A,” which is displayed in grid 2012, is no longer displayed in grid 2108. FIG. 21 also illustrates an update of displayed icons in response to crown rotation. Specifically, in response to crown rotation 2110, icon 2106 is further enlarged and becomes the only icon displayed on-screen.

j 0097 j FIG. 22 illustrates a rearrangement of icons in response to movement of device 100.

Device movement can be detected using one or more sensors, for example, a gyroscope. As shown, various icons are displayed in grid 2202. In response to tilting of device 100 in direction 2204, the displayed icons are translated in direction 2206, resulting in the display of different icons in grid 2208. Specifically, in response to the leftward tilting of device 100 in direction 2204, the icons of grid 2202 translate in the left direction 2206. In some embodiments, the translation may be incremental such that a single row or column transitions off a single row or column transitions onto the display. «Alternatively, a whole screen of icons may transition off as a completely new set of icons transition onto the display .

FIG. 23 illustrates a change rrr icon appearance in response to touchscreen input. As shown, m response to a touch at location 2304. icon 2306 becomes enlarged. Notably, icon 2306 is not located at location 2304. rather, icon .2306 (in its unenlarged state) is in row 2310 above loach location 2301 which is along row 2312, In this way, user visibility of icon 2306 is improved both because the icon is enlarged and because the icon is not blocked from view by the

P81601363DK00/P20936DK1 potentially opaque object that is touching device 100. it should be noted that more than one icon can be enlarged in response to a nearby touch. Multiple icons can be enlarged at different levels of magnification inversely proportional io the distance between each icon being enlarged and the touch location.

10099] FIG. 40 illustrates icon movements that account for physical interaction between nearby icons. As shown, grid 4002 includes a number of icons arranged in a radial arrangement. In response a touch input at location 4010, a number of icons are enlarged to at different levels of magnification. Notably, 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.

(80290] FIG. 24 illustrates icon movements that account for interaction between icons and grid boundaries. As shown,, a number of icons are displayed according to non-symmetricai grid 2402. The displayed icons include uncompressed icons 2408. In response to touch input in the form of a rightward gesture in direction 2404, 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. Also, in response to a touch gesture in the leftward direction 2406, 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.

(00101] FIG. 34 illustrates icon movements that account for interaction between grid boundaries and nearby icons. In the radial arrangement of FIG. 34, icons are arranged between invisible inner circle 3402 and invisible outer boundary circle 3400, Outer circle 3400 can be

100. Inner circle 3402 can be sized can also be sized based on user input.

sized based on the physical size the touchscreen of device based on design and/or user preferences. Inner circle 3402 such as a crown rotation. Inner circle 3402 can respond to touchscreen input, within its surface area. For example, a touch down that occurs within the surface area of inner circle 3402 and subsequen t touch movement can be interpreted as panning of inner circle 3402. When inner circle 3402 is panned, the icons that are arranged between the inner circle 3402 and outer circle 3400, such as icons 3404 and 3408, can be resize based on the available spacing between inner circle 3402 and outer ci rcle 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.

P81601363DK00/P20936DK1 |ÖÖlÖ2j Note, in the absence of user input, displayed icons can be programmed to move onscreen to prevent screen burn-in. Also, 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.

Additional features [00103] Turning back to FIG. 2, 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 test 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.

|00104] FIG. 26 illustrates the use of wallpaper 2602 to aid user navigation in a grid of icons. As shown, grid 2600 has a relatively large number of icons. In response io crown rotation 2604, a subset of the icons from grid 2600 is enlarged and displayed in grid 2606. in addition, the corresponding porti on 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. Also as shown, in response to a touch gesture in leftward direction 2608, device 100 can display another subset of icons from grit! 2600, For example, in grid 2610, icons from the upperright quadrant of grid 2600 are displayed together with the upper-right quadrant of wallpaper 2600. in this way, a user can determine the relationship between a set of currently displayed icons relative to the totality of icons available for display on device 100, [00105j FIG. 27 illustrates an exemplary arrangement of icons where the arrangement 25 provides information, for example current time information, to a user, The arrangement can be displayed in response to crown movement. Also, the arrangement can be displayed after a predetermined period of user input inactivity. For example, screen 2702, which uses icons in small sizes to show the current time, can fee displayed after a predetermined period of user Input inactivity. Further, in response to a crown rotation, screen 2702 can transition through screens

2704 and 2706 to screen 2708, which shows a grid of icons.

[00106) 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. For

P8I6O1363D&0Ö/P2Ö936DKI example, icon 2804 corresponding to a messaging application can blink or glow when a new message arrives. In some embodiments, die 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. Further, 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

1001071 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 I08, 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.

)00108) FIG. 35 depicts exemplary¹ process 3500 for providing the user interface techniques described above. At block 3510, input based on crown movement and/or crown touch is received. The crown movement can be a rotation, a push, and/or a pull. At block 3520, 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. At block 3530, the currently displayed screen and its corresponding position along z-axis 906 (FIG. 9) can be determined, in addition, 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. At block 3550, a home screen, such as the exemplary screen 200 of FIG, 2, can be displayed. In the alternative, a user-favorites screen, such as the exemplary screen 300 of FIG. 3, can be displayed At block 3560, a contextual message, such as the exemplary contextual message 2902 of FIG. 29, can be displayed.

)00109) FIG. 36 depicts exemplary computing system 3600 for providing the user interface techniques described above, in some embodiments, computing system 3600 can form device 100. As shown, computing system 3600 can have bus 3602 that connects Ι/'Ö 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

P8I601363DK00/P20936DKI techniques, including process 3500 (FIG, 35). I/O section 3004 can be connected io 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 WiFi, 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.

[OOHOf Memory section 3608 of computing system 3600 can be a non-transitory computer readable storage medium, for storing computer-executable instructions, which, when executed by one or more computer processors 3606, for example, can cause the computer processors to perform the user interface techniques described above, including process 3500 (FIG. 35), The computer-executable instructions can also be stored and/or transported within any non-transitory computer readable storage medium for use by or in connection with an instruction execution system, apparatus, or device, such as a computer-based system, processor-containing system, or other system that can fetch the instructions from the instruction execution system, apparatus, or device and execute the instructions. For purposes of this document, a “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, D VD, or Blu-ray technologies, as welt as RAM, ROM, EPROM, flash memory, and solid-state memory.

{00111] Computing system 3600 is not limited to the components and configuration of FIG. 36, but can include other or additional components in multiple configurations, in some embodiments, system 3600 can form personal electronic device 3700, which is a tablet, as shown in FIG. 37. in some embodiments, computing system 3600 can form personal electronic device 3800, which is a mobile phone, as shown in FIG. 38. In some embodiments, computing system 3600 can form personal electronic device 3900, which is a portal music device, as shown in FIG,

39.

P81601368 DK00/P20936DK1

100112( Exemplary methods, non-transitory computer-readable storage media and electronic devices are set out in the following embodiments 1 - 67;

1. A computer-implemented method comprising;

displaying a first plurality of icons on a touch-sensitive disp lay of a wearable electronic device;

receiving input based on a movement of a physical crown of the wearable electronic device; and in response io the received input, replacing the first plurality of icons with a second plurality of icons on the touch-sensitive display, wherein the second plurality of icons is a subset of the first plurality of icons.

2. The method of embodiment 1, wherein the wearable electronic device is a watch.

X The method of embodiments 1 or 2, wherein the movement is a push, pull. on. the physical crown.

4. The method of any of the previous embodiments, wherein the movement is a rotation of the physical crown.

5, The method of embodiment 4, wherein the rotation is in a. first rotation direction.

6. The method of embodiments 4 or 5, wherein the rotation exceeds a predetermined angular velocity threshold.

7. The method of any of the previous embodiments, wherein the physical crown comprises a capacitive touch sensor configured to sense a touch input, and wherein the received input is further based on the touch input on the physical crown.

P81601363DK00/P20936DK1

8. The method of any of the previous embodiments, wherein a first icon of the first plurality of icons is associated with an application, and a second icon of the second plurality of icons is associated with the same application, the method further comprising:

displaying the second icon with information regarding the application, when the second plurality of icons is displayed, and displaying the first icon with different information regarding the application, when the first plurality of icons is displayed .

IO 9. The method of embodiment 8, wherein a first density of information is associated with the first plurality of icons and a second density of information is associated with the second plurality of icons.

10. The method of any of the previous embodiments, wherein the received input is a first 15 received input, the method further comprising;

receiving a. second input based on a second movement of the physical crown; and in response to the second received input, replacing the second plurality of icons with the first plurality of icons on the touch-sensitive display.

The method of embodiment 10. wherein the second movement comprises a rotation of the physical crown in a second direction opposite the first direction.

12. The method of any of embodiments 10 to 11, wherein the second movement comprises a push or pull of the physical crown.

P81601363 DK00/P20936DK1

13. The method of any of embodiments Ito 9, wherein the received input is a Irrst received input, the method further comprising:

receiving a second input based on a second movement of the physical crown, wherein the second movement is a rotation in the first rotation direction; and in response to the second received input, replacing the display of the second plurality of icons with a third plurality of icons.

wherein the third plurality of icons is a subset of the second plurality of icons.

14. The method of any of embodiments 1 to 9. wherein the received input is a first received input, the method further comprising:

receiving a second input based on a second movement of the physical crown, wherein the second movement is a rotation in the first direction; and ofthe in response to the second received input, launching an application associated with an icon econd plurality of icons.

15, The method of any of the previous embodiments, the method further comprising:

receiving information representing an activity in an application, wherein the application corresponds to a displayed icon· in response to the received information, altering the appearance ofthe displayed icon.

The method of embodiment color, and animating.

wherein the altering i one or more of blinking, changing

17. The method of any of the previous embodiments, wherein the top-right icon of the first 25 plurality of icons is not displayed in the second display.

P81601363 DK00/P20936DK1

18. The method of any of embodiments i to 16, wherein the top-right icon of the first plurality of icons is the left-most icon in the second top-most, row in the second display.

19. The method of any of the previous embodiments, wherein the replacing of the display of the first plurality of icons with the second plurality of Icons comprises:

translating an icon of the first plurality of icons, from a first position of the touchsensitive display, to a second position of the touch-sensitive display, wherein the icon is displayed, in whole, on the touch-sensitive display during the translating.

20. The method of any of embodiments 1 to 18, wherein the replacing of the display of the first plurality of icons with the second plurality of icons comprises:

displaying, at a first position of the touch-sensitive display, only a portion of an icon of the first plurality of icons; and displaying the remaining portion of the icon in a second position of the touch-sensitive display, wherein the first position and the second position are separate.

21. The method of any of the previous embodiments, wherein the physical crown is a 20 mechanical crown.

22, The method of any of the previous embodiments, further comprising:

detecting a force applied to the touch-sensitive display; and replacing the first display based on the detected force.

P81601363 DK00/P20936DK1

23. A non-transitory computer-readable storage medium having computer-executable instructions which, when executed by one or more computer processors, cause the one or more computer processors to:

displaying a first plurality of icons on a touch-sensitive display of a wearable electronic device, receiving input based on a movement of a physical crown of the wearable electronic device: and in response to the received input, replacing the first plurality of icons with a second plurality of icons on the touch-sensitive display, wherein the second plurality of icons is a subset of the first plurality of icons.

24. The non-transitory computer-readable storage medium of embodiment 23, wherein the wearable electronic device is a watch.

25. The non-transitory computer-readable storage medium of embodiments 23 or 24, wherein the mot erneut comprises a push, pull on the physical crown.

26. The non-transitory computer-readable storage medium of any of embodiments 23 to 25. wherein the movement comprises a. rotation of the physical crown.

27. The non-transitory computer-readable storage medium of embodiment 26, wherein the 20 rotation is in a first rotation direction.

28. The non-transitory computer-readable storage medium of embodiments 26 or 27, wherein the rotation exceeds a predetermined angular velocity threshold.

P81601363 DK00/P20936DK1

29. The non-transitory computer-readable storage medium of any of embodiments 23 to 28, wherein the physical crown comprises a capacitive touch sensor configured to sense a touch input, and wherein the received input is further based on the touch input on the physical crown.

30.

The non-transitory computer-readable storage medium of any of embodiments 23 to 29, wherein a first icon of the first plurality of icons is associated with an application, and a second icon of the second plurality of icons is associated with the same application, the non-transitory computer-readable storage medium lutlber comprising computer-executable instructions for:

displaying the second icon with information regarding the application, when the second 10 plurality of icons is displayed, and displaying the first icon with different information regarding the application, when the first plurality of icons is display.

The non-transitory computer-readable storage medium of any of embodiments .23 to 30, wherein a first density of information is associated with the first, plurality of icons and a second density of information is associated with tire second plurality of icons.

32.

The non-transitory computer-readable storage medium of any of embodiments 23 to 3 L wherein the received input is a first received input, the computer-executable Instructions further 20 comprising instructions for:

receiving a second inpu t based on a second movement of the physical crown; and in response to the second received input, replacing the second plurality of icons with the first plurality of icons on the touch-sensitive display.

33. The non-transitory computer-readable storage medium of embodiment 32, wherein the second movement is a rotation of the physical crown in a second direction opposite the first direction.

P81601363 DK00/P20936DK1

34. The non-ttansitory computer-readable storage medium of embodiment 32. wherein the second movement is a push or pull of the physical crown.

35. The non-transitory computer-readable storage medium of any of embodiments 23 to 31, wherein the received input is a first received input, the non-transitory computer-readable storage medium further comprising computer-executable instructions for:

receiving a second input based on a second movement of the physical crown, wherein the second movement is a rotation in the first rotation direction; and in response to the second received input, replacing the display of the second plurality of icons with a third plurality of icons, wherein the third plurality of icons is a subset of the second plurality of icons.

36. The non-transitory computer-readabL storage medium of any of embodiments 23 to 31.

I5 wherein the received input is a first received input, the non-transitory computer-readable storage medium further comprising computer-executable instructions for:

receiving a second input based on a second movement of the physical crown., wherein the second movement is a rotation in the first direction; and in response to the second received input, launching an application associated with an icon 20 of the second pl urality of icons,

37. The non-transitory computer-readable storage medium of any of embodiments 23 to 36, further comprising compuier-execntabie instructions for:

receiving information representing an activity in an application, wherein the application 25 corresponds to a displayed icon;

in response to the received information, altering the appearance of the displayed icon.

P81601363 DK00/P20936DK1

38. The non-transitory computer-readable storage medium of embodiment 37. wherein the altering is one or more of blinking, changing color, and animating.

The non-transitory computer-readable storage medium of any of embodiments 23 to 38, wherein the top-right icon of the first plurality of icons is not displayed in the second display.

40. The non-transitory computer-readable storage medium of any of embodiments 23 to 38, wherein the top-right icon of the first plurality of icons is the left-most icon in the second topmost row in the second display.

41, The non-transitory computer-readable storage medium of any of embodiments 23 io 40, wherein the replacing of the display of the first plurality of icons with the second plurality of icons comprises:

translating an icon of the first plurality of icons, front a first position of the touchsensitive display, to a second position of the touch-sensitive display.

wherein the icon is displayed, in whole, on the touch-sen si five display during the translating.

42. The non-transitory computer-readable storage medium of any of embodiments 23 to 40, 20 wherein the replacing of the display of the first plurality of icons with the second plurality of icons comprises:

displaying, at a first position of the touch-sensitive display, only a portion of an icon of the first plurality of icons; and displaying the remaining portion of the icon in a second position of the tooch-sensitive 25 display, wherein the first position and the second position arc separate

P81601363 DK00/P20936DK1

43. The non-uausitory computer-readable storage medium of any of embodiments 23 to 42, wherein the physical crown is a mechanical crown.

44. The non-transitory computer-readable storage medium of any of embodiments 23 to 43, further comprising computer-executable Instructions for, delecting a force applied to the touch-sensitive display; and replacing the first display based on the detected force.

45. An electronic device comprising:

one or more processors;

a physical crown operatively coupled to the one or more processors, and a touch-sensiti ve display operatively coupled to the one or more processors.

!5 the one or more processors configured to:

display a first plurality of icons on a touch-sensitive display of a wearable electronic device;

receive input based on a movement of a physical crown of the wearable electronic device; and in response to tire received input, replace the first plurality of icons with a second plurality of icons on the touch-sensitive display, wherein the second plurality of icons is a subset of the first plurality of icons.

4o The device of embodiment 45, wherein the electronic device is a watch.

47. The device of embodiments 45 or46.. wherein trie movement comprises a push, pull on the physical crown.

P81601363 DK00/P20936DK1

48. The device of embodiments 45 or 47. wherein the movement comprises a rotation of tht physical crown.

49. The device of embodiment 48, wherein the rotation is in a first rotation direction.

50. The device of embodiments 48 or 49. w herein the rotation exceeds a predetermined angular velocity threshold.

51. The device of any of embodiments 45 to 50, wherein the physical crown comprises a capacitive touch sensor configured to sense a touch input, and wherein the received input is further based on the touch input on the physical crown.

52. The device of any of embodiments 45 to 51, wherein a first icon of the first plurality of icons is associated with an application, and a second icon of the second plurality of icons is associated with the same appl ication, the one or more processors further configured to:

display the second icon with information regarding the application, when the second plurality of icons is displayed, and display the first icon with different information regarding the application, when the first 20 plurality of icons is display.

53. The device of any of embodiments 45 io 52, wherein a first density of information is associated with the first plurality of icons and a second density of information is associated with the second plurality of icons.

P81601363 DK00/P20936DK1

54. The device of any of embodiments 45 to 53, wherein the received input is a first received input, the one or more processors further configured to:

receive a second input based on a second movement of the physical crown; and in response to the second received input, replace the sec ond plurality of icons with the first plurality of icons on the touch-sensitive display .

The device of embodiment 54, wherein the second movement is a rotation of the physical crown in a second direction opposite the first direction.

5o. The device of embodiment 54, wherein the second movement is a push or pull of the physical crown.

57. The device of any of embodiments 45to 56, wherein the received input is a first received input, the one or more processors further configured to.

receive a second input based on a second movement of the physical crown, wherein the second movement is a rotation in the first rotation direction; and in response to the second received input, replace the display of the second plurality of icons with a third plurality of icons, wherein the third plurality of icons is a subset of the second plurality of icons.

The device of any of embodiments 45 to 56, wherein the received input is a first received input, the one or more processors further configured to;

receive a second input based on a second movement of the physical crown, wherein the second movement is a rotation in the first direction; and in response to the second received input, launch an application associated with an icon of the second plurality of icons.

P81601363 DK00/P20936DK1

59. The device of any of embodiments 45 to 58. the one or more processors further configured to:

receive information representing an activity in an application, wherein the application 5 corresponds to a displayed icon;

in response to the received information, alter the appearance of the displayed icon.

60. The device of embodiment 59, wherein the altering is one or more of blinking, changing color, and animatinu.

61. The device of any of embodiments 45 to 60. wherein the top-right icon of the first plurality of icons is not displayed in the second display.

62. The device of any of embodiments 45 to 60, wherein the top-right icon of the first plurality of toons is the left-most icon in the second top-most row in the second display.

63. The device of any of embodiments 45 to 62. wherein the replacing of the display· of the first plurality of icons with the second plurality of icons comprises:

translating an icon of the first, plurality of icons, from a first position of the touch20 sensitive display, to a second position of the touch-sensitive display.

wherein the icon is displayed, in whole, on the touch-sensitive display during the translating.

64. The device of any of embodiments 45 to 62, wherein the replacing of the display of the first plurality of icons with the second plurality of icons comprises:

P81601363 DK00/P20936DK1 displaying, at a first position of the touch-sensitive display, only a portion of an icon of the first plurality of icons; and displaying the remaining portion of the icon in a second position of the touch-sensui\ e display., w herein the first position and the second position are separate.

The device of any of embodiments 45 to 64, wherein the physical crown is a mechanical crown

66. The device of any of embodiments 45to 65, further comprising one or more sensors for detecting a force applied to the touch-sensitive display.

67. The device of any of embodiments 45 to 66, further comprising a sensor for detecting a touch on the physical crown.

|001T3j Although the disclosure and examples have been fully described with reference to tin accompanying figures, it is to be noted that various changes and modifications will become apparent to those skilled in the art. Such changes and modifications are to be understood as being included within the scope of the disclosure and examples as defined by the appended claims.

P81601363 DK00/P20936DK1

Claims (4)

claims 1.28 G. 1 100 ^ Device f ------------------- Ί Fm IV3. 200 A computer implemented method comprising: displaying a first plurality of icons on a touch-sensitive display (106) of a wearable electronic device (100); receiving an input based on a movement of a physical crown (108) of the wearable electronic device (100); and replacing the first plurality of icons with a second plurality of icons on the touch-sensitive display (106) in response to the input received, the second plurality of icons being a subset of the first plurality of icons. 28.2 100 ^ Device 100-> Device 310-t i, 3 108 l? oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo oooooooooo 0000000000'S 402 Direction 400 Screen The method of claim 1, wherein the wearable electronic device is a clock. 3.28 100Device Device 504-r IG. 5 600 Screen The method of claim 1 or 2, wherein the movement is a push, pulling on the physical crown. A method according to any one of the preceding claims, wherein the movement is a rotation of the physical crown. The method of claim 4, wherein said rotation is in a first direction of rotation. The method of claim 4 or 5, wherein the rotation exceeds a predetermined angular velocity threshold. A method according to any one of the preceding claims, wherein the physical crown comprises a capacitive touch sensor configured to record a touch input and wherein the received input is further based on the touch input of the physical crown. A method according to any one of the preceding claims, wherein a first icon of the first plurality of icons is associated with an application and a second icon of the second plurality of icons is associated with the same application, further comprising: to display the second application information icon when the second plurality of icons are displayed, and to display the first application information icon when the first plurality of icons are displayed. The method of claim 8, wherein a first density of information is associated with the first plurality of icons and a second density of information is associated with the second plurality of icons. The method of any preceding claim, wherein the received input is a first input received, the method further comprising: receiving a different input based on a different movement of the physical crown; and replacing the second plurality of icons with the first plurality of icons on the touch-sensitive display in response to the second input received. The method of claim 10, wherein the second movement is a rotation of the physical crown in a second direction opposite to the first direction. A method according to any one of claims 10 to 11, wherein the second movement is a push or pull of the physical crown. The method of any of claims 1 to 9, wherein the received input is a first input received, the method further comprising: receiving a second input based on a second movement of the physical crown, the second movement being a rotation in the first direction of rotation; and in response to the second input received, replacing the display of the second plurality of icons with a third plurality of icons, the third plurality of icons being a subset of the second plurality of icons. The method of any of claims 5 to 9, wherein the received input is a first input received, the method further comprising: receiving a second input based on a second movement of the physical crown, the second movement being a rotation in the first direction; and launching an application associated with an icon of the second plurality of icons in response to the second input received. A method according to any one of the preceding claims, further comprising: receiving information representing an activity in an application where the application corresponds to a certain icon; to change the appearance of the displayed icon in response to the information received. The method of claim 15, wherein the change is one or more of flashing, changing color and animation. A method according to any one of the preceding claims, wherein the icon in the upper right of the first plurality of icons is not shown in the second display. A method according to any one of claims 1 to 16, wherein the icon in the upper right of the first plurality of icons is the icon in the far left of the second top row of the second display. A method according to any one of the preceding claims, wherein the replacement rejection of the first plurality of icons by the second plurality of icons comprises: translating an icon of the first plurality of icons from a first position of the touch-sensitive display to a second position of the touch-sensitive display, where the icon is displayed as a whole on the touch-sensitive display during translation. The method of any one of claims 1 to 18, wherein the replacement rejection of the first plurality of icons by the second plurality of icons comprises: displaying in a first position of the touch-sensitive display only part of an icon of the first plurality of icons; and displaying the remaining portion of the icon in a second position of the touch-sensitive display, wherein the first position and the second position are separate. A method according to any one of the preceding claims, wherein the physical crown is a mechanical crown. A method according to any one of the preceding claims, further comprising: detecting a force applied to the touch-sensitive display; and to replace the first view based on the detected power. 23. Non-temporary computer-readable storage medium having computer executable instructions which, when executed by one or more computer processors, causes one or more computer processors to: display a first plurality of icons on a touch-sensitive display of a wearable 5 electronic devices; receiving an input based on a movement of a physical crown of the wearable electronic device; and replacing the first plurality of icons with a second plurality of icons on the touch-sensitive display in response to the input received, 10 wherein the second plurality of icons is a subset of the first plurality of icons. An electronic device comprising: one or more processors; 15 a physical crown operably coupled to one or more processors; and a touch-sensitive display operably coupled to the one or more processors, wherein the one or more processors are configured to: 20 displaying a first plurality of icons on a touch-sensitive display of a wearable electronic device; receiving an input based on a movement of a physical crown of the wearable electronic device; and replacing the first plurality of icons with a second plurality of icons on the touch-sensitive display in response to the input received, wherein the second plurality of icons is a subset of the first plurality of icons. 4.28