KR20180055231A - 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법 - Google Patents

아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법 Download PDF

Info

Publication number
KR20180055231A
KR20180055231A KR1020160152823A KR20160152823A KR20180055231A KR 20180055231 A KR20180055231 A KR 20180055231A KR 1020160152823 A KR1020160152823 A KR 1020160152823A KR 20160152823 A KR20160152823 A KR 20160152823A KR 20180055231 A KR20180055231 A KR 20180055231A
Authority
KR
South Korea
Prior art keywords
icon
electronic device
configuration
processor
background
Prior art date
Application number
KR1020160152823A
Other languages
English (en)
Inventor
이호영
류지원
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to KR1020160152823A priority Critical patent/KR20180055231A/ko
Priority to US15/814,052 priority patent/US20180136819A1/en
Priority to EP17202056.2A priority patent/EP3324278A1/en
Priority to CN201711137297.6A priority patent/CN108076217A/zh
Publication of KR20180055231A publication Critical patent/KR20180055231A/ko

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72469—User interfaces specially adapted for cordless or mobile telephones for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72484—User interfaces specially adapted for cordless or mobile telephones wherein functions are triggered by incoming communication events
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04807—Pen manipulated menu
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법을 제공한다.
다양한 실시 예에 따른 전자 장치에 있어서, 적어도 하나의 어플리케이션 실행 아이콘을 표시하는 터치 센서티브 스크린; 및 상기 터치 센서티브 스크린과 전기적으로 연결된 프로세서를 포함하고, 상기 프로세서는, 상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하고, 상기 제1 어플리케이션의 실행 화면은, 상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시하도록 설정될 수 있다. 또한 다른 실시 예들이 가능하다.

Description

아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법{ELECTRONIC DEVICE AND METHOD FOR DISPLAYING EXECUTION SCREEN OF APPLICATION USING ICON}
본 발명의 다양한 실시 예는 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법에 관한 것이다.
일반적으로 휴대 단말(예: 스마트폰)은 적어도 하나의 아이콘을 화면에 표시할 수 있고, 표시된 아이콘 중 어느 하나에 대응하는 어플리케이션 또는 위젯 등을 실행하기 위한 이벤트가 발생되면 어플리케이션 위젯에 대한 사용자 인터페이스를 표시할 수 있다. 예를 들어, 터치 센서티브 스크린을 구비하는 휴대 단말은 터치 센서티브 스크린 상에 적어도 하나의 아이콘을 표시하고, 특정 아이콘에 대한 터치가 입력되면 특정 아이콘에 대응하는 어플리케이션 또는 위젯 등에 대한 실행 화면을 표시할 수 있다.
최근 아이콘의 구조에 대한 이해를 통해 아이콘에 대응하는 어플리케이션의 사용자 인터페이스의 구조를 이해하여 사용자 인터페이스의 사용성을 높이기 위한 방법이 요구되고 있다.
다양한 실시 예에서는 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법을 제공할 수 있다.
다양한 실시 예에 따른 전자 장치에 있어서, 적어도 하나의 어플리케이션 실행 아이콘을 표시하는 터치 센서티브 스크린; 및 상기 터치 센서티브 스크린과 전기적으로 연결된 프로세서를 포함하고, 상기 프로세서는, 상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하고, 상기 제1 어플리케이션의 실행 화면은, 상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시하도록 설정될 수 있다.
다양한 실시 예에 따르면 명령들을 저장하고 있는 저장 매체에 있어서, 상기 명령들은 적어도 하나의 프로세서에 의하여 실행될 때에 상기 적어도 하나의 프로세서로 하여금 적어도 하나의 동작을 수행하도록 설정된 것으로서, 상기 적어도 하나의 동작은, 적어도 하나의 어플리케이션 실행 아이콘을 터치 센서티브 스크린상에 표시하는 동작; 및 상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하는 동작을 포함하고, 상기 제1 어플리케이션의 실행 화면은, 상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시할 수 있다.
다양한 실시 예에 따르면 전자 장치를 동작하는 방법에 있어서, 적어도 하나의 어플리케이션 실행 아이콘을 터치 센서티브 스크린상에 표시하는 동작; 및 상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하는 동작을 포함하고, 상기 제1 어플리케이션의 실행 화면은, 상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시할 수 있다.
다양한 실시 예에 따르면 본 발명은 아이콘의 구조에 대한 이해를 통해서 아이콘에 대응하는 어플리케이션에 대한 사용자 인터페이스의 구조를 이해하여 어플리케이션 사용자 인터페이스에 대한 사용성을 높일 수 있다.
도 1은 다양한 실시 예에 따른, 전자 장치를 포함하는 네트워크 환경을 도시한다.
도 2는 다양한 실시 예에 따른 전자 장치의 블록도를 도시한다.
도 3은 다양한 실시 예에 따른 프로그램 모듈의 블록도를 도시한다.
도 4는 다양한 실시 예에 따른 전자 장치의 구성도를 도시한다.
도 5a 및 도 5b는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스를 제공하기 위한 방법을 나타내는 흐름도들을 도시한다.
도 6은 다양한 실시 예에 따른 아이콘을 나타내는 예시도들을 도시한다.
도 7은 다양한 실시 예에 따른 사용자 인터페이스를 나타내는 예시도를 도시한다.
도 8은 다양한 실시 예에 따라 애니메이션을 구성하는 복수의 애니메이션 객체에 대한 예시도들을 도시한다.
도 9는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스를 제공하기 위한 방법을 나타내는 흐름도를 도시한다.
도 10은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 11은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 12a 및 도 12b는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 13은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 14는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 15는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 16은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 17은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 18은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 19는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 20은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 21a 및 도 21b는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
이하, 본 문서의 다양한 실시 예들이 첨부된 도면을 참조하여 기재된다. 실시 예 및 이에 사용된 용어들은 본 문서에 기재된 기술을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 해당 실시 예의 다양한 변경, 균등물, 및/또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및/또는 B 중 적어도 하나" 또는 "A/B" 등의 표현은 함께 나열된 항목들의 모든 가능한 조합을 포함할 수 있다. "제1," "제2," "첫째," 또는 "둘째, "등의 표현들은 해당 구성요소들을, 순서 또는 중요도에 상관없이 수식할 수 있고, 한 구성요소를 다른 구성요소와 구분하기 위해 사용될 뿐 해당 구성요소들을 한정하지 않는다. 어떤(예: 제1) 구성요소가 다른(예: 제2) 구성요소에 "(기능적으로 또는 통신적으로) 연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로 연결되거나, 다른 구성요소(예: 제3 구성요소)를 통하여 연결될 수 있다.
본 문서에서, "~하도록 구성된(또는 설정된)(configured to)"은 상황에 따라, 예를 들면, 하드웨어적 또는 소프트웨어적으로 "~에 적합한," "~하는 능력을 가지는," "~하도록 변경된," "~하도록 만들어진," "~를 할 수 있는," 또는 "~하도록 설계된"과 상호 호환적으로(interchangeably) 사용될 수 있다. 어떤 상황에서는, "~하도록 구성된 장치"라는 표현은, 그 장치가 다른 장치 또는 부품들과 함께 "~할 수 있는" 것을 의미할 수 있다. 예를 들면, 문구 "A, B, 및 C를 수행하도록 구성된(또는 설정된) 프로세서"는 해당 동작을 수행하기 위한 전용 프로세서(예: 임베디드 프로세서), 또는 메모리 장치에 저장된 하나 이상의 소프트웨어 프로그램들을 실행함으로써, 해당 동작들을 수행할 수 있는 범용 프로세서(예: CPU 또는 application processor)를 의미할 수 있다.
본 문서의 다양한 실시 예들에 따른 전자 장치는, 예를 들면, 스마트폰, 태블릿 PC, 이동 전화기, 영상 전화기, 전자책 리더기, 데스크탑 PC, 랩탑 PC, 넷북 컴퓨터, 워크스테이션, 서버, PDA, PMP(portable multimedia player), MP3 플레이어, 의료기기, 카메라, 또는 웨어러블 장치 중 적어도 하나를 포함할 수 있다. 웨어러블 장치는 액세서리형(예: 시계, 반지, 팔찌, 발찌, 목걸이, 안경, 콘택트 렌즈, 또는 머리 착용형 장치(head-mounted-device(HMD)), 직물 또는 의류 일체형(예: 전자 의복), 신체 부착형(예: 스킨 패드 또는 문신), 또는 생체 이식형 회로 중 적어도 하나를 포함할 수 있다. 어떤 실시 예들에서, 전자 장치는, 예를 들면, 텔레비전, DVD(digital video disk) 플레이어, 오디오, 냉장고, 에어컨, 청소기, 오븐, 전자레인지, 세탁기, 공기 청정기, 셋톱 박스, 홈 오토매이션 컨트롤 패널, 보안 컨트롤 패널, 미디어 박스(예: 삼성 HomeSyncTM, 애플TVTM, 또는 구글 TVTM), 게임 콘솔(예: XboxTM, PlayStationTM), 전자 사전, 전자 키, 캠코더, 또는 전자 액자 중 적어도 하나를 포함할 수 있다.
다른 실시 예에서, 전자 장치는, 각종 의료기기(예: 각종 휴대용 의료측정기기(혈당 측정기, 심박 측정기, 혈압 측정기, 또는 체온 측정기 등), MRA(magnetic resonance angiography), MRI(magnetic resonance imaging), CT(computed tomography), 촬영기, 또는 초음파기 등), 네비게이션 장치, 위성 항법 시스템(GNSS(global navigation satellite system)), EDR(event data recorder), FDR(flight data recorder), 자동차 인포테인먼트 장치, 선박용 전자 장비(예: 선박용 항법 장치, 자이로 콤파스 등), 항공 전자기기(avionics), 보안 기기, 차량용 헤드 유닛(head unit), 산업용 또는 가정용 로봇, 드론(drone), 금융 기관의 ATM, 상점의 POS(point of sales), 또는 사물 인터넷 장치 (예: 전구, 각종 센서, 스프링클러 장치, 화재 경보기, 온도조절기, 가로등, 토스터, 운동기구, 온수탱크, 히터, 보일러 등) 중 적어도 하나를 포함할 수 있다. 어떤 실시 예에 따르면, 전자 장치는 가구, 건물/구조물 또는 자동차의 일부, 전자 보드(electronic board), 전자 사인 수신 장치(electronic signature receiving device), 프로젝터, 또는 각종 계측 기기(예: 수도, 전기, 가스, 또는 전파 계측 기기 등) 중 적어도 하나를 포함할 수 있다. 다양한 실시 예에서, 전자 장치는 플렉서블하거나, 또는 전술한 다양한 장치들 중 둘 이상의 조합일 수 있다. 본 문서의 실시 예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다. 본 문서에서, 사용자라는 용어는 전자 장치를 사용하는 사람 또는 전자 장치를 사용하는 장치(예: 인공지능 전자 장치)를 지칭할 수 있다.
도 1을 참조하여, 다양한 실시 예에서의, 네트워크 환경(100) 내의 전자 장치(101)가 기재된다. 전자 장치(101)는 버스(110), 프로세서(120), 메모리(130), 입출력 인터페이스(150), 디스플레이(160), 및 통신 인터페이스(170)를 포함할 수 있다. 어떤 실시 예에서는, 전자 장치(101)는, 구성요소들 중 적어도 하나를 생략하거나 다른 구성요소를 추가적으로 구비할 수 있다.
버스(110)는 구성요소들(110-170)을 서로 연결하고, 구성요소들 간의 통신(예: 제어 메시지 또는 데이터)을 전달하는 회로를 포함할 수 있다.
프로세서(120)는, 중앙처리장치, 어플리케이션 프로세서, 또는 커뮤니케이션 프로세서(communication processor(CP)) 중 하나 또는 그 이상을 포함할 수 있다. 프로세서(120)는, 예를 들면, 전자 장치(101)의 적어도 하나의 다른 구성요소들의 제어 및/또는 통신에 관한 연산이나 데이터 처리를 실행할 수 있다.
한 실시 예에 따르면, 프로세서(120)는 디스플레이(160) 상에 적어도 하나의 아이콘(또는 버튼)(예: 어플리케이션 실행 아이콘)을 표시하고, 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 디스플레이(160) 상에 표시할 수 있다.
한 실시 예에 따르면, 프로세서(120)는 제1 아이콘에 포함된 복수의 아이콘 객체들(예: 제1 아이콘을 구성하는 배경 객체 및 구성 객체) 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체(예: 실행 화면을 구성하는 배경 객체 및 구성 객체)를 포함하는 제1 어플리케이션의 실행 화면을 디스플레이(160) 상에 표시할 수 있다. 예를 들어, 제1 아이콘의 배경 객체는 제1 아이콘의 배경에 해당하고, 제1 아이콘의 구성 객체는 제1 아이콘에 대응하는 제1 어플리케이션의 특징(또는 개념, 기능, 의미)을 나타낼 수 있다. 상기 실행 화면의 배경 객체는 실행 화면에 대한 프레임(frame)일 수 있고, 실행 화면의 구성 객체는 제1 어플리케이션의 적어도 하나의 기능에 대응하는 아이콘, 메뉴, 이미지, 텍스트 등일 수 있다.
한 실시 예에 따르면, 프로세서(120)는 적어도 하나의 제1 객체의 위치, 크기 및 형상 중 적어도 하나가 변경된 적어도 하나의 제2 객체를 제1 어플리케이션의 실행 화면에 표시할 수 있다.
메모리(130)는, 휘발성 및/또는 비휘발성 메모리를 포함할 수 있다. 메모리(130)는, 예를 들면, 전자 장치(101)의 적어도 하나의 다른 구성요소에 관계된 명령 또는 데이터를 저장할 수 있다.
한 실시 예에 따르면, 메모리(130)는 소프트웨어 및/또는 프로그램(140)을 저장할 수 있다. 프로그램(140)은, 예를 들면, 커널(141), 미들웨어(143), 어플리케이션 프로그래밍 인터페이스(API)(145), 및/또는 어플리케이션 프로그램(또는 "어플리케이션")(147) 등을 포함할 수 있다. 커널(141), 미들웨어(143), 또는 API(145)의 적어도 일부는, 운영 시스템으로 지칭될 수 있다.
커널(141)은, 예를 들면, 다른 프로그램들(예: 미들웨어(143), API(145), 또는 어플리케이션 프로그램(147))에 구현된 동작 또는 기능을 실행하는 데 사용되는 시스템 리소스들(예: 버스(110), 프로세서(120), 또는 메모리(130) 등)을 제어 또는 관리할 수 있다. 또한, 커널(141)은 미들웨어(143), API(145), 또는 어플리케이션 프로그램(147)에서 전자 장치(101)의 개별 구성요소에 접근함으로써, 시스템 리소스들을 제어 또는 관리할 수 있는 인터페이스를 제공할 수 있다.
미들웨어(143)는, 예를 들면, API(145) 또는 어플리케이션 프로그램(147)이 커널(141)과 통신하여 데이터를 주고받을 수 있도록 중개 역할을 수행할 수 있다. 또한, 미들웨어(143)는 어플리케이션 프로그램(147)으로부터 수신된 하나 이상의 작업 요청들을 우선순위에 따라 처리할 수 있다. 예를 들면, 미들웨어(143)는 어플리케이션 프로그램(147) 중 적어도 하나에 전자 장치(101)의 시스템 리소스(예: 버스(110), 프로세서(120), 또는 메모리(130) 등)를 사용할 수 있는 우선순위를 부여하고, 상기 하나 이상의 작업 요청들을 처리할 수 있다. API(145)는 어플리케이션(147)이 커널(141) 또는 미들웨어(143)에서 제공되는 기능을 제어하기 위한 인터페이스로, 예를 들면, 파일 제어, 창 제어, 영상 처리, 또는 문자 제어 등을 위한 적어도 하나의 인터페이스 또는 함수(예: 명령어)를 포함할 수 있다. 입출력 인터페이스(150)는, 예를 들면, 사용자 또는 다른 외부 기기로부터 입력된 명령 또는 데이터를 전자 장치(101)의 다른 구성요소(들)에 전달하거나, 또는 전자 장치(101)의 다른 구성요소(들)로부터 수신된 명령 또는 데이터를 사용자 또는 다른 외부 기기로 출력할 수 있다.
디스플레이(160)는, 예를 들면, 액정 디스플레이(LCD), 발광 다이오드(LED) 디스플레이, 유기 발광 다이오드(OLED) 디스플레이, 또는 마이크로 전자기계 시스템 (MEMS) 디스플레이, 또는 전자종이(electronic paper) 디스플레이를 포함할 수 있다. 디스플레이(160)는, 예를 들면, 사용자에게 각종 콘텐츠(예: 텍스트, 이미지, 비디오, 아이콘, 및/또는 심볼 등)을 표시할 수 있다. 디스플레이(160)는, 터치 스크린을 포함할 수 있으며, 예를 들면, 전자 펜 또는 사용자의 신체의 일부를 이용한 터치(touch), 제스처, 근접, 드래그(drag), 스와이프(swipe) 또는 호버링 입력을 수신할 수 있다.
통신 인터페이스(170)는, 예를 들면, 전자 장치(101)와 외부 장치(예: 제1 외부 전자 장치(102), 제2 외부 전자 장치(104), 또는 서버(106)) 간의 통신을 설정할 수 있다. 예를 들면, 통신 인터페이스(170)는 무선 통신 또는 유선 통신을 통해서 네트워크(162)에 연결되어 외부 장치(예: 제2 외부 전자 장치(104) 또는 서버(106))와 통신할 수 있다.
무선 통신은, 예를 들면, LTE, LTE-A(LTE Advance), CDMA(code division multiple access), WCDMA(wideband CDMA), UMTS(universal mobile telecommunications system), WiBro(Wireless Broadband), 또는 GSM(Global System for Mobile Communications) 등 중 적어도 하나를 사용하는 셀룰러 통신을 포함할 수 있다. 한 실시 예에 따르면, 무선 통신은, 예를 들면, WiFi(wireless fidelity), 블루투스, 블루투스 저전력(BLE), 지그비(Zigbee), NFC(near field communication), 자력 시큐어 트랜스미션(Magnetic Secure Transmission), 라디오 프리퀀시(RF), 또는 보디 에어리어 네트워크(BAN) 중 적어도 하나를 포함할 수 있다. 한 실시 예에 따르면, 무선 통신은 GNSS를 포함할 수 있다. GNSS는, 예를 들면, GPS(Global Positioning System), Glonass(Global Navigation Satellite System), Beidou Navigation Satellite System(이하 "Beidou") 또는 Galileo, the European global satellite-based navigation system일 수 있다. 이하, 본 문서에서는, "GPS"는 "GNSS"와 상호 호환적으로 사용될 수 있다. 유선 통신은, 예를 들면, USB(universal serial bus), HDMI(high definition multimedia interface), RS-232(recommended standard232), 전력선 통신, 또는 POTS(plain old telephone service) 등 중 적어도 하나를 포함할 수 있다. 네트워크(162)는 텔레커뮤니케이션 네트워크, 예를 들면, 컴퓨터 네트워크(예: LAN 또는 WAN), 인터넷, 또는 텔레폰 네트워크 중 적어도 하나를 포함할 수 있다.
제1 및 제2 외부 전자 장치(102, 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다.
다양한 실시 예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 다른 하나 또는 복수의 전자 장치(예: 전자 장치(102,104), 또는 서버(106)에서 실행될 수 있다.
한 실시 예에 따르면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로 또는 요청에 의하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 그와 연관된 적어도 일부 기능을 다른 장치(예: 전자 장치(102, 104), 또는 서버(106))에게 요청할 수 있다. 다른 전자 장치(예: 전자 장치(102, 104), 또는 서버(106))는 요청된 기능 또는 추가 기능을 실행하고, 그 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 수신된 결과를 그대로 또는 추가적으로 처리하여 요청된 기능이나 서비스를 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다.
도 2는 다양한 실시 예에 따른 전자 장치(201)의 블록도이다. 전자 장치(201)는, 예를 들면, 도 2에 도시된 전자 장치(101)의 전체 또는 일부를 포함할 수 있다. 전자 장치(201)는 하나 이상의 프로세서(예: AP)(210), 통신 모듈(220), 가입자 식별 모듈(224), 메모리(230), 센서 모듈(240), 입력 장치(250), 디스플레이(260), 인터페이스(270), 오디오 모듈(280), 카메라 모듈(281), 전력 관리 모듈(285), 배터리(286), 인디케이터(287), 및 모터(288)를 포함할 수 있다. 프로세서(210)는, 예를 들면, 운영 체제 또는 응용 프로그램을 구동하여 프로세서(210)에 연결된 다수의 하드웨어 또는 소프트웨어 구성요소들을 제어할 수 있고, 각종 데이터 처리 및 연산을 수행할 수 있다. 프로세서(210)는, 예를 들면, SoC(system on chip)로 구현될 수 있다.
한 실시 예에 따르면, 프로세서(210)는 GPU(graphic processing unit) 및/또는 이미지 신호 프로세서를 더 포함할 수 있다. 프로세서(210)는 도 2에 도시된 구성요소들 중 적어도 일부(예: 셀룰러 모듈(221))를 포함할 수도 있다. 프로세서(210)는 다른 구성요소들(예: 비휘발성 메모리) 중 적어도 하나로부터 수신된 명령 또는 데이터를 휘발성 메모리에 로드)하여 처리하고, 결과 데이터를 비휘발성 메모리에 저장할 수 있다.
한 실시 예에 따르면, 프로세서(210)는 디스플레이(260) 상에 적어도 하나의 아이콘(또는 버튼)을 표시하고, 적어도 하나의 아이콘 중 제1 아이콘에 선택되면 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 디스플레이(260) 상에 표시할 수 있다.
한 실시 예에 따르면, 프로세서(210)는 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 포함하는 제1 어플리케이션의 실행 화면을 디스플레이(260) 상에 표시할 수 있다.
한 실시 예에 따르면, 프로세서(210)는 적어도 하나의 제1 객체의 위치, 크기 및 형상 중 적어도 하나가 변경된 적어도 하나의 제2 객체를 제1 어플리케이션의 실행 화면에 표시할 수 있다.
통신 모듈(220)(예: 통신 인터페이스(170))와 동일 또는 유사한 구성을 가질 수 있다. 통신 모듈(220)은, 예를 들면, 셀룰러 모듈(221), WiFi 모듈(223), 블루투스 모듈(225), GNSS 모듈(227), NFC 모듈(228) 및 RF 모듈(228)을 포함할 수 있다. 셀룰러 모듈(221)은, 예를 들면, 통신망을 통해서 음성 통화, 영상 통화, 문자 서비스, 또는 인터넷 서비스 등을 제공할 수 있다. 한 실시 예에 따르면, 셀룰러 모듈(221)은 가입자 식별 모듈(예: SIM 카드)(224)을 이용하여 통신 네트워크 내에서 전자 장치(201)의 구별 및 인증을 수행할 수 있다. 한 실시 예에 따르면, 셀룰러 모듈(221)은 프로세서(210)가 제공할 수 있는 기능 중 적어도 일부 기능을 수행할 수 있다. 한 실시 예에 따르면, 셀룰러 모듈(221)은 커뮤니케이션 프로세서(CP)를 포함할 수 있다. 어떤 실시 예에 따르면, 셀룰러 모듈(221), WiFi 모듈(223), 블루투스 모듈(225), GNSS 모듈(227) 또는 NFC 모듈(228) 중 적어도 일부(예: 두 개 이상)는 하나의 integrated chip(IC) 또는 IC 패키지 내에 포함될 수 있다. RF 모듈(228)은, 예를 들면, 통신 신호(예: RF 신호)를 송수신할 수 있다. RF 모듈(228)은, 예를 들면, 트랜시버, PAM(power amp module), 주파수 필터, LNA(low noise amplifier), 또는 적어도 하나의 안테나 등을 포함할 수 있다. 다른 실시 예에 따르면, 셀룰러 모듈(221), WiFi 모듈(223), 블루투스 모듈(225), GNSS 모듈(227) 또는 NFC 모듈(228) 중 적어도 하나는 별개의 RF 모듈을 통하여 RF 신호를 송수신할 수 있다. 가입자 식별 모듈(224)은, 예를 들면, 가입자 식별 모듈을 포함하는 카드 또는 임베디드 SIM을 포함할 수 있으며, 고유한 식별 정보(예: ICCID(integrated circuit card identifier)) 또는 가입자 정보(예: IMSI(international mobile subscriber identity))를 포함할 수 있다.
메모리(230)(예: 메모리(130))는, 예를 들면, 내장 메모리(232) 또는 외장 메모리(234)를 포함할 수 있다. 내장 메모리(232)는, 예를 들면, 휘발성 메모리(예: DRAM, SRAM, 또는 SDRAM 등), 비휘발성 메모리(예: OTPROM(one time programmable ROM), PROM, EPROM, EEPROM, mask ROM, flash ROM, 플래시 메모리, 하드 드라이브, 또는 솔리드 스테이트 드라이브 (SSD) 중 적어도 하나를 포함할 수 있다. 외장 메모리(234)는 플래시 드라이브(flash drive), 예를 들면, CF(compact flash), SD(secure digital), Micro-SD, Mini-SD, xD(extreme digital), MMC(multi-media card) 또는 메모리 스틱 등을 포함할 수 있다. 외장 메모리(234)는 다양한 인터페이스를 통하여 전자 장치(201)와 기능적으로 또는 물리적으로 연결될 수 있다.
센서 모듈(240)은, 예를 들면, 물리량을 계측하거나 전자 장치(201)의 작동 상태를 감지하여, 계측 또는 감지된 정보를 전기 신호로 변환할 수 있다. 센서 모듈(240)은, 예를 들면, 제스처 센서(240A), 자이로 센서(240B), 기압 센서(240C), 마그네틱 센서(240D), 가속도 센서(240E), 그립 센서(240F), 근접 센서(240G), 컬러(color) 센서(240H)(예: RGB(red, green, blue) 센서), 생체 센서(240I), 온/습도 센서(240J), 조도 센서(240K), 또는 UV(ultra violet) 센서(240M) 중의 적어도 하나를 포함할 수 있다. 추가적으로 또는 대체적으로, 센서 모듈(240)은, 예를 들면, 후각(e-nose) 센서, 일렉트로마이오그라피(EMG) 센서, 일렉트로엔씨팔로그램(EEG) 센서, 일렉트로카디오그램(ECG) 센서, IR(infrared) 센서, 홍채 센서 및/또는 지문 센서를 포함할 수 있다. 센서 모듈(240)은 그 안에 속한 적어도 하나 이상의 센서들을 제어하기 위한 제어 회로를 더 포함할 수 있다. 어떤 실시 예에서는, 전자 장치(201)는 프로세서(210)의 일부로서 또는 별도로, 센서 모듈(240)을 제어하도록 구성된 프로세서를 더 포함하여, 프로세서(210)가 슬립(sleep) 상태에 있는 동안, 센서 모듈(240)을 제어할 수 있다.
입력 장치(250)는, 예를 들면, 터치 패널(252), (디지털) 펜 센서(254), 키(256), 또는 초음파 입력 장치(258)를 포함할 수 있다. 터치 패널(252)은, 예를 들면, 정전식, 감압식, 적외선 방식, 또는 초음파 방식 중 적어도 하나의 방식을 사용할 수 있다. 또한, 터치 패널(252)은 제어 회로를 더 포함할 수도 있다. 터치 패널(252)은 택타일 레이어(tactile layer)를 더 포함하여, 사용자에게 촉각 반응을 제공할 수 있다. (디지털) 펜 센서(254)는, 예를 들면, 터치 패널의 일부이거나, 별도의 인식용 쉬트를 포함할 수 있다. 키(256)는, 예를 들면, 물리적인 버튼, 광학식 키, 또는 키패드를 포함할 수 있다. 초음파 입력 장치(258)는 마이크(예: 마이크(288))를 통해, 입력 도구에서 발생된 초음파를 감지하여, 상기 감지된 초음파에 대응하는 데이터를 확인할 수 있다.
디스플레이(260)(예: 디스플레이(160))는 패널(262), 홀로그램 장치(264), 프로젝터(266), 및/또는 이들을 제어하기 위한 제어 회로를 포함할 수 있다. 패널(262)은, 예를 들면, 유연하게, 투명하게, 또는 착용할 수 있게 구현될 수 있다. 패널(262)은 터치 패널(252)과 하나 이상의 모듈로 구성될 수 있다. 한 실시 예에 따르면, 패널(262)은 사용자의 터치에 대한 압력의 세기를 측정할 수 있는 압력 센서(또는 포스 센서)를 포함할 수 있다. 상기 압력 센서는 터치 패널(252)과 일체형으로 구현되거나, 또는 터치 패널(252)과는 별도의 하나 이상의 센서로 구현될 수 있다. 홀로그램 장치(264)는 빛의 간섭을 이용하여 입체 영상을 허공에 보여줄 수 있다. 프로젝터(266)는 스크린에 빛을 투사하여 영상을 표시할 수 있다. 스크린은, 예를 들면, 전자 장치(201)의 내부 또는 외부에 위치할 수 있다. 인터페이스(270)는, 예를 들면, HDMI(272), USB(274), 광 인터페이스(optical interface)(276), 또는 D-sub(D-subminiature)(278)를 포함할 수 있다. 인터페이스(270)는, 예를 들면, 도 1에 도시된 통신 인터페이스(170)에 포함될 수 있다. 추가적으로 또는 대체적으로, 인터페이스(270)는, 예를 들면, MHL(mobile high-definition link) 인터페이스, SD카드/MMC(multi-media card) 인터페이스, 또는 IrDA(infrared data association) 규격 인터페이스를 포함할 수 있다.
오디오 모듈(280)은, 예를 들면, 소리와 전기 신호를 쌍방향으로 변환시킬 수 있다. 오디오 모듈(280)의 적어도 일부 구성요소는, 예를 들면, 도 1 에 도시된 입출력 인터페이스(145)에 포함될 수 있다. 오디오 모듈(280)은, 예를 들면, 스피커(282), 리시버(284), 이어폰(286), 또는 마이크(288) 등을 통해 입력 또는 출력되는 소리 정보를 처리할 수 있다.
카메라 모듈(281)은, 예를 들면, 정지 영상 및 동영상을 촬영할 수 있는 장치로서, 한 실시 예에 따르면, 하나 이상의 이미지 센서(예: 전면 센서 또는 후면 센서), 렌즈, 이미지 시그널 프로세서(ISP), 또는 플래시(예: LED 또는 xenon lamp 등)를 포함할 수 있다.
전력 관리 모듈(285)은, 예를 들면, 전자 장치(201)의 전력을 관리할 수 있다. 한 실시 예에 따르면, 전력 관리 모듈(285)은 PMIC(power management integrated circuit), 충전 IC, 또는 배터리 또는 연료 게이지를 포함할 수 있다. PMIC는, 유선 및/또는 무선 충전 방식을 가질 수 있다. 무선 충전 방식은, 예를 들면, 자기공명 방식, 자기유도 방식 또는 전자기파 방식 등을 포함하며, 무선 충전을 위한 부가적인 회로, 예를 들면, 코일 루프, 공진 회로, 또는 정류기 등을 더 포함할 수 있다. 배터리 게이지는, 예를 들면, 배터리(286)의 잔량, 충전 중 전압, 전류, 또는 온도를 측정할 수 있다. 배터리(286)는, 예를 들면, 충전식 전지 및/또는 태양 전지를 포함할 수 있다.
인디케이터(287)는 전자 장치(201) 또는 그 일부(예: 프로세서(210))의 특정 상태, 예를 들면, 부팅 상태, 메시지 상태 또는 충전 상태 등을 표시할 수 있다. 모터(288)는 전기적 신호를 기계적 진동으로 변환할 수 있고, 진동, 또는 햅틱 효과 등을 발생시킬 수 있다. 전자 장치(201)는, 예를 들면, DMB(digital multimedia broadcasting), DVB(digital video broadcasting), 또는 미디어플로(mediaFloTM) 등의 규격에 따른 미디어 데이터를 처리할 수 있는 모바일 TV 지원 장치(예: GPU)를 포함할 수 있다. 본 문서에서 기술된 구성요소들 각각은 하나 또는 그 이상의 부품(component)으로 구성될 수 있으며, 해당 구성요소의 명칭은 전자 장치의 종류에 따라서 달라질 수 있다. 다양한 실시 예에서, 전자 장치(예: 전자 장치(201))는 일부 구성요소가 생략되거나, 추가적인 구성요소를 더 포함하거나, 또는, 구성요소들 중 일부가 결합되어 하나의 개체로 구성되되, 결합 이전의 해당 구성요소들의 기능을 동일하게 수행할 수 있다.
도 3은 다양한 실시 예에 따른 프로그램 모듈의 블록도이다. 한 실시 예에 따르면, 프로그램 모듈(310)(예: 프로그램(140))은 전자 장치(예: 전자 장치(101))에 관련된 자원을 제어하는 운영 체제및/또는 운영 체제상에서 구동되는 다양한 어플리케이션(예: 어플리케이션 프로그램(147))을 포함할 수 있다. 운영 체제는, 예를 들면, AndroidTM, iOSTM, WindowsTM, SymbianTM, TizenTM, 또는 BadaTM를 포함할 수 있다. 도 3을 참조하면, 프로그램 모듈(310)은 커널(320)(예: 커널(141)), 미들웨어(330)(예: 미들웨어(143)), (API(360)(예: API(145)), 및/또는 어플리케이션(370)(예: 어플리케이션 프로그램(147))을 포함할 수 있다. 프로그램 모듈(310)의 적어도 일부는 전자 장치 상에 프리로드 되거나, 외부 전자 장치(예: 전자 장치(102, 104), 서버(106) 등)로부터 다운로드 가능하다.
커널(320)은, 예를 들면, 시스템 리소스 매니저(321) 및/또는 디바이스 드라이버(323)를 포함할 수 있다. 시스템 리소스 매니저(321)는 시스템 리소스의 제어, 할당, 또는 회수를 수행할 수 있다. 한 실시 예에 따르면, 시스템 리소스 매니저(321)는 프로세스 관리부, 메모리 관리부, 또는 파일 시스템 관리부를 포함할 수 있다. 디바이스 드라이버(323)는, 예를 들면, 디스플레이 드라이버, 카메라 드라이버, 블루투스 드라이버, 공유 메모리 드라이버, USB 드라이버, 키패드 드라이버, WiFi 드라이버, 오디오 드라이버, 또는 IPC(inter-process communication) 드라이버를 포함할 수 있다. 미들웨어(330)는, 예를 들면, 어플리케이션(370)이 공통적으로 필요로 하는 기능을 제공하거나, 어플리케이션(370)이 전자 장치 내부의 제한된 시스템 자원을 사용할 수 있도록 API(360)를 통해 다양한 기능들을 어플리케이션(370)으로 제공할 수 있다. 한 실시 예에 따르면, 미들웨어(330) 는 런타임 라이브러리(335), 어플리케이션 매니저(341), 윈도우 매니저(342), 멀티미디어 매니저(343), 리소스 매니저(344), 파워 매니저(345), 데이터베이스 매니저(346), 패키지 매니저(347), 커넥티비티 매니저(348), 노티피케이션 매니저(348), 로케이션 매니저(350), 그래픽 매니저(351), 또는 시큐리티 매니저(352) 중 적어도 하나를 포함할 수 있다.
런타임 라이브러리(335)는, 예를 들면, 어플리케이션(370)이 실행되는 동안에 프로그래밍 언어를 통해 새로운 기능을 추가하기 위해 컴파일러가 사용하는 라이브러리 모듈을 포함할 수 있다. 런타임 라이브러리(335)는 입출력 관리, 메모리 관리, 또는 산술 함수 처리를 수행할 수 있다. 어플리케이션 매니저(341)는, 예를 들면, 어플리케이션(370)의 생명 주기를 관리할 수 있다. 윈도우 매니저(342)는 화면에서 사용되는 GUI 자원을 관리할 수 있다. 멀티미디어 매니저(343)는 미디어 파일들의 재생에 필요한 포맷을 파악하고, 해당 포맷에 맞는 코덱을 이용하여 미디어 파일의 인코딩 또는 디코딩을 수행할 수 있다. 리소스 매니저(344)는 어플리케이션(370)의 소스 코드 또는 메모리의 공간을 관리할 수 있다. 파워 매니저(345)는, 예를 들면, 배터리의 용량 또는 전원을 관리하고, 전자 장치의 동작에 필요한 전력 정보를 제공할 수 있다. 한 실시 예에 따르면, 파워 매니저(345)는 바이오스(BIOS: basic input/output system)와 연동할 수 있다. 데이터베이스 매니저(346)는, 예를 들면, 어플리케이션(370)에서 사용될 데이터베이스를 생성, 검색, 또는 변경할 수 있다. 패키지 매니저(347)는 패키지 파일의 형태로 배포되는 어플리케이션의 설치 또는 갱신을 관리할 수 있다.
커넥티비티 매니저(348)는, 예를 들면, 무선 연결을 관리할 수 있다. 노티피케이션 매니저(348)는, 예를 들면, 도착 메시지, 약속, 근접성 알림 등의 이벤트를 사용자에게 제공할 수 있다. 로케이션 매니저(350)는, 예를 들면, 전자 장치의 위치 정보를 관리할 수 있다. 그래픽 매니저(351)는, 예를 들면, 사용자에게 제공될 그래픽 효과 또는 이와 관련된 사용자 인터페이스를 관리할 수 있다. 보안 매니저(352)는, 예를 들면, 시스템 보안 또는 사용자 인증을 제공할 수 있다. 한 실시 예에 따르면, 미들웨어(330)는 전자 장치의 음성 또는 영상 통화 기능을 관리하기 위한 통화(telephony) 매니저 또는 전술된 구성요소들의 기능들의 조합을 형성할 수 있는 하는 미들웨어 모듈을 포함할 수 있다. 한 실시 예에 따르면, 미들웨어(330)는 운영 체제의 종류별로 특화된 모듈을 제공할 수 있다. 미들웨어(330)는 동적으로 기존의 구성요소를 일부 삭제하거나 새로운 구성요소들을 추가할 수 있다. API(360)는, 예를 들면, API 프로그래밍 함수들의 집합으로, 운영 체제에 따라 다른 구성으로 제공될 수 있다. 예를 들면, 안드로이드 또는 iOS의 경우, 플랫폼별로 하나의 API 셋을 제공할 수 있으며, 타이젠의 경우, 플랫폼별로 두 개 이상의 API 셋을 제공할 수 있다.
어플리케이션(370)은, 예를 들면, 홈(371), 다이얼러(372), SMS/MMS(373), IM(instant message)(374), 브라우저(375), 카메라(376), 알람(377), 컨택트(378), 음성 다이얼(378), 이메일(380), 달력(381), 미디어 플레이어(382), 앨범(383), 와치(384), 헬스 케어(예: 운동량 또는 혈당 등을 측정), 또는 환경 정보(예: 기압, 습도, 또는 온도 정보) 제공 어플리케이션을 포함할 수 있다. 한 실시 예에 따르면, 어플리케이션(370)은 전자 장치와 외부 전자 장치 사이의 정보 교환을 지원할 수 있는 정보 교환 어플리케이션을 포함할 수 있다. 정보 교환 어플리케이션은, 예를 들면, 외부 전자 장치에 특정 정보를 전달하기 위한 노티피케이션 릴레이 어플리케이션, 또는 외부 전자 장치를 관리하기 위한 장치 관리 어플리케이션을 포함할 수 있다. 예를 들면, 알림 전달 어플리케이션은 전자 장치의 다른 어플리케이션에서 발생된 알림 정보를 외부 전자 장치로 전달하거나, 또는 외부 전자 장치로부터 알림 정보를 수신하여 사용자에게 제공할 수 있다. 장치 관리 어플리케이션은, 예를 들면, 전자 장치와 통신하는 외부 전자 장치의 기능(예: 외부 전자 장치 자체(또는, 일부 구성 부품)의 턴-온/턴-오프 또는 디스플레이의 밝기(또는, 해상도) 조절), 또는 외부 전자 장치에서 동작하는 어플리케이션을 설치, 삭제, 또는 갱신할 수 있다. 한 실시 예에 따르면, 어플리케이션(370)은 외부 전자 장치의 속성에 따라 지정된 어플리케이션(예: 모바일 의료 기기의 건강 관리 어플리케이션)을 포함할 수 있다. 한 실시 예에 따르면, 어플리케이션(370)은 외부 전자 장치로부터 수신된 어플리케이션을 포함할 수 있다. 프로그램 모듈(310)의 적어도 일부는 소프트웨어, 펌웨어, 하드웨어(예: 프로세서(210)), 또는 이들 중 적어도 둘 이상의 조합으로 구현(예: 실행)될 수 있으며, 하나 이상의 기능을 수행하기 위한 모듈, 프로그램, 루틴, 명령어 세트 또는 프로세스를 포함할 수 있다.
도 4는 다양한 실시 예에 따른 전자 장치의 구성도를 도시한다.
도 4를 참조하면, 전자 장치(400)는 프로세서(401), 터치 센서티브 스크린(402) 및 메모리(403)를 포함할 수 있다.
한 실시 예에 따르면, 프로세서(401)는 터치 센서티브 스크린(402) 상에 적어도 하나의 아이콘(또는 버튼)을 표시할 수 있다. 예를 들어, 프로세서(401)는 적어도 하나의 어플리케이션 또는 위젯 등을 실행하기 위한 아이콘(또는 버튼)(예: 어플리케이션 실행 아이콘)을 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 프로세서(401)는 터치 센서티브 스크린(402) 상에 표시된 적어도 하나의 아이콘 중 어느 하나에 대응하는 어플리케이션 또는 위젯 등을 실행하기 위한 이벤트가 발생하는지를 판단할 수 있다. 예를 들어, 프로세서(401)는 제1 어플리케이션에 대응하는 제1 아이콘 상에 터치 입력이 감지되는지를 판단할 수 있다.
제1 아이콘이 선택되면 프로세서(401)는 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 프로세서(401)는 제1 아이콘에 포함된 복수의 아이콘 객체들(예: 제1 아이콘을 구성하는 배경 객체 및 구성 객체) 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체(예: 실행 화면을 구성하는 배경 객체 및 구성 객체)를 포함하는 제1 어플리케이션의 실행 화면을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 예를 들어, 제1 아이콘의 배경 객체는 제1 아이콘의 배경에 해당하고, 제1 아이콘의 구성 객체는 제1 아이콘에 대응하는 제1 어플리케이션의 특징(또는 개념, 기능, 의미)을 나타낼 수 있다. 상기 실행 화면의 배경 객체는 실행 화면에 대한 프레임(frame)일 수 있고, 실행 화면의 구성 객체는 제1 어플리케이션의 적어도 하나의 기능에 대응하는 아이콘, 메뉴, 이미지, 텍스트 등일 수 있다.
한 실시 예에 따르면, 프로세서(401)는 제1 어플리케이션에 대응하는 제1 이미지 및 제2 이미지를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
예를 들어, 상기 제1 이미지는 제1 아이콘의 제1 배경 객체에 대응하고, 제1 배경 객체보다 큰 제2 배경 객체 및 제1 아이콘의 제1 구성 객체에 대응하는 제2 구성 객체를 포함할 수 있다. 상기 제2 배경 객체는 제1 배경 객체의 크기, 모양 및 형태 중 적어도 하나가 변경된 객체일 수 있고, 제2 구성 객체는 제1 구성 객체의 크기, 모양 및 형태 중 적어도 하나가 변경된 객체 일 수 있다.
상기 제2 이미지는 제1 어플리케이션의 실행창일 수 있고, 제2 배경 객체에 대응하고, 배경 객체보다 큰 제3 배경 객체 및 제2 구성 객체에 대응하는 제3 구성 객체를 포함할 수 있다. 상기 제3 배경 객체는 제1 어플리케이션 실행창의 프레임에 해당되고, 제2 배경 객체의 크기, 모양 및 형태 중 적어도 하나가 변경된 객체일 수 있다. 상기 제3 구성 객체는 제1 어플리케이션의 적어도 하나의 기능에 대응하고, 제2 구성 객체의 크기 모양 및 형태 중 적어도 하나가 변경된 객체(예: 적어도 하나의 기능을 실행하기 위한 아이콘, 메뉴, 이미지, 텍스트 등)일 수 있다.
다양한 실시 예에 따르면, 제1 아이콘에 대한 터치 입력이 감지되면 프로세서(401)는 제1 아이콘, 제1 이미지 및 제2 이미지를 포함하는 애니메이션 효과를 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 제1 이미지는 제1 아이콘을 구성하는 적어도 하나의 아이콘 객체에 대한 제1 형상, 제1 크기, 제1 색상, 제1 투명도(불투명도) 또는 제1 위치 등과 같은 속성 중 적어도 하나를 포함하는 제1 속성 정보를 제2 외형, 제2 크기, 제2 색상, 제2 투명도 또는 제2 위치 등 중 적어도 하나로 변경한 제2 속성 정보를 포함할 수 있다. 상기 제2 이미지는 제2 속성 정보를 제3 외형, 제3 크기, 제3 색상, 제3 투명도 또는 제3 위치 등 중 적어도 하나로 변경한 제3 특성 정보를 포함할 수 있다. 예를 들어, 제1 아이콘에 포함되는 제1 구성 객체의 위치가 제1 배경 객체의 중심에 위치하는 경우, 프로세서(401)는 제1 배경 객체의 크기를 제2 배경 객체로 순차적으로 (또는 단계적으로) 변경하고, 제1 배경 객체의 중심에 위치한 제1 구성 객체를 제1 배경 객체의 아래쪽으로 순차적으로 이동하면서 제1 구성 객체의 형상을 제2 구성 객체로 순차적으로 변경하여 제2 배경 객체의 하단에 표시할 수 있다.
다양한 실시 예에 따르면, 프로세서(401)는 제1 아이콘이 터치되면 터치된 제1 아이콘에 대한 터치 센서티브 스크린(402) 상의 위치(예: 좌표값)를 확인하고, 확인된 위치에 기반하여 제1 아이콘, 제1 이미지 및 제2 이미지를 터치 센서티브 스크린(402) 상에 표시할 수 있다. 예를 들어, 프로세서(401)는 확인된 제1 아이콘의 위치가 터치 센서티브 스크린(402)의 상단 좌측인 경우 상단 좌측에서 하단 우측 방향으로 제1 아이콘, 제1 이미지 및 제2 이미지를 순차적으로(또는 단계적으로) 표시할 수 있다.
다양한 실시 예에 따르면, 프로세서(401)는 제1 어플리케이션에 대한 사용 내역 정보(예: 히스토리(history) 정보)를 메모리(403)에 저장하고, 제1 아이콘이 터치되면 저장된 사용 내역 정보에 기반하여 제1 아이콘, 제1 이미지 및 제2 이미지를 터치 센서티브 스크린(402) 상에 표시할 수 있다. 예를 들어, 프로세서(401)는 실행중인 제1 어플리케이션에 대한 종료 요청이 있으면 제1 어플리케이션에 대한 사용 내역 정보를 메모리(403)에 저장하고, 실행중인 제1 어플리케이션을 종료할 수 있다. 이후 제1 아이콘이 터치되면 프로세서(401)는 제1 아이콘, 제1 이미지 및 제2 이미지를 터치 센서티브 스크린(402) 상에 표시하는데, 상기 제2 이미지는 저장된 사용 내역 정보에 기반하여 종료되기 전 어플리케이션 실행창으로 구성될 수 있다.
다양한 실시 예에 따르면, 프로세서(401)는 제1 어플리케이션 실행 화면을 종료하기 위한 터치 입력이 수신되면 제1 어플리케이션 실행 화면을 종료하고, 제1 어플리케이션 실행 화면에 대응하는 제1 아이콘을 터치 센서티브 스크린(402) 상에 다시 표시할 수 있다.
터치 센서티브 스크린(402)은 적어도 하나의 아이콘을 표시하고, 적어도 하나의 아이콘 중 제1 아이콘이 터치되면 제1 아이콘의 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 포함하는 제1 어플리케이션의 실행 화면을 표시할 수 있다. 다양한 실시 예에 따르면, 터치 센서티브 스크린(402)은 제1 아이콘, 제1 이미지 및 제2 이미지를 순차적으로 표시할 수 있다.
메모리(403)는 제1 아이콘의 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 포함하는 제1 어플리케이션의 실행 화면을 표시하기 위해 사용되는 정보(또는 데이터)를 저장할 수 있다. 다양한 실시 예에 따르면, 메모리(403)는 제1 아이콘, 제1 이미지 및 제2 이미지를 순차적으로 표시하기 위해 사용되는 정보(또는 데이터)를 저장할 수 있다.
다양한 실시 예에 따른 전자 장치(400)는 적어도 하나의 어플리케이션 실행 아이콘을 표시하는 터치 센서티브 스크린(402); 및 상기 터치 센서티브 스크린(402)과 전기적으로 연결된 프로세서(401)를 포함하고, 상기 프로세서(401)는, 상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하고, 상기 제1 어플리케이션의 실행 화면은, 상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시하도록 설정될 수 있다.
도 5a 및 도 5b는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스를 제공하기 위한 방법을 나타내는 흐름도들을 도시한다.
도 5a를 참조하면, 동작 500 내지 동작 502는 전자 장치(101, 102, 104, 201 또는 400), 서버(106), 프로세서(120, 210 또는 401), 프로그램 모듈(310) 중 어느 하나를 통해서 실행될 수 있다.
동작 500에서 전자 장치(400)(예: 프로세서(401))는 적어도 하나의 아이콘을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 한 실시 예에 따르면, 적어도 하나의 아이콘은 적어도 하나의 어플리케이션, 위젯 또는 기능 등을 실행하기 위한 아이콘일 수 있다.
동작 501에서 전자 장치(400)(예: 프로세서(401))는 표시된 적어도 하나의 아이콘 중 제1 아이콘을 선택할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제1 아이콘에 대한 터치 입력을 감지할 수 있다.
동작 502에서 전자 장치(400)(예: 프로세서(401))는 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시할 수 있다, 상기 실행 화면은 제1 아이콘을 구성하는 적어도 하나의 제1 객체에 대한 속성 정보(예: 크기, 모양, 형태 등 중 적어도 하나)를 변경한 적어도 하나의 제2 객체를 포함할 수 있다..
도 5b를 참조하면, 동작 510 내지 동작 512는 전자 장치(101, 102, 104, 201 또는 400), 서버(106), 프로세서(120, 210 또는 401), 프로그램 모듈(310) 중 어느 하나를 통해서 실행될 수 있다.
동작 510에서 전자 장치(400)(예: 프로세서(401))는 적어도 하나의 아이콘을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 한 실시 예에 따르면, 적어도 하나의 아이콘은 적어도 하나의 어플리케이션, 위젯 또는 기능 등을 실행하기 위한 아이콘일 수 있다.
동작 511에서 전자 장치(400)(예: 프로세서(401))는 표시된 적어도 하나의 아이콘 중 제1 아이콘을 선택할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제1 아이콘에 대한 터치 입력을 감지할 수 있다.
동작 512에서 전자 장치(400)(예: 프로세서(401))는 선택된 제1 아이콘에 대응하는 제1 이미지 및 제2 이미지를 순차적으로 표시할 수 있다.
예를 들어, 전자 장치(400)(예: 프로세서(401))는 제1 아이콘을 구성하는 제1 배경 객체에 대응하고, 제1 배경 객체의 크기보다 큰 제2 배경 객체 및 제1 구성 객체에 대응하는 제2 구성 객체를 포함하는 제1 이미지를 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체에 대응하고, 제2 배경 객체의 크기보다 큰 제3 배경 객체 및 제3 구성 객체에 대응하는 제3 구성 객체를 포함하는 제2 이미지를 표시할 수 있다.
다양한 실시 예에 따르면 전자 장치를 동작하는 방법은, 적어도 하나의 어플리케이션 실행 아이콘을 터치 센서티브 스크린상에 표시하는 동작; 및 상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하는 동작을 포함하고, 상기 제1 어플리케이션의 실행 화면은, 상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시할 수 있다.
도 6은 다양한 실시 예에 따른 제1 아이콘을 나타내는 예시도들을 도시한다.
도 6을 참조하면, 도 6의 (a)와 같이 제1 아이콘(600)은 적어도 하나의 아이콘 객체(예: 적어도 하나의 제1 객체)로 구성되는데, 적어도 하나의 아이콘 객체는 도 6의 (b)와 같이 아이콘의 배경(예: 배경 이미지)을 나타내는 배경 객체(610)(예: 제1 배경 객체) 및 제1 아이콘에 대응하는 어플리케이션 또는 위젯 등의 특징(또는 개념, 기능, 의미)을 나타내고(또는 대표하고), 적어도 하나의 대표 이미지, 문자, 사진 등 중 적어도 하나에 해당하는 구성 객체(620)(예: 제1 구성 객체)를 포함할 수 있다. 상기 적어도 하나의 아이콘 객체 각각은 하나의 집합체로서 레이어(layer) 형태로 결합되어 제1 아이콘(600)을 구성할 수 있다. 예를 들어, 제1 아이콘(600)은 배경 객체(610)와, 구성 객체(620)에 포함된 하나 이상의 서브 구성 객체(621, 622, 623)가 레이어 형태로 결합되어 구성될 수 있다.
도 7은 다양한 실시 예에 따른 제1 어플리케이션의 실행 화면을 나타내는 예시도를 도시한다.
도 7을 참조하면, 도 7의 (a)와 같이 제2 이미지에 해당하는 제1 어플리케이션의 실행 화면(700)은 도 7의 (b)와 같이 배경 이미지(또는 프레임)에 해당하는 배경 객체(710)(예: 제3 배경 객체) 및 아이콘, 메뉴, 버튼, 이미지, 문자, 사진, 기호, 숫자 등 중 적어도 하나에 해당하는 구성 객체(720)(예: 제3 구성 객체)를 포함할 수 있다. 상기 배경 객체(710) 및 구성 객체(720)는 하나의 집합체로서 레이어(layer) 형태로 결합되어 제1 어플리케이션의 실행 화면(700)을 구성할 수 있다. 예를 들어, 제1 어플리케이션의 실행 화면(700)은 배경 객체(710)와, 구성 객체(720)에 포함된 하나 이상의 서브 구성 객체 (721, 722, 723, 724, 725)가 레이어 형태로 결합되어 구성될 수 있다.
도 8은 다양한 실시 예에 따라 아이콘을 이용한 어플리케이션 실행 화면을 표시하는 방법을 설명하기 위한 예시도들을 도시한다.
도 8에 따르면, 전자 장치(400)(예: 프로세서(401))는 카메라 어플리케이션에 대응하는 제1 아이콘(800)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제1 아이콘(800)이 터치되면 카메라 어플리케이션에 대응하는 제1 이미지(810), 제2 이미지(820), 제3 이미지(830) 및 제4 이미지(840)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제1 아이콘(800)은 도 8의 (a)와 같이 제1 배경 객체(801) 및 제1 구성 객체(802, 803, 804)를 포함할 수 있다. 상기 제1 이미지(810)는 도 8의 (b)와 같이 제2 배경 객체(811) 및 제2 구성 객체(812, 813, 814)를 포함할 수 있다. 상기 제2 이미지(820)는 도 8의 (c)와 같이 제3 배경 객체(821) 및 제3 구성 객체(822, 823, 824)를 포함할 수 있다. 상기 제3 이미지(830)는 도 8의 (d)와 같이 제4 배경 객체(831) 및 제4 구성 객체(832, 833, 834)를 포함할 수 있다. 상기 제4 이미지(840)는 도 8의 (e)와 같이 제5 배경 객체(841) 및 제5 구성 객체(842, 843, 844)를 포함할 수 있다. 예를 들어, 제4 이미지(840)는 카메라 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (a)와 같이 제1 아이콘(800)을 구성하는 제1 배경 객체(801) 및 제1 구성 객체를 구성하는 적어도 하나의 서브 구성 객체들(802, 803, 804)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (b)와 제1 배경 객체(801)의 크기보다 큰 제2 배경 객체(811) 상의 제1 구성 객체에 대한 제1 서브 구성 객체(802)에 대응되는 위치에 크기가 변경된 제2 구성 객체의 제1 서브 구성 객체(812)를 표시하고, 제1 구성 객체의 제2 서브 구성 객체(803)에 대응하는 위치에 크기 또는 형상이 변경된 제2 구성 객체의 제2 서브 구성 객체(813)를 표시하며, 제1 구성 객체의 제3 서브 구성 객체(804)에 대응하는 위치에 제2 구성 객체의 제3 서브 구성 객체(814)를 표시할 수 있다. 예를 들어, 제1 배경 객체(801)의 중심에서 제1 구성 객체에 대한 제2 서브 구성 객체(803)까지의 거리는 제2 배경 객체(811)의 중심에서 제2 구성 객체의 제2 서브 구성 객체(813)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (c)와 같이 제2 배경 객체(811)의 크기보다 큰 제3 배경 객체(821) 상의 제2 구성 객체에 대한 제1 서브 구성 객체(812)에 대응하는 위치에 제3 구성 객체의 제1 서브 구성 객체(822)를 표시하고, 제2 구성 객체에 대한 제2 서브 구성 객체(813)에 대응하는 위치에 형상이 변경된 제3 구성 객체의 제2 서브 구성 객체(823)를 표시하며, 제2 구성 객체에 대한 제3 서브 구성 객체(814)에 대응하는 위치에 제3 구성 객체의 제3 서브 구성 객체(824)를 표시할 수 있다. 예를 들어, 제2 배경 객체(811)의 중심에서 제2 구성 객체에 대한 제2 서브 구성 객체(813)까지의 거리는 제3 배경 객체(821)의 중심에서 제3 구성 객체에 대한 제2 서브 구성 객체(823)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (d)와 같이 제3 배경 객체(821)의 크기보다 큰 제4 배경 객체(831) 상의 제3 구성 객체에 대한 제1 서브 구성 객체(822)에 대응하는 위치에 제4 구성 객체의 제1 서브 구성 객체(832)를 표시하고, 제3 구성 객체에 대한 제2 서브 구성 객체(823)에 대응하는 위치에 형상이 변경된 제4 구성 객체의 제2 서브 구성 객체(833)를 표시하며, 제3 구성 객체에 대한 제3 서브 구성 객체(824)에 대응하는 위치에 제4 구성 객체의 제3 서브 구성 객체(834)를 표시할 수 있다. 예를 들어, 제3 배경 객체(821)의 중심에서 제3 구성 객체에 대한 제2 서브 구성 객체(823)까지의 거리는 제4 배경 객체(831)의 중심에서 제4 구성 객체에 대한 제2 서브 구성 객체(833)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (e)와 같이 제4 배경 객체(831)에 대응하는 제5 배경 객체(841) 상의 제4 구성 객체에 대한 제1 서브 구성 객체(832)에 대응하는 위치에 형상이 변경된 제5 구성 객체의 제1 서브 구성 객체(842)를 표시하고, 제4 구성 객체에 대한 제2 서브 구성 객체(833)에 대응하는 위치에 제5 구성 객체의 제2 서브 구성 객체(843)를 표시하며, 제4 구성 객체에 대한 제3 서브 구성 객체(834)에 대응하는 위치에 형상이 변경된 제5 구성 객체의 제3 서브 구성 객체(844)를 표시할 수 있다. 예를 들어, 제4 구성 객체의 제1 서브 구성 객체(832)는 카메라 어플리케이션 실행창 내에서 셔터 버튼 상에 위치할 수 있다. 상기 셔터 버튼은 카메라 어플리케이션 실행창 하단의 중심이나 하단의 우측 또는 좌측에 위치할 수도 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(801)보다 큰 제2 배경 객체(811), 제2 배경 객체(811)보다 큰 제3 배경 객체(821), 제3 배경 객체(821)보다 큰 제4 배경 객체(831) 및 제4 배경 객체(831)에 대응하는 제5 배경 객체(841)를 순차적으로 표시할 수 있다. 예를 들어, 제4 배경 객체(831)와 제5 배경 객체(841)는 크기가 동일할 수도 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (b)와 같이 제1 구성 객체에 대한 제1 서브 구성 객체(802)의 크기보다 작고, 제1 구성 객체에 대한 제1 서브 구성 객체(802)의 위치에서 제1 위치(예: 제2 배경 객체(811)의 중심에서 제1 거리만큼 이동한 위치)로 변경된 제2 구성 객체에 대한 제1 서브 구성 객체(812)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체에 대한 제2 서브 구성 객체(803)의 크기보다 작고, 제1 구성 객체에 대한 제1 서브 구성 객체(802)의 형상이 제1 형상(예: 제1 폭의 링(ring) 형상)으로 변경된 제2 구성 객체에 대한 제2 서브 구성 객체(813)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체에 대한 제3 서브 구성 객체(804)의 위치에서 제2 위치(예: 제2 배경 객체(811)의 좌측 상단)로 변경된 제2 구성 객체에 대한 제2 서브 구성 객체(814)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (c)와 같이 제2 구성 객체에 대한 제1 서브 구성 객체(812)의 위치에서 제3 위치(예: 제2 배경 객체(811)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치)로 변경된 제3 구성 객체에 대한 제1 서브 구성 객체(822)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체에 대한 제2 서브 구성 객체(813)의 크기보다 작고, 제2 구성 객체에 대한 제2 서브 구성 객체의 형상이 제2 형상(예: 제1 폭보다 작은 제2 폭의 링 형상)으로 변경된 제3 구성 객체에 대한 제2 서브 구성 객체(823)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체에 대한 제3 서브 구성 객체(814)의 위치가 제4 위치(예: 제3 배경 객체(821)의 좌측 상단)로 변경된 제3 구성 객체에 대한 제3 서브 구성 객체(824)를 제3 배경 객체(821) 상에 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (d)와 같이 제3 구성 객체에 대한 제1 서브 구성 객체(822)의 위치에서 제5 위치(예: 제2 배경 객체(811)의 중심에서 제2 거리보다 먼 제3 거리만큼 이동한 위치)로 변경된 제4 구성 객체에 대한 제1 서브 구성 객체(832)를 표시할 수 있다. 예를 들어, 제4 위치는 제4 배경 객체(831)의 하단 중앙일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제3 구성 객체에 대한 제2 서브 구성 객체(823)의 형상이 제3 형상(예: 제2 폭보다 작은 제3 폭의 링 형상)으로 변경된 제4 구성 객체에 대한 제2 서브 구성 객체(833)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제3 구성 객체에 대한 제3 서브 구성 객체(824)의 위치가 제6 위치(예: 제4 배경 객체(831)의 좌측 상단)로 변경된 제4 구성 객체에 대한 제3 서브 구성 객체(834)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 8의 (e)와 같이 제4 구성 객체에 대한 제1 서브 구성 객체(832)의 크기보다 작고, 제1 구성 객체에 대한 제1 서브 구성 객체(802)의 형상이 제4 형상(예: 카메라 형상의 이미지를 포함하는 원형상)으로 변경된 제5 구성 객체에 대한 제1 서브 구성 객체(842)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제4 구성 객체에 대한 제2 서브 구성 객체(833)에 대응하는 제5 구성 객체에 대한 제2 서브 구성 객체(843)를 표시할 수 있다. 예를 들어, 제5 구성 객체에 대한 제2 서브 구성 객체(432)는 제4 구성 객체에 대한 제2 서브 구성 객체(833)와 동일한 속성 정보를 가질 수도 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제4 구성 객체에 대한 제3 서브 구성 객체(834)의 형상이 제5 형상(예: 카메라 형상)으로 변경된 제5 구성 객체에 대한 제3 서브 구성 객체(844)를 표시할 수 있다.
이에 따라, 본 발명은 아이콘을 구성하는 적어도 하나의 아이콘 객체에 대한 크기, 위치 및 형상이 아이콘에 대응하는 어플리케이션의 실행 화면으로 점차적으로 변경되도록 함으로써 아이콘의 특징과 어플리케이션 실행 화면의 특징을 연결시켜 사용자에게 아이콘에 대응하는 어플리케이션에 대해서 보다 직관적으로 사용자 경험(user experience: UX)을 제공할 수 있다.
도 9는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스를 제공하기 위한 방법을 나타내는 흐름도를 도시한다.
다양한 실시 예에 따르면, 동작 900 내지 동작 902는 전자 장치(101, 102, 104, 201 또는 400), 서버(106), 프로세서(120, 210 또는 401), 프로그램 모듈(310) 중 어느 하나를 통해서 실행될 수 있다.
도 9를 참조하면, 동작 900에서 전자 장치(400)(예: 프로세서(401))는 적어도 하나의 아이콘을 터치 센서티브 스크린(402) 상에 표시할 수 있다.
동작 901에서 전자 장치(400)(예: 프로세서(401))는 표시된 적어도 하나의 아이콘 중 제1 아이콘을 선택할 수 있다.
동작 902에서 전자 장치(400)(예: 프로세서(401))는 제1 아이콘을 구성하는 제1 배경 객체보다 큰 제2 배경 객체 및 제1 아이콘을 구성하는 제1 구성 객체에 대응하는 제2 구성 객체를 포함하는 제1 이미지를 표시할 수 있다.
동작 903에서 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체보다 큰 제3 배경 객체 및 제2 구성 객체에 대응하는 제3 구성 객체를 포함하는 제2 이미지를 표시할 수 있다.
도 10은 다양한 실시 예에 따라 아이콘을 이용한 어플리케이션 실행 화면을 표시하는 방법을 설명하기 위한 예시도들을 도시한다.
도 10에 따르면, 전자 장치(400)(예: 프로세서(401))는 캘린더 어플리케이션에 대응하는 제2 아이콘(1000)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제2 아이콘(1000)이 터치되면 캘린더 어플리케이션에 대응하는 제1 이미지(1010), 제2 이미지(1020) 및 제3 이미지(1030)을 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제2 아이콘(1000)은 도 10의 (a)와 같이 제1 배경 객체(1001) 및 제1 구성 객체(1002, 1003, 1004, 1005)를 포함할 수 있다. 상기 제1 이미지(1010)는 도 10의 (b)와 같이 제2 배경 객체(1011) 및 제2 구성 객체(1012, 1013, 1014, 1015)를 포함할 수 있다. 상기 제2 이미지(1020)는 도 10의 (c)와 같이 제3 배경 객체(1021) 및 제3 구성 객체(1022, 1023, 1024, 1025)를 포함할 수 있다. 상기 제3 이미지(1030)는 도 10의 (d)와 같이 제4 배경 객체(1031) 및 제4 구성 객체(1032, 1033, 1034, 1035)를 포함할 수 있다. 예를 들어, 제3 이미지(1030)는 캘린더 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (a)와 같이 제2 아이콘(1000)을 구성하는 제1 배경 객체(1001) 및 제1 구성 객체를 구성하는 적어도 하나의 서브 구성 객체들(1002, 1003, 1004, 1005)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (b)와 같이 제1 배경 객체(1001)의 크기보다 큰 제2 배경 객체(1011) 상의 제1 구성 객체에 대한 제1 서브 구성 객체(1002)에 대응하는 위치에 제2 구성 객체의 제1 서브 구성 객체(1012)를 표시하고, 제1 구성 객체에 대한 제2 서브 구성 객체(1003)에 대응하는 위치에 제2 구성 객체의 제2 서브 구성 객체(1013)를 표시하고, 제1 구성 객체에 대한 제3 서브 구성 객체(1004)에 대응하는 위치에 제2 구성 객체의 제3 서브 구성 객체(1014)를 표시하며, 제1 구성 객체에 대한 제4 서브 구성 객체(1005)에 대응하는 위치에 제2 구성 객체의 제4 서브 구성 객체(1015)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (c)와 같이 제2 배경 객체(1011)의 크기보다 큰 제3 배경 객체(1021) 상의 제3 배경 객체(1021) 내 배열된 일련의 텍스트들 중 제2 구성 객체의 제1 서브 구성 객체(1012)에 대응하는 위치에 제3 구성 객체의 제1 서브 구성 객체(1022)를 표시하고, 제3 배경 객체(1021) 내 배열된 일련의 텍스트들(또는 숫자들) 중 제2 구성 객체의 제2 서브 구성 객체(1013)에 대응하는 위치에 제3 구성 객체의 제2 서브 구성 객체(1023)를 표시하고, 제3 배경 객체(1021) 내 배열된 일련의 기호들 중 제2 구성 객체의 제3 구성 객체(1014)에 대응하는 위치에 제3 구성 객체의 제3 서브 구성 객체(1024)를 표시하며, 제3 배경 객체(1021) 내 배열된 일련의 기호들 중 제2 구성 객체의 제4 구성 객체(1015)에 대응하는 위치에 제3 구성 객체의 제4 서브 구성 객체(1025)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (d)와 같이 제3 배경 객체(1021)의 크기보다 큰 제4 배경 객체(1031) 상의 제4 배경 객체(1031) 내 배열된 일련의 텍스트들 중 제3 구성 객체의 제1 서브 구성 객체(1022)에 대응하는 위치에 제4 구성 객체의 제1 서브 구성 객체(1032)를 표시하고, 제3 구성 객체의 제2 서브 구성 객체(1023)의 크기보다 작고, 제4 배경 객체(1031) 내 배열된 일련의 텍스트들(또는 숫자들) 중 제3 구성 객체의 제2 서브 구성 객체(1023)에 대응하는 위치에 제4 구성 객체의 제2 서브 구성 객체(1033)를 표시하고, 제4 배경 객체(1031) 내 배열된 일련의 기호들 중 제3 구성 객체의 제3 서브 구성 객체(1024)에 대응하는 위치에 제4 구성 객체의 제3 서브 구성 객체(1034)를 표시하며, 제4 배경 객체(1031) 내 배열된 일련의 기호들 중 제3 구성 객체의 제4 서브 구성 객체(1025)에 대응하는 위치에 표시되는 제4 구성 객체의 제4 서브 구성 객체(1035)를 표시할 수 있다. 예를 들어, 제4 구성 객체의 제2 서브 구성 객체(1032)는 요일을 나타내는 텍스트이고, 제4 구성 객체의 제3 서브 구성 객체(1033)는 날짜를 나타내는 텍스트일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1001)보다 큰 제2 배경 객체(1011), 제2 배경 객체(1011)보다 큰 제3 배경 객체(1021), 제3 배경 객체(1021)보다 큰 제4 배경 객체(1031)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (b)와 같이 제1 구성 객체에 대한 제1 서브 구성 객체(1002)의 위치에서 제1 위치(예: 제2 배경 객체(1011)의 중심에서 임의의 거리만큼 이동한 위치)로 변경된 제2 구성 객체에 대한 제1 서브 구성 객체(1012)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체에 대한 제2 서브 구성 객체(1003)에 대응하는 제2 위치(예: 제2 배경 객체(1011)의 중심)에 제2 구성 객체에 대한 제2 서브 구성 객체(1013)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체에 대한 제3 서브 구성 객체(1004)에 대응하는 제3 위치(예: 제2 구성 객체에 대한 제2 서브 구성 객체(1013)의 우측)에 제2 구성 객체의 제3 서브 구성 객체(1014)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체에 대한 제4 서브 구성 객체(1005)에 대응하는 제4 위치(예: 제2 구성 객체에 대한 제2 서브 구성 객체(1013)의 좌측)에 제2 구성 객체의 제4 서브 구성 객체(1015)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (c)와 같이 제3 배경 객체(1021) 내 배열된 일련의 텍스트들 중 제2 구성 객체에 대한 제1 서브 구성 객체(1012)에 대응하는 텍스트(예: wed)의 위치에 제3 구성 객체에 대한 제1 서브 구성 객체(1022)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1021) 내 배열된 일련의 숫자들 중 제2 구성 객체에 대한 제2 서브 구성 객체(1013)에 대응하는 숫자(예: 20)의 위치에 제3 구성 객체에 대한 제2 서브 구성 객체(1023)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1021) 내 배열된 일련의 기호들 중 제2 구성 객체에 대한 제3 서브 구성 객체(1014)에 대응하는 제5 위치(예: 제3 구성 객체에 대한 제2 서브 구성 객체(1023)의 하측)에 제3 구성 객체에 대한 제3 서브 구성 객체(1024)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1021) 내 배열된 일련의 기호들 중 제2 구성 객체에 대한 제4 서브 구성 객체(1015)에 대응하는 제6 위치(예: 특정 숫자(예: 19)의 하측)에 제3 구성 객체에 대한 제5 서브 구성 객체(1025)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 10의 (d)와 같이 제4 배경 객체(1031) 내 배열된 일련의 텍스트들 중 제3 구성 객체에 대한 제1 서브 구성 객체(1022)에 대응하는 텍스트(예: wed)의 위치에 제4 구성 객체에 대한 제1 서브 구성 객체(1032)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1031) 내 배열된 일련의 숫자들 중 제3 구성 객체에 대한 제2 서브 구성 객체(1023)에 대응하는 숫자(예: 20)의 위치에 제3 구성 객체에 대한 제2 서브 구성 객체(1023)의 크기보다 작은 제4 구성 객체에 대한 제2 서브 구성 객체(1033)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1031) 내 배열된 일련의 기호들 중 제3 구성 객체에 대한 제3 서브 구성 객체(1024)에 대응하는 제7 위치(예: 제4 구성 객체에 대한 제2 서브 구성 객체(1033)의 하측)에 제4 구성 객체에 대한 제3 서브 구성 객체(1034)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1031) 내 배열된 일련의 기호들 중 제3 구성 객체에 대한 제4 서브 구성 객체(1025)에 대응하는 제8 위치(예: 특정 숫자(예: 19)의 하측)에 제4 구성 객체에 대한 제5 서브 구성 객체(1035)를 표시할 수 있다. 상기 제4 구성 객체에 대한 제4 서브 구성 객체(1034) 및 제5 서브 구성 객체(1035)는 저장된 일정 정보를 나타내는 인디케이터들일 수 있다.
도 11은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 11에 따르면, 전자 장치(400)(예: 프로세서(401))는 전화 어플리케이션에 대응하는 제3 아이콘(1100)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제3 아이콘(1100)이 터치되면 전화 어플리케이션에 대응하는 제1 이미지(1110), 제2 이미지(1120) 및 제3 이미지(1130)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제3 아이콘(1100)은 도 11의 (a)와 같이 제1 배경 객체(1101) 및 제1 구성 객체(1102)를 포함할 수 있다. 상기 제1 이미지(1110)는 도 11의 (b)와 같이 제2 배경 객체(1111) 및 제2 구성 객체(1112)를 포함할 수 있다. 상기 제2 이미지(1120)는 도 11의 (c)와 같이 제3 배경 객체(1121) 및 제3 구성 객체(1122)를 포함할 수 있다. 상기 제3 이미지(1130)는 도 11의 (d)와 같이 제4 배경 객체(1131) 및 제4 구성 객체(1132)를 포함할 수 있다. 예를 들어, 제3 이미지(1130)는 전화 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (a)와 같이 제3 아이콘(1100)을 구성하는 제1 배경 객체(1101) 및 제1 구성 객체(1102)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (b)와 같이 제1 배경 객체(1101)의 크기보다 큰 제2 배경 객체(1111) 상의 제1 구성 객체(1102)에 대응하는 위치에 제2 구성 객체(1112)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1111)의 중심에 제2 구성 객체(1112)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (c)와 같이 제2 배경 객체(1111)의 크기보다 큰 제3 배경 객체(1121) 상의 제2 구성 객체(1112)에 대응하는 위치에 제2 구성 객체(1112)의 크기보다 작은 제3 구성 객체(1122)를 표시할 수 있다. 예를 들어, 제2 배경 객체(1111)의 중심에서 제2 구성 객체(1112)까지의 거리는 제3 배경 객체(1121)의 중심에서 제3 구성 객체(1122)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (d)와 같이 제3 배경 객체(1121)의 크기보다 큰 제4 배경 객체(1131) 상의 제3 구성 객체(1122)에 대응하는 위치에 제3 구성 객체(1122)의 크기보다 작은 제4 구성 객체(1132)를 표시할 수 있다. 예를 들어, 제4 구성 객체(1132)는 전화 어플리케이션 실행창의 통화 버튼 상에 위치할 수 있다. 상기 제3 배경 객체(1121)의 중심에서 제3 구성 객체(1122)까지의 거리는 제4 배경 객체(1131)의 중심에서 제4 구성 객체(1132)까지의 거리보다 작을 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1101)보다 큰 제2 배경 객체(1111), 제2 배경 객체(1111)보다 큰 제3 배경 객체(1121), 제3 배경 객체(1121)보다 큰 제4 배경 객체(1131)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (b)와 같이 제1 구성 객체(1102)의 위치에 대응하는 제1 위치(예: 제2 배경 객체(1111)의 중심)에 제2 구성 객체(1112)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (c)와 같이 제2 구성 객체(1112)의 위치에서 제2 위치(예: 제3 배경 객체(1121)의 하단 중앙)로 변경되고, 제2 구성 객체(1112)의 크기보다 작은 제1 크기로 변경된 제3 구성 객체(1122)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 11의 (d)와 같이 제3 구성 객체(1122)의 위치에서 제3 위치(예: 제4 배경 객체(1131)의 하단 중앙)로 변경되고, 제1 크기보다 작은 제2 크기로 변경된 제4 구성 객체(1132)를 표시할 수 있다.
도 12a 및 도 12b는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 12a를 참조하면, 전자 장치(400)(예: 프로세서(401))는 갤러리(또는 사진) 어플리케이션에 대응하는 제4 아이콘(1200)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제4 아이콘(1200)이 터치되면 갤러리(또는 사진) 어플리케이션에 대응하는 제1 이미지(1210), 제2 이미지(1220) 및 제3 이미지(1230)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제4 아이콘(1200)은 도 12a의 (a)와 같이 제1 배경 객체(1201) 및 제1 구성 객체의 서브 구성 객체들(1202, 1203, 1204, 1205, 1206)을 포함할 수 있다. 상기 제1 이미지(1210)는 도 12a의 (b)와 같이 제2 배경 객체(1211) 및 제2 구성 객체의 서브 구성 객체들(1212, 1213, 1214, 1214, 1216)을 포함할 수 있다. 상기 제2 이미지(1220)는 도 12a의 (c)와 같이 제3 배경 객체(1221) 및 제3 구성 객체의 서브 구성 객체들(1222, 1223, 1224, 1225, 1226)을 포함할 수 있다. 상기 제3 이미지(1230)는 도 12a의 (d)와 같이 제4 배경 객체(1231) 및 제4 구성 객체의 서브 구성 객체들(1232, 1233, 1234, 1235, 1236)을 포함할 수 있다. 예를 들어, 제3 이미지(1230)는 갤러리(또는 사진) 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12a의 (a)와 같이 제4 아이콘(1200)을 구성하는 제1 배경 객체(1201) 및 제1 구성 객체의 제1 서브 구성 객체(1202), 제2 서브 구성 객체(1203), 제3 서브 구성 객체(1204), 제4 서브 구성 객체(1205) 및 제5 서브 구성 객체(1206)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12a의 (b)와 같이 제1 배경 객체(1201)의 크기보다 큰 제2 배경 객체(1211) 상의 제1 구성 객체에 대한 제1 서브 구성 객체(1202)에 대응하는 제1 위치에 제2 구성 객체의 제1 서브 구성 객체(1212)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1211)의 중심에서 제1 거리만큼 이동한 제1 위치에, 제2 구성 객체의 제1 서브 구성 객체(1212)를 표시할 수 있다. 상기 제1 위치는 제2 배경 객체(1211)의 중심에서 상측 방향으로 이동한 위치일 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (b)와 같이 제2 배경 객체(1211) 상의 제1 구성 객체에 대한 제2 서브 구성 객체(1203)에 대응하는 제2 위치에 제2 구성 객체의 제2 서브 구성 객체(1213)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1211)의 중심에서 제2 거리만큼 이동한 제2 위치에, 제2 구성 객체의 제2 서브 구성 객체(1213)를 표시할 수 있다. 상기 제2 위치는 제2 배경 객체(1211)의 중심에서 우측 방향으로 이동한 위치일 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (b)와 같이 제2 배경 객체(1211) 상의 제1 구성 객체에 대한 제3 서브 구성 객체(1204)에 대응하는 제3 위치에 제2 구성 객체의 제3 서브 구성 객체(1214)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1211)의 중심에서 제3 거리만큼 이동한 제3 위치에, 제2 구성 객체의 제3 서브 구성 객체(1214)를 표시할 수 있다. 상기 제3 위치는 제2 배경 객체(1211)의 중심에서 우측 하단 방향으로 이동한 위치일 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (b)와 같이 제2 배경 객체(1211) 상의 제1 구성 객체에 대한 제4 서브 구성 객체(1205)에 대응하는 제4 위치에 제2 구성 객체의 제4 서브 구성 객체(1215)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1211)의 중심에서 제4 거리만큼 이동한 제4 위치에, 제2 구성 객체의 제4 서브 구성 객체(1215)를 표시할 수 있다. 상기 제4 위치는 제2 배경 객체(1211)의 중심에서 좌측 하단 방향으로 이동한 위치일 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (b)와 같이 제2 배경 객체(1211) 상의 제1 구성 객체에 대한 제5 서브 구성 객체(1206)에 대응하는 제5 위치에 제2 구성 객체의 제5 서브 구성 객체(1216)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1211)의 중심에서 제5 거리만큼 이동한 제5 위치에, 제2 구성 객체의 제4 서브 구성 객체(1216)를 표시할 수 있다. 상기 제4 위치는 제2 배경 객체(1211)의 중심에서 좌측 방향으로 이동한 위치일 수 있다.
다양한 실시 예에 따르면, 제1, 제2, 제3, 제4 및 제5 거리는 임의의 거리들일 수 있다.
다양한 실시 예에 따르면, 상기 제1 배경 객체(1201)의 중심에서 제1 구성 객체의 제1 서브 구성 객체(1202)까지의 거리는 제2 배경 객체(1211)의 중심에서 제2 구성 객체의 제1 서브 구성 객체(1212)까지의 거리보다 작을 수 있다. 상기 제1 배경 객체(1201)의 중심에서 제1 구성 객체의 제2 서브 구성 객체(1203)까지의 거리는 제2 배경 객체(1211)의 중심에서 제2 구성 객체의 제2 서브 구성 객체(1213)까지의 거리보다 작을 수 있다. 상기 제1 배경 객체(1201)의 중심에서 제1 구성 객체의 제3 서브 구성 객체(1204)까지의 거리는 제2 배경 객체(1211)의 중심에서 제2 구성 객체의 제3 서브 구성 객체(1214)까지의 거리보다 작을 수 있다. 상기 제1 배경 객체(1201)의 중심에서 제1 구성 객체의 제4 서브 구성 객체(1205)까지의 거리는 제2 배경 객체(1211)의 중심에서 제2 구성 객체의 제4 서브 구성 객체(1215)까지의 거리보다 작을 수 있다. 상기 제1 배경 객체(1201)의 중심에서 제1 구성 객체의 제5 서브 구성 객체(1206)까지의 거리는 제2 배경 객체(1211)의 중심에서 제2 구성 객체의 제5 서브 구성 객체(1216)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12a의 (c)와 같이 제2 배경 객체(1211)의 크기보다 큰 제3 배경 객체(1221) 상의 제2 구성 객체에 대한 제1 서브 구성 객체(1212)에 대응하는 제6 위치에 제2 구성 객체에 대한 제1 서브 구성 객체(1212)의 크기 및 형상이 변경된 제3 구성 객체의 제1 서브 구성 객체(1222)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1211) 내 임의의 제6 위치에 3 구성 객체의 제1 서브 구성 객체(1222)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (c)와 같이 제2 구성 객체에 대한 제2 서브 구성 객체(1213)에 대응하는 제7 위치에 제2 구성 객체에 대한 제2 서브 구성 객체(1213)의 크기 및 형상이 변경된 제3 구성 객체의 제2 서브 구성 객체(1223)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1221) 내 제6 위치와 다른 제7 위치에 제3 구성 객체의 제2 서브 구성 객체(1223)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (c)와 같이 제2 구성 객체에 대한 제3 서브 구성 객체(1214)에 대응하는 제8 위치에 제2 구성 객체에 대한 제3 서브 구성 객체(1214)의 크기 및 형상이 변경된 제3 구성 객체의 제3 서브 구성 객체(1224)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1221) 내 제7 위치와 다른 제8 위치에 제3 구성 객체의 제3 서브 구성 객체(1224)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (c)와 같이 제2 구성 객체의 제4 서브 구성 객체(1215)에 대응하는 제9 위치에 제2 구성 객체의 제4 서브 구성 객체(1215)의 크기 및 형상이 변경된 제3 구성 객체의 제4 서브 구성 객체(1225)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1221) 내 제8 위치와 다른 제9 위치에 제3 구성 객체의 제4 서브 구성 객체(1225)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (c)와 같이 제2 구성 객체에 대한 제5 서브 구성 객체(1215)에 대응하는 제10 위치에 제2 구성 객체에 대한 제5 서브 구성 객체(1215)의 크기 및 형상이 변경된 제3 구성 객체의 제5 서브 구성 객체(1225)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1221) 내 제9 위치와 다른 제10 위치에 제3 구성 객체의 제5 서브 구성 객체(1226)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12a의 (d)와 같이 제3 배경 객체(1221)의 크기보다 큰 제4 배경 객체(1231) 내에 배열된 일련의 이미지 썸네일들 중 제3 구성 객체의 제1 서브 구성 객체(1222)에 대응하는 제11 위치에 제4 구성 객체의 제1 서브 구성 객체(1232)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 임의의 제11 위치에 제3 구성 객체의 제1 서브 구성 객체(1222)의 형상이 제1 이미지 썸네일로 변경된 제4 구성 객체의 제1 서브 구성 객체(1232)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (d)와 같이 제4 배경 객체(1231) 내에 배열된 일련의 이미지 썸네일들 중 제3 구성 객체의 제2 서브 구성 객체(1223)에 대응하는 제12 위치에 제4 구성 객체의 제2 서브 구성 객체(1233)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제11 위치와 다른 제12 위치에 제3 구성 객체의 제2 서브 구성 객체(1223)의 형상이 제2 이미지 썸네일로 변경된 제4 구성 객체의 제2 서브 구성 객체(1233)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (d)와 같이 제4 배경 객체(1231) 내에 배열된 일련의 이미지 썸네일들 중 제3 구성 객체의 제3 서브 구성 객체(1224)에 대응하는 제13 위치에 제4 구성 객체의 제3 서브 구성 객체(1234)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제12 위치와 다른 제13 위치에 제3 구성 객체의 제3 서브 구성 객체(1224)의 형상이 제3 이미지 썸네일로 변경된 제4 구성 객체의 제3 서브 구성 객체(1234)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (d)와 같이 제4 배경 객체(1231) 내에 배열된 일련의 이미지 썸네일들 중 제3 구성 객체의 제4 서브 구성 객체(1225)에 대응하는 제14 위치에 제4 구성 객체의 제4 서브 구성 객체(1235)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제13 위치와 다른 제14 위치에 제3 구성 객체의 제4 서브 구성 객체(1225)의 형상이 제4 이미지 썸네일로 변경된 제4 구성 객체의 제4 서브 구성 객체(1235)를 표시할 수 있다.
상기 전자 장치(400)(예: 프로세서(401))는 도 12a의 (d)와 같이 제4 배경 객체(1231) 내에 배열된 일련의 이미지 썸네일들 중 제3 구성 객체의 제5 서브 구성 객체(1226)에 대응하는 제15 위치에 제4 구성 객체의 제5 서브 구성 객체(1236)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제14 위치와 다른 제15 위치에 제3 구성 객체의 제5 서브 구성 객체(1226)의 형상이 제5 이미지 썸네일로 변경된 제4 구성 객체의 제5 서브 구성 객체(1236)를 표시할 수 있다.
도 12b를 참조하면, 전자 장치(400)(예: 프로세서(401))는 제4 아이콘(1240)이 터치되면 갤러리(또는 사진) 어플리케이션에 대응하는 제1 이미지(1250), 제2 이미지(1260) 및 제3 이미지(1270)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제4 아이콘(1240)은 도 12b의 (a)와 같이 제1 배경 객체(1241) 및 제1 구성 객체(1242)를 포함할 수 있다. 상기 제1 이미지(1250)는 도 12b의 (b)와 같이 제2 배경 객체(1251) 및 제2 구성 객체(1252)를 포함할 수 있다. 상기 제2 이미지(1260)는 도 12b의 (c)와 같이 제3 배경 객체(1261) 및 제3 구성 객체(1262)를 포함할 수 있다. 상기 제3 이미지(1270)는 도 12b의 (d)와 같이 제4 배경 객체(1271) 및 제4 구성 객체(1272)를 포함할 수 있다. 예를 들어, 제3 이미지(1270)는 갤러리(또는 사진) 어플리케이션 실행창일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12b의 (a)와 같이 제4 아이콘(1240)을 구성하는 제1 배경 객체(1241) 및 제2 구성 객체(1242)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12b의 (b)와 같이 제1 배경 객체(1241)의 크기보다 큰 제2 배경 객체(1251) 상의 제1 구성 객체(1241)에 대응하는 제1 위치에 제2 구성 객체(1252)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1251)의 중심(예: 제1 위치)에 제2 구성 객체(1252)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12b의 (c)와 같이 제2 배경 객체(1251)의 크기보다 큰 제3 배경 객체(1261) 상의 제2 구성 객체(1252)에 대응하는 제2 위치에 제2 구성 객체(1252)의 형상이 변경된 제3 구성 객체(1262)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1261)의 중심(예: 제2 위치)에 제3 구성 객체(1262)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체(1252)를 서서히 투명해지도록 표시하고, 제2 구성 객체(1252)에 대응하는 제2 위치에 제3 구성 객체(1262)를 서서히 보이도록 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 12b의 (d)와 같이 제3 배경 객체(1261)의 크기보다 큰 제4 배경 객체(1271) 상의 제3 구성 객체(1262)에 대응하는 제3 위치에 제3 구성 객체(1262)의 크기보다 큰 제4 구성 객체(1272)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1271)의 하단(예: 제3 위치)에 제4 구성 객체(1272)를 표시할 수 있다. 상기 제4 구성 객체(1272)는 적어도 하나의 이미지 썸네일들이 배열된 썸네일 목록일 수 있다.
도 13은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 13을 참조하면, 전자 장치(400)(예: 프로세서(401))는 시계 어플리케이션에 대응하는 제5 아이콘(1300)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제5 아이콘(1300)이 터치되면 시계 어플리케이션에 대응하는 제1 이미지(1210), 제2 이미지(1220) 및 제3 이미지(1230)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제5 아이콘(1300)은 도 13의 (a)와 같이 제1 배경 객체(1301) 및 제1 구성 객체(1302)를 포함할 수 있다. 상기 제1 이미지(1310)는 도 13의 (b)와 같이 제2 배경 객체(1311) 및 제2 구성 객체(1312)를 포함할 수 있다. 상기 제2 이미지(1320)는 도 13의 (c)와 같이 제3 배경 객체(1321) 및 제3 구성 객체(1322)를 포함할 수 있다. 상기 제3 이미지(1330)는 도 13의 (d)와 같이 제4 배경 객체(1331) 및 제4 구성 객체(1332)를 포함할 수 있다. 예를 들어, 제3 이미지(1330)는 시계 어플리케이션 실행창일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (a)와 같이 제5 아이콘(1300)을 구성하는 제1 배경 객체(1301) 및 제1 구성 객체(1302)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1301)의 중심에 제1 구성 객체(1302)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (b)와 같이 제1 배경 객체(1301)의 크기보다 큰 제2 배경 객체(1311) 상의 제1 구성 객체(1302)에 대응하는 제1 위치에 제1 구성 객체(1302)의 크기보다 작은 제2 구성 객체(1312)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1311)의 중심(예: 제1 위치)에 제2 구성 객체(1312)를 표시할 수 있다. 상기 제2 구성 객체(1322)는 아날로그 시계 이미지일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (c)와 같이 제2 배경 객체(1311)의 크기보다 큰 제3 배경 객체(1321) 상의 제2 구성 객체(1322)에 대응하는 제2 위치에 제2 구성 객체(1322)의 형상이 변경된 제3 구성 객체(1322)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(132)의 중심에서 제1 거리만큼 이동한 위치(예: 제2 위치)에 제3 구성 객체(1322)를 표시할 수 있다. 상기 제3 구성 객체(1322)는 디지털 시계 이미지일 수 있다. 상기 제2 배경 객체(1311)의 중심에서 제2 구성 객체(1312)까지의 거리는 제3 배경 객체(1321)의 중심에서 제3 구성 객체(1322)까지의 거리보다 작을 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체(1312)를 서서히 투명해지도록 표시하고, 제2 구성 객체(13121)에 대응하는 제2 위치에 제3 구성 객체(1322)를 서서히 보이도록 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (d)와 같이 제3 배경 객체(1321)의 크기보다 큰 제4 배경 객체(1331) 상의 제3 구성 객체(1322)에 대응하는 제3 위치에 제4 구성 객체(1332)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1331)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치(예: 제3 위치)에 제4 구성 객체(1332)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1301)보다 큰 제2 배경 객체(1311), 제2 배경 객체(1311)보다 큰 제3 배경 객체(1321) 및 제3 배경 객체(1321)보다 큰 제4 배경 객체(1331)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (b)와 같이 제1 구성 객체(1302)에 대응하는 제1 위치(예: 제2 배경 객체(1311)의 중심)에 제1 구성 객체(1302)의 크기보다 작은 제1 크기로 변경된 제2 구성 객체(1312)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (c)와 같이 제2 구성 객체(1312)에 대응하는 제2 위치(예: 제3 배경 객체(1321)의 중심에서 제1 거리만큼 이동한 위치)로 변경되고, 제2 구성 객체(1312)의 형상이 제1 형상으로 변경된 제3 구성 객체(1322)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체(1312)에 해당하는 아날로그 시계 형상을 서서히 사라지도록 표시하면서 제3 구성 객체(1322)에 해당하는 디지털 시계 형상을 서서히 보이도록 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 13의 (d)와 같이 제3 구성 객체(1322)에 대응하는 제3 위치(예: 제3 배경 객체(1331)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치)로 변경된 제4 구성 객체(1332)를 표시할 수 있다.
도 14는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 14를 참조하면, 전자 장치(400)(예: 프로세서(401))는 날씨 어플리케이션에 대응하는 제6 아이콘(1400)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제6 아이콘(1400)이 터치되면 날씨 어플리케이션에 대응하는 제1 이미지(1410), 제2 이미지(1420) 및 제3 이미지(1430)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제6 아이콘(1400)은 도 14의 (a)와 같이 제1 배경 객체(1401) 및 제1 구성 객체(1402)를 포함할 수 있다. 상기 제1 이미지(1410)는 도 14의 (b)와 같이 제2 배경 객체(1411) 및 제2 구성 객체(1412)를 포함할 수 있다. 상기 제2 이미지(1420)는 도 14의 (c)와 같이 제3 배경 객체(1421) 및 제3 구성 객체(1422)를 포함할 수 있다. 상기 제3 이미지(1430)는 도 14의 (d)와 같이 제4 배경 객체(1431) 및 제4 구성 객체(1432)를 포함할 수 있다. 예를 들어, 제3 이미지(1430)는 날씨 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (a)와 같이 제6 아이콘(1400)을 구성하는 제1 배경 객체(1401) 및 제1 구성 객체(1402)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1401)의 중심에 제1 구성 객체(1402)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (b)와 같이 제1 배경 객체(1401)의 크기보다 큰 제2 배경 객체(1411) 상의 제1 구성 객체(1402)에 대응하는 제1 위치에 제1 구성 객체(1402)의 크기보다 작은 제2 구성 객체(1412)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1411)의 중심(예: 제1 위치)에 제2 구성 객체(1412)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (c)와 같이 제2 배경 객체(1411)의 크기보다 큰 제3 배경 객체(1421) 상의 제2 구성 객체(1412)에 대응하는 제2 위치에 제2 구성 객체(1412)의 크기보다 작은 제3 구성 객체(1422)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1421)의 중심에서 제1 거리만큼 이동한 위치(예: 제2 위치)에 제3 구성 객체(1422)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (d)와 같이 제3 배경 객체(1421)의 크기보다 큰 제4 배경 객체(1431) 상의 제3 구성 객체(1421)에 대응하는 제3 위치에 제4 구성 객체(1432)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 구성 객체(1432)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치(예: 제3 위치)에 제4 구성 객체(1432)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1401)보다 큰 제2 배경 객체(1411), 제2 배경 객체(1411)보다 큰 제3 배경 객체(1421), 제3 배경 객체(1421)보다 큰 제4 배경 객체(1431)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (b)와 같이 제1 구성 객체(1402)의 위치에 대응하는 제1 위치(예: 제2 배경 객체(1411)의 중심)에 제2 구성 객체(1412)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (c)와 같이 제2 구성 객체(1412)의 위치에서 제2 위치(예: 제3 배경 객체(1421)의 중심에서 제1 거리만큼 이동한 위치)로 변경되고, 제2 구성 객체(1412)의 크기보다 작은 제1 크기로 변경된 제3 구성 객체(1422)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 14의 (d)와 같이 제3 구성 객체(1422)의 위치에서 제3 위치(예: 제4 배경 객체(1431)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치)로 변경된 제4 구성 객체(1432)를 표시할 수 있다.
도 15는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 15를 참조하면, 전자 장치(400)(예: 프로세서(401))는 헬스 어플리케이션에 대응하는 제7 아이콘(1500)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제7 아이콘(1500)이 터치되면 헬스 어플리케이션에 대응하는 제1 이미지(1510), 제2 이미지(1520) 및 제3 이미지(1530)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제7 아이콘(1500)은 도 15의 (a)와 같이 제1 배경 객체(1501) 및 제1 구성 객체(1502)를 포함할 수 있다. 상기 제1 이미지(1510)는 도 15의 (b)와 같이 제2 배경 객체(1511) 및 제2 구성 객체(1512)를 포함할 수 있다. 상기 제2 이미지(1520)는 도 15의 (c)와 같이 제3 배경 객체(1521) 및 제3 구성 객체(1522)를 포함할 수 있다. 상기 제3 이미지(1530)는 도 15의 (d)와 같이 제4 배경 객체(1531) 및 제4 구성 객체(1532)를 포함할 수 있다. 예를 들어, 제3 이미지(1530)는 헬스 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (a)와 같이 제7 아이콘(1500)을 구성하는 제1 배경 객체(1501) 및 제1 구성 객체(1502)를 표시할 수 있다. 예를 들어, 제1 배경 객체(1501) 및 제1 구성 객체(1502)는 동일한 크기로 서로 겹쳐서 레이어(layer) 형태로 표시될 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (b)와 같이 제1 배경 객체(1501)의 크기보다 큰 제2 배경 객체(1511) 상의 제1 구성 객체(1502)에 대응하는 제1 위치에 제2 구성 객체(1412)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1501)의 중심(예: 제1 위치)에 제2 구성 객체(1412)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (c)와 같이 제2 배경 객체(1511)의 크기보다 큰 제3 배경 객체(1521) 상의 제2 구성 객체(1512)에 대응하는 제2 위치에 제3 구성 객체(1522)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1521)의 중심에서 제1 거리만큼 이동한 위치(예: 제2 위치)에 제3 구성 객체(1522)를 표시할 수 있다. 상기 제2 배경 객체(1511)의 중심에서 제2 구성 객체(1512)까지의 거리는 제3 배경 객체(1521)의 중심에서 제3 구성 객체(1522)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (d)와 같이 제3 배경 객체(1521)의 크기보다 큰 제4 배경 객체(1531) 상의 제3 구성 객체(1521)에 대응하는 제3 위치에 제3 구성 객체(1521)보다 큰 제4 구성 객체(1532)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1531)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치(예: 제3 위치)에 표시할 수 있다. 상기 제4 구성 객체(1532)는 어플리케이션 실행 화면에 대응하는 배경 이미지의 적어도 일부일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1501)보다 큰 제2 배경 객체(1511), 제2 배경 객체(1511)보다 큰 제3 배경 객체(1521) 및 제3 배경 객체(1521)보다 큰 제4 배경 객체(1531)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (b)와 같이 제1 구성 객체(1502)의 위치에 대응하는 제1 위치(예: 제2 배경 객체(1511)의 중심)에 제2 구성 객체(1512)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (c)와 같이 제2 구성 객체(1512)의 위치에서 제2 위치(예: 제3 배경 객체(1521)의 중심에서 제1 거리만큼 이동한 위치)로 변경된 제3 구성 객체(1522)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 15의 (d)와 같이 제3 구성 객체(1522)의 크기보다 큰 제1 크기로 변경되고, 제3 구성 객체(1522)의 위치에서 제3 위치(예: 제4 배경 객체(1531)의 중심에서 제1 거리보다 먼 제2 거리만큼 이동한 위치)로 변경된 제4 구성 객체(1532)를 표시할 수 있다.
도 16은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 16을 참조하면, 전자 장치(400)(예: 프로세서(401))는 웨어러블(wearble) 장치에 관련된 어플리케이션(예: 기어(gear) 어플리케이션)에 대응하는 제8 아이콘(1600)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제8 아이콘(1600)이 터치되면 기어 어플리케이션에 대응하는 제1 이미지(1610), 제2 이미지(1620) 및 제3 이미지(1630)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제8 아이콘(1600)은 도 16의 (a)와 같이 제1 배경 객체(1601) 및 제1 구성 객체(1602)를 포함할 수 있다. 상기 제1 이미지(1610)는 도 16의 (b)와 같이 제2 배경 객체(1611) 및 제2 구성 객체(1612)를 포함할 수 있다. 상기 제2 이미지(1620)는 도 16의 (c)와 같이 제3 배경 객체(1621) 및 제3 구성 객체(1622)를 포함할 수 있다. 상기 제3 이미지(1630)는 도 16의 (d)와 같이 제4 배경 객체(1631) 및 제4 구성 객체(1632)를 포함할 수 있다. 예를 들어, 제3 이미지(1630)는 기어 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (a)와 같이 제8 아이콘(1600)을 구성하는 제1 배경 객체(1601) 및 제1 구성 객체(1602)를 표시할 수 있다. 예를 들어, 제1 배경 객체(1601) 및 제1 구성 객체(1602)는 동일한 크기로 서로 겹쳐서 레이어 형태로 표시될 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (b)와 같이 제1 배경 객체(1601)의 크기보다 큰 제2 배경 객체(1611) 상의 제1 구성 객체(1602)에 대응하는 제1 위치에 제1 구성 객체(1602)의 크기보다 작은 제2 구성 객체(1612)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1611)의 중심(예: 제1 위치)에 제2 구성 객체(1612)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (c)와 같이 제2 배경 객체(1611)의 크기보다 큰 제3 배경 객체(1621) 상의 제2 구성 객체(1612)에 대응하는 제2 위치에 제2 구성 객체(1612)의 형상이 변경된 제3 구성 객체(1622)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1621)의 중심에서 제1 거리만큼 이동한 위치(예: 제2 위치)에 제3 구성 객체(1622)를 표시할 수 있다. 상기 제2 구성 객체(1612)는 텍스트를 포함하고, 제3 구성 객체(1622)는 이미지를 포함할 수 있다. 상기 제2 배경 객체(1611)의 중심에서 제2 구성 객체(1612)까지의 거리는 제3 배경 객체(1621)의 중심에서 제3 구성 객체(1622)까지의 거리보다 작을 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체(1612)가 서서히 투명해지면서 제2 위치에 제3 구성 객체(1622)가 서서히 나타나도록 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (d)와 같이 제3 배경 객체(1621)의 크기보다 큰 제4 배경 객체(1631) 상의 제3 구성 객체(1621)에 대응하는 제3 위치에 제3 구성 객체(1622)의 크기보다 작은 제4 구성 객체(1632)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체의 중심에서 제1 거리와 다른 제2 거리만큼 이동한 위치(예: 제3 위치)에 제4 구성 객체(1632)를 표시할 수 있다. 상기 제4 구성 객체(1632)는 어플리케이션 실행 화면에 대응하는 배경 이미지의 적어도 일부(예: 웨어러블 장치 이미지)일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1601)보다 큰 제2 배경 객체(1611), 제2 배경 객체(1611)보다 큰 제3 배경 객체(1621) 및 제3 배경 객체(1621)보다 큰 제4 배경 객체(1631)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (b)와 같이 제1 구성 객체(1602)의 크기보다 작은 제1 크기로 변경된 제2 구성 객체(1612)를 제1 구성 객체(1602)의 위치에 대응하는 제1 위치(예: 제2 배경 객체(1611)의 중심)에 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (c)와 같이 제2 구성 객체(1612)의 위치에서 제2 위치(예: 제3 배경 객체(1621)의 중심에서 제1 거리만큼 이동한 위치)로 변경되고, 제2 구성 객체(1612)의 형상에서 제1 형상으로 변경된 제3 구성 객체(1622)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체(1612)에 해당하는 텍스트를 서서히 사라지도록(또는 투명해지도록) 표시하면서 제3 구성 객체(1622)에 해당하는 손목 시계 형상을 서서히 보이도록 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 16의 (d)와 같이 제3 구성 객체(1622)의 크기보다 작은 제2 크기로 변경되고, 제3 구성 객체(1622)의 위치에서 제3 위치(예: 제4 배경 객체(1631)의 중심에서 제1 거리와 다른 제2 거리만큼 이동한 위치)로 변경된 제4 구성 객체(1632)를 표시할 수 있다.
도 17은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 17을 참조하면, 전자 장치(400)(예: 프로세서(401))는 계산기 어플리케이션에 대응하는 제9 아이콘(1700)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제9 아이콘(1700)이 터치되면 계산기 어플리케이션에 대응하는 제1 이미지(1710), 제2 이미지(1720) 및 제3 이미지(1730)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제9 아이콘(1700)은 도 17의 (a)와 같이 제1 배경 객체(1701) 및 제1 구성 객체(1702, 1703, 1704, 1705)를 포함할 수 있다. 예를 들어, 제1 구성 객체(1702, 1703, 1704, 1705)는 제1 구성 객체의 제1 서브 구성 객체(1702), 제1 구성 객체의 제2 서브 구성 객체(1703), 제1 구성 객체의 제3 서브 구성 객체(1704)를 포함할 수 있다.
상기 제1 이미지(1710)는 도 17의 (b)와 같이 제2 배경 객체(1711) 및 제2 구성 객체(1712, 1713, 1714, 1715)를 포함할 수 있다. 예를 들어, 제2 구성 객체(1712, 1713, 1714, 1715)는 제2 구성 객체의 제1 서브 구성 객체(1712), 제2 구성 객체의 제2 서브 구성 객체(1713), 제2 구성 객체의 제3 서브 구성 객체(1714) 및 제2 구성 객체의 제4 서브 구성 객체(1715)를 포함할 수 있다.
상기 제2 이미지(1720)는 도 17의 (c)와 같이 제3 배경 객체(1721) 및 제3 구성 객체(1722, 1723, 1724, 1725)를 포함할 수 있다. 예를 들어, 제3 구성 객체(1722, 1723, 1724, 1725)는 제3 구성 객체의 제1 서브 구성 객체(1722), 제3 구성 객체의 제2 서브 구성 객체(1723), 제3 구성 객체의 제3 서브 구성 객체(1724) 및 제3 구성 객체의 제4 서브 구성 객체(1725)를 포함할 수 있다.
상기 제3 이미지(1730)는 도 17의 (d)와 같이 제4 배경 객체(1731) 및 제4 구성 객체(1732, 1733, 1734, 1735)를 포함할 수 있다. 예를 들어, 제4 구성 객체는 제4 구성 객체의 제1 서브 구성 객체(1732), 제4 구성 객체의 제2 서브 구성 객체(1733), 제4 구성 객체의 제3 서브 구성 객체(1734) 및 제4 구성 객체의 제4 서브 구성 객체(1735)를 포함할 수 있다. 상기 제3 이미지(1730)는 계산기 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (a)와 같이 제8 아이콘(1700)을 구성하는 제1 배경 객체(1701) 및 제1 구성 객체(1702)를 표시할 수 있다. 예를 들어, 제1 배경 객체(1701) 및 제1 구성 객체(1702)는 동일한 크기로 서로 겹쳐서 레이어 형태로 표시될 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (b)와 같이 제1 배경 객체(1701)의 크기보다 큰 제2 배경 객체(1711) 상에 제1 구성 객체의 제1 서브 구성 객체(1702), 제2 서브 구성 객체(1703), 제3 서브 구성 객체(1704) 및 제4 서브 구성 객체(1705) 각각을 포함하는 제2 구성 객체의 제1 서브 구성 객체(1712), 제2 서브 구성 객체(1713), 제3 서브 구성 객체(1714) 및 제4 서브 구성 객체(1715)를 표시할 수 있다.
예를 들어, 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체의 제1 서브 구성 객체(1702)가 포함된 제2 구성 객체의 제1 서브 구성 객체(1712)를 제2 배경 객체(1711)의 중심에서 제1 거리만큼 이동한 제1 위치에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체의 제2 서브 구성 객체(1703)가 포함된 제2 구성 객체의 제2 서브 구성 객체(1713)를 제2 배경 객체(1711)의 중심에서 제2 거리만큼 이동한 제2 위치에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체의 제3 서브 구성 객체(1704)가 포함된 제2 구성 객체의 제3 서브 구성 객체(1714)를 제2 배경 객체(1711)의 중심에서 제3 거리만큼 이동한 제3 위치에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제1 구성 객체의 제4 서브 구성 객체(1705)가 포함된 제2 구성 객체의 제4 서브 구성 객체(1715)를 제2 배경 객체의 중심에서 제4 거리만큼 이동한 제4 위치에 표시될 수 있다. 상기 제1, 제2, 제3 및 제4 위치는 서로 겹치지 않고, 제2 배경 객체의 중심에서 서로 다른 방향으로 이동한 위치들일 수 있다. 상기 제1 구성 객체의 제1 서브 구성 객체(1702)는 감산 기호 이미지를 포함하고, 제2 서브 구성 객체(1703)는 제산 기호 이미지를 포함하며, 제4 서브 구성 객체(1704)는 승산 기호 이미지를 포함하고, 제4 서브 구성 객체(1705)는 가산 기호 이미지를 포함할 수 있다.
다양한 실시 예에 따르면, 제2 구성 객체의 제1 서브 구성 객체(1712), 제2 서브 구성 객체(1713), 제3 서브 구성 객체(1714) 및 제4 서브 구성 객체(1715) 각각은 제1 배경 객체(1701)의 형상을 4조각으로 분할한 형상을 가질 수도 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (c)와 같이 제2 배경 객체(1711)의 크기보다 큰 제3 배경 객체(1721) 상의 제2 구성 객체에 대한 제1 서브 구성 객체(1712)에 대응하는 제5 위치에 제2 구성 객체에 대한 제1 서브 구성 객체(1712)의 크기와 형상이 변경된 제3 구성 객체의 제1 서브 구성 객체(1722)를 표시하고, 제2 구성 객체의 제2 서브 구성 객체(1713)에 대응하는 제6 위치에 제2 구성 객체의 제2 서브 구성 객체(1713)의 크기와 형상이 변경된 제3 구성 객체의 제2 서브 구성 객체(1723)를 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1721) 상의 제2 구성 객체에 대한 제3 서브 구성 객체(1714)에 대응하는 제7 위치에 제2 구성 객체의 제3 서브 구성 객체(1714)의 크기와 형상이 변경된 제3 구성 객체의 제3 서브 구성 객체(1724)를 표시하고, 제2 구성 객체의 제4 서브 구성 객체(1715)에 대응하는 제8 위치에 제2 구성 객체의 제4 서브 구성 객체(1715)의 크기와 형상이 변경된 제3 구성 객체의 제4 서브 구성 객체(1725)를 표시할 수 있다. 예를 들어, 제3 구성 객체의 제1 서브 구성 객체(1722), 제2 서브 구성 객체(1723), 제3 서브 구성 객체(1724) 및 제4 서브 구성 객체(1725)는 하나의 열로 배열되어 표시될 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (d)와 같이 제3 배경 객체(1721)의 크기보다 큰 제4 배경 객체(1731) 상의 제3 구성 객체에 대한 제1 서브 구성 객체(1722)에 대응하는 제9 위치에 제3 구성 객체의 제1 서브 구성 객체(1722)의 형상이 변경된 제4 구성 객체의 제1 서브 구성 객체(1732)를 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1721) 상의 제3 구성 객체에 대한 제2 서브 구성 객체(1723)에 대응하는 제10 위치에 제3 구성 객체의 제2 서브 구성 객체(1723)의 형상이 변경된 제4 구성 객체의 제2 서브 구성 객체(1733)를 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1721) 상의 제3 구성 객체에 대한 제3 서브 구성 객체(1724)에 대응하는 제11 위치에 제3 구성 객체의 제3 서브 구성 객체(1724)의 형상이 변경된 제4 구성 객체의 제3 서브 구성 객체(1734)를 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1721) 상의 제3 구성 객체에 대한 제4 서브 구성 객체(1725)에 대응하는 제12 위치에 제3 구성 객체의 제4 서브 구성 객체(1725)의 형상이 변경된 제4 구성 객체의 제3 서브 구성 객체(1735)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1701)보다 큰 제2 배경 객체(1711), 제2 배경 객체(1711)보다 큰 제3 배경 객체(1721) 및 제3 배경 객체(1721)보다 큰 제4 배경 객체(1731)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (b)와 같이 제1 구성 객체의 제1 서브 구성 객체(1702)를 포함하는 제2 구성 객체의 제1 서브 구성 객체(1712)를 제1 위치에 표시할 수 있다. 예를 들어, 제1 위치는 제2 배경 객체(1711)의 중심에서 제1 방향으로 제1 거리만큼 이동한 위치일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (b)와 같이 제1 구성 객체의 제2 서브 구성 객체(1703)를 포함하는 제2 구성 객체의 제2 서브 구성 객체(1713)를 제2 위치에 표시할 수 있다. 예를 들어, 제2 위치는 제2 배경 객체(1711)의 중심에서 제1 방향과 다른 제2 방향으로 제1 거리와 다른 제2 거리만큼 이동한 위치일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (b)와 같이 제1 구성 객체의 제3 서브 구성 객체(1704)를 포함하는 제2 구성 객체의 제3 서브 구성 객체(1714)를 제3 위치에 표시할 수 있다. 예를 들어, 제3 위치는 제2 배경 객체(1711)의 중심에서 제2 방향과 다른 제3 방향으로 제2 거리와 다른 제3 거리만큼 이동한 위치일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (b)와 같이 제1 구성 객체의 제4 서브 구성 객체(1705)를 포함하는 제2 구성 객체의 제4 서브 구성 객체(1715)를 제4 위치에 표시할 수 있다. 예를 들어, 제4 위치는 제2 배경 객체(1711)의 중심에서 제3 방향과 다른 제4 방향으로 제3 거리와 다른 제4 거리만큼 이동한 위치일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (c)와 같이 제2 구성 객체의 제1 서브 구성 객체(1712)의 위치에서 제5 위치로 변경되고, 제2 구성 객체의 제1 서브 구성 객체(1712)의 형상이 제1 형상으로 변경된 제3 구성 객체의 제1 서브 구성 객체(1722)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (c)와 같이 제2 구성 객체의 제2 서브 구성 객체(1713)의 위치에서 제6 위치로 변경되고, 제2 구성 객체의 제2 서브 구성 객체(1713)의 형상이 제2 형상으로 변경된 제3 구성 객체의 제2 서브 구성 객체(1723)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (c)와 같이 제2 구성 객체의 제3 서브 구성 객체(1714)의 위치에서 제7 위치로 변경되고, 제2 구성 객체의 제3 서브 구성 객체(1714)의 형상이 제3 형상으로 변경된 제3 구성 객체의 제3 서브 구성 객체(1724)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (c)와 같이 제2 구성 객체의 제4 서브 구성 객체(1715)의 위치에서 제8 위치로 변경되고, 제2 구성 객체의 제4 서브 구성 객체(1715)의 형상이 제4 형상으로 변경된 제3 구성 객체의 제4 서브 구성 객체(1725)를 표시할 수 있다.
다양한 실시 예에 따르면, 제5, 제6, 제7 및 제8 위치는 하나의 열로서 배열되는 위치들일 수 있다.
다양한 실시 예에 따르면, 제1, 제2, 제3 및 제4 형상은 제2 구성 객체의 제1 서브 구성 형상(1712), 제2 서브 구성 형상(1713), 제3 서브 구성 형상(1714) 및 제4 서브 구성 형상(1715)과 서로 다른 색상을 가질 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (d)와 같이 제3 구성 객체의 제1 서브 구성 객체(1722)의 위치에서 제9 위치로 변경되고, 제3 구성 객체의 제1 서브 구성 객체(1722)의 형상이 제5 형상으로 변경된 제4 구성 객체의 제1 서브 구성 객체(1732)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (d)와 같이 제3 구성 객체의 제2 서브 구성 객체(1723)의 위치에서 제10 위치로 변경되고, 제3 구성 객체의 제2 서브 구성 객체(1723)의 형상이 제6 형상으로 변경된 제4 구성 객체의 제2 서브 구성 객체(1733)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (d)와 같이 제3 구성 객체의 제3 서브 구성 객체(1724)의 위치에서 제11 위치로 변경되고, 제3 구성 객체의 제3 서브 구성 객체(1724)의 형상이 제7 형상으로 변경된 제4 구성 객체의 제3 서브 구성 객체(1734)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 17의 (d)와 같이 제3 구성 객체의 제4 서브 구성 객체(1725)의 위치에서 제12 위치로 변경되고, 제3 구성 객체의 제4 서브 구성 객체(1725)의 형상이 제8 형상으로 변경된 제4 구성 객체의 제4 서브 구성 객체(1735)를 표시할 수 있다.
다양한 실시 예에 따르면, 제9, 제10, 제11 및 제12 위치는 하나의 열로서 배열되는 위치들일 수 있다.
다양한 실시 예에 따르면, 제5 형상은 감산 기능에 대응하는 제1 버튼일 수 있고, 제6 형상은 제산 기능에 대응하는 제2 버튼일 수 있고, 제7 형상은 승산 기능에 대응하는 제3 버튼일 수 있고, 제8 형상은 가산 기능에 대응하는 제4 버튼일 수 있다.
도 18은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 18을 참조하면, 전자 장치(400)(예: 프로세서(401))는 지도 어플리케이션에 대응하는 제10 아이콘(1800)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제10 아이콘(1800)이 터치되면 지도 어플리케이션에 대응하는 제1 이미지(1810), 제2 이미지(1820) 및 제3 이미지(1830)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제10 아이콘(1800)은 도 18의 (a)와 같이 제1 배경 객체(1801) 및 제1 구성 객체(1802)를 포함할 수 있다. 상기 제1 이미지(1810)는 도 18의 (b)와 같이 제2 배경 객체(1811) 및 제2 구성 객체(1812)를 포함할 수 있다. 상기 제2 이미지(1820)는 도 18의 (c)와 같이 제3 배경 객체(1821) 및 제3 구성 객체(1822)를 포함할 수 있다. 상기 제3 이미지(1830)는 도 18의 (d)와 같이 제4 배경 객체(1831) 및 제4 구성 객체(1832)를 포함할 수 있다. 예를 들어, 제3 이미지(1830)는 지도 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (a)와 같이 제10 아이콘(1800)을 구성하는 제1 배경 객체(1801) 및 제1 구성 객체(1802)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (b)와 같이 제1 배경 객체(1801)의 크기보다 큰 제2 배경 객체(1811) 상의 제1 구성 객체(1802)에 대응하는 제1 위치에 제2 구성 객체(1812)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1811)의 중심(예: 제1 위치)에 제2 구성 객체(1812)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (c)와 같이 제2 배경 객체(1811)의 크기보다 큰 제3 배경 객체(1821) 상의 제2 구성 객체(1812)에 대응하는 제2 위치에 제2 구성 객체(1812)의 형상이 변경된 제3 구성 객체(1822)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1831)의 중심에 제3 구성 객체를 표시할 수 있다. 상기 제3 구성 객체(1822)은 제1 위치에 대응하는 지도 이미지의 적어도 일부일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (d)와 같이 제3 배경 객체(1821)의 크기보다 큰 제4 배경 객체(1831) 상의 제3 구성 객체(1821)에 대응하는 제3 위치에 제3 구성 객체(1821)의 크기보다 큰 제4 구성 객체(1832)를 표시할 수 있다. 예를 들어, 제4 구성 객체(1832)는 제1 위치가 포함된 특정 영역에 대응하는 지도 이미지일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1801)보다 큰 제2 배경 객체(1811), 제2 배경 객체(1811)보다 큰 제3 배경 객체(1821) 및 제3 배경 객체(1821)보다 큰 제4 배경 객체(1831)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (b)와 같이 제1 구성 객체(1802)의 크기보다 큰 제1 크기로 변경되고, 제1 구성 객체(1802)의 위치에서 제1 위치(예: 제2 배경 객체(1811)의 중심)로 변경된 제2 구성 객체(1812)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (c)와 같이 제2 구성 객체(1812)의 형상이 제1 형상으로 변경되고, 제2 구성 객체(1812)의 위치에서 제2 위치(예: 제3 배경 객체(1821)의 중심)로 변경된 제3 구성 객체(1822)를 표시할 수 있다. 예를 들어, 제3 구성 객체(1822)는 특정 위치에 대응하는 지도 이미지의 적어도 일부일 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 18의 (d)와 같이 제3 구성 객체(1822)의 크기보다 큰 제2 크기로 변경되고, 제3 구성 객체(1822)의 위치에서 제3 위치(예: 제4 배경 객체(1831)의 중심)로 변경된 제4 구성 객체(1832)를 표시할 수 있다.
도 19는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 19를 참조하면, 전자 장치(400)(예: 프로세서(401))는 뮤직 플레이어 어플리케이션에 대응하는 제11 아이콘(1900)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제11 아이콘(1900)이 터치되면 뮤직 플레이어 어플리케이션에 대응하는 제1 이미지(1910), 제2 이미지(1920) 및 제3 이미지(1930)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제11 아이콘(1900)은 도 19의 (a)와 같이 제1 배경 객체(1901) 및 제1 구성 객체(1902)를 포함할 수 있다. 상기 제1 이미지(1910)는 도 19의 (b)와 같이 제2 배경 객체(1911) 및 제2 구성 객체(1912)를 포함할 수 있다. 상기 제2 이미지(1920)는 도 19의 (c)와 같이 제3 배경 객체(1921) 및 제3 구성 객체(1922)를 포함할 수 있다. 상기 제3 이미지(1930)는 도 19의 (d)와 같이 제4 배경 객체(1931) 및 제4 구성 객체(1932)를 포함할 수 있다. 예를 들어, 제3 이미지(1930)는 음악 플레이어 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (a)와 같이 제11 아이콘(1900)을 구성하는 제1 배경 객체(1901) 및 제1 구성 객체(1902)를 표시할 수 있다. 예를 들어, 제1 배경 객체(1901) 및 제1 구성 객체(1902)는 동일한 크기로 서로 겹쳐서 표시될 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (b)와 같이 제1 배경 객체(1901)의 크기보다 큰 제2 배경 객체(1911) 상의 제1 구성 객체(1902)에 대응하는 제1 위치에 제1 구성 객체(1920)의 크기보다 작은 제2 구성 객체(1912)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(1911)의 중심(예: 제1 위치)에 제2 구성 객체(1912)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (c)와 같이 제2 배경 객체(1911)의 크기보다 큰 제3 배경 객체(1921) 상의 제2 구성 객체(1912)에 대응하는 제2 위치에 제2 구성 객체(1912)의 크기보다 작은 제3 구성 객체(1922)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제3 배경 객체(1921)의 중심(예: 제2 위치)에 제3 구성 객체(1922)를 표시할 수 있다. 상기 제2 배경 객체(1911)의 중심에서 제2 구성 객체(1912)까지의 거리는 제3 배경 객체(1921)의 중심에서 제3 구성 객체(1922)까지의 거리보다 작을 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (d)와 같이 제3 배경 객체(1921)의 크기보다 큰 제4 배경 객체(1931) 상의 제3 구성 객체(1922)에 대응하는 제3 위치에 제3 구성 객체(1922)의 크기보다 작은 제4 구성 객체(1932)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(1931)에 해당하는 음악 플레이어 어플리케이션 실행 화면 내 좌측 하단(예: 제3 위치)에 제4 구성 객체(1932)에 해당하는 현재 재생 중인 음악을 나타내는 특정 이미지를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(1901)보다 큰 제2 배경 객체(1911), 제2 배경 객체(1911)보다 큰 제3 배경 객체(1921) 및 제3 배경 객체(1921)보다 큰 제4 배경 객체(1931)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (b)와 같이 제1 구성 객체(1902)의 크기보다 작은 제1 크기로 변경되고, 제1 구성 객체(1902)의 위치에서 제1 위치(예: 제2 배경 객체(1911)의 중심)로 변경된 제2 구성 객체(1912)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (c)와 같이 제2 구성 객체(1912)의 크기보다 작은 제2 크기로 변경되고, 제2 구성 객체(1912)의 위치에서 제2 위치(예: 제3 배경 객체(1921)의 좌측 하단)로 변경된 제3 구성 객체(1922)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 19의 (d)와 같이 제3 구성 객체(1922)의 크기보다 작은 제3 크기로 변경되고, 제3 구성 객체(1922)의 위치에서 제3 위치(예: 제4 배경 객체(1931)의 좌측 하단)로 변경된 제4 구성 객체(1932)를 표시할 수 있다.
도 20은 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 20을 참조하면, 전자 장치(400)(예: 프로세서(401))는 음성 인식 어플리케이션에 대응하는 제12 아이콘(2000)을 터치 센서티브 스크린(402) 상에 표시할 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제12 아이콘(2000)이 터치되면 음성 인식 어플리케이션에 대응하는 제1 이미지(2010), 제2 이미지(2020) 및 제3 이미지(2030)를 순차적으로 터치 센서티브 스크린(402) 상에 표시할 수 있다.
한 실시 예에 따르면, 제12 아이콘(2000)은 도 20의 (a)와 같이 제1 배경 객체(2001) 및 제1 구성 객체(2002)를 포함할 수 있다. 상기 제1 이미지(2010)는 도 20의 (b)와 같이 제2 배경 객체(2011) 및 제2 구성 객체(1912)를 포함할 수 있다. 상기 제2 이미지(1920)는 도 20의 (c)와 같이 제3 배경 객체(2021) 및 제3 구성 객체(2022)를 포함할 수 있다. 상기 제3 이미지(2030)는 도 20의 (d)와 같이 제4 배경 객체(2031) 및 제4 구성 객체(2032)를 포함할 수 있다. 예를 들어, 제3 이미지(2030)는 음성 인식 어플리케이션 실행 화면일 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (a)와 같이 제12 아이콘(2000)을 구성하는 제1 배경 객체(2001) 및 제1 구성 객체(2002)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (b)와 같이 제1 배경 객체(2001)의 크기보다 큰 제2 배경 객체(2011) 상의 제1 구성 객체(2002)에 대응하는 제1 위치에 제2 구성 객체(2012)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제2 배경 객체(2011)의 중심(예: 제1 위치)에 제2 구성 객체(2012)를 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (c)와 같이 제2 배경 객체(2011)의 크기보다 큰 제3 배경 객체(2021) 상의 제2 구성 객체(2012)에 대응하는 제2 위치에 제2 구성 객체(1912)의 형상에 변경된 제3 구성 객체(1922)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 마이크 이미지에 해당하는 제2 구성 객체(2012)의 형상이 텍스트로 변경된 제3 구성 객체(2022)를 제3 배경 객체(2021)의 상단 중앙(예: 제2 위치)에 표시할 수 있다. 상기 제2 배경 객체(2011)의 중심에서 제2 구성 객체(2012)까지의 거리는 제3 배경 객체(2021)의 중심에서 제3 구성 객체(2022)까지의 거리보다 작을 수 있다. 상기 전자 장치(400)(예: 프로세서(401))는 제2 구성 객체(2012)가 서서히 투명해지면서 제2 구성 객체(2012)에 대응하는 제2 위치에 제3 구성 객체(2022)가 서서히 보이도록 표시할 수 있다.
한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (d)와 같이 제3 배경 객체(2021)의 크기보다 큰 제4 배경 객체(2031) 상의 제3 구성 객체(2021)에 대응하는 제3 위치에 제3 구성 객체(2022)의 크기보다 작은 제4 구성 객체(2032)를 표시할 수 있다. 예를 들어, 전자 장치(400)(예: 프로세서(401))는 제4 배경 객체(2031) 내 배열된 텍스트들 중 제4 배경 객체(2031)의 상단 중앙(예: 제3 위치)에 제4 구성 객체(2032)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 제1 배경 객체(2001)보다 큰 제2 배경 객체(2011), 제2 배경 객체(2011)보다 큰 제3 배경 객체(2021) 및 제3 배경 객체(2021)보다 큰 제4 배경 객체(2031)를 순차적으로 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (b)와 같이 제1 구성 객체(2002)의 위치에서 제1 위치(예: 제2 배경 객체(2011)의 중심)로 변경된 제2 구성 객체(2012)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (c)와 같이 제2 구성 객체(2012)의 형상(예: 이미지)이 제1 형상(예: 텍스트)으로 변경되고, 제2 구성 객체(2012)의 위치에서 제2 위치(예: 제3 배경 객체(2021)의 상단 중앙)로 변경된 제3 구성 객체(2022)를 표시할 수 있다.
다양한 실시 예에 따르면, 전자 장치(400)(예: 프로세서(401))는 도 20의 (d)와 같이 제3 구성 객체(2022)의 크기보다 작은 제1 크기로 변경되고, 제4 배경 객체(2031) 내 배열된 텍스트들 중 제3 구성 객체(2022)의 위치에서 제3 위치(예: 제4 배경 객체(2031)의 상단 중앙)로 변경된 제4 구성 객체(2032)를 표시할 수 있다.
도 21a 및 도 21b는 다양한 실시 예에 따라 아이콘을 이용한 사용자 인터페이스에 대한 예시도들을 도시한다.
도 21a를 참조하면, 전자 장치(400)(예: 프로세서(401))는 제1 아이콘(2101)이 터치되면 터치된 제1 아이콘(2101)의 위치(예: 좌표값)를 확인할 수 있다. 예를 들어, 도 21a의 (a)와 같이 적어도 하나의 아이콘을 포함하는 대기 화면(2100)은 도면번호 2106의 위치를 좌측 상단, 도면번호 2107의 위치를 좌측 하단, 도면번호 2108의 위치를 우측 하단, 도면번호 2019의 위치를 우측 상단으로 정의할 수 있다. 상기 제1 아이콘(2101)이 좌측 상단(2106)에 근접하여 위치한 경우 전자 장치(400)(예: 프로세서(401))는 제1 아이콘(2101)의 좌측 상단(2106)에 해당하는 제1 점(2102)을 고정한 상태에서 좌측 하단(2107)에 해당하는 제2 점(2103)이 도면번호 2107의 방향으로 확장되고, 우측 하단(2108)에 해당하는 제3 점(2104)이 도면번호 2108의 방향으로 확장되고, 우측 상단(2109)에 해당하는 제4 점(2105)이 도면번호 2109의 방향으로 확장되도록 제1 이미지(2110), 제2 이미지(2111)를 표시하고,대기 화면(2100)의 전체 영역으로 확장된 제3 이미지(2112)를 표시할 수 있다.
이에 따라, 전자 장치(400)(예: 프로세서(401))는 도 21a의 (b), (c), (d)와 같이 제1 이미지(2110), 제2 이미지(2111) 및 제3 이미지(2112)를 순차적으로 표시할 수 있다.
도 21b를 참조하면, 전자 장치(400)(예: 프로세서(401))는 제2 아이콘(2120)이 터치되면 터치된 제2 아이콘(2120)의 위치를 확인할 수 있다. 예를 들어, 특정 아이콘(2120)이 제1 위치에 위치하는 경우 전자 장치(400)(예: 프로세서(401))는 제2 아이콘(2120)의 좌측 상단에 해당하는 제1 점(2121)이 도면번호 2106의 방향으로 확장되고, 좌측 하단에 해당하는 제2 점(2122)이 도면번호 2107의 방향으로 확장되고, 우측 하단에 해당하는 제3 점(2123)이 도면번호 2108의 방향으로 확장되고, 우측 상단에 해당하는 제4 점(2124)이 도면번호 2109의 방향으로 확장되도록 제1 이미지(2125), 제2 이미지(2156) 및 제3 이미지(2127)를 표시할 수 있다.
이에 따라, 전자 장치(400)(예: 프로세서(401))는 도 21b의 (b), (c), (d)와 같이 제1 이미지(2125), 제2 이미지(2156) 및 제3 이미지(2127)를 순차적으로 표시할 수 있다.
이와 같이 다양한 실시 예에 따르면 본 발명은 아이콘의 구조에 대한 이해를 통해서 아이콘에 대응하는 어플리케이션에 대한 사용자 인터페이스의 구조를 이해하여 어플리케이션 사용자 인터페이스에 대한 사용성을 높일 수 있다.
본 문서에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구성된 유닛을 포함하며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로 등의 용어와 상호 호환적으로 사용될 수 있다. "모듈"은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는 최소 단위 또는 그 일부가 될 수 있다. "모듈"은 기계적으로 또는 전자적으로 구현될 수 있으며, 예를 들면, 어떤 동작들을 수행하는, 알려졌거나 앞으로 개발될, ASIC(application-specific integrated circuit) 칩, FPGAs(field-programmable gate arrays), 또는 프로그램 가능 논리 장치를 포함할 수 있다. 다양한 실시 예에 따른 장치(예: 모듈들 또는 그 기능들) 또는 방법(예: 동작들)의 적어도 일부는 프로그램 모듈의 형태로 컴퓨터로 판독 가능한 저장 매체(예: 메모리(130))에 저장된 명령어로 구현될 수 있다. 상기 명령어가 프로세서(예: 프로세서(120))에 의해 실행될 경우, 프로세서가 상기 명령어에 해당하는 기능을 수행할 수 있다. 컴퓨터로 판독 가능한 기록 매체는, 하드디스크, 플로피디스크, 마그네틱 매체(예: 자기테이프), 광기록 매체(예: CD-ROM, DVD, 자기-광 매체 (예: 플롭티컬 디스크), 내장 메모리 등을 포함할 수 있다. 명령어는 컴파일러에 의해 만들어지는 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 다양한 실시 예에 따른 모듈 또는 프로그램 모듈은 전술한 구성요소들 중 적어도 하나 이상을 포함하거나, 일부가 생략되거나, 또는 다른 구성요소를 더 포함할 수 있다. 다양한 실시 예에 따른, 모듈, 프로그램 모듈 또는 다른 구성요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱하게 실행되거나, 적어도 일부 동작이 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.
110: 버스
120: 프로세서
130: 메모리
150: 입출력 인터페이스
160: 디스플레이
170: 통신 인터페이스
180: 카메라 모듈
190: 센서 모듈

Claims (23)

  1. 전자 장치에 있어서,
    적어도 하나의 어플리케이션 실행 아이콘을 표시하는 터치 센서티브 스크린; 및
    상기 터치 센서티브 스크린과 전기적으로 연결된 프로세서를 포함하고,
    상기 프로세서는,
    상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하고,
    상기 제1 어플리케이션의 실행 화면은,
    상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시하도록 설정된 전자 장치.
  2. 제1항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체의 위치, 크기 및 형상 중 적어도 하나가 변경된 적어도 하나의 제2 객체를 상기 제1 어플리케이션의 실행 화면에 표시하도록 설정된 전자 장치.
  3. 제1항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체를 상기 터치 센서티브 스크린 내 제1 위치에서 상기 제1 위치와 다른 제2 위치로 이동하여 표시하도록 설정된 전자 장치.
  4. 제3항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체를 상기 제2 위치에서, 상기 적어도 하나의 제2 객체에 대응하고 상기 제2 위치와 다른 제3 위치로 이동하여 표시하도록 설정된 전자 장치.
  5. 제1항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체의 제1 크기를 상기 제1 크기와 다른 제2 크기로 변경하여 표시하도록 설정된 전자 장치.
  6. 제5항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체의 제2 크기를, 상기 적어도 하나의 제2 객체에 대응하고 상기 제2 크기와 다른 제3 크기로 변경하여 표시하도록 설정된 전자 장치.
  7. 제1항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체의 제1 형상을 상기 제1 형상과 다른 제2 형상으로 변경하여 표시하도록 설정된 전자 장치.
  8. 제7항에 있어서, 상기 프로세서는,
    상기 적어도 하나의 제1 객체의 제2 형상을, 상기 적어도 하나의 제2 객체에 대응하고 상기 제2 형상과 다른 제3 형상으로 변경하여 표시하도록 설정된 전자 장치.
  9. 제1항에 있어서, 상기 프로세서는, 상기 제1 아이콘이 선택되면 상기 제1 어플리케이션에 대응하는 제1 이미지 및 제2 이미지를 순차적으로 표시하고,
    상기 제1 아이콘은 제1 배경 객체 및 제1 구성 객체를 포함하고,
    상기 제1 이미지는 상기 제1 배경 객체에 대응하고, 상기 제1 배경 객체보다 큰 제2 배경 객체 및 상기 제1 구성 객체에 대응하는 제2 구성 객체를 포함하고,
    상기 제2 이미지는 상기 제2 배경 객체에 대응하고, 상기 제2 배경 객체보다 큰 제3 배경 객체 및 상기 제2 배경 객체에 대응하는 제3 구성 객체를 포함하도록 설정된 전자 장치.
  10. 제1항에 있어서, 상기 프로세서는,
    상기 제1 아이콘 상에 터치 입력이 감지되면 상기 제1 아이콘의 위치 정보를 확인하고, 상기 확인된 위치 정보에 기반하여 상기 제1 어플리케이션의 실행 화면을 표시하도록 설정된 전자 장치.
  11. 제1항에 있어서, 상기 프로세서는,
    상기 제1 어플리케이션의 실행 화면이 종료되면 상기 제1 아이콘을 표시하도록 설정된 전자 장치.
  12. 명령들을 저장하고 있는 저장 매체에 있어서, 상기 명령들은 적어도 하나의 프로세서에 의하여 실행될 때에 상기 적어도 하나의 프로세서로 하여금 적어도 하나의 동작을 수행하도록 설정된 것으로서, 상기 적어도 하나의 동작은,
    적어도 하나의 어플리케이션 실행 아이콘을 터치 센서티브 스크린상에 표시하는 동작; 및
    상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하는 동작을 포함하고,
    상기 제1 어플리케이션의 실행 화면은,
    상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시하도록 설정된 저장 매체.
  13. 제12항에 있어서, 상기 제1 어플리케이션의 실행 화면을 표시하는 동작은,
    상기 적어도 하나의 제1 객체의 위치, 크기 및 형상 중 적어도 하나가 변경된 적어도 하나의 제2 객체를 상기 제1 어플리케이션의 실행 화면에 표시하는 동작을 포함하는 저장 매체.
  14. 제12항에 있어서, 상기 제1 어플리케이션의 실행 화면을 표시하는 동작은,
    상기 적어도 하나의 제1 객체를 상기 터치 센서티브 스크린 내 제1 위치에서 상기 제1 위치와 다른 제2 위치로 이동하여 표시하는 동작을 포함하는 저장 매체.
  15. 제14항에 있어서,
    상기 적어도 하나의 제1 객체를 상기 제2 위치에서, 상기 적어도 하나의 제2 객체에 대응하고 상기 제2 위치와 다른 제3 위치로 이동하여 표시하는 동작을 더 포함하는 저장 매체.
  16. 제12항에 있어서, 상기 제1 어플리케이션의 실행 화면을 표시하는 동작은,
    상기 적어도 하나의 제1 객체의 제1 크기를 상기 제1 크기와 다른 제2 크기로 변경하여 표시하는 동작을 포함하는 저장 매체.
  17. 제16항에 있어서,
    상기 적어도 하나의 제1 객체의 제2 크기를, 상기 적어도 하나의 제2 객체에 대응하고 상기 제2 크기와 다른 제3 크기로 변경하여 표시하는 동작을 더 포함하는 저장 매체.
  18. 제12항에 있어서, 상기 제1 어플리케이션의 실행 화면을 표시하는 동작은,
    상기 적어도 하나의 제1 객체의 제1 형상을 상기 제1 형상과 다른 제2 형상으로 변경하여 표시하는 동작을 포함하는 저장 매체.
  19. 제18항에 있어서,
    상기 적어도 하나의 제1 객체의 제2 형상을, 상기 적어도 하나의 제2 객체에 대응하고 상기 제2 형상과 다른 제3 형상으로 변경하여 표시하는 동작을 더 포함하는 저장 매체.
  20. 제12항에 있어서, 상기 제1 어플리케이션의 실행 화면을 표시하는 동작은,
    상기 제1 아이콘이 선택되면 상기 제1 어플리케이션에 대응하는 제1 이미지 및 제2 이미지를 순차적으로 표시하는 동작을 포함하고,
    상기 제1 아이콘은 제1 배경 객체 및 제1 구성 객체를 포함하고,
    상기 제1 이미지는 상기 제1 배경 객체에 대응하고, 상기 제1 배경 객체보다 큰 제2 배경 객체 및 상기 제1 구성 객체에 대응하는 제2 구성 객체를 포함하고,
    상기 제2 이미지는 상기 제2 배경 객체에 대응하고, 상기 제2 배경 객체보다 큰 제3 배경 객체 및 상기 제2 배경 객체에 대응하는 제3 구성 객체를 포함하도록 설정된 저장 매체.
  21. 제12항에 있어서, 상기 제1 어플리케이션의 실행 화면을 표시하는 동작은,
    상기 제1 아이콘 상에 터치 입력이 감지되면 상기 제1 아이콘의 위치 정보를 확인하는 동작; 및
    상기 확인된 위치 정보에 기반하여 상기 제1 실행 화면을 표시하는 동작을 포함하는 저장 매체.
  22. 제12항에 있어서,
    상기 제1 어플리케이션의 실행 화면이 종료되면 상기 제1 아이콘을 표시하는 동작을 더 포함하는 저장 매체.
  23. 전자 장치를 동작하는 방법에 있어서,
    적어도 하나의 어플리케이션 실행 아이콘을 터치 센서티브 스크린상에 표시하는 동작; 및
    상기 적어도 하나의 어플리케이션 실행 아이콘 중 제1 아이콘이 선택되면, 상기 제1 아이콘에 대응하는 제1 어플리케이션의 실행 화면을 표시하는 동작을 포함하고,
    상기 제1 어플리케이션의 실행 화면은,
    상기 제1 아이콘에 포함된 복수의 아이콘 객체들 중 적어도 하나의 제1 객체에 대응하는 적어도 하나의 제2 객체를 표시하는 방법.
KR1020160152823A 2016-11-16 2016-11-16 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법 KR20180055231A (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020160152823A KR20180055231A (ko) 2016-11-16 2016-11-16 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법
US15/814,052 US20180136819A1 (en) 2016-11-16 2017-11-15 Electronic device and method for displaying execution screen of application using icons
EP17202056.2A EP3324278A1 (en) 2016-11-16 2017-11-16 Electronic device and method for displaying execution screen of application using icons
CN201711137297.6A CN108076217A (zh) 2016-11-16 2017-11-16 用于显示使用图标的应用的执行屏幕的电子装置和方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160152823A KR20180055231A (ko) 2016-11-16 2016-11-16 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법

Publications (1)

Publication Number Publication Date
KR20180055231A true KR20180055231A (ko) 2018-05-25

Family

ID=60331498

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160152823A KR20180055231A (ko) 2016-11-16 2016-11-16 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법

Country Status (4)

Country Link
US (1) US20180136819A1 (ko)
EP (1) EP3324278A1 (ko)
KR (1) KR20180055231A (ko)
CN (1) CN108076217A (ko)

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9361011B1 (en) 2015-06-14 2016-06-07 Google Inc. Methods and systems for presenting multiple live video feeds in a user interface
USD812076S1 (en) 2015-06-14 2018-03-06 Google Llc Display screen with graphical user interface for monitoring remote video camera
USD803241S1 (en) * 2015-06-14 2017-11-21 Google Inc. Display screen with animated graphical user interface for an alert screen
US10133443B2 (en) 2015-06-14 2018-11-20 Google Llc Systems and methods for smart home automation using a multifunction status and entry point icon
US10263802B2 (en) 2016-07-12 2019-04-16 Google Llc Methods and devices for establishing connections with remote cameras
USD882583S1 (en) 2016-07-12 2020-04-28 Google Llc Display screen with graphical user interface
USD843398S1 (en) 2016-10-26 2019-03-19 Google Llc Display screen with graphical user interface for a timeline-video relationship presentation for alert events
US11238290B2 (en) 2016-10-26 2022-02-01 Google Llc Timeline-video relationship processing for alert events
US10386999B2 (en) 2016-10-26 2019-08-20 Google Llc Timeline-video relationship presentation for alert events
USD848461S1 (en) * 2017-02-06 2019-05-14 Facebook, Inc. Display screen with graphical user interface
US10352496B2 (en) 2017-05-25 2019-07-16 Google Llc Stand assembly for an electronic device providing multiple degrees of freedom and built-in cables
US10972685B2 (en) 2017-05-25 2021-04-06 Google Llc Video camera assembly having an IR reflector
US10819921B2 (en) 2017-05-25 2020-10-27 Google Llc Camera assembly having a single-piece cover element
USD844016S1 (en) 2017-06-05 2019-03-26 Apple Inc. Display screen or portion thereof with animated graphical user interface
WO2019183779A1 (zh) * 2018-03-26 2019-10-03 华为技术有限公司 一种控制方法及电子设备
US11455075B2 (en) * 2018-04-19 2022-09-27 Huawei Technologies Co., Ltd. Display method when application is exited and terminal
JP7306390B2 (ja) 2018-07-18 2023-07-11 ソニーグループ株式会社 情報処理装置、情報処理方法、およびプログラム
USD887439S1 (en) * 2018-08-31 2020-06-16 Butterfly Network, Inc. Display panel or portion thereof with graphical user interface
CN109739399B (zh) * 2018-11-23 2021-08-20 努比亚技术有限公司 一种图标选择控制方法、终端及计算机可读存储介质

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9772751B2 (en) * 2007-06-29 2017-09-26 Apple Inc. Using gestures to slide between user interfaces
KR101690786B1 (ko) * 2010-02-12 2016-12-28 삼성전자주식회사 멀티태스킹 수행 장치 및 방법
US10788976B2 (en) * 2010-04-07 2020-09-29 Apple Inc. Device, method, and graphical user interface for managing folders with multiple pages
US8423898B2 (en) * 2010-08-23 2013-04-16 Hale Software Concepts, Inc. System and method for performing calculations using a portable electronic device
KR20120080922A (ko) * 2011-01-10 2012-07-18 삼성전자주식회사 디스플레이 장치 및 그 디스플레이 방법
US9146655B2 (en) * 2012-04-06 2015-09-29 Samsung Electronics Co., Ltd. Method and device for executing object on display
CN102830900B (zh) * 2012-06-29 2016-10-19 华为终端有限公司 控件设置方法和终端设备
EP2741192A3 (en) * 2012-12-06 2016-09-14 Samsung Electronics Co., Ltd Display device for executing a plurality of applications and method for controlling the same

Also Published As

Publication number Publication date
EP3324278A1 (en) 2018-05-23
CN108076217A (zh) 2018-05-25
US20180136819A1 (en) 2018-05-17

Similar Documents

Publication Publication Date Title
KR20180055231A (ko) 아이콘을 이용한 어플리케이션의 실행 화면을 표시하기 위한 전자 장치 및 방법
KR102391772B1 (ko) 터치 감응 디스플레이를 포함하는 전자 장치 및 이 전자 장치를 동작하는 방법
KR102505478B1 (ko) 플렉서블 디바이스 및 그 동작 방법
EP3246804A1 (en) Method for displaying a plurality of objects for executing applications
KR20170071960A (ko) 전자 장치의 사용자 인터페이스 제공 방법 및 장치
KR20170058152A (ko) 전자 장치 및 전자 장치의 디스플레이 설정 방법
KR20180080629A (ko) 전자 장치 및 전자 장치의 어플리케이션 실행 히스토리 표시 방법
KR20170046407A (ko) 전자 장치 및 그의 동작 방법
KR20170119934A (ko) 제스처 입력을 처리하기 위한 전자 장치 및 방법
KR20170021672A (ko) 콘텐츠 탐색 인터페이스 제공 방법 및 이를 지원하는 전자 장치
EP3404519A1 (en) Method for displaying user interface and electronic device for supporting same
KR102525484B1 (ko) 전자 장치 및 그 제어 방법
KR20180041911A (ko) 전자 장치 및 전자 장치에서의 디스플레이 제어 방법
US10719209B2 (en) Method for outputting screen and electronic device supporting the same
KR20170089635A (ko) 전자 장치 및 전자 장치의 사용자 인터페이스 제어 방법
KR20160034135A (ko) 터치 입력을 처리하는 전자 장치 및 방법
KR102416071B1 (ko) 전자장치 및 전자장치의 어플리케이션 실행 방법
KR20180081232A (ko) 화면을 표시하기 위한 방법 및 그 전자 장치
KR20170009008A (ko) 이미지를 표시하는 전자 장치 및 그 제어 방법
KR20180051002A (ko) 터치 스크린을 이용하는 전자 장치에서 애플리케이션의 실행을 제어하는 방법과 이를 위한 전자 장치
KR20180019907A (ko) 전자 장치 및 그의 운용 제공 방법
KR20180010029A (ko) 전자 장치의 동작 방법 및 장치
EP3131000B1 (en) Method and electronic device for processing user input
KR20170052003A (ko) 복수의 디스플레이들을 갖는 전자 장치 및 그 동작 방법
KR20160065704A (ko) 화면 표시 장치 및 방법