KR102263620B1

Movatterモバイル変換

Info

Publication number: KR102263620B1
Application number: KR1020207022802A
Authority: KR
Inventors: 니콜라스 잠베티; 임란 차우드리; 조나단 알. 다스콜라; 알란 씨. 다이; 크리스토퍼 패트릭 포스; 아우렐리오 구즈만; 차나카 지. 카루나무니; 던칸 로버트 커르; 스테판 오. 르메이; 나탈리아 매릭; 크리스토퍼 윌슨; 에릭 랜스 윌슨; 로렌스 와이. 양; 게리 이안 부처; 안톤 엠. 다비도프; 딜란 로스 에드워드; 조나단 피. 이브; 자커리 케네디; 니콜라스 브이. 킹; 다니엘 트렌트 프레스턴
Original assignee: 애플 인크.
Priority date: 2013-09-03
Filing date: 2014-09-03
Publication date: 2021-06-11
Anticipated expiration: 2034-09-03
Also published as: KR102305362B1; AU2014315319A1; AU2014315319B2; AU2014315325A1; DK179231B1; JP2018136983A; AU2019206101A1; KR102072614B1; JP2019215891A; JP2023065397A; DK201670117A1; KR102143895B1; JP2016532973A; AU2024205135A1; KR20160048955A; AU2021212114B9; JP6547039B2; JP7532568B2; KR20180122752A; AU2017276285A1

Abstract

Translated fromKorean

크라운의 이동에 기초한 개인 전자 디바이스 상의 사용자 인터페이스 내비게이션이 개시된다. 디바이스는 크라운 이동에 기초하여 디스플레이하기 위해 z 축을 따라 배열되는 적절한 레벨의 정보를 선택할 수 있다. 내비게이션은 크라운의 각속도에 기초할 수 있다.User interface navigation on the personal electronic device based on movement of the crown is disclosed. The device may select an appropriate level of information arranged along the z-axis to display based on crown movement. Navigation may be based on the angular velocity of the crown.

Description

Translated fromKorean

사용자 인터페이스 객체를 조작하기 위한 사용자 인터페이스{USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS}A user interface for manipulating user interface objects {USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS}

관련 출원들에 대한 상호 참조CROSS-REFERENCE TO RELATED APPLICATIONS

본 출원은 2013년 9월 3일자로 출원되고 발명의 명칭이 "웨어러블 전자 디바이스에 대한 크라운 입력(CROWN INPUT FOR A WEARABLE ELECTRONIC DEVICE)"인 미국 가특허 출원 제61/873,356호; 2013년 9월 3일자로 출원되고 발명의 명칭이 "사용자 인터페이스에서의 사용자 인터페이스 객체 조작(USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE)"인 미국 가특허 출원 제61/873,359호; 2013년 9월 3일자로 출원되고 발명의 명칭이 "사용자 인터페이스 객체를 조작하기 위한 사용자 인터페이스(USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS)"인 미국 가특허 출원 제61/959,851호; 2013년 9월 3일자로 출원되고 발명의 명칭이 "자기적 성질을 이용하여 사용자 인터페이스 객체를 조작하기 위한 사용자 인터페이스(USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS WITH MAGNETIC PROPERTIES)"인 미국 가특허 출원 제61/873,360호; 및 2014년 9월 3일자로 출원되고 발명의 명칭이 "자기적 성질을 이용하여 사용자 인터페이스 객체를 조작하기 위한 사용자 인터페이스"인 미국 정규 특허 출원 제14/476,657호에 대한 우선권을 주장한다. 이들 출원들의 내용은 이로써 모든 목적을 위해 전체적으로 참고로 포함된다.This application is filed on September 3, 2013 and is entitled "CROWN INPUT FOR A WEARABLE ELECTRONIC DEVICE," US Provisional Patent Application Nos. 61/873,356; U.S. Provisional Patent Application No. 61/873,359, filed September 3, 2013 and entitled "USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE;" U.S. Provisional Patent Application No. 61/959,851, filed September 3, 2013 and entitled "USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS;" U.S. Provisional Patent Application No. 61/, filed September 3, 2013 and entitled "USER INTERFACE FOR MANIPULATING USER INTERFACE OBJECTS WITH MAGNETIC PROPERTIES" 873,360; and U.S. Patent Application Serial No. 14/476,657, filed September 3, 2014, entitled "User Interface for Manipulating User Interface Objects Using Magnetic Properties." The contents of these applications are hereby incorporated by reference in their entirety for all purposes.

본 출원은, 이와 함께 동시 계류중인 출원인, 발명자들로서 니콜라스 잠베티(Nicholas Zambetti) 등의 이름으로 2014년 9월 3일자로 출원되고 발명의 명칭이 "웨어러블 전자 디바이스에 대한 크라운 입력"인 미국 정규 특허 출원; 이와 함께 동시 계류중인 출원인, 발명자들로서 니콜라스 잠베티 등의 이름으로 2014년 9월 3일자로 출원되고 발명의 명칭이 "사용자 인터페이스에서의 사용자 인터페이스 객체 조작"인 미국 정규 특허 출원; 및 2012년 12월 29일자로 출원되고 발명의 명칭이 "시각적 및/또는 촉각적 피드백을 이용하여 사용자 인터페이스 객체를 조작하기 위한 디바이스, 방법, 및 그래픽 사용자 인터페이스(Device, Method, and Graphical User Interface for Manipulating User Interface Objects with Visual and/or Haptic Feedback)"인 미국 가특허 출원 제61/747,278호에 관련된다. 이들 출원들의 내용은 이로써 모든 목적을 위해 전체적으로 참고로 포함된다.This application is a co-pending U.S. patent filed on September 3, 2014 in the name of Nicholas Zambetti et al. as inventors, co-pending Applicant, and entitled "Crown Input for Wearable Electronic Device". application; co-pending applicants, inventors, filed September 3, 2014 in the names of Nicholas Zambeti et al., United States regular patent application entitled "Manipulating User Interface Objects in User Interfaces"; and, filed on December 29, 2012 and entitled "Device, Method, and Graphical User Interface for Manipulating User Interface Objects Using Visual and/or Tactile Feedback" Manipulating User Interface Objects with Visual and/or Haptic Feedback)," U.S. Provisional Patent Application No. 61/747,278. The contents of these applications are hereby incorporated by reference in their entirety for all purposes.

기술분야technical field

개시된 실시예들은 대체로 전자 워치(electronic watch)들에 대한 사용자 인터페이스들을 포함하지만 이로 한정되지 않는 전자 디바이스들의 사용자 인터페이스들에 관한 것이다.The disclosed embodiments relate generally to user interfaces of electronic devices, including but not limited to user interfaces for electronic watches.

개선된 개인 전자 디바이스들은 작은 폼 팩터(form factor)들을 가질 수 있다. 예시적인 개인 전자 디바이스들은 태블릿들 및 스마트 폰들을 포함하지만 이로 한정되지 않는다. 그러한 개인 전자 디바이스들의 사용은 개인 전자 디바이스들의 설계를 보완하는 작은 폼 팩터들을 또한 갖는 디스플레이 스크린들 상의 사용자 인터페이스 객체들의 조작을 수반한다.Improved personal electronic devices may have small form factors. Exemplary personal electronic devices include, but are not limited to, tablets and smart phones. The use of such personal electronic devices involves the manipulation of user interface objects on display screens that also have small form factors that complement the design of personal electronic devices.

사용자들이 개인 전자 디바이스 상에서 수행할 수 있는 예시적인 조작들은 계층을 내비게이팅하는 것, 사용자 인터페이스 객체를 선택하는 것, 사용자 인터페이스 객체들의 위치, 크기, 및 줌(zoom)을 조정하는 것, 또는 달리 사용자 인터페이스들을 조작하는 것을 포함한다. 예시적인 사용자 인터페이스 객체들은 디지털 이미지들, 비디오, 텍스트, 아이콘들, 버튼들과 같은 제어 요소들, 및 기타 그래픽들을 포함한다.Exemplary manipulations that users may perform on a personal electronic device include navigating through hierarchies, selecting user interface objects, adjusting the position, size, and zoom of user interface objects, or otherwise a user It involves manipulating interfaces. Exemplary user interface objects include digital images, video, text, icons, control elements such as buttons, and other graphics.

크기가 축소된 개인 전자 디바이스들 상의 사용자 인터페이스 객체들을 조작하기 위한 기존의 방법들은 비효율적일 수 있다. 또한, 기존의 방법들은 일반적으로 바람직한 것보다 더 적은 정밀도를 제공한다.Existing methods for manipulating user interface objects on downsized personal electronic devices can be inefficient. In addition, existing methods generally provide less precision than desirable.

일부 실시예들에서, 크라운(crown)의 이동에 기초하여 개인 전자 디바이스 상의 사용자 인터페이스를 내비게이팅하기 위한 기법들이 개시된다. 전술한 프로세스들을 수행하기 위한 시스템들 및 컴퓨터 판독가능 저장 매체들이 또한 개시된다.In some embodiments, techniques are disclosed for navigating a user interface on a personal electronic device based on movement of a crown. Systems and computer-readable storage media for performing the aforementioned processes are also disclosed.

도 1은 예시적인 개인 전자 디바이스를 도시한다.
도 2는 예시적인 사용자 인터페이스를 도시한다.
도 3은 예시적인 사용자 인터페이스를 도시한다.
도 4는 예시적인 사용자 인터페이스를 도시한다.
도 5는 예시적인 사용자 인터페이스를 도시한다.
도 6은 예시적인 사용자 인터페이스를 도시한다.
도 7은 예시적인 사용자 인터페이스를 도시한다.
도 8은 예시적인 사용자 인터페이스를 도시한다.
도 9는 사용자 인터페이스의 예시적인 논리 구조를 도시한다.
도 10은 예시적인 사용자 인터페이스를 도시한다.
도 11은 예시적인 사용자 인터페이스를 도시한다.
도 12는 예시적인 사용자 인터페이스를 도시한다.
도 13은 예시적인 사용자 인터페이스 전이(transition)를 도시한다.
도 14는 예시적인 사용자 인터페이스를 도시한다.
도 15는 예시적인 사용자 인터페이스를 도시한다.
도 16은 예시적인 사용자 인터페이스 전이를 도시한다.
도 17은 예시적인 사용자 인터페이스를 도시한다.
도 18은 예시적인 사용자 인터페이스를 도시한다.
도 19는 예시적인 사용자 인터페이스 전이를 도시한다.
도 20은 예시적인 사용자 인터페이스를 도시한다.
도 21은 예시적인 사용자 인터페이스를 도시한다.
도 22는 예시적인 사용자 인터페이스 및 전이를 도시한다.
도 23은 예시적인 사용자 인터페이스를 도시한다.
도 24는 예시적인 사용자 인터페이스 및 전이를 도시한다.
도 25a 및 도 25b는 예시적인 사용자 인터페이스를 도시한다.
도 26은 예시적인 사용자 인터페이스를 도시한다.
도 27은 예시적인 사용자 인터페이스 및 전이를 도시한다.
도 28은 예시적인 사용자 인터페이스를 도시한다.
도 29는 예시적인 사용자 인터페이스를 도시한다.
도 30은 예시적인 사용자 인터페이스 및 전이를 도시한다.
도 31은 예시적인 사용자 인터페이스를 도시한다.
도 32는 예시적인 사용자 인터페이스를 도시한다.
도 33은 예시적인 사용자 인터페이스를 도시한다.
도 34는 예시적인 사용자 인터페이스를 도시한다.
도 35는 예시적인 프로세스를 도시한다.
도 36은 예시적인 컴퓨팅 시스템을 도시한다.
도 37은 예시적인 개인 전자 디바이스를 도시한다.
도 38은 예시적인 개인 전자 디바이스를 도시한다.
도 39는 예시적인 개인 전자 디바이스를 도시한다.
도 40은 예시적인 사용자 인터페이스를 도시한다.
도 41은 사용자 인터페이스의 예시적인 논리 구조를 도시한다.
도 42는 예시적인 사용자 인터페이스를 도시한다.1 illustrates an exemplary personal electronic device.
2 illustrates an exemplary user interface.
3 illustrates an exemplary user interface.
4 illustrates an exemplary user interface.
5 illustrates an exemplary user interface.
6 illustrates an exemplary user interface.
7 illustrates an exemplary user interface.
8 illustrates an exemplary user interface.
9 shows an exemplary logical structure of a user interface.
10 illustrates an exemplary user interface.
11 illustrates an exemplary user interface.
12 illustrates an exemplary user interface.
13 illustrates an exemplary user interface transition.
14 illustrates an exemplary user interface.
15 illustrates an exemplary user interface.
16 illustrates an example user interface transition.
17 illustrates an exemplary user interface.
18 illustrates an exemplary user interface.
19 illustrates an example user interface transition.
20 illustrates an exemplary user interface.
21 illustrates an exemplary user interface.
22 illustrates an exemplary user interface and transitions.
23 illustrates an exemplary user interface.
24 illustrates an exemplary user interface and transitions.
25A and 25B illustrate exemplary user interfaces.
26 illustrates an exemplary user interface.
27 illustrates an exemplary user interface and transitions.
28 illustrates an exemplary user interface.
29 illustrates an exemplary user interface.
30 illustrates an example user interface and transitions.
31 illustrates an exemplary user interface.
32 illustrates an exemplary user interface.
33 illustrates an exemplary user interface.
34 illustrates an exemplary user interface.
35 depicts an exemplary process.
36 illustrates an example computing system.
37 depicts an exemplary personal electronic device.
38 illustrates an example personal electronic device.
39 depicts an exemplary personal electronic device.
40 illustrates an exemplary user interface.
41 illustrates an exemplary logical structure of a user interface.
42 illustrates an exemplary user interface.

개시내용 및 예들의 다음 설명에서, 실시될 수 있는 특정 예들이 도면들 내에서 예시로서 도시되는 첨부 도면들이 참조된다. 개시내용의 범주를 벗어나지 않으면서 다른 예들이 실시될 수 있고, 구조적 변경이 가해질 수 있다는 것이 이해될 것이다.In the following description of the disclosure and examples, reference is made to the accompanying drawings in which specific examples in which they may be practiced are shown by way of example in the drawings. It will be understood that other examples may be practiced and structural changes may be made without departing from the scope of the disclosure.

도 1은 예시적인 개인 전자 디바이스(100)를 도시한다. 도시된 예에서, 디바이스(100)는 본체(102) 및 디바이스(100)를 사용자의 신체에 부착하기 위한 스트랩(104)을 일반적으로 포함하는 워치이다. 즉, 디바이스(100)는 착용 가능하다. 본체(102)는 스트랩들(104)과 연결되도록 설계될 수 있다. 디바이스(100)는 터치 감응 디스플레이 스크린(이후, 터치스크린)(106) 및 크라운(108)을 가질 수 있다. 일부 실시예들에서, 디바이스(100)는 하나 이상의 버튼들(110, 112, 114)을 가질 수 있다. 일부 실시예들에서, 디바이스(100)는 어떠한 버튼들(110, 112, 또는 114)도 가지지 않는다.1 illustrates an exemplary personalelectronic device 100 . In the illustrated example, thedevice 100 is a watch that generally includes abody 102 and a strap 104 for attaching thedevice 100 to the body of a user. That is, thedevice 100 is wearable. Thebody 102 may be designed to connect with the straps 104 .Device 100 may have a touch-sensitive display screen (hereinafter, touchscreen) 106 and acrown 108 . In some embodiments,device 100 may have one ormore buttons 110 , 112 , 114 . In some embodiments,device 100 does not have anybuttons 110 , 112 , or 114 .

통상적으로, 워치의 맥락에서 용어 "크라운"은 워치의 태엽을 감기 위한 용심(stem) 위의 캡을 지칭한다. 개인 전자 디바이스의 맥락에서, 크라운은 터치 감응 디스플레이 상의 가상의 크라운보다는, 전자 디바이스의 물리적 컴포넌트일 수 있다. 크라운(108)은 기계적일 수 있는데, 이는 크라운이 크라운의 물리적 이동을 전기 신호들로 변환하기 위한 센서에 접속될 수 있다는 것을 의미한다. 크라운(108)은 2개의 회전 방향들로(예컨대, 전방으로 및 후방으로) 회전할 수 있다. 크라운(108)은 또한 디바이스(100)의 본체를 향해 안으로 밀릴(pushed) 수 있고 그리고/또는 디바이스(100)로부터 멀리 당겨질(pulled) 수 있다. 크라운(108)은, 예를 들어 사용자가 크라운을 터치하고 있는지 여부를 검출할 수 있는 용량성 터치 기술들을 이용하는, 터치 감응형일 수 있다. 또한, 크라운(108)은 추가로 하나 이상의 방향들로 흔들릴(rocked) 수 있거나 또는 본체(102)의 주연부의 적어도 부분적으로 둘레에 또는 에지를 따르는 트랙을 따라 옮겨질 수 있다. 일부 예들에서, 하나 초과의 크라운(108)이 사용될 수 있다. 크라운(108)의 시각적 외관은 통상적인 워치들의 크라운들과 유사할 수 있지만 반드시 그럴 필요는 없다. 본 명세서에 기술된 이러한 예들은 크라운 회전, 밀기, 당기기, 및/또는 터치를 지칭하는데, 이들 각각은 크라운의 물리적 상태를 구성한다.Typically, in the context of a watch, the term “crown” refers to a cap over the stem for winding the watch. In the context of a personal electronic device, the crown may be a physical component of the electronic device, rather than a virtual crown on a touch-sensitive display.Crown 108 may be mechanical, meaning that the crown may be connected to a sensor for converting the physical movement of the crown into electrical signals.Crown 108 may rotate in two directions of rotation (eg, forward and backward).Crown 108 may also be pushed in towards the body ofdevice 100 and/or pulled away fromdevice 100 .Crown 108 may be touch sensitive, for example, using capacitive touch technologies capable of detecting whether a user is touching the crown. Further, thecrown 108 may further be rocked in one or more directions or may be displaced along a track at least partially around or along an edge of the perimeter of thebody 102 . In some examples, more than onecrown 108 may be used. The visual appearance ofcrown 108 may, but need not, be similar to the crowns of conventional watches. These examples described herein refer to crown rotation, pushing, pulling, and/or touching, each of which constitutes the physical state of the crown.

버튼들(110, 112, 114)은, 포함되는 경우, 각각 물리적 버튼 또는 터치 감응 버튼일 수 있다. 즉, 버튼들은, 예를 들어, 물리적 버튼들 또는 용량성 버튼들일 수 있다. 추가로, 베젤(bezel)을 포함할 수 있는 본체(102)는, 베젤 상에 버튼들로서 작용하는 미리 결정된 영역들을 가질 수 있다.Buttons 110 , 112 , and 114 , if included, may each be a physical button or a touch-sensitive button. That is, the buttons may be, for example, physical buttons or capacitive buttons. Additionally,body 102 , which may include a bezel, may have predetermined areas on the bezel that act as buttons.

터치스크린(106)은, 상호 용량 터치 감지, 자기 용량 터치 감지, 저항성 터치 감지, 프로젝션 스캔(projection scan) 터치 감지 등과 같은 임의의 원하는 터치 감지 기술을 이용하여 구현되는 터치 센서 패널의 뒤에 또는 앞에 부분적으로 또는 완전히 위치되는, 액정 디스플레이(LCD), 발광 다이오드(LED) 디스플레이, 유기 발광 다이오드(OLED) 디스플레이 등과 같은 디스플레이 디바이스를 포함할 수 있다. 터치스크린(106)은 사용자가 하나 이상의 손가락들 또는 다른 객체를 사용하여 터치 센서 패널 근처에 호버링(hovering)을 통해 터치함으로써 다양한 기능들을 수행하게 할 수 있다.Thetouchscreen 106 is partially behind or in front of a touch sensor panel implemented using any desired touch sensing technology, such as mutual capacitive touch sensing, self-capacitive touch sensing, resistive touch sensing, projection scan touch sensing, etc. display devices, such as liquid crystal displays (LCD), light emitting diode (LED) displays, organic light emitting diode (OLED) displays, etc. Thetouch screen 106 may allow a user to perform various functions by touching via hovering near the touch sensor panel using one or more fingers or other objects.

일부 예들에서, 디바이스(100)는 디스플레이에 가해지는 힘 또는 압력을 검출하기 위한 하나 이상의 압력 센서들(도시 생략)을 추가로 포함할 수 있다. 터치스크린(106)에 가해지는 힘 또는 압력은 디바이스(100)에 대한 입력으로서 사용되어, 임의의 원하는 동작, 예를 들면 선택을 행하는 것, 메뉴에 들어가거나 메뉴를 나오는 것, 추가적인 옵션들/액션들의 디스플레이를 야기하는 것 등을 수행할 수 있다. 일부 예들에서, 터치스크린(106)에 가해지고 있는 힘 또는 압력의 양에 기초하여 상이한 동작들이 수행될 수 있다. 하나 이상의 압력 센서들은 힘이 터치스크린(106)에 가해지고 있는 위치를 결정하기 위해 추가로 사용될 수 있다.In some examples,device 100 may further include one or more pressure sensors (not shown) to detect a force or pressure applied to the display. The force or pressure applied to thetouchscreen 106 is used as an input to thedevice 100 to perform any desired action, such as making a selection, entering or leaving a menu, additional options/actions. cause the display of them, and so on. In some examples, different actions may be performed based on the amount of force or pressure being applied to thetouchscreen 106 . One or more pressure sensors may further be used to determine where a force is being applied to thetouchscreen 106 .

1.크라운-기반 사용자 인터페이스 제어1. Crown-Based User Interface Control

도 2 내지 도 7은 크라운(108)(도 1)의 이동에 응답하는 예시적인 사용자 인터페이스들을 도시한다. 도 2는 디바이스(100)에 의해 디스플레이될 수 있는 예시적인 스크린(200)을 도시한다. 스크린(200)은, 예를 들어, 디바이스(100)의 파워-온(power-on) 시에 나타나거나 또는 디바이스(100)의 터치스크린 디스플레이가 파워-온할 때 초기에 나타나는(슬립 상태(sleep state)로부터 깨어나는 것을 포함함) 홈 스크린일 수 있다. 아이콘들(204, 206, 208)이 스크린(200)에 디스플레이될 수 있다. 일부 실시예들에서, 아이콘들은 디바이스(100) 상에서 동작 가능한 애플리케이션들에 대응할 수 있는데, 이는 애플리케이션들이 디바이스(100) 상에 설치될 수 있고 그리고/또는 디바이스(100) 상에서 서비스로서 실행할 수 있다는 것을 의미한다. 아이콘 상의 터치(예컨대, 손가락 탭)는 대응하는 애플리케이션이 개시하게(launch) 하는데, 이는 애플리케이션이 디바이스(100)의 전경(foreground)에서 실행하고 터치스크린(106) 상에 나타나는 것을 의미한다. 일부 실시예들에서, 아이콘들은 텍스트 문서들, 미디어 항목들, 웹 페이지들, 이메일 메시지들 등에 대응할 수 있다.2-7 illustrate exemplary user interfaces responsive to movement of crown 108 ( FIG. 1 ). 2 shows anexample screen 200 that may be displayed bydevice 100 . Thescreen 200 may, for example, appear upon power-on of thedevice 100 or initially appear upon power-on of the touchscreen display of the device 100 (sleep state). ) including waking up from) the home screen.Icons 204 , 206 , 208 may be displayed onscreen 200 . In some embodiments, the icons may correspond to applications operable ondevice 100 , meaning that applications may be installed ondevice 100 and/or run as a service ondevice 100 . do. A touch on the icon (eg, a finger tap) launches the corresponding application, which means the application runs in the foreground of thedevice 100 and appears on thetouchscreen 106 . In some embodiments, icons may correspond to text documents, media items, web pages, email messages, and the like.

디바이스(100)는 스크린(200) 상에 디스플레이하기 위해 이용 가능한 아이콘들의 더 큰 세트 중에서 아이콘들(204, 206, 208)을 선택할 수 있는데, 이는 이러한 아이콘들이 현재 시간에서의 사용자에 관련된 정보를 갖기 때문이다. 예를 들어, 아이콘(204)은 사용자가 인입 메시지(incoming message)를 방금 수신한 메시징 애플리케이션에 대응할 수 있고, 아이콘(206)은 사용자가 다가오는 캘린더 약속 입력을 갖는 캘린더 애플리케이션에 대응할 수 있다.Device 100 may selecticons 204 , 206 , 208 from among a larger set of available icons for display onscreen 200 , such that these icons have information relevant to the user at the current time. Because. For example,icon 204 may correspond to a messaging application for which the user has just received an incoming message, andicon 206 may correspond to a calendar application for which the user has an upcoming calendar appointment input.

도 3은 스크린(200)(도 2)이 디스플레이되는 동안 방향(302)으로의 크라운(108)의 회전에 응답하여 디바이스(100)에 의해 디스플레이될 수 있는 예시적인 스크린(300)을 도시한다. 스크린(300)은, 예를 들어, 이용 가능한 아이콘들의 더 큰 세트로부터 사용자에 의해 이미 선택된, 사용자의 선호 아이콘들을 보여 줄 수 있다. 또한, 스크린(300)은 아이콘들의 사용자의 액세스 빈도에 기초하여 디바이스(100)에 의해, 이용 가능한 아이콘들의 더 큰 세트로부터 선택된, 아이콘들을 포함할 수 있다. 스크린(300)에 디스플레이되는 예시적인 아이콘들(304, 306, 308, 310, 312)은 각각 디바이스(100) 상에서 동작 가능한 애플리케이션에 대응할 수 있다. 아이콘 상의 터치(예컨대, 손가락 탭)는 대응하는 애플리케이션이 개시하게 한다.3 shows anexample screen 300 that may be displayed bydevice 100 in response to rotation ofcrown 108 indirection 302 while screen 200 ( FIG. 2 ) is displayed.Screen 300 may show the user's favorite icons, for example, already selected by the user from the larger set of available icons.Screen 300 may also include icons, selected from a larger set of icons available bydevice 100 based on the user's frequency of access to the icons.Exemplary icons 304 , 306 , 308 , 310 , 312 displayed on thescreen 300 may each correspond to an application operable on thedevice 100 . A touch on the icon (eg, a finger tap) causes the corresponding application to launch.

도 4는 스크린(300)(도 3)이 디스플레이되는 동안 방향(402)으로의 크라운(108)의 회전에 응답하여 디바이스(100)에 의해 디스플레이될 수 있는 예시적인 스크린(400)을 도시한다. 스크린(400)은, 예를 들어, 디바이스(100) 상에서 동작 가능한 애플리케이션들 전부에 대응하는 아이콘들을 보여 줄 수 있다. 다수의 애플리케이션들이 디바이스(100) 상에서 동작 가능할 수 있기 때문에, 스크린(400)은 다수의 아이콘들을 포함할 수 있다. 수많은 아이콘들이 디스플레이될 때, 아이콘들은 그에 따라 터치스크린(106) 내에 꼭 맞을 수 있도록 크기가 정해질 수 있거나, 또는 적어도 대표적인 개수 또는 미리 결정된 백분율의 아이콘들이 터치스크린(106) 내에 보이게 꼭 맞을 수 있도록 크기가 정해질 수 있다.4 shows anexample screen 400 that may be displayed bydevice 100 in response to rotation ofcrown 108 indirection 402 while screen 300 ( FIG. 3 ) is displayed. Thescreen 400 may show, for example, icons corresponding to all applications operable on thedevice 100 . Because multiple applications may be operable ondevice 100 ,screen 400 may include multiple icons. When a number of icons are displayed, the icons may be sized accordingly to fit within thetouchscreen 106 , or at least a representative number or predetermined percentage of the icons may fit visibly within thetouchscreen 106 . size can be determined.

도 5는 스크린(400)(도 4)이 디스플레이되는 동안 방향(502)으로의 크라운(108)의 회전에 응답하여 디바이스(100)에 의해 디스플레이될 수 있는 예시적인 스크린(500)을 도시한다. 스크린(500)은, 예를 들어, 디바이스(100) 상에서 동작 가능한 애플리케이션들의 서브세트에 대응하는 아이콘들을 보여 줄 수 있다. 스크린(400)에 비교해서 더 적은 아이콘들이 스크린(500) 상에 디스플레이되기 때문에, 스크린(500) 상에 디스플레이되는 아이콘들, 예컨대, 아이콘(504)은 더 커질 수 있고 스크린(400) 상의 아이콘들의 디스플레이에 비교해서 추가적인 충실도를 가질 수 있다. 예를 들어, 스크린(500) 상의 아이콘들은 그의 대응하는 애플리케이션을 식별하는 텍스트 및/또는 이미지의 형태의 표시(indicia)를 가질 수 있다. 도시된 바와 같이, 아이콘(504)은 대응하는 애플리케이션의 이름이 시계(clock)에서와 같이 "c"로 시작하는 것을 암시하기 위해 문자 "c"를 사용한다. 일부 실시예들에서, 아이콘 상의 터치(예컨대, 손가락 탭)는 대응하는 애플리케이션이 개시하게 한다.5 illustrates anexample screen 500 that may be displayed bydevice 100 in response to rotation ofcrown 108 indirection 502 while screen 400 ( FIG. 4 ) is displayed.Screen 500 may show, for example, icons corresponding to a subset of applications operable ondevice 100 . Because fewer icons are displayed on thescreen 500 compared to thescreen 400 , the icons displayed on thescreen 500 , eg,icon 504 , can be larger and the number of icons on thescreen 400 can be larger. It may have additional fidelity compared to the display. For example, icons onscreen 500 may have indicia in the form of text and/or images identifying their corresponding application. As shown,icon 504 uses the letter "c" to imply that the name of the corresponding application begins with "c" as in a clock. In some embodiments, a touch (eg, a finger tap) on the icon causes the corresponding application to launch.

도 6은 방향(602)으로의 크라운(108)의 회전에 응답하여 디바이스(100)에 의해 디스플레이될 수 있는 예시적인 스크린(600)을 도시한다. 스크린(600)은, 예를 들어, 스크린(500)에 비교해서, 디바이스(100) 상에서 동작 가능한 애플리케이션들에 대응하는 아이콘들의 추가 선별된 서브세트(further winnowed subset)를 보여 줄 수 있다. 스크린(500)(도 5)에 비교해서 훨씬 더 적은 아이콘들이 스크린(600) 상에 디스플레이되기 때문에, 디스플레이되는 아이콘들(예컨대, 아이콘(604))은 추가로 확대될 수 있고 스크린들(200, 300, 400, 500) 상의 아이콘들의 디스플레이에 비교해서 추가적인 충실도를 가질 수 있다. 예를 들어, 아이콘(604)은 현재 시간을 디스플레이하는 시계의 이미지를 가질 수 있다. 일부 실시예들에서, 아이콘 상의 터치(예컨대, 손가락 탭)는 대응하는 애플리케이션이 개시하게 한다.6 shows anexample screen 600 that may be displayed bydevice 100 in response to rotation ofcrown 108 indirection 602 .Screen 600 may show a further winnowed subset of icons corresponding to applications operable ondevice 100 , for example, compared toscreen 500 . Because far fewer icons are displayed onscreen 600 compared to screen 500 ( FIG. 5 ), the displayed icons (eg, icon 604 ) can be further enlarged and screens 200 , 200 , 300, 400, 500 may have additional fidelity compared to the display of the icons. For example,icon 604 may have an image of a clock displaying the current time. In some embodiments, a touch (eg, a finger tap) on the icon causes the corresponding application to launch.

도 7 및 도 8은 각각, 스크린(600)(도 6)이 디스플레이되는 동안 방향(702)으로의 크라운(108)의 회전에 응답하여 디바이스(100)에 의해 디스플레이될 수 있는 예시적인 스크린들(700, 800)을 도시한다.7 and 8 are example screens that may be displayed bydevice 100 in response to rotation ofcrown 108 indirection 702 while screen 600 ( FIG. 6 ) is displayed, respectively. 700, 800) are shown.

도 7을 참조하면, 일부 실시예들에서, 스크린(700)은 스크린(600)(도 6)이 디스플레이될 때 방향(702)으로의 크라운 회전에 응답하여 디스플레이될 수 있다. 단일 아이콘(704)이 스크린(700) 상에 디스플레이되기 때문에, 아이콘(704)은 이전의 스크린들에 비교해서 추가적인 충실도를 가질 수 있다. 예를 들어, 아이콘(704)은 현재 시간과 함께 요일-날짜 정보를 디스플레이하는 시계의 이미지를 가질 수 있다. 아이콘(704) 상의 터치(예컨대, 손가락 탭)는 대응하는 애플리케이션이 개시하게 한다.Referring to FIG. 7 , in some embodiments,screen 700 may be displayed in response to crown rotation indirection 702 when screen 600 ( FIG. 6 ) is displayed. Because asingle icon 704 is displayed on thescreen 700 , theicon 704 may have additional fidelity compared to previous screens. For example,icon 704 may have an image of a clock that displays day-date information along with the current time. A touch (eg, a finger tap) on theicon 704 causes the corresponding application to launch.

도 8로 돌아가면, 일부 실시예들에서, 스크린(800)은 스크린(600)(도 6)이 디스플레이될 때 방향(802)으로의 크라운 회전에 응답하여 디스플레이될 수 있다. 스크린(800)은 디바이스(100)의 전경에서 동작 중인 아이콘(704)(도 7)에 대응하는 애플리케이션(804)을 보여 준다. 즉, 방향(802)으로의 크라운 회전에 응답하여 개시된 애플리케이션(804). 예시적인 애플리케이션(804)은 알람 기능을 제공하는 시계 애플리케이션일 수 있다. 또한, 일부 실시예들에서, 스크린(800)은 스크린(700)(도 7)이 디스플레이될 때 방향(802)으로의 크라운 회전에 응답하여 디스플레이되게 된다.8 , in some embodiments, screen 800 may be displayed in response to crown rotation indirection 802 when screen 600 ( FIG. 6 ) is displayed. Screen 800 showsapplication 804 corresponding to icon 704 ( FIG. 7 ) running in the foreground ofdevice 100 . That is,application 804 initiated in response to crown rotation indirection 802 . Anexample application 804 may be a clock application that provides an alarm function. Also, in some embodiments, screen 800 is caused to be displayed in response to crown rotation indirection 802 when screen 700 ( FIG. 7 ) is displayed.

전술한 스크린들(200 내지 700)(도 2 내지 도 7)은 축을 따른 정보의 평면들로서 논리적으로 조직화될 수 있다. 이러한 조직 하에서, 아이콘들의 주어진 스크린은, 공간적으로 위치된 아이콘들을 그 위에 갖는, 2개의 축들(예컨대, x 축 및 y 축)에 의해 정의되는, 평면이라고 생각될 수 있다. x 축 또는 y 축 중 적어도 하나에 직교하는 제3 축 - z 축이라 함 - 을 따라 다수의 평면들이 조직화될 수 있다. (z 축은 x 축 및 y 축에 의해 형성되는 평면에 수직일 수 있다.)The aforementioned screens 200 - 700 ( FIGS. 2 - 7 ) 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 (eg, the x-axis and the y-axis), having spatially positioned icons thereon. A plurality of planes may be organized along a third axis, referred to as the z-axis, orthogonal to at least one of the x-axis or the y-axis. (The z-axis may be perpendicular to the plane formed by the x-axis and y-axis.)

이러한 논리적 조직이 도 9에 의해 도시되는데, 여기서 x 축(902) 및 y 축(904)은 디바이스(100)(도 1)의 터치스크린의 스크린 표면과 동일 평면 상에 있는 평면을 형성하고, z 축(906)은 축들(902, 904)에 의해 형성되는 x/y 평면에 수직이다. 평면(908)은 스크린(200)(도 2)에 대응할 수 있다. 평면(910)은 스크린(300)(도 3)에 대응할 수 있다. 평면(912)은 개인 전자 디바이스의 동작 가능한 애플리케이션들을 나타내는 아이콘들의 집합을 나타낼 수 있다. 따라서, 평면(912)의 상이한 관점들이 스크린들(400 내지 700)(도 4 내지 도 7)에 대응할 수 있다. 평면들(908, 910)이 각각 평면(912) 상에서 이용 가능한 아이콘들의 서브세트를 포함할 수 있다는 점에서 평면들(908, 910)은 평면(912)에 관련될 수 있다. 개인 전자 디바이스 상에 디스플레이되는 특정한 정보의 평면(즉, 아이콘들의 스크린)은 크라운 회전과 같은 크라운 이동을 통해 선택될 수 있다. 즉, 크라운 이동은 z 축(906)과 교차하는 정보의 평면들을 횡단하기 위해 또는 주어진 평면(예컨대, 평면(912))의 대안적인 시야들을 제공하기 위해 사용될 수 있다.This logical organization is illustrated by FIG. 9 , where x-axis 902 and y-axis 904 form a plane coplanar with the screen surface of the touchscreen of device 100 ( FIG. 1 ), andz Axis 906 is perpendicular to the x/y plane formed byaxes 902 and 904 . Theplane 908 may correspond to the screen 200 ( FIG. 2 ). Theplane 910 may correspond to the screen 300 ( FIG. 3 ). Theplane 912 may represent a set of icons representing operable applications of the personal electronic device. Thus, different views ofplane 912 may correspond to screens 400-700 ( FIGS. 4-7 ).Planes 908 , 910 may be related toplane 912 in that planes 908 , 910 may each include a subset of icons available onplane 912 . The plane of particular information displayed on the personal electronic device (ie, the screen of icons) may be selected through crown movement, such as crown rotation. That is, crown movement may be used to traverse planes of information intersecting the z-axis 906 or to provide alternative views of a given plane (eg, plane 912 ).

일부 실시예들에서, 크라운 이동을 통해 z 축의 끝(예컨대, 최상단 또는 최하단 평면)에 도달될 때, 디스플레이된 정보(예컨대, 아이콘들의 스크린)는 끝에 도달되었음을 나타내기 위해 러버밴드 효과(rubberband effect)를 생성한다. 사용자가 크라운 입력을 통해서 정보의 최하단 평면에 도달한 상황을 고려한다. 사용자가 동일한 방향에서 추가적인 크라운 입력을 제공함에 따라, 아이콘들의 디스플레이된 집합은 크라운 이동에 따라서 이동이 멈출 때까지 (가능한 정도까지) 축소(shrink)된다. 크라운 이동이 멈출 때, 디스플레이된 아이콘들은 스크린 상의 애니메이션(on-screen animation)을 통해 그들의 축소된 크기로부터 그들의 정상 크기로 다시 복귀하여, 이로써 러버밴딩의 시각적 효과를 생성한다.In some embodiments, when the end of the z-axis (eg, the top or bottom plane) is reached via crown movement, the displayed information (eg, a screen of icons) has a rubberband effect to indicate that the end has been reached. create Consider the situation in which the user reaches the lowest plane of information through the crown input. As the user provides additional crown input in the same direction, the displayed set of icons shrinks (to the extent possible) until movement stops following crown movement. When crown movement stops, the displayed icons revert back to their normal size from their reduced size via on-screen animation, thereby creating the visual effect of rubberbanding.

이러한 논리적 조직의 하나의 두드러진 이익은, 정보의 상이한 평면들이 서로의 주밍된(zoomed) 서브세트들일 필요는 없다는 것(그러나 서로의 주밍된 서브세트들일 수 있음)이다. 즉, 예를 들어, 평면들(908, 910)은 개인 전자 디바이스 상에서 이용 가능한 그러한 아이콘들 중에서 상이한 아이콘들 전체를 포함할 수 있지만, 여전히 정보의 상이한 평면들은 사용자에 의해 효율적으로 액세스될 수 있다.One prominent benefit of this logical organization is that the different planes of information need not be zoomed subsets of each other (but may be zoomed subsets of each other). That is, for example, planes 908 , 910 may include all of the different icons among those icons available on the personal electronic device, but still different planes of information may be efficiently accessed by the user.

대안적으로, 스크린들(200 내지 700)(도 2 내지 도 7)은 개인 전자 디바이스의 상이한 모드 상태들에 속하는 정보의 서브세트들로서 논리적으로 조직화될 수 있다. 이러한 조직 하에서, 예를 들어, 스크린들(200, 300)은 디바이스의 제1 및 제2 모드 상태에 대응할 수 있고, 스크린들(400 내지 700)은 제3 모드 상태에 대응할 수 있다. 개인 전자 디바이스는 크라운 밀기에 응답하여 모드 상태들을 거쳐 순환할 수 있고, 각각 제1 및 제2 모드 상태들에서의 스크린들(200 또는 300)을 디스플레이할 수 있다. 대안적인 실시예들에서, 모드 상태들은 버튼들(110, 112, 또는 114)을 사용하여 순환될 수 있다. 다수의 스크린들이 특정한 모드 상태(예컨대, 제3 모드 상태) 내에서 이용 가능할 때, 디바이스는 크라운 회전에 기초하여 하나의 스크린(예컨대, 300)의 디스플레이로부터 다른 스크린(예컨대, 400)으로 전환할 수 있다. 특정한 모드 상태 내에서 디스플레이하기 위한 추가적인 스크린들의 이용 가능성을 나타내기 위해, 페이징 도트(paging dot)들과 같은, 스크린 상의 사용자 인터페이스 요소들이 사용될 수 있다.Alternatively, screens 200 - 700 ( FIGS. 2 - 7 ) may be logically organized as subsets of information pertaining to different mode states of the personal electronic device. Under this organization, for example, screens 200 , 300 may correspond to a first and second mode state of the device, and screens 400 to 700 may correspond to a third mode state. The personal electronic device may cycle through the mode states in response to crown push and may displayscreens 200 or 300 in the first and second mode states, respectively. In alternative embodiments, mode states may be cycled usingbuttons 110 , 112 , or 114 . When multiple screens are available within a particular mode state (eg, a third mode state), the device may switch from the display of one screen (eg, 300 ) to another screen (eg, 400 ) based on crown rotation. have. User interface elements on the screen, such as paging dots, may be used to indicate the availability of additional screens for display within a particular mode state.

이러한 논리적 배열은 도 41에 의해 도시된다. 도시된 바와 같이, 평면들(4102, 4104)은 각각 스크린(200)(도 2) 및 스크린(300)(도 3)에 대응할 수 있다. 평면(4106)은 개인 전자 디바이스의 동작 가능한 애플리케이션들을 나타내는 아이콘들의 집합을 나타낼 수 있다. 따라서, 평면(4106)의 상이한 관점들은 스크린들(400 내지 700)(도 4 내지 도 7)에 대응할 수 있다. 개인 전자 디바이스 상에 디스플레이되는 정보의 특정한 평면(즉, 아이콘들의 스크린)은 크라운 밀기과 같은 크라운 이동을 통해 선택될 수 있다.This logical arrangement is illustrated by FIG. 41 . As shown,planes 4102 and 4104 may correspond to screen 200 ( FIG. 2 ) and screen 300 ( FIG. 3 ), respectively. Theplane 4106 may represent a set of icons representing operable applications of the personal electronic device. Thus, different views ofplane 4106 may correspond to screens 400-700 ( FIGS. 4-7 ). A particular plane of information displayed on the personal electronic device (ie, a screen of icons) may be selected through a crown movement, such as a crown push.

2.속도-기반 크라운 제어2. Speed-based Crown Control

디바이스(100)(도 1)는 아이콘들의 하나의 스크린이 아이콘들의 다른 스크린으로 대체되어야 하는지 여부를 판정할 때 크라운(108)(도 1)의 회전의 각속도를 고려할 수 있다. 구체적으로, 디바이스(100)는 크라운(108)에게, 아이콘들의 하나의 스크린의 디스플레이를 다른 것으로 변화시키기 전에 미리 결정된 각속도를 초과하여 회전하도록 요구할 수 있다. 이러한 방식에서, 사용자에 의해 의도되지 않은 크라운(108)의 느린 회전이 디바이스(100)로 하여금 각변위(angular displacement)를 나타내는 크라운 입력을 여전히 수신하게 할 수 있지만, 그 변위는 의도되지 않은 사용자 인터페이스 업데이트들을 야기할 충분한 속도를 갖는 것으로 해석될 필요는 없다. 이 목적을 위한 미리 결정된 각속도들의 선택은 다수의 인자들, 예를 들면 현재 디스플레이되는 아이콘들의 밀도, 현재 디스플레이되는 아이콘들의 시각적 배열 등에 좌우될 수 있다.Device 100 ( FIG. 1 ) may consider the angular velocity of rotation of crown 108 ( FIG. 1 ) when determining whether one screen of icons should be replaced with another screen of icons. Specifically,device 100 may requirecrown 108 to rotate beyond a predetermined angular velocity before changing the display of one screen of icons to another. In this way, a slow rotation of thecrown 108 unintended by the user may cause thedevice 100 to still receive a crown input representing an angular displacement, but the displacement is not intended to be unintended in the user interface. It need not be construed as having sufficient speed to cause updates. The selection of predetermined angular velocities for this purpose may depend on a number of factors, such as the density of currently displayed icons, the visual arrangement of currently displayed icons, and the like.

일부 실시예들에서, 아이콘들의 스크린들 사이를 전환할 필요가 있는 크라운 회전의 최소 각속도는 크라운(108)(도 1)의 순간적(instantaneous) 각속도에 직접 대응하는데, 이는 디바이스(100)의 사용자 인터페이스가, 크라운(108)이 충분한 각속도에 도달할 때 본질적으로 응답하는 것을 의미한다. 일부 실시예들에서, 아이콘들의 스크린들 사이를 전환하기 위해 필요한 크라운 회전의 최소 각속도는, 크라운(108)의 순간적 ("현재") 각속도에 기초하지만 이와 직접적으로 동등하지는 않은 계산된 속도이다. 이러한 실시예들에서, 디바이스(100)는 수학식 1에 따라서 시간 T에서의 이산 순간들에서 계산된 크라운 (각)속도 V를 유지할 수 있다:In some embodiments, the minimum angular velocity of crown rotation necessary to switch between screens of icons directly corresponds to the instantaneous angular velocity of crown 108 ( FIG. 1 ), which is the user interface ofdevice 100 . This means that thecrown 108 is essentially responsive when it reaches a sufficient angular velocity. In some embodiments, the minimum angular velocity of crown rotation required to switch between screens of icons is a calculated velocity based on, but not directly equivalent to, the instantaneous (“current”) angular velocity ofcrown 108 . In such embodiments,device 100 may maintain the computed crown (angular) velocity V at discrete instants at time T according to equation (1):

V_T=V_(T-1) + ΔV_CROWN - ΔV_DRAG.(수학식 1)V_T =V_(T-1) + ΔV_CROWN - ΔV_DRAG . (Equation 1)

수학식 1에서, V_T는 시간 T에서 계산된 크라운 속도(속력 및 방향)를 나타내고, V_(T-1)는 시간 T-1에서 이전의 속도(속력 및 방향)를 나타내고, ΔV_CROWN은 시간 T에서 크라운의 회전을 통해서 가해지는 힘에 의해 야기되는 속도의 변화를 나타내고, ΔV_DRAG는 드래그 힘(drag force)으로 인한 속도의 변화를 나타낸다. ΔV_CROWN을 통해서 반영되는, 가해지는 힘은 크라운의 각회전(angular rotation)의 현재 속도에 좌우될 수 있다. 따라서, ΔV_CROWN도 또한 크라운의 현재 각속도에 좌우될 수 있다. 이러한 방식에서, 디바이스(100)는, 순간적 크라운 속도에 기초할 뿐만 아니라, 시간 간격들이 미세하게 분할되더라도 다수의 그러한 시간 간격들에 걸친 크라운 이동의 형태의 사용자 입력에도 기초하여 사용자 인터페이스 상호작용들을 제공할 수 있다. 전형적으로, ΔV_CROWN의 형태의 사용자 입력이 없을 때, V_T는 수학식 1에 따라서 ΔV_DRAG에 기초하여 0에 가까워질 것이지만(그리고 0이 될 것임), V_T는 크라운 회전(ΔV_CROWN)의 형태의 사용자 입력이 없이 부호들을 변화시키지 않을 것이다.In Equation 1, V_T denotes the calculated crown velocity (speed and direction) at_{time T, V (T-1)} denotes the previous velocity (speed and direction) at time T-1, and ΔV_CROWN denotes the time T represents the change in velocity caused by the force applied through the rotation of the crown, and ΔV_DRAG represents the change in velocity due to the drag force. The_{applied force, reflected through ΔV CROWN} , may depend on the current velocity of the angular rotation of the crown. Thus, ΔV_CROWN can also depend on the current angular velocity of the crown. In this manner,device 100 provides user interface interactions not only based on instantaneous crown velocity, but also based on user input in the form of crown movement over multiple such time intervals, even if time intervals are finely divided. can do. Typically, in the absence of user input in the form of_{ΔV CROWN}_{, V T} will approach zero (and will be zero) based on_{ΔV DRAG} according to equation (1_{), but V T} will be the value of crown rotation (ΔV_CROWN ). It will not change the signs without user input of the form.

전형적으로, 크라운의 각회전의 속도가 클수록, ΔV_CROWN의 값이 더 크게 될 것이다. 그러나, 크라운의 각회전의 속도와 ΔV_CROWN 사이의 실제 매핑(mapping)은 원하는 사용자 인터페이스 효과에 따라 달라질 수 있다. 예를 들어, 크라운의 각회전의 속도와 ΔV_CROWN 사이의 다양한 선형 또는 비선형 매핑들이 이용될 수 있다. 다른 예에서, 매핑은 아이콘들의 개수 및/또는 현재 디스플레이되어 있는 아이콘 배열에 좌우될 수 있다.Typically, the greater the speed of angular rotation of the crown, the greater the value of_{ΔV CROWN will be.} However, the actual mapping between the speed of angular rotation of the crown and the ΔV_CROWN may vary 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 ΔV_{CROWN may be used.} In another example, the mapping may depend on the number of icons and/or the currently displayed icon arrangement.

또한, ΔV_DRAG는 다양한 값들을 취할 수 있다. 예를 들어, 더 큰 속도들에서, 속도의 더 큰 대향 변화(opposing change)(ΔV_DRAG)가 생성될 수 있도록 ΔV_DRAG는 크라운 회전의 속도에 좌우될 수 있다. 다른 예에서, ΔV_DRAG는 일정한 값을 가질 수 있다. 또 다른 예에서, ΔV_DRAG는 현재 디스플레이된 아이콘들의 개수 및/또는 현재 디스플레이된 아이콘 배열에 기초할 수 있다. ΔV_CROWN 및 ΔV_DRAG의 전술한 요건들은 바람직한 사용자 인터페이스 효과들을 생성하도록 변화될 수 있음을 이해해야 한다.Also, ΔV_DRAG can take various values. For example, more in the large rate, it is to be generated ΔV_DRAG (opposing change) larger opposite change in speed (ΔV_DRAG) may depend on the speed of rotation of the crown. In another example, ΔV_DRAG may have a constant value. In another example, ΔV_DRAG may be based on the number of currently displayed icons and/or the currently displayed icon arrangement. It_{should be understood that the aforementioned requirements of ΔV CROWN} and ΔV_DRAG can be varied to produce desirable user interface effects.

수학식 1에서 알 수 있는 바와 같이, 유지된 속도(V_T)는 ΔV_CROWN이 ΔV_DRAG보다 더 크기만 하면 계속해서 증가할 수 있다. 추가적으로, V_T는 ΔV_CROWN 입력이 수신되고 있지 않을 때에도 0이 아닌 값들을 가질 수 있는데, 이는 사용자가 크라운을 회전시키지 않고서 사용자 인터페이스 스크린들이 계속해서 변화할 수 있음을 의미한다. 이것이 발생하면, 스크린들은 사용자가 크라운을 회전시키는 것을 멈출 때의 유지된 속도 및 ΔV_DRAG 성분에 기초하여 변화하는 것을 멈출 수 있다.As can be seen from Equation 1, the maintained velocity V_T can be continuously increased as long as ΔV_CROWN is_{greater than ΔV DRAG.} Additionally, V_T can_{have non-zero values even when ΔV CROWN} input is not being received, meaning that the user interface screens can continuously change without the user rotating the crown. When this occurs, the screens can stop changing based on the_{ΔV DRAG} component and the maintained velocity when the user stops rotating the crown.

일부 실시예들에서, 크라운이 현재 사용자 인터페이스 변화들에 상반되는 회전 방향에 대응하는 방향으로 회전될 때, V_(T-1) 성분은 0의 값으로 리셋될 수 있어서, 사용자가 V_T를 상쇄시키기에 충분한 힘을 제공할 필요 없이 스크린 변화들의 방향을 신속하게 변화시킬 수 있게 한다.In some embodiments, when the crown is rotated in a direction corresponding to a rotational direction opposite to current user interface changes, the V_(T-1) component may be reset to a value of zero, such that the user cancels_{V T .} Allows you to quickly change the direction of screen changes without the need to provide sufficient force to

다른 실시예들에서, 크라운의 회전 이외의 상이한 물리적 크라운 상태들이 사용되어, 디스플레이된 아이콘들을 거쳐 내비게이팅한다.In other embodiments, different physical crown states other than rotation of the crown are used to navigate through the displayed icons.

3.사용자 인터페이스 외관3. User Interface Appearance

아이콘들은 다양한 시각적 외관들을 취할 수 있다. 예를 들어, 도 10에 도시된 바와 같이, 아이콘들은 직사각형 형상일 수 있다. 다른 예로서, 도 2 내지 도 7에 도시된 바와 같이, 아이콘들은 원형일 수 있다. 또한, 아이콘들은 다양한 공간적 배열 방식들을 취할 수 있는데, 이는 아이콘들이 보이지 않는 격자의 행들 및 열들을 따라 배열될 수 있다는 것을 의미한다. 격자들은 대칭적 또는 비대칭적일 수 있다. 도 10에서, 예를 들어, 대칭 격자가 사용된다. 도 5에서, 예를 들어, 제1 행 상에 배열된 x개의 아이콘들 및 제2 행을 따라 배열된 y개의 아이콘들을 갖는 비대칭 격자가 사용된다.Icons can take on a variety of visual appearances. For example, as shown in FIG. 10 , the icons may have a rectangular shape. As another example, as shown in FIGS. 2 to 7 , the icons may be circular. Also, icons can take a variety of spatial arrangement schemes, meaning they can be arranged along rows and columns of an invisible grid. The gratings may be symmetrical or asymmetrical. In Figure 10, for example, a symmetric grating is used. In FIG. 5 , for example, an asymmetric grid with x icons arranged on a first row and y icons arranged along a second row is used.

도 11은 상이한 직경들의 보이지 않는 원들(1102, 1104)의 원주를 따라 원형 아이콘들이 정렬되는 방사상 아이콘 배열 방식을 도시한다. 보이지 않는 원들(1102, 1104)은 동심(concentric)이지만 반드시 그럴 필요는 없다. 상이한 보이지 않는 원들을 따라 배열되는, 아이콘(1106)과 같은 아이콘들은 상이한 크기들을 가질 수 있다. 도시된 바와 같이, 보이지 않는 원(1102)을 따라 배열되는 아이콘들은 디바이스(100)의 중심에 더 가깝고, 보이지 않는 원(1104)을 따라 배열되는 아이콘들보다 더 크다. 또한, 도 11에는 도시되지 않지만, 방사상 배열의 아이콘들은 2개 초과의 보이지 않는 원들을 따라 배열될 수 있다.11 illustrates a radial icon arrangement scheme in which circular icons are aligned along the circumference ofinvisible circles 1102 , 1104 of different diameters. Theinvisible circles 1102 and 1104 are concentric, but need not be. Icons, such as icon 1106 , arranged along different invisible circles, may have different sizes. As shown, the icons arranged along theinvisible circle 1102 are closer to the center of thedevice 100 and are larger than the icons arranged along theinvisible circle 1104 . Also, although not shown in FIG. 11 , the icons in a radial arrangement may be arranged along more than two invisible circles.

특정한 아이콘이 방사상 아이콘 배열의 중심으로부터 위치되는 거리는 상이한 인자들에 좌우될 수 있다. 예를 들어, 거리는 아이콘의 사용 빈도에 비례할 수 있고; 빈번하게 사용되는 아이콘은 중심에 더 가깝다. 다른 예로서, 거리는 아이콘(에 대응하는 애플리케이션)에 대한 인입 통지가 수신되었는지 여부에 좌우될 수 있다. 다른 예로서, 거리는 사용자-정의될 수 있거나, 또는 달리 디바이스(100)에 의해 결정될(즉, 큐레이트될(curated)) 수 있다.The distance at which a particular icon is located from the center of the radial icon arrangement may depend on different factors. For example, the distance may be proportional to the frequency of use of the icon; Frequently used icons are closer to the center. As another example, the distance may depend on whether an incoming notification for the icon (and the corresponding application) has been received. As another example, the distance may be user-defined, or otherwise determined (ie, curated) bydevice 100 .

도 25a는 아이콘들의 아이콘 그룹들 내로의 배열을 도시한다. 격자(2502) 상에, 아이콘 그룹(2512)을 비롯한, 아이콘들의 4개의 그룹들이 디스플레이된다. 그룹(2512) 상의 터치스크린 위치에서의 손가락 탭(2514)과 같은 터치 입력에 응답하여, 그룹(2512) 내의 아이콘들은 확대된 형태로 디스플레이될 수 있다. 격자(2506)에서, 아이콘(2516)을 비롯한, 그룹(2512) 내의 아이콘들은 확대된 형태로 디스플레이된다. 도 25b는 애플리케이션 기능들의 그룹들 내로의 배열을 도시한다. 격자(2508) 상에서의, 전술된 바와 같은, 아이콘 그룹(2512)의 4개의 아이콘들은 격자(2506) 상에 디스플레이된다. (예컨대, 손가락 탭(2518)을 통한) 아이콘(2516)의 선택은 (아이콘(2508)에 대응하는) 애플리케이션(2510)에 의해 제공되는 기능들(2520)의 그룹이 디스플레이되게 할 수 있다.25A shows the arrangement of icons into icon groups. Ongrid 2502 , four groups of icons are displayed, including icon group 2512 . In response to a touch input, such as afinger tap 2514 at a touchscreen location on group 2512 , icons in group 2512 may be displayed in an enlarged form. Ingrid 2506, icons in group 2512, including icon 2516, are displayed in an enlarged form. 25B shows the arrangement of application functions into groups. On grid 2508 , as described above, the four icons of icon group 2512 are displayed ongrid 2506 . Selection of icon 2516 (eg, via finger tap 2518 ) may cause a group offunctions 2520 provided by application 2510 (corresponding to icon 2508 ) to be displayed.

아이콘 그룹들의 크기 및 형상은 조직적일 수 있거나 정의될 수 있다. 격자(2502)(도 25a)에서의 아이콘 그룹(2512)과 같이, 정의되는 아이콘 그룹들은 미리 정의된 그룹 크기 및 그룹 형상을 공유한다. 도 42에 도시되는 조직적 아이콘 그룹들은 사용자-정의된 그룹 크기 및/또는 그룹 형상을 가질 수 있다. 예를 들어, 격자(4202)에서의 아이콘 그룹들(4204, 4206)은 상이한 사용자-정의된 형상들 및 크기들을 갖는다. 일부 실시예들에서, 조직적 아이콘 그룹들은 개인 전자 디바이스의 외부에 있는 컴퓨터 상에서 실행하는 소프트웨어를 사용하여 정의되고, 개인 전자 디바이스 상으로 다운로드된다.The size and shape of the icon groups may be organized or defined. Like icon group 2512 in grid 2502 (FIG. 25A), defined icon groups share a predefined group size and group shape. The organizational icon groups shown in FIG. 42 may have a user-defined group size and/or group shape. For example, icon groups 4204 and 4206 in grid 4202 have different user-defined shapes and sizes. In some embodiments, organizational icon groups are defined using software running on a computer external to the personal electronic device and downloaded onto the personal electronic device.

도 30은 아이콘들이 롤로덱스(rolodex)의 페이지들과 유사하게 배열되는 아이콘 배열 방식을 도시한다. 예시적인 롤로덱스(3002)의 페이지들은 크라운 회전에 응답하여 재빨리 넘길 수 있다. 예를 들어, 페이지(아이콘)(3004)는 크라운 회전에 응답하여 페이지(아이콘)(3006) 상으로 하향으로 재빨리 넘길 수 있다.30 shows an icon arrangement method in which icons are arranged similarly to pages of rolodex. Pages of the example Rolodex 3002 can be quickly turned through in response to crown rotation. For example, page (icon) 3004 can quickly flip downward onto page (icon) 3006 in response to crown rotation.

도 31은 아이콘들이 스피닝 다이얼(spinning dial)의 외주 상에 배열되는 아이콘 배열 방식을 도시한다. 예시적인 스피닝 다이얼(3102)은 크라운 회전에 응답하여 선회할 수 있다. 예를 들어, 방향(3104)으로의 크라운 회전은 다이얼(3102)이 동일한 방향(3106)으로 선회하게 할 수 있다. 또한, 크라운 밀기(또는 당기기)는 3102에서의 열들의 개수를 변화시킬 수 있어서, 나머지 열들의 아이콘들이 확대될 수 있게 그리고/또는 증가된 충실도를 가질 수 있게 한다.Fig. 31 shows an icon arrangement manner in which icons are arranged on the periphery of a spinning dial. Theexemplary spinning dial 3102 may pivot in response to crown rotation. For example, crown rotation indirection 3104 may causedial 3102 to pivot in thesame direction 3106 . Also, crown push (or pull) may change the number of columns at 3102, allowing the icons in the remaining columns to be enlarged and/or have increased fidelity.

도 32는 섬네일 목록(thumbnailed list)(202)의 형태의 아이콘 배열 방식을 도시한다. 예시적인 섬네일 목록(3202) 내의 아이콘(3204)은 대응하는 섬네일(3206)을 가질 수 있다. 섬네일 목록(3202)의 아이콘들은 크라운 회전을 통해 횡단될 수 있다. 아이콘(3204)과 같은 특정 아이콘은 대응하는 섬네일(3206)을 터치함으로써 디스플레이하기 위해 직접 선택될 수 있다.FIG. 32 shows an arrangement of icons in the form of a thumbnailed list 202 . Anicon 3204 in theexample thumbnail list 3202 may have acorresponding thumbnail 3206 . Icons inthumbnail list 3202 can be traversed through crown rotation. A particular icon, such asicon 3204 , can be directly selected for display by touching thecorresponding thumbnail 3206 .

도 33은 아이콘들이 보이지 않는 구체 또는 다면체의 표면과 정렬되는 배열 방식을 도시한다. 아이콘(3302)과 같은, 보이지 않는 구체의 전경 표면 상의 아이콘들이 디스플레이될 수 있다. 보이지 않는 구체의 표면의 먼 측부에 있는 아이콘들은 디스플레이되지 않는다. 보이지 않는 구체는 크라운 회전 및/또는 터치스크린 입력에 응답하여 회전하여서, 이로써 디스플레이되는 특정 아이콘들을 변화시킬 수 있다.33 shows the arrangement in which the icons are aligned with the surface of an invisible sphere or polyhedron. Icons on the foreground surface of an invisible sphere, such asicon 3302 , may be displayed. Icons on the far side of the surface of the invisible sphere are not displayed. The invisible sphere may rotate in response to crown rotation and/or touchscreen input, thereby changing certain icons displayed.

동작 동안, 디바이스(100)(도 1)는 전술한 아이콘 배열 방식들 중 하나 이상을 이용할 수 있다. 디바이스(10)에 의해 사용되는 특정한 배열(들)은 사용자-선택될 수 있고 그리고/또는 시스템-선택될 수 있다. 즉, 사용자는 디스플레이하기 위한 하나 이상의 바람직한 배열들을 식별하도록 허용될 수 있다. 또한, 배열들은 디바이스 상에 설치된 애플리케이션들의 총 개수, 빈번하게 액세스되는 아이콘들의 개수 등과 같은 기준들에 기초하여 디바이스(100)에 의해 선택될 수 있다.During operation, device 100 ( FIG. 1 ) may use one or more of the icon arrangement methods described above. The particular arrangement(s) used by device 10 may be user-selected and/or system-selected. That is, the user may be allowed to identify one or more preferred arrangements for display. Further, the arrangements may be selected by thedevice 100 based on criteria such as the total number of applications installed on the device, the number of frequently accessed icons, and the like.

게다가, 특정한 아이콘 배열 방식 내에서의 아이콘들의 특정 순서화 및 배치는 사용자-선택될 수 있고 그리고/또는 시스템-선택될 수 있다. 예를 들어, 사용자는 주어진 스크린 상의 아이콘의 위치를 특정하도록 허용될 수 있다. 또한, 아이콘 배치는, 특정한 아이콘들의 사용 빈도, 계산된 관련성 등과 같은 기준들에 기초하여 디바이스(100)에 의해 결정될(즉, 큐레이트될) 수 있다.In addition, the particular ordering and placement of icons within a particular icon arrangement scheme may be user-selectable and/or system-selectable. For example, a user may be allowed to specify the location of an icon on a given screen. Also, icon placement may be determined (ie, curated) bydevice 100 based on criteria such as frequency of use of particular icons, calculated relevance, and the like.

4.사용자 입력에 대한 응답들4. Responses to user input

디스플레이된 아이콘들은 사용자 입력에 응답할 수 있다. 도 12 내지 도 14는 크라운 회전에 응답하여 디스플레이된 아이콘들의 재배열을 도시한다. 도 12에서, 9개의 아이콘들이 3×3 대칭 격자(1202)를 따라 디스플레이된다. 아이콘(1204)은 격자(1202)의 오른쪽 상단의 위치에 디스플레이된다. 도 4 내지 도 7에 관하여 전술한 바와 같이, 크라운(108)의 회전은 디바이스(100)로 하여금 디스플레이된 아이콘들의 개수를 감소시키게 할 수 있다. 예를 들어, 크라운(108)의 회전은 디바이스(100)로 하여금 2×2 격자를 디스플레이하게 하여, 이로써 디스플레이된 아이콘들의 개수를 감소시킬 수 있다. 도 13은 방향(1302)으로의 크라운 회전에 응답하여 2×2 격자로의 예시적인 전이를 도시한다. 도시된 바와 같이, 크라운 회전(1302)에 응답하여, 아이콘(1204)은 도 12의 3×3 격자에서의 그의 오른쪽 상단의 위치로부터 디스플레이될 2×2 격자에서의 그의 새로운 위치로 스크린 상에서 보이게 옮겨진다. 구체적으로, 도 14에 도시된 바와 같이, 아이콘(1204)은 2×2 격자(1402)의 왼쪽 하부의 코너로 옮겨진다. 추가로, 격자(1202)로부터의 전이 후에 2×2 격자에 디스플레이되어 남아 있게 되는 아이콘들은 확대되어 2×2 격자(1402) 내에 위치된다.The displayed icons may respond to user input. 12-14 show the rearrangement of displayed icons in response to crown rotation. In FIG. 12 , nine icons are displayed along a 3×3symmetric grid 1202 .Icon 1204 is displayed in the upper right position ofgrid 1202 . As described above with respect to FIGS. 4-7 , rotation ofcrown 108 may causedevice 100 to reduce the number of displayed icons. For example, rotation ofcrown 108 may causedevice 100 to display a 2×2 grid, thereby reducing the number of displayed icons. 13 shows an exemplary transition to a 2×2 grid in response to crown rotation indirection 1302 . As shown, in response tocrown rotation 1302 ,icon 1204 moves visible on the screen from its upper right position in the 3x3 grid of FIG. 12 to its new position in the 2x2 grid to be displayed. lose Specifically, as shown in FIG. 14 , theicon 1204 is moved to the lower left corner of the 2×2grid 1402 . Additionally, icons that remain displayed and remain displayed in the 2x2 grid after transition fromgrid 1202 are enlarged and positioned within the2x2 grid 1402 .

도 15 내지 도 17은 크라운 회전에 응답하여 아이콘들의 다른 재배열을 도시한다. 도 15에서, 9개의 아이콘들이 3×3 대칭 격자(1502)를 따라 디스플레이된다. 아이콘(1504)은 격자(1502)의 오른쪽 상단의 위치에 디스플레이된다. 도 16에 도시된 바와 같이, 크라운 회전(1602)에 응답하여, 아이콘(1504)은 디스플레이될 2×2 격자에서의 그의 새로운 위치로 옮겨지는 동안 격자(1502)(도 15)에서의 그의 위치로부터 스크린 밖으로 옮겨진다. 달리 말하면, 도 16에 의해 도시되는 전이 동안, 아이콘(1504)은 디바이스(100)의 터치스크린의 2개의 별개의 인접하지 않은 위치들에 디스플레이되는 2개의 부분들로 나눠질 수 있다. 더 구체적으로, 아이콘(1504)이 스크린 밖으로 옮겨짐에 따라 아이콘(1504)의 일 부분은 오른쪽 상단의 코너에 부분적으로 디스플레이되어 남아 있고, 한편 1504의 나머지 부분은 그것이 스크린 상으로 옮겨짐에 따라 왼쪽 하부의 코너에 부분적으로 디스플레이된다. 도 17에 도시된 바와 같이, 아이콘(1504)은 2×2 격자(1702)의 왼쪽 하부의 코너로 옮겨진다. 추가로, 격자(1502)로부터의 전이 후에 2×2 격자에 디스플레이되어 남아 있게 되는 아이콘들은 확대되어 2×2 격자(1702) 내로 위치된다.15-17 show other rearrangements of icons in response to crown rotation. In FIG. 15 , nine icons are displayed along a 3×3symmetric grid 1502 .Icon 1504 is displayed in the upper right position ofgrid 1502 . As shown in FIG. 16 , in response tocrown rotation 1602 ,icon 1504 is moved from its position in grid 1502 ( FIG. 15 ) while being moved to its new position in the 2×2 grid to be displayed. moved off the screen. In other words, during the transition illustrated by FIG. 16 , theicon 1504 may be divided into two portions that are displayed at two separate, non-adjacent locations of the touchscreen of thedevice 100 . More specifically, asicon 1504 is moved off the screen, a portion oficon 1504 remains partially displayed in the upper right corner, while the remainder of 1504 is moved to the lower left as it is moved onto the screen. Displayed partially in the corner. 17 , theicon 1504 is moved to the lower left corner of the2x2 grid 1702 . Additionally, icons that remain displayed and remain displayed in the 2x2 grid after transition fromgrid 1502 are enlarged and placed into the2x2 grid 1702 .

도 18 내지 도 20은 크라운 회전에 응답하여 아이콘들의 다른 재배열을 도시한다. 도 18에서, 9개의 아이콘들이 3×3 대칭 격자(1802)를 따라 디스플레이된다. 도 19에 도시된 바와 같이, 크라운 회전(1902)에 응답하여, 격자(1802)(도 18)의 오른쪽 경계 및 하단 경계를 따른 아이콘들은 나머지 아이콘들이 확대되는 동안 디스플레이로부터 제거된다. 나머지 아이콘들은 도 20의 격자(2002)에 도시된 바와 같이 확대되어 디스플레이된다.18-20 show other rearrangements of icons in response to crown rotation. In FIG. 18 , nine icons are displayed along a 3×3symmetric grid 1802 . 19 , in response tocrown rotation 1902 , icons along the right and bottom boundaries of grid 1802 ( FIG. 18 ) are removed from the display while the remaining icons are enlarged. The remaining icons are enlarged and displayed as shown in thegrid 2002 of FIG.

도 12 내지 도 20에 도시된 예시적인 스크린들에서, 왼쪽 상부의 코너에 디스플레이되는 아이콘(즉, "A"라고 표기됨)은 고정되는데, 이는 전술한 전이들이 그 아이콘으로 하여금 왼쪽 상부의 코너로부터 멀리 이동하게 하지 않는다는 것을 의미함에 유의해야 한다. 그러나, 후술하는 바와 같이, 사용자 입력을 통해서 그러한 아이콘을 고정하지 않는 것이 가능하다.12-20, the icon displayed in the upper-left corner (ie, labeled "A") is fixed, which means that the transitions described above cause the icon to move from the upper-left corner. It should be noted that this means that it does not make you move far. However, as will be described later, it is possible not to pin such an icon through a user input.

도 21은 터치스크린 입력에 응답하여 아이콘들의 재배열을 도시한다. 도시된 바와 같이, 아이콘(2106)이 4×4 격자(2012)의 하단 행에 디스플레이된다. 아이콘(2106) 상의 손가락 탭(2104)에 응답하여, 아이콘(2106)이 중심에 확대된 상태에서 3×3 격자(2108)가 디스플레이된다. 특히, 격자(2012)에 디스플레이되는 "A"라고 표기된 아이콘은 격자(2108)에 더 이상 디스플레이되지 않는다. 도 21은 또한 크라운 회전에 응답하여 디스플레이된 아이콘들의 업데이트를 도시한다. 구체적으로, 크라운 회전(2110)에 응답하여, 아이콘(2106)은 추가로 확대되고, 스크린 상에 디스플레이되는 유일한 아이콘이 된다.21 illustrates the rearrangement of icons in response to touchscreen input. As shown, anicon 2106 is displayed in the bottom row of a 4x4 grid 2012 . In response to finger tap 2104 onicon 2106 , a3x3 grid 2108 is displayed withicon 2106 enlarged to the center. In particular, the icon labeled “A” displayed in grid 2012 is no longer displayed ingrid 2108 . 21 also shows updating of displayed icons in response to crown rotation. Specifically, in response tocrown rotation 2110 ,icon 2106 is further enlarged and becomes the only icon displayed on the screen.

도 22는 디바이스(100)의 이동에 응답하여 아이콘들의 재배열을 도시한다. 디바이스 이동은 하나 이상의 센서들, 예를 들어, 자이로스코프를 사용하여 검출될 수 있다. 도시된 바와 같이, 다양한 아이콘들이 격자(2202)에 디스플레이된다. 방향(2204)으로의 디바이스(100)의 기울임에 응답하여, 디스플레이된 아이콘들은 방향(2206)으로 옮겨져서, 격자(2208)에서의 상이한 아이콘들의 디스플레이를 초래한다. 구체적으로, 방향(2204)으로의 디바이스(100)의 왼쪽으로 향하는 기울임에 응답하여, 격자(2202)의 아이콘들은 왼쪽 방향(2206)으로 옮겨진다. 일부 실시예들에서, 옮기기는, 단일 행 또는 열이 전이하여 없어지고 단일 행 또는 열이 디스플레이 상으로 전이하도록 점진적(incremental)일 수 있다. 대안적으로, 완전히 새로운 세트의 아이콘들이 디스플레이 상으로 전이함에 따라 아이콘들의 전체 스크린은 전이하여 없어질 수 있다.22 illustrates a rearrangement of icons in response to movement of thedevice 100 . Device movement may be detected using one or more sensors, eg, a gyroscope. As shown, various icons are displayed ingrid 2202 . In response to tiltingdevice 100 indirection 2204 , the displayed icons are displaced indirection 2206 , resulting in display of different icons in grid 2208 . Specifically, in response to a leftward tilt ofdevice 100 indirection 2204 , icons ingrid 2202 are moved inleft direction 2206 . In some embodiments, the moving may be incremental such that a single row or column transitions away and a single row or column transitions onto the display. Alternatively, the entire screen of icons may transition away as a whole new set of icons transition onto the display.

도 23은 터치스크린 입력에 응답하여 아이콘 외관의 변화를 도시한다. 도시된 바와 같이, 위치(2304)에서의 터치에 응답하여, 아이콘(2306)은 확대되게 된다. 특히, 아이콘(2306)은 위치(2304)에 위치되지 않고, 오히려, (확대되지 않은 상태에서의) 아이콘(2306)은, 행(2312)을 따라 있는 터치 위치(2304) 상부의 행(2310)에 있다. 이러한 방식에서, 아이콘(2306)의 사용자 시인성은, 아이콘이 확대되기 때문에 그리고 아이콘이 디바이스(100)를 터치하고 있는 잠재적으로 불투명한 객체에 의해 시야에서 차단되지 않기 때문에 개선된다. 인근 터치에 응답하여 하나 초과의 아이콘이 확대될 수 있음에 유의해야 한다. 다수의 아이콘들은, 확대되어 있는 각 아이콘과 터치 위치 사이의 거리에 반비례하는 상이한 레벨들의 배율로 확대될 수 있다.23 illustrates a change in the appearance of an icon in response to a touchscreen input. As shown, in response to a touch at location 2304 , icon 2306 is enlarged. In particular, icon 2306 is not located at position 2304 , rather, icon 2306 (in an unmagnified state) is located inrow 2310 above touch position 2304 alongrow 2312 . is in In this way, user visibility of the icon 2306 is improved because the icon is magnified and because the icon is not blocked from view by a potentially opaque object that is touching thedevice 100 . It should be noted that more than one icon may be enlarged in response to a nearby touch. Multiple icons may be magnified at different levels of magnification that are inversely proportional to the distance between each magnified icon and the touch location.

도 40은 인근 아이콘들 사이의 물리적 상호작용의 원인이 되는 아이콘 이동들을 도시한다. 도시된 바와 같이, 격자(4002)는 방사상 배열로 배열되는 다수의 아이콘들을 포함한다. 위치(4010)에서의 터치 입력에 응답하여, 다수의 아이콘들은 상이한 레벨들의 배율로 확대된다. 특히, 아이콘(4004)의 확대는, 인접한 아이콘들(4006, 4008)로 하여금, 아이콘들이 시야에서 서로 차단하지 않도록 아이콘(4004)으로부터 멀리 이동하게 할 수 있다.40 illustrates icon movements that result in a physical interaction between nearby icons. As shown,grid 4002 includes a number of icons arranged in a radial arrangement. In response to a touch input atlocation 4010 , the multiple icons are magnified at different levels of magnification. In particular, magnification oficon 4004 may causeadjacent icons 4006 , 4008 to move away fromicon 4004 such that the icons do not block each other from view.

도 24는 아이콘들과 격자 경계들 사이의 상호작용의 원인이 되는 아이콘 이동들을 도시한다. 도시된 바와 같이, 다수의 아이콘들이 비대칭 격자(2402)에 따라 디스플레이된다. 디스플레이된 아이콘들은 압축되지 않은 아이콘들(2408)을 포함한다. 방향(2404)으로의 오른쪽으로 향하는 제스처의 형태의 터치 입력에 응답하여, 격자(2402)의 왼쪽 측부로부터의 아이콘들이 확대된 형태 또는 확대되지 않은 형태로 더 우세하게 디스플레이되도록 격자(2402)의 오른쪽 경계 상의 아이콘들은 압축된 아이콘들(2410)로 압축될 수 있다. 또한, 왼쪽 방향(2406)으로의 터치 제스처에 응답하여, 격자(2402)의 오른쪽 측부로부터의 아이콘들이 더 우세하게 디스플레이되도록 격자(2402)의 왼쪽 경계 상에 있는 아이콘들은 압축된 아이콘들(2412)로 압축될 수 있다. 전술한 상호작용은, 사용자가 아이콘을 쉽게 보고 선택할 수 있게 하면서 아이콘들 전부 또는 실질적으로 전부가 동시에 디스플레이될 수 있게 한다. 비록 도시하지 않았지만, 이러한 압축은 대칭 격자에서 일어날 수 있음에 유의해야 한다.24 illustrates icon movements that result in interaction between icons and grid boundaries. As shown, a number of icons are displayed according to anasymmetric grid 2402 . The displayed icons include uncompressed icons 2408 . In response to a touch input in the form of a right-facing gesture indirection 2404 , the right side of thegrid 2402 is such that icons from the left side of thegrid 2402 are more predominantly displayed in an enlarged or unmagnified form. Icons on the boundary may be compressed into compressed icons 2410 . Also, in response to a touch gesture in theleft direction 2406 , the icons on the left border of thegrid 2402 are compressed icons 2412 such that icons from the right side of thegrid 2402 are more predominantly displayed. can be compressed into The interaction described above allows all or substantially all of the icons to be displayed simultaneously while allowing the user to easily view and select the icons. Although not shown, it should be noted that this compression may occur in a symmetrical grating.

도 34는 격자 경계들과 인근 아이콘들 사이의 상호작용의 원인이 되는 아이콘 이동들을 도시한다. 도 34의 방사상 배열에서, 아이콘들은 보이지 않는 내측 원(3402)과 보이지 않는 외측 경계 원(3400) 사이에 배열된다. 외측 원(3400)은 디바이스(100)의 터치스크린의 물리적 크기에 기초하여 크기가 정해질 수 있다. 내측 원(3402)은 설계 및/또는 사용자 선호도들에 기초하여 크기가 정해질 수 있다. 내측 원(3402)은 또한 크라운 회전과 같은 사용자 입력에 기초하여 크기가 정해질 수 있다. 내측 원(3402)은 그의 표면적 내의 터치스크린 입력에 응답할 수 있다. 예를 들어, 내측 원(3402)의 표면적 내에서 일어나는 터치 다운 및 후속 터치 이동은 내측 원(3402)의 패닝(panning)으로서 해석될 수 있다. 내측 원(3402)이 패닝될 때, 내측 원(3402)과 외측 원(3400) 사이에 배열되는 아이콘들, 예를 들면 아이콘들(3404, 3408)은 내측 원(3402)과 외측 원(3400) 사이의 이용 가능한 간격, 디스플레이되어 있는 아이콘들의 개수, 및 인접한 아이콘들의 크기들에 기초하여 크기가 조절될 수 있다. 예를 들어, 원(3402)의 오른쪽으로 향하는 패닝에 응답하여, 아이콘(3404)은 크기가 증가될 수 있고, 아이콘(3404)의 확대는 아이콘(3408)의 크기가 감소되게 할 수 있다.34 illustrates icon movements that result in interaction between grid boundaries and nearby icons. In the radial arrangement of FIG. 34 , the icons are arranged between an invisibleinner circle 3402 and an invisibleouter bounding circle 3400 . Theouter circle 3400 may be sized based on the physical size of the touch screen of thedevice 100 . Theinner circle 3402 may be sized based on design and/or user preferences. Theinner circle 3402 may also be sized based on user input, such as crown rotation. Theinner circle 3402 can respond to touchscreen input within its surface area. For example, a touch down and subsequent touch movement occurring within the surface area of theinner circle 3402 may be interpreted as panning of theinner circle 3402 . When theinner circle 3402 is panned, the icons arranged between theinner circle 3402 and theouter circle 3400, forexample icons 3404 and 3408, are theinner circle 3402 and theouter circle 3400. The size may be adjusted based on the available spacing between, the number of icons displayed, and the sizes of adjacent icons. For example, in response to panningcircle 3402 to the right,icon 3404 may increase in size, and enlargement oficon 3404 may causeicon 3408 to decrease in size.

사용자 입력이 없을 때, 디스플레이된 아이콘들은 스크린 번인(burn-in)을 방지하기 위해 스크린 상으로 이동하도록 프로그램될 수 있음에 유의해야 한다. 또한, 아이콘 배열들은 멀티-터치 제스처들에 응답할 수 있다. 예를 들어, 디바이스(100)(도 1)의 터치스크린 상의 두 손가락 하향 제스처(two-finger downward gesture)는 상태 바(status bar)와 같은 시스템 정보의 디스플레이를 야기할 수 있다. 다른 예로서, 2개의 손가락들이 반대 방향들로 이동하는 두 손가락 제스처는 왼손잡이 또는 오른손잡이 사용을 위한 디바이스(100)(도 1)를 구성할 수 있다.It should be noted that, in the absence of user input, the displayed icons can be programmed to move on the screen to prevent screen burn-in. Also, the icon arrangements can be responsive to multi-touch gestures. For example, a two-finger downward gesture on the touch screen of the device 100 ( FIG. 1 ) may cause display of system information such as a status bar. As another example, a two-finger gesture in which two fingers move in opposite directions may configure the device 100 ( FIG. 1 ) for left-handed or right-handed use.

5.추가적인 특징들5. Additional Features

도 2로 다시 돌아가면, 홈 스크린(200)은 경보와 같은 시스템-생성 정보를 디스플레이할 수 있다. 예를 들어, 홈 스크린(200)은 사용자가 오랜 기간 동안 앉아 있었고 운동할 차례라는 리마인더를 디스플레이할 수 있다. 또한, 스크린(200)은 사용자가 이튿날 아침에 대한 바쁜 캘린더를 갖기 때문에 휴식을 위한 제안을 디스플레이할 수 있다. 또한, 도 3으로 다시 돌아가면, 디바이스(100)가 도크(dock)와 연결될 때 스크린(300)이 디스플레이될 수 있다.Returning to FIG. 2 ,home screen 200 may display system-generated information, such as alerts. For example, thehome screen 200 may display a reminder that the user has been sitting for a long period of time and it is their turn to exercise.Screen 200 may also display suggestions for a break because the user has a busy calendar for the next morning. Also, returning to FIG. 3 , when thedevice 100 is connected to a dock, thescreen 300 may be displayed.

도 26은 아이콘들의 격자에서의 사용자 내비게이션을 돕기 위한 바탕화면(wallpaper)(2602)의 사용을 도시한다. 도시된 바와 같이, 격자(2600)는 비교적 큰 수의 아이콘들을 갖는다. 크라운 회전(2604)에 응답하여, 격자(2600)로부터의 아이콘들의 서브세트가 확대되고 격자(2606)에 디스플레이된다. 게다가, 서브세트의 배경에 디스플레이되는 바탕화면(2602)의 대응하는 부분이 또한 디스플레이되는데, 이는, 예를 들어, 격자(2600)의 왼쪽 상부 사분면으로부터의 아이콘들이 격자(2606)에 디스플레이되는 경우, 바탕화면(2602)의 왼쪽 상부 사분면이 또한 격자(2606)에 디스플레이되는 것을 의미한다. 또한 도시된 바와 같이, 왼쪽 방향(2608)으로의 터치 제스처에 응답하여, 디바이스(100)는 격자(2600)로부터의 아이콘들의 다른 서브세트를 디스플레이할 수 있다. 예를 들어, 격자(2610)에서, 격자(2600)의 오른쪽 상부 사분면으로부터의 아이콘들이 바탕화면(2600)의 오른쪽 상부 사분면과 함께 디스플레이된다. 이러한 방식에서, 사용자는 디바이스(100) 상에 디스플레이하기 위해 이용 가능한 아이콘들 전체에 관하여 현재 디스플레이된 아이콘들의 세트 사이의 관계를 결정할 수 있다.26 illustrates the use ofwallpaper 2602 to aid user navigation in a grid of icons. As shown,grid 2600 has a relatively large number of icons. In response to crown rotation 2604 , a subset of icons fromgrid 2600 is enlarged and displayed in grid 2606 . In addition, a corresponding portion of thedesktop 2602 that is displayed in the background of the subset is also displayed, for example, when icons from the upper left quadrant of thegrid 2600 are displayed in the grid 2606, This means that the upper left quadrant of thedesktop 2602 is also displayed in the grid 2606 . As also shown, in response to a touch gesture in aleft direction 2608 ,device 100 may display another subset of icons fromgrid 2600 . For example, ingrid 2610 , icons from the upper right quadrant ofgrid 2600 are displayed along with the upper right quadrant ofdesktop 2600 . In this manner, the user may determine a relationship between the currently displayed set of icons with respect to all of the icons available for display ondevice 100 .

도 27은 아이콘들의 예시적인 배열을 도시하는데, 이 배열은 정보, 예를 들어, 현재 시간 정보를 사용자에게 제공한다. 배열은 크라운 이동에 응답하여 디스플레이될 수 있다. 또한, 이 배열은 미리 결정된 기간의 사용자 입력 비활성 후에 디스플레이될 수 있다. 예를 들어, 미리 결정된 기간의 사용자 입력 비활성 후에, 작은 크기의 아이콘들을 사용하여 현재 시간을 보여 주는 스크린(2702)이 디스플레이될 수 있다. 게다가, 크라운 회전에 응답하여, 스크린(2702)은 스크린들(2704, 2706)을 거쳐, 아이콘들의 격자를 보여 주는 스크린(2708)으로 전이할 수 있다.27 shows an exemplary arrangement of icons, which arrangement provides information, eg, current time information, to the user. The arrangement may be displayed in response to crown movement. Also, this arrangement may be displayed after a predetermined period of user input inactivity. For example, after a predetermined period of user input inactivity,screen 2702 may be displayed showing the current time using small sized icons. Furthermore, in response to crown rotation,screen 2702 may transition throughscreens 2704 and 2706 to screen 2708 showing a grid of icons.

도 28은 디스플레이된 아이콘들의 색상 및/또는 명암도(intensity)가 인입 정보에 응답하여 변할 수 있는 아이콘들의 예시적인 배열(격자(2802))을 도시한다. 예를 들어, 메시징 애플리케이션에 대응하는 아이콘(2804)은, 새로운 메시지가 도착할 때 깜박이거나 빛날 수 있다. 일부 실시예들에서, 깜박임 또는 빛남은 애플리케이션 스토어에서의 애플리케이션의 인기 또는 사용자들의 더 큰 에코시스템에서의 애플리케이션의 사용 빈도에 대응할 수 있다. 게다가, 격자(2802)의 아이콘들은, 설치되는 그러한 애플리케이션들 이상의, 애플리케이션 스토어에서 입수 가능한 애플리케이션의 더 큰 세트를 나타내는 아이콘들을 보여 줄 수 있다.28 illustrates an example arrangement of icons (grid 2802) in which the color and/or intensity of the displayed icons may change in response to incoming information. For example, anicon 2804 corresponding to a messaging application may blink or glow when a new message arrives. In some embodiments, the blinking or glowing may correspond to the popularity of the application in an application store or frequency of use of the application in a larger ecosystem of users. In addition, the icons in grid 2802 may show icons representing a larger set of applications available in the application store, beyond those applications that are installed.

도 29는 상황 메시지의 예시적인 디스플레이를 도시한다. 상황 메시지는 사용자의 크라운(108) 터치의 검출에 응답하여 디스플레이될 수 있다. 상황 메시지는 크라운(108)의 현재 기능을 나타내는데, 이는 디바이스(100)의 전경에서 현재 동작 중인 애플리케이션에 따라 상이한 기능을 취할 수 있다. 예를 들어, 음악 애플리케이션이 디바이스(100)의 전경에서 동작 중일 때, 크라운(108)에 대한 터치는 음량 지시기의 형태의 상황 메시지(2902)의 디스플레이를 야기할 수 있는데, 이는 크라운(108)의 현재 기능이 음량 제어임을 사용자에게 나타낼 수 있다.29 illustrates an example display of a context message. A context message may be displayed in response to detection of a user's touch of thecrown 108 . The context message indicates the current function of thecrown 108 , which may assume different functions depending on the application currently running in the foreground of thedevice 100 . For example, when a music application is operating in the foreground ofdevice 100 , a touch to crown 108 may cause display of acontext message 2902 in the form of a volume indicator, which It may indicate to the user that the current function is volume control.

도 35는 전술한 사용자 인터페이스 기법들을 제공하기 위한 예시적인 프로세스(3500)를 도시한다. 블록(3510)에서, 크라운 이동 및/또는 크라운 터치에 기초한 입력이 수신된다. 크라운 이동은 회전, 밀기, 및/또는 당기기일 수 있다. 블록(3520)에서, 수신된 입력에 의해 나타내지는 크라운 이동의 유형에 기초한 판단이 이루어진다. 수신된 입력이 크라운 회전을 나타내는 경우, 프로세싱은 블록(3530)으로 진행한다. 수신된 입력이 크라운 밀기 또는 당기기를 나타내는 경우, 프로세싱은 블록(3550)으로 진행한다. 수신된 입력이 (회전 또는 밀기/당기기 없이) 크라운 터치를 나타내는 경우, 프로세싱은 블록(3560)으로 진행한다. 블록(3530)에서, 현재 디스플레이된 스크린 및 z 축(906)(도 9)을 따른 그의 대응하는 위치가 결정될 수 있다. 게다가, z 축(906)을 따른 정보의 인접한 레벨이 결정될 수 있다. 인접한 레벨은 수신된 입력에 의해 나타내지는 크라운 회전의 방향에 기초하여 결정될 수 있다. 도 4 내지 도 7의 각각에 의해 도시되는 것들과 같은, 아이콘들의 대응하는 격자가 디스플레이될 수 있다. 블록(3550)에서, 도 2의 예시적인 스크린(200)과 같은 홈 스크린이 디스플레이될 수 있다. 대안예에서, 도 3의 예시적인 스크린(300)과 같은 사용자-선호 스크린이 디스플레이될 수 있다. 블록(3560)에서, 도 29의 예시적인 상황 메시지(2902)와 같은 상황 메시지가 디스플레이될 수 있다.35 depicts anexample process 3500 for providing the user interface techniques described above. Atblock 3510 , an input based on crown movement and/or crown touch is received. Crown movement may be rotation, pushing, and/or pulling. Atblock 3520, a determination is made based on the type of crown movement indicated by the received input. If the received input indicates crown rotation, processing proceeds to block 3530 . If the received input indicates a crown push or pull, processing proceeds to block 3550 . If the received input indicates a crown touch (without rotating or pushing/pulling), processing proceeds to block 3560 . Atblock 3530 , the currently displayed screen and its corresponding position along the z axis 906 ( FIG. 9 ) may be determined. In addition, adjacent levels of information along the z-axis 906 may be determined. The adjacent level may be determined based on the direction of crown rotation indicated by the received input. A corresponding grid of icons, such as those illustrated by each of FIGS. 4-7, may be displayed. Atblock 3550 , a home screen, such asexample screen 200 of FIG. 2 , may be displayed. In an alternative, a user-preferred screen, such as theexample screen 300 of FIG. 3 , may be displayed. Atblock 3560 , a context message, such as theexample context message 2902 of FIG. 29 , may be displayed.

도 36은 전술한 사용자 인터페이스 기법들을 제공하기 위한 예시적인 컴퓨팅 시스템(3600)을 도시한다. 일부 실시예들에서, 컴퓨팅 시스템(3600)은 디바이스(100)를 형성할 수 있다. 도시된 바와 같이, 컴퓨팅 시스템(3600)은 I/O 섹션(3604), 하나 이상의 컴퓨터 프로세서들(3606), 및 메모리 섹션(3608)을 함께 접속시키는 버스(3602)를 가질 수 있다. 메모리 섹션(3608)은 프로세스(3500)(도 35)를 비롯한 전술한 기법들을 실시하기 위한 컴퓨터 실행가능 명령어들 및/또는 데이터를 포함할 수 있다. I/O 섹션(3604)은 터치 감응 컴포넌트(3612)를 가질 수 있는 디스플레이(3610)에 접속될 수 있다. I/O 섹션(3604)은 크라운(3614)에 접속될 수 있다. I/O 섹션(3604)은 버튼들을 포함할 수 있는 입력 디바이스(3616)에 접속될 수 있다. I/O 섹션(3604)은, 예를 들어 Wi-Fi, 블루투스(Bluetooth) 및/또는 셀룰러 특징들을 제공할 수 있는 통신 유닛(3618)에 접속될 수 있다. I/O 섹션(3604)은, 자이로스코프, GPS 센서, 광 센서, 자이로스코프, 가속도계, 및/또는 이들의 조합을 가질 수 있는 센서 팩(3620)에 접속될 수 있다. 전술한 컴포넌트들 중 하나 이상은 시스템-온-칩의 부분일 수 있음에 유의해야 한다.36 illustrates anexample computing system 3600 for providing the user interface techniques described above. In some embodiments,computing system 3600 may formdevice 100 . As shown,computing system 3600 can have an I/O section 3604 , one ormore computer processors 3606 , and abus 3602 connectingmemory section 3608 together.Memory section 3608 may include computer-executable instructions and/or data for implementing the techniques described above, including process 3500 ( FIG. 35 ). The I/O section 3604 can be connected to adisplay 3610 , which can have a touch-sensitive component 3612 . I/O section 3604 may be connected tocrown 3614 . The I/O section 3604 can be connected to aninput device 3616 , which can include buttons. The I/O section 3604 may be connected to acommunication unit 3618 that may provide, for example, Wi-Fi, Bluetooth and/or cellular features. The I/O section 3604 may be connected to asensor pack 3620 , which may have a gyroscope, a GPS sensor, a light sensor, a gyroscope, an accelerometer, and/or combinations thereof. It should be noted that one or more of the aforementioned components may be part of a system-on-chip.

컴퓨팅 시스템(3600)의 메모리 섹션(3608)은 컴퓨터 실행가능 명령어들을 저장하기 위한 비일시적 컴퓨터 판독가능 저장 매체일 수 있고, 컴퓨터 실행가능 명령어들은, 예를 들어, 하나 이상의 컴퓨터 프로세서들(3606)에 의해 실행될 때, 컴퓨터 프로세서들로 하여금 프로세스(3500)(도 35)를 비롯한 전술한 사용자 인터페이스 기법들을 수행하게 할 수 있다. 컴퓨터 실행가능 명령어들은 또한, 명령어 실행 시스템, 장치, 또는 디바이스로부터 명령어들을 페치하고 명령어들을 실행할 수 있는 컴퓨터 기반 시스템, 프로세서 내장 시스템, 또는 기타 시스템과 같은 명령어 실행 시스템, 장치, 또는 디바이스에 의해 또는 그것과 관련하여 사용하기 위한 임의의 비일시적 컴퓨터 판독가능 저장 매체 내에 저장 및/또는 전송될 수 있다. 본 명세서의 목적을 위해, "비일시적 컴퓨터 판독가능 저장 매체"는 명령어 실행 시스템, 장치, 또는 디바이스에 의해 또는 그것과 관련하여 사용하기 위한 컴퓨터 실행가능 명령어들을 포함 또는 저장할 수 있는 임의의 매체일 수 있다. 비일시적 컴퓨터 판독가능 저장 매체는 자기, 광, 및/또는 반도체 저장소들을 포함할 수 있지만 이로 한정되지 않는다. 이러한 저장소의 예들은 자기 디스크들, CD, DVD 또는 블루레이(Blu-ray) 기술들에 기초한 광 디스크들 뿐만 아니라, RAM, ROM, EPROM, 플래시 메모리 및 솔리드-스테이트 메모리를 포함한다.Thememory section 3608 of thecomputing system 3600 may be a non-transitory computer-readable storage medium for storing computer-executable instructions, which may be, for example, stored on one ormore computer processors 3606 . may cause computer processors to perform the user interface techniques described above, including process 3500 (FIG. 35). Computer-executable instructions may also be executed by or by an instruction execution system, apparatus, or device, such as a computer-based system, processor-embedded system, or other system capable of fetching instructions from and executing instructions from an instruction execution system, apparatus, or device. may be stored on and/or transmitted over in any non-transitory computer-readable storage medium for use in connection with For the purposes of this specification, 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 an instruction execution system, apparatus, or device. have. Non-transitory computer-readable storage media may include, but are not limited to, magnetic, optical, and/or semiconductor storage. Examples of such storage include RAM, ROM, EPROM, flash memory and solid-state memory, as well as magnetic disks, CD, DVD or optical disks based on Blu-ray technologies.

컴퓨팅 시스템(3600)은 도 36의 컴포넌트들 및 구성에 제한되지 않고, 다수의 구성들에서 다른 또는 추가적인 컴포넌트들을 포함할 수 있다. 일부 실시예들에서, 시스템(3600)은, 도 37에 도시된 바와 같은, 태블릿인, 개인 전자 디바이스(3700)를 형성할 수 있다. 일부 실시예들에서, 컴퓨팅 시스템(3600)은, 도 38에 도시된 바와 같은, 휴대 전화기인, 개인 전자 디바이스(3800)를 형성할 수 있다. 일부 실시예들에서, 컴퓨팅 시스템(3600)은, 도 39에 도시된 바와 같은, 포털 음악 디바이스인, 개인 전자 디바이스(3900)를 형성할 수 있다.Computing system 3600 is not limited to the components and configuration of FIG. 36 , and may include other or additional components in many configurations. In some embodiments,system 3600 may form personal electronic device 3700 , which is a tablet, as shown in FIG. 37 . In some embodiments,computing system 3600 may form personalelectronic device 3800 , which is a mobile phone, as shown in FIG. 38 . In some embodiments,computing system 3600 may form personalelectronic device 3900 , which is a portal music device, as shown in FIG. 39 .

개시내용 및 예들이 첨부 도면들을 참조하여 충분히 설명되었지만, 당업자들에게 다양한 변경들 및 수정들이 명백할 것이라는 것에 유의해야 한다. 그러한 변경들 및 수정들은 첨부된 청구항들에 의해 정의되는 바와 같은 개시내용 및 예들의 범주 내에 포함되는 것으로 이해되어야 한다.While the disclosure and examples have been fully described with reference to the accompanying drawings, it should be noted that various changes and modifications will become apparent to those skilled in the art. It is to be understood that such changes and modifications are included within the scope of the disclosure and examples as defined by the appended claims.

Claims

Translated fromKorean

제1항에 있어서,
상기 터치 감응 표면 상의 상기 스와이프 입력을 검출하는 단계 이전에, 상기 디스플레이에 대하여 실질적으로 중심에 위치하는 상기 복수의 애플리케이션 아이콘 중의 제1 애플리케이션 아이콘을 디스플레이하는 단계; 및
상기 스와이프 입력이 제1 방향에 있다는 결정에 따라,
상기 디스플레이에 대하여 실질적으로 중심에 위치하는 상기 복수의 애플리케이션 아이콘 중의 상기 제1 애플리케이션 아이콘을 디스플레이하는 것을 중단하는 단계; 및
상기 디스플레이에 대하여 실질적으로 중심에 위치하는 상기 제1 애플리케이션 아이콘과는 상이한 상기 복수의 애플리케이션 아이콘 중의 제2 애플리케이션 아이콘을 디스플레이하는 단계
를 더 포함하는, 방법.According to claim 1,
prior to detecting the swipe input on the touch-sensitive surface, displaying a first application icon of the plurality of application icons that is substantially centered with respect to the display; and
Upon determining that the swipe input is in a first direction,
ceasing to display the first application icon of the plurality of application icons positioned substantially centered with respect to the display; and
displaying a second application icon of the plurality of application icons different from the first application icon positioned substantially centered with respect to the display;
A method further comprising:

제1항에 있어서,
상기 복수의 애플리케이션 아이콘은 상기 전자 디바이스 상의 복수의 열린 애플리케이션에 대응하는, 방법.According to claim 1,
and the plurality of application icons correspond to a plurality of open applications on the electronic device.

제1항에 있어서,
상기 복수의 애플리케이션 아이콘은 상기 전자 디바이스 상의 애플리케이션들의 사용자 생성-세트에 대응하는, 방법.According to claim 1,
wherein the plurality of application icons correspond to a user-created-set of applications on the electronic device.

제1항에 있어서,
상기 전자 디바이스는 웨어러블 전자 디바이스(wearable electronic device)인, 방법.According to claim 1,
wherein the electronic device is a wearable electronic device.

제1항에 있어서,
애플리케이션에서의 활성을 나타내는 정보를 수신하는 단계 - 상기 애플리케이션은 디스플레이된 애플리케이션 아이콘에 대응함 -; 및
상기 수신된 정보에 응답하여, 상기 디스플레이된 애플리케이션 아이콘의 외관을 변경하는 단계
를 더 포함하는, 방법.According to claim 1,
receiving information indicative of activity in an application, the application corresponding to a displayed application icon; and
changing the appearance of the displayed application icon in response to the received information;
A method further comprising:

제9항에 있어서, 상기 변경하는 단계는 깜박임, 색상 변화, 및 애니메이팅(animating) 중 하나 이상인, 방법.10. The method of claim 9, wherein the changing step is one or more of blinking, changing color, and animating.

전자 디바이스로서,
하나 이상의 프로세서;
메모리;
디스플레이;
상기 하나 이상의 프로세서에 동작 가능하게 연결되는 터치 감응 표면; 및
하나 이상의 프로그램을 포함하고,
상기 하나 이상의 프로그램은 상기 메모리에 저장되고 상기 하나 이상의 프로세서에 의해 실행되도록 구성되며, 상기 하나 이상의 프로그램은 제1항 내지 제10항의 방법들 중 어느 하나의 방법을 수행하기 위한 명령어들을 포함하는, 전자 디바이스.An electronic device comprising:
one or more processors;
Memory;
display;
a touch-sensitive surface operatively coupled to the one or more processors; and
one or more programs;
wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any one of the methods of claims 1-10; device.

디스플레이 및 터치 감응 표면을 갖는 전자 디바이스의 하나 이상의 프로세서에 의해 실행되도록 구성되는 하나 이상의 프로그램을 저장하는 컴퓨터 판독가능 저장 매체로서, 상기 하나 이상의 프로그램은 제1항 내지 제10항의 방법들 중 어느 하나의 방법을 수행하기 위한 명령어들을 포함하는, 컴퓨터 판독가능 저장 매체.11. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device having a display and a touch-sensitive surface, the one or more programs comprising: A computer-readable storage medium comprising instructions for performing a method.