KR20130110464A - 도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템 - Google Patents

도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템 Download PDF

Info

Publication number
KR20130110464A
KR20130110464A KR1020120032465A KR20120032465A KR20130110464A KR 20130110464 A KR20130110464 A KR 20130110464A KR 1020120032465 A KR1020120032465 A KR 1020120032465A KR 20120032465 A KR20120032465 A KR 20120032465A KR 20130110464 A KR20130110464 A KR 20130110464A
Authority
KR
South Korea
Prior art keywords
icon
pillar
user
town
user interface
Prior art date
Application number
KR1020120032465A
Other languages
English (en)
Other versions
KR101342749B1 (ko
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 KR1020120032465A priority Critical patent/KR101342749B1/ko
Publication of KR20130110464A publication Critical patent/KR20130110464A/ko
Application granted granted Critical
Publication of KR101342749B1 publication Critical patent/KR101342749B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412—Digitisers structurally integrated in a display
    • 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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Graphics (AREA)
  • Geometry (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

3D 아이콘을 기본 구성 요소로 사용하여 3차원 시각 효과와 아이콘의 수동 및 자동 재배치 기능을 제공하는 모바일 디바이스용 사용자 인터페이스(user interface, UI)방법 및 시스템이 개시된다.
3D 사용자 인터페이스 방법은 앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 나타내고, 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하며, 기둥을 적어도 한 개 이상을 배치하여 타운을 형성한다.

Description

도시 모형의 3Ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템 {3D USER INTERFACE METHOD AND SYSTEM OF CITY-MODEL WITH AUTOMATIC ICON REALLOCATIONS}
본 발명은 3D 아이콘을 기본 구성 요소로 사용하여 3차원 시각 효과와 아이콘의 수동 및 자동 재배치 기능을 제공하는 모바일 디바이스용 사용자 인터페이스(user interface, UI) 방법 및 시스템에 관한 것이다.
최근 들어 스마트폰, 태블릿PC 등 스마트기기 관련 시장이 점점 커짐에 따라, 스마트기기의 내부 사양과 규격은 점차 컴퓨터에 버금가도록 점점 발전하고 있다. 이에 따라, 더 다양한 어플리케이션들이 시장에 나오고 이를 이용할 수 있게 되었다.
하지만 스마트폰 등 스마트기기의 스크린은 많은 어플리케이션을 한꺼번에 담기에는 작으며, 이에 따라 사용자는 필요한 어플리케이션을 찾기 위해서 일일이 화면을 넘기면서 찾아야 하는 불편함이 있다. 뿐만 아니라, 기존 3차원 UI에서 3D 기능이라는 것은 단순히 창 전환을 위하여 창을 삼차원으로 보여주는 것뿐이었다. 이러한 점은 단순히 미적 효과만을 중요시할 뿐 사용자에게 3차원 인터페이스가 주는 공간의 효율성과 사용자 조작 편의성을 감쇄시켰다.
따라서, 사용자가 필요한 어플리케이션을 일일이 넘기면서 검색하지 않고, 시간과 위치, 사용빈도 등에 따라서 선택하기 쉽도록 직관적이며 편리한 사용자 인터페이스를 제공하여 빠르게 어플리케이션을 실행할 수 있도록 할 필요성이 있다.
본 발명에서는 기존의 2D 아이콘을 3D 아이콘으로 나타냄으로써 이러한 문제를 해결하여 아이콘을 3차원적으로 정렬할 수 있게 하고, 별도의 식별자를 정하여 기준으로 삼아 시스템적으로 혹은 사용자의 정의에 따라서 3D 사용자 인터페이스를 구성하도록 한다.
3D 사용자 인터페이스 방법에 있어서, 어플리케이션(이하, 앱이라 칭한다) 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 나타내고, 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하며, 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 3D 사용자 인터페이스 방법이 제공된다.
일측에 따르면, 구성된 기둥은 기둥의 높이에 포함되는 3D 아이콘의 개수에 따라 달라질 수 있다.
또 다른 측면에 따르면, 형성된 타운은 앱의 유사성, 관련성, 동일 시간, 동일 장소, 필요성을 카테고리 이름 또는 종류로 표현하는 식별자로 하며, 식별자의 명칭은 기둥의 각 최상위에 자동 혹은 수동으로 입력될 수 있다.
또 다른 측면에 따르면, 형성된 타운은 식별자와 함께 형성된 상태를 디바이스에 저장할 수 있으며, 사용자의 시간, 위치와 연동하여 형성된 타운 중 연관된 타운을 자동 또는 수동으로 선택할 수 있다.
또 다른 측면에 따르면, 3D 아이콘과 기둥, 그리고 타운은 사용자가 정해놓은 설정에 따라 디바이스 내에서 자동으로 재배치되거나, 사용자에 의해 수동으로 재배치 될 수 있다.
또 다른 측면에 따르면, 디바이스의 모션을 감지하여, 디바이스 스크린 상에 사용자가 특별하게 지정한 포지션에는 시스템에 의해 시간과 위치에 따라 다르게 추천되는 앱의 3D 아이콘을 포함하는 기둥이 자동적으로 재배치될 수 있다.
또 다른 측면에 따르면, 디바이스의 모션을 감지하여, 형성된 각각의 기둥에서 시스템에 의해 사용 빈도가 높은 앱의 3D 아이콘이 기둥의 최상위에 재배치될 수 있다.
또 다른 측면에 따르면, 사용자는 이동 시키고자 하는 기둥의 최상위 위치를 롱 클릭함으로써 기둥 전체를 선택한 후, 드래그 앤 드롭 하여 기둥의 위치를 수동으로 재배치할 수 있다.
또 다른 측면에 따르면, 사용자는 이동시키고자 하는 3D 아이콘을 롱 클릭하여 선택한 후, 드래그 앤 드롭하여 상기 3D 아이콘의 위치 및 상기 3D 아이콘이 속해있는 기둥을 변경하여 수동으로 재배치할 수 있다.
또 다른 측면에 따르면, 디바이스의 상단에는 사용자의 터치를 감지할 수 있는 센서가 장착되어 있어서 디바이스 상단을 두 번 터치하면, 사용자에게 시간과 위치에 따라 다르게 추천되는 앱의 3D 아이콘을 포함하는 기둥의 추천 내용을 변경하고, 사용자에게 시간과 장소에 따라 다르게 추천되는 앱의 상기 3D 아이콘을 포함하는 기둥 주위에 시간과 위치에 따라서 카테고리 별로 구분되어 있는 기둥을 배치할 수 있다.
또 다른 측면에 따르면, 사용자는 디바이스의 스크린을 터치함으로써 3D 아이콘과 기둥, 그리고 상기 타운의 관점을 변경할 수 있다.
또 다른 측면에 따르면, 디바이스의 스크린을 드래그하면 드래그하는 방향의 반대 방향으로 관점이 변경될 수 있다.
또 다른 측면에 따르면, 디바이스의 스크린을 멀티 터치 후 간격을 좁히면 멀티 터치이전 화면 상태에서 초점이 멀어지며, 간격을 넓히면 초점이 가까워지도록 관점이 변경될 수 있다.
또 다른 측면에 따르면, 사용자는 디바이스의 기울임을 통해 3D 아이콘과 기둥, 그리고 상기 타운의 관점을 변경할 수 있다.
컴퓨터 시스템이 사용자 인터페이스를 제어하는 명령(instruction)을 포함하는 컴퓨터 판독가능 매체로서, 상기 명령은 앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 만드는 단계; 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하는 단계; 및 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 단계를 포함하는 방법에 의하여 상기 컴퓨터 시스템을 제어하는, 컴퓨터 판독가능 매체가 제공된다.
3D 사용자 인터페이스 시스템에 있어서, 앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 나타내는 아이콘 생성부; 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하는 기둥 구성부; 및 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 타운 형성부를 포함하는 3D 사용자 인터페이스 시스템이 제공된다.
본 발명을 통해서 관련성을 가지는 어플리케이션들을 스크린 상에 3D 형태의 건물, 또는 마을로 나타냄으로써, 사용자가 필요한 어플리케이션을 찾기 위해서 일일이 화면을 넘기면서 검색하지 않고 시간과 위치, 어플리케이션 사용빈도에 따라서 선택하기 쉽도록 재배치해주므로 빠르게 어플리케이션을 실행할 수 있다.
도 1은 본 발명의 일실시예에 있어서, 3D 사용자 인터페이스 방법을 실시하기 위한 스마트기기의 기본 스크린 구성을 나타낸 도면이다.
도 2는 본 발명의 일실시예에 있어서, 3D 사용자 인터페이스를 실행하는 흐름도를 나타낸 도면이다.
도 3은 본 발명의 일실시예에 있어서, 2D 아이콘을 3D 아이콘으로 나타낸 도면이다.
도 4는 본 발명의 일실시예에 있어서, 3D 아이콘을 건물 모형의 기둥으로 구성한 것을 도시한 것이다.
도 5는 본 발명의 일실시예에 있어서, 기둥이나 3D 아이콘을 이용하여 타운을 형성한 것을 도시한 것이다.
도 6은 본 발명의 일실시예에 있어서, 모바일 디바이스를 좌우 측면방향으로 흔드는 모션을 도시한 것이다.
도 7은 본 발명의 일실시예에 있어서, 모바일 디바이스를 전후 방향으로 흔드는 모션을 도시한 것이다.
도 8은 본 발명의 일실시예에 있어서, 디바이스 스크린 상에서 3D 아이콘과 기둥을 수동으로 재배치하는 것을 도시한 것이다.
도 9 는 본 발명의 일실시예에 있어서, 시간과 장소에 따라 다른 앱의 아이콘들이 추천되도록 하기 위해 디바이스 상단을 터치하는 것을 도시한 것이다.
도 10은 본 발명의 일실시예에 있어서, UI 관점을 스크린 드래그를 통해서 변경하는 것을 나타낸 도면이다.
도 11은 본 발명의 일실시예에 있어서, 멀티 터치를 통해 UI 관점 초점을 변경하는 것을 나타낸 도면이다.
도 12는 본 발명의 일실시예에 있어서, 모바일 디바이스를 시계 방향으로 회전시킨 화면을 나타낸 것이다.
도 13은 본 발명의 일실시예에 있어서, 모바일 디바이스를 반시계 방향으로 회전시킨 화면을 나타낸 것이다.
도 14는 본 발명의 일실시예에 있어서, 모바일 디바이스의 상단을 기준으로 하여 사용자가 있는 방향으로 기울인 화면을 나타낸 것이다.
도 15는 본 발명의 일실시예에 있어서, 모바일 디바이스의 하단을 기준으로 하여 사용자가 있는 방향으로 기울인 화면을 나타낸 것이다.
도 16은 본 발명의 일실시예에 있어서, 3D 사용자 인터페이스 시스템의 블록도를 도시한 것이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
본 발명에서 사용자 인터페이스는 사용자와 시스템이라는 두 측면의 사이에서 둘 간의 상호 작용이 원활하게 이루어지도록 돕는 장치나 소프트웨어, 휴대전화의 액정 화면이나 단추는 물론 소프트웨어에서 사용자가 조작하는 메뉴나 체제 등이 모두 사용자 인터페이스에 속한다.
도 1은 본 발명의 일실시예에 있어서, 3D 사용자 인터페이스 방법을 실시하기 위한 스마트기기의 기본 스크린 구성을 나타낸 도면이다.
모바일 디바이스(이하, 디바이스라 칭한다) 스크린 상에 앱의 아이콘을 3D로 나타내 스크린을 2차원이 아닌 3차원적으로 활용하게 된다. 보여지는 화면에서 보이는 가장 작은 단위로, 정육면체로 표현되는 것이 3D 아이콘(110)이며 하나의 3D 아이콘(110)은 한 개의 앱을 나타낸다.
이 3D 아이콘(110)들은 한 개 이상이 모여 건물 모형의 기둥(120)으로 구성된다. 그리고 이 기둥(120)들은 한 개 이상이 모여 하나의 도시 모형을 나타내는 타운(130)이 형성된다. 디바이스 스크린 상에 나타나는 3D 아이콘(110)은 기본적으로 타운(130)형태로 표시된다.
본 발명의 일실시예에 있어서, 3D 사용자 인터페이스 방법은 먼저 앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘(110)으로 나타내는 단계(210), 3D 아이콘(110)을 적어도 한 개 이상을 이용하여 건물 모형의 기둥(120)을 구성하는 단계(220), 그리고 기둥(120)을 적어도 한 개 이상을 배치하여 타운(130)을 형성하는 단계(230)로 진행된다.
단계(210)에 의하면, 2D 아이콘을 3D 아이콘(110)으로 나타내는 것은 도 3을 참고하여 설명한다. 기존의 디바이스 스크린 상에는 앱의 아이콘이 2차원적으로 제공되는데 반해 도 3과같이 아이콘을 정육면체에 입혀서 3차원적으로 나타낼 수 있다. 3D 아이콘(110)은 2차원적으로 제공되는 아이콘을 이용하여 나타내며, 정육면체 한 개는 한 개의 앱을 나타낸다.
3D 사용자 인터페이스 방법은 단계(210)에서 만들어진 3D 아이콘(110)을 단계(220)를 통해 적어도 한 개 이상 이용하여 건물 모형의 기둥(120)을 구성할 수 있다. 도 4에 도시된 바와 같이, 하나의 기둥(120)은 기둥(120)에 포함되는 3D 아이콘(110)의 개수에 따라서 그 높이가 결정되고 한 개의 3D 아이콘(110)부터 다수 개의 아이콘을 포함할 수 있다.
건물 모형의 기둥(120)을 구성할 때, 하나의 기둥(120)을 이루는 3D 아이콘(110)들은 앱의 유사성, 관련성, 동일 시간, 동일 장소, 필요성을 카테고리 이름 또는 종류로 표현하는 식별자로 하여 구분하고, 식별자의 명칭은 기둥(120)의 각 최상위에 즉, 기둥(120)의 옥상에 해당하는 곳에 시스템에 의해 자동으로 입력되거나 혹은 사용자에 의해서 수동으로 입력될 수 있다. 이때, 설치되어있는 앱을 구분하는 식별자는 사용자가 직접 설정하거나 앱을 다운 받은 곳의 카테고리를 참조하도록 시스템을 설정할 수 있다.
또한, 단계(230)에 의하면, 기둥(120)을 적어도 한 개 이상 배치하여 타운(130)을 형성할 수 있는데, 타운(130)을 구성하는 각 기둥(120)의 최상위에 입력된 식별자와 함께, 형성된 상태를 디바이스에 저장할 수 있으며, 사용자의 시간, 위치와 연동하여 형성된 타운(130) 중 연관된 타운(130)을 시스템에 의해서 자동으로 선택하거나 사용자가 직접 수동으로 선택이 가능할 수 있다.
타운(130)의 형태는 다양 할 수 있는데 이에 몇 가지 예를 들어보면, 도 5의 왼쪽 도면과 같이, 3D 아이콘(110)이 다수 개 포함되어 높은 빌딩 모형의 기둥(120)을 다수 개 포함하는 도심 지역 타운(130)을 모델링 할 수 있으며, 도 5의 오른쪽 도면과 같이, 한 개 혹은 두 개의 3D 아이콘(110)만 포함한 낮은 기둥(120)을 다수 개 포함하여 디바이스 스크린 상에 아이콘들을 배치한 전원주택 타운(130)을 모델링 할 수도 있다. 또한 이를 응용하면, 상가밀집 지역 등 다양한 타운(130)을 모델링 하여 각기 다른 용도로 사용할 수 있다.
여기서 도심 지역 모델의 타운(130)에는 업무 관련 아이콘들을 배치할 수 있고, 전원주택 모델의 타운(130)에는 가정 및 가족 관련 아이콘을 배치할 수 있으며, 이런 방법으로, 상가지역 모델의 타운(130)에는 외식, 유흥, 쇼핑 관련 아이콘을 배치할 수 있다. 또한, 각 타운(130)에도 각각 타운(130)의 구성을 표현하는 고유한 식별자를 사용자가 부여하여 저장할 수 있으며, 디바이스의 기본 구성이 되는 타운(130)은 시스템에 의해 시간과 위치에 따라 자동으로 추천되어 변경되거나 사용자가 직접 수동으로 타운(130)을 선택하여 불러올 수 있다.
3D 사용자 인터페이스 방법에 따르면, 3D 아이콘과 기둥, 그리고 타운의 정렬은 사용자가 정해놓은 설정에 따라 디바이스 내에서 자동으로 재배치되거나, 사용자에 의해 수동으로 재배치될 수 있다.
디바이스의 모션을 감지하여, 디바이스 스크린 상에 사용자가 특별하게 지정한 포지션(본 발명에서는 타운의 중심을 말한다)으로, 시간과 위치에 따라 다르게 추천되는 앱의 3D 아이콘을 포함하는 기둥이 자동적으로 재배치될 수 있다. 도 6에 도시된 바, 사용자가 디바이스를 좌우 측면으로 흔드는 모션이 감지되면 시간과 위치에 따라 다르게 추천되는 앱의 3D 아이콘을 포함하는 기둥이 자동적으로 타운의 중심 위치로 재배치될 수 있는 것이다.
이때, 시간과 위치에 따라 다르게 추천되는 앱은 각각의 기둥에 부여된 식별자를 기준으로 우선도를 부여하고, 시스템에 의해 자동으로 혹은 사용자에 의해 수동으로 설정될 수 있으며, 식별자는 사용 빈도에 따른 것을 포함할 수 있다. 또한, 시간과 장소에 따라 다르게 추천되는 앱의 아이콘을 포함하는 기둥을 제외한 기둥들에는 유사한 어플리케이션을 그룹으로 묶어서 기둥을 형성하여 3D 아이콘을 정렬한다.
이때, 재배치의 기준이 되는 장소는 역사, 학교, 영화관, 직장 등이 될 수 있으며, 시간은 아침, 점심, 저녁, 평일, 주말 등이 될 수 있다.
이와 관련하여, 도 7에서는 사용자가 디바이스를 전후 방향으로 흔드는 디바이스의 모션을 감지하게 되면, 시스템에 의해 자동으로, 형성된 각각의 기둥에서 사용 빈도가 높은 앱의 3D 아이콘이 기둥의 최상위에 재배치될 수 있다.
도 8은 디바이스 스크린 상에서 3D 아이콘과 기둥을 수동으로 재배치하는 것을 도시한 것이다.
디바이스의 모션을 감지하여 기둥의 위치를 자동으로 재배치하는 방법 이외에 사용자는 이동 시키고자 하는 상기 기둥의 최상위 위치를 롱 클릭함으로써 기둥 전체를 선택한 후, 드래그 앤 드롭 하여 기둥의 위치를 수동으로 재배치할 수 있다.
또한, 사용자는 이동시키고자 하는 상기 3D 아이콘을 롱 클릭하여 선택한 후, 드래그 앤 드롭 하여 3D 아이콘의 위치를 변경할 수 있으며, 3D 아이콘이 속해있는 기둥을 변경하여 또는 속해있는 타운을 변경하여 3D 아이콘을 수동으로 재배치할 수 있다.
도 8을 실시예로 들어 수동 재배치를 설명한다. 먼저 왼쪽 상단의 그림을 기준으로 한다. '3'의 식별자를 가진 기둥의 최상위를 롱 클릭하면 이동이 가능해지며 '2'의 식별자를 가진 기둥의 왼쪽 옆의 위치로 드래그 앤 드롭하게 되면, 오른쪽 상단의 그림과 같이 '3'의 식별자를 가진 기둥이 '2'의 식별자를 가진 기둥과 '1'의 식별자를 가진 기둥의 사이에 위치하도록 재배치될 수 있다.
3D 아이콘의 수동 재배열은 3D 아이콘이 속한 기둥 내에서 혹은 다른 기둥에 속한 아이콘의 위치로 재배열이 가능하다. 일례로, 도 8의 왼쪽 상단 그림에서 '1'의 식별자를 가진 기둥 내의 'ㄱ'이라는 앱의 3D 아이콘을 롱 클릭하여 'ㄷ'이라는 앱의 아래 위치로 드래그 앤 드롭하게 되면, 'ㄱ'이라는 앱의 위치가 'ㄷ'이라는 앱의 아래로 위치가 바뀌어 결과적으로는 'ㄴ'이라는 앱이 최상위에 위치하고 그 아래 'ㄷ'과 'ㄱ'이 차례로 위치하여 재배치될 수 있다.
또한, 도 8의 좌측 상단의 상태에서 'ㄱ'이라는 앱을 '2'의 식별자를 가진 기둥의 최상위에 위치한 앱의 위치로 드래그 앤 드롭하게 되면, '1'의 식별자를 가진 기둥으로부터 'ㄱ'이라는 앱이 '2'의 식별자를 가진 기둥의 최상위로 이동하게 되어 결과적으로 '1'의 식별자를 가진 기둥의 높이는 낮아지고 '2'의 식별자를 가진 기둥의 높이는 높아지게 된다.
이러한 방식으로 디바이스에 특정한 형태의 움직임을 주거나, 스크린을 터치함으로써 3D 아이콘 단위, 혹은 기둥 단위로 스크린 상 배열을 재배치 할 수 있다.
디바이스의 모션으로 자동 재배치를 할 때, 자동으로 재배치하는 기준과 추천되는 내용을 변경할 수 있다. 도 9를 참조하면, 디바이스의 상단에는 사용자의 터치를 감지할 수 있는 센서가 장착되어 있는데, 도시된 바와 같이, 상기 디바이스의 상단을 두 번 터치하면, 사용자에게 시간과 위치에 따라 다르게 추천되는 앱의 상기 3D 아이콘을 포함하는 기둥의 추천 내용을 변경할 수 있고, 사용자에게 시간과 장소에 따라 다르게 추천되는 앱의 3D 아이콘을 포함하는 기둥 주위에 시간과 위치에 따라서 카테고리 별로 구분되어 있는 기둥을 배치할 수 있다.
3D 사용자 인터페이스는 사용자가 디바이스의 스크린을 터치함으로써 3D 아이콘과 기둥, 그리고 타운의 UI(User Interface) 관점을 변경할 수 있는 내용을 포함한다.
먼저, 디바이스의 스크린을 드래그하면 드래그하는 방향의 반대 방향으로 UI 관점이 변경될 수 있다. 도 10에 도시된 내용을 참고하여 설명하면, 드래그하는 방향이 왼쪽일 때, 화면 상 UI 관점은 오른쪽으로 이동하여 기준면의 오른쪽을 볼 수 있고, 드래그하는 방향이 오른쪽일 때는, 화면 상 UI 관점이 왼쪽으로 이동하여 기준면의 왼쪽을 볼 수 있다. 이와 같이, 드래그하는 방향이 위쪽일 때, UI 관점은 아래쪽으로 이동하여 밑에서 올려다보는 건물의 형태로 3D 아이콘을 볼 수 있으며, 반대로 드래그하는 방향이 아래쪽일 때, UI 관점은 위쪽으로 이동하여 높은 곳에서 건물을 내려다보는 것처럼 3D 아이콘을 볼 수 있다.
드래그하는 방향은 오른쪽, 왼쪽, 아래쪽, 위쪽으로 제한하지 않기 때문에 UI 관점은 오른쪽 위, 오른쪽 아래, 왼쪽 위, 왼쪽 아래, 또는 뒤쪽으로도 UI 관점을 변경할 수 있다.
또한, 화면을 확대하거나 축소하면서 UI 관점을 변경할 수 있는데, 디바이스의 스크린을 멀티 터치 후 간격을 좁히면 멀티 터치이전 화면 상태에서 초점이 멀어지면서 화면이 축소되는데 이를 후퇴라 할 수 있으며, 반대로 간격을 넓히면 초점이 가까워지면서 화면이 확대되는 것을 진출이라 할 수 있다면, 후퇴와 진출의 방식으로 UI 관점을 변경할 수 있다. 이러한 후퇴, 진출 방식을 이용하면 계속적으로 UI 관점이 변경되면서 현 위치의 뒤쪽 기둥, 또는 앞쪽 기둥을 볼 수 있다.
3D 사용자 인터페이스는 사용자가 디바이스의 기울임을 통해서 3D 아이콘과 기둥, 그리고 타운의 UI 관점을 변경할 수 있는 내용을 포함한다. 도 12부터 도 15까지의 도면은 디바이스의 기울임으로 UI 관점이 어떻게 변하는 지를 도시한 것이다.
도 12와 같이 왼쪽 방향으로 디바이스를 회전시켜 왼쪽 모서리는 뒤로 오른쪽 모서리가 앞으로 오게 될 때, 이에 따라 스크린 상의 왼쪽에 위치한 기둥은 사용자에게 멀어 보이고, 오른쪽에 위치한 기둥은 가깝게 보이도록 UI 관점이 조정될 수 있다. 그리고 도 13과 같이 디바이스를 도 12와 반대 방향으로 회전시켜 오른쪽 모서리는 뒤로 왼쪽 모서리가 앞으로 오게 될 때, 이에 따라 스크린 상의 오른쪽에 위치한 기둥은 사용자에게 멀어 보이고, 왼쪽에 위치한 기둥은 가깝게 보이도록 UI 관점이 조정될 수 있다.
같은 일례로, 도 14는 디바이스의 상층부분을 사용자 방향으로 당기면, UI 관점이 위쪽으로 변경되어 기둥의 상층부가 크게 보이고 하층부는 작게 보일 수 있다. 그리고 도 14와 반대로 도 15에 도시된 바대로, 디바이스의 하층부분을 사용자 방향으로 당기게 되면 UI 관점이 아래로 변경되어 기둥의 하층부가 크게 보이고 상층부는 작게 보일 수 있다.
본 발명의 실시예들은 컴퓨터 시스템이 사용자 인터페이스를 제어하는 명령(instruction)을 포함하는 컴퓨터 판독가능 매체로서, 앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 만드는 단계; 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하는 단계; 및 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 단계를 포함하는 방법에 의하여 상기 컴퓨터 시스템을 제어하는 컴퓨터 판독가능 매체를 포함한다.
상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다.
컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
도 16은 본 발명의 일실시예에 있어서, 3D 사용자 인터페이스 시스템(1600)의 구조를 도시한 블록도이다.
3D 사용자 인터페이스 시스템(1600)에 있어서, 아이콘 생성부(1610); 기둥 구성부(1620); 타운 형성부(1630); 재배치부(1640); 및 UI 관점변경부(1650)를 포함할 수 있다.
아이콘 생성부(1610)에서는 앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 나타내는 단계를 수행한다. 그리고 기둥 구성부(1620)에서는 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하는 단계를 수행한다. 이때, 구성된 기둥은 기둥의 높이에 포함되는 3D 아이콘의 개수에 따라 그 높이가 달라진다. 또한, 기둥 구성부(1620)는 앱의 유사성, 관련성, 동일 시간, 동일 장소, 필요성을 카테고리 이름 또는 종류로 표현하는 식별자를 기준으로 하여, 식별자의 명칭을 기둥의 각 최상위에 자동적으로 입력되거나 혹은 사용자에 의해 수동으로 입력되도록 하는 단계를 수행한다.
타운 형성부(1630)는 기둥 구성부(1620)에서 구성한 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 단계를 수행한다. 그리고, 타운 형성부(1630)를 통해 각 기둥의 최상위에 입력된 식별자와 함께 형성된 상태를 디바이스에 저장할 수 있으며, 사용자의 시간, 위치와 연동하여 형성된 타운 중에서 연관된 타운을 자동으로 또는 수동으로 선택할 수 있다.
재배치부(1640)는 3D 아이콘과 기둥, 그리고 타운의 정렬을 변경하는 역할을 수행하는데, 사용자가 정해놓은 설정에 따라 디바이스 내에서 자동으로 재배치되거나, 사용자를 통해 수동으로 재배치할 수 있다. 자동으로 재배치하는 경우, 디바이스의 모션을 감지하여 시간, 위치에 따라 또는, 사용 빈도에 따라서 재배치하며, 수동으로 재배치하는 경우 디바이스 스크린의 롱 클릭을 감지하여 재배치하는 단계를 수행한다.
UI 관점변경부(1650)에서는 스크린 상에 기본적으로 제공되는 화면 내 나타나는 타운의 UI 관점을 변경하는 역할을 수행한다. UI 관점변경부(1650)는 디바이스의 스크린을 터치하거나 디바이스의 기울임을 감지하여, 3D 아이콘과 기둥, 그리고 타운의 UI 관점을 변경할 수 있다.
이러한 사용자 인터페이스 기능을 제공함으로써 사용자는 관련 아이콘들을 용도별로 구성할 수 있으며, 장소와 시간에 따라 필요한 앱의 아이콘을 찾기 위해 필요한 조작의 수를 줄여서 쉽고 빠르게 필요한 앱을 실행할 수 있게 된다.
이상과 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상의 지식을 가진 자에 의해서 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.
1600: 3D 사용자 인터페이스 시스템
1610: 아이콘 생성부
1620: 기둥 구성부
1630: 타운 형성부
1640: 재배치부
1650: UI 관점변경부

Claims (18)

  1. 3D 사용자 인터페이스 방법에 있어서,
    앱 개발자가 제공하는 2D 아이콘을 단위입체에 입혀서 3D 아이콘으로 나타내고,
    상기 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하며,
    상기 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 3D 사용자 인터페이스 방법.
  2. 제1항에 있어서,
    상기 구성된 기둥은 기둥의 높이에 포함되는 상기 3D 아이콘의 개수에 따라 달라지는 것을 특징으로 하는 3D 사용자 인터페이스 방법.
  3. 제1항에 있어서,
    상기 기둥은 앱의 유사성, 관련성, 동일 시간, 동일 장소, 필요성을 카테고리 이름 또는 종류로 표현하는 식별자로 기준을 정하며,
    상기 식별자의 명칭은 상기 기둥의 각 최상위에 자동 혹은 수동으로 입력될 수 있는 것을 특징으로 하는 3D 사용자 인터페이스 방법.
  4. 제1항에 있어서,
    상기 형성된 타운은,
    각 기둥의 최상위에 입력된 상기 식별자와 함께 형성된 상태로 디바이스에 저장되며,
    사용자의 시간, 위치와 연동하여 상기 형성된 타운 중 연관된 타운을 자동 또는 수동으로 선택이 가능한 3D 사용자 인터페이스 방법.
  5. 제1항에 있어서,
    상기 3D 아이콘과 상기 기둥, 그리고 상기 타운은 사용자가 정해놓은 설정에 따라 디바이스 내에서 자동으로 재배치되거나, 상기 사용자에 의해 수동으로 재배치되는 3D 사용자 인터페이스 방법.
  6. 제5항에 있어서,
    상기 디바이스의 모션을 감지하여, 디바이스 스크린 상에 상기 사용자가 특별하게 지정한 포지션으로, 시간과 위치에 따라 다르게 추천되는 앱의 상기 3D 아이콘을 포함하는 기둥이 자동적으로 재배치되며,
    상기 추천되는 앱은 자동으로 혹은 수동으로 설정할 수 있는 3D 사용자 인터페이스 방법.
  7. 제5항에 있어서,
    상기 디바이스의 모션을 감지하여, 상기 형성된 각각의 기둥에서 사용 빈도가 높은 앱의 상기 3D 아이콘이 상기 기둥의 최상위에 재배치되는 3D 사용자 인터페이스 방법.
  8. 제5항에 있어서,
    상기 사용자의 조작에 따라 이동시키고자 하는 상기 기둥의 최상위 위치를 롱 클릭함으로써 기둥 전체를 선택한 후, 드래그 앤 드롭 하여 상기 기둥의 위치를 수동으로 재배치하는 3D 사용자 인터페이스 방법.
  9. 제5항에 있어서,
    상기 사용자의 조작에 따라 이동시키고자 하는 상기 3D 아이콘을 롱 클릭하여 선택한 후, 드래그 앤 드롭 하여 상기 3D 아이콘의 위치 및 상기 3D 아이콘이 속해있는 기둥을 변경하여 수동으로 재배치하는 3D 사용자 인터페이스 방법.
  10. 제5항에 있어서,
    상기 디바이스의 상단에는 사용자의 터치를 감지할 수 있는 센서가 장착되어 있고, 상기 사용자가 상기 디바이스의 상단을 미리 설정된 횟수 이상으로 터치하면,
    상기 사용자에게 시간과 위치에 따라 다르게 추천되는 앱의 상기 3D 아이콘을 포함하는 기둥의 추천 내용을 변경하고,
    상기 사용자에게 시간과 장소에 따라 다르게 추천되는 앱의 상기 3D 아이콘을 포함하는 기둥 주위에 시간과 위치에 따라 카테고리 별로 구분되어 있는 기둥을 배치하는 3D 사용자 인터페이스 방법.
  11. 제1항에 있어서,
    사용자에 의해 디바이스의 스크린이 터치되는 경우 상기 3D 아이콘과 상기 기둥, 그리고 상기 타운의 UI(User Interface)관점을 변경하는 3D 사용자 인터페이스 방법.
  12. 제10항에 있어서,
    상기 디바이스의 스크린을 드래그하면 드래그하는 방향의 반대 방향으로 UI 관점이 변경되는 3D 사용자 인터페이스 방법.
  13. 제10항에 있어서,
    상기 디바이스의 스크린을 멀티 터치 후 간격을 좁히면 멀티 터치이전 화면 상태에서 초점이 멀어지며, 간격을 넓히면 초점이 가까워지도록 UI 관점이 변경되는 3D 사용자 인터페이스 방법.
  14. 제1항에 있어서,
    디바이스의 기울임을 통해 상기 3D 아이콘과 상기 기둥, 그리고 상기 타운의 UI 관점을 변경하는 3D 사용자 인터페이스 방법.
  15. 컴퓨터 시스템이 사용자 인터페이스를 제어하는 명령(instruction)을 포함하는 컴퓨터 판독가능 매체로서, 상기 명령은
    앱 개발자가 제공하는 2D 아이콘을 단위입체(정육면체)에 입혀서 3D 아이콘으로 만드는 단계;
    상기 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하는 단계; 및
    상기 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 단계
    를 포함하는 방법에 의하여 상기 컴퓨터 시스템을 제어하는, 컴퓨터 판독가능 매체.
  16. 3D 사용자 인터페이스 시스템에 있어서,
    앱 개발자가 제공하는 2D 아이콘을 단위입체에 입혀서 3D 아이콘으로 나타내는 아이콘 생성부;
    상기 3D 아이콘을 적어도 한 개 이상을 이용하여 건물 모형의 기둥을 구성하는 기둥 구성부;
    상기 기둥을 적어도 한 개 이상을 배치하여 타운을 형성하는 타운 형성부;
    상기 3D 아이콘과 상기 기둥, 그리고 상기 타운의 정렬을 변경하는 재배치부; 및
    상기 3D 아이콘과 상기 기둥, 그리고 상기 타운의 UI 관점을 변경하는 UI 관점변경부
    를 포함하는 3D 사용자 인터페이스 시스템.
  17. 제16항에 있어서,
    상기 재배치부는 사용자가 정해놓은 설정에 따라 디바이스 내에서 자동으로 재배치되거나, 상기 사용자에 의해 수동으로 재배치되는 것을 특징으로 하는 3D 사용자 인터페이스 시스템.
  18. 제16항에 있어서,
    상기 UI 관점변경부는 디바이스의 스크린을 터치하거나 디바이스의 기울임을 통해 상기 3D 아이콘과 상기 기둥, 그리고 상기 타운의 UI 관점을 변경하는 것을 특징으로 하는 3D 사용자 인터페이스 시스템.
KR1020120032465A 2012-03-29 2012-03-29 도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템 KR101342749B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020120032465A KR101342749B1 (ko) 2012-03-29 2012-03-29 도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120032465A KR101342749B1 (ko) 2012-03-29 2012-03-29 도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템

Publications (2)

Publication Number Publication Date
KR20130110464A true KR20130110464A (ko) 2013-10-10
KR101342749B1 KR101342749B1 (ko) 2013-12-19

Family

ID=49632270

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120032465A KR101342749B1 (ko) 2012-03-29 2012-03-29 도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템

Country Status (1)

Country Link
KR (1) KR101342749B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20230400957A1 (en) * 2022-06-13 2023-12-14 Illuscio, Inc. Systems and Methods for Generating Three-Dimensional Menus and Toolbars to Control Computer Operation

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20230400957A1 (en) * 2022-06-13 2023-12-14 Illuscio, Inc. Systems and Methods for Generating Three-Dimensional Menus and Toolbars to Control Computer Operation
US11983382B2 (en) * 2022-06-13 2024-05-14 Illuscio, Inc. Systems and methods for generating three-dimensional menus and toolbars to control computer operation

Also Published As

Publication number Publication date
KR101342749B1 (ko) 2013-12-19

Similar Documents

Publication Publication Date Title
US11853523B2 (en) Display device and method of indicating an active region in a multi-window display
US10671282B2 (en) Display device including button configured according to displayed windows and control method therefor
US11635869B2 (en) Display device and method of controlling the same
KR101685529B1 (ko) 화면 구성 방법, 그 방법을 수행할 수 있는 유저 디바이스, 및 저장 매체
KR101656168B1 (ko) 이동단말기의 데스크톱 시스템, 인터페이스 인터랙션 방법, 장치, 프로그램 및 저장매체
KR102183071B1 (ko) 복수 어플리케이션을 실행하는 디스플레이 장치 및 그 제어 방법
US9710149B2 (en) Method and apparatus for displaying user interface capable of intuitively editing and browsing folder
EP2690543B1 (en) Display device for executing multiple applications and method for controlling the same
AU2013356799B2 (en) Display device and method of controlling the same
US20130125043A1 (en) User interface providing method and apparatus for mobile terminal
EP2657831A2 (en) Method and terminal for displaying a plurality of pages, method and terminal for displaying a plurality of applications being executed on terminal, and method of executing a plurality of applications
JP2008276776A (ja) タッチ式タグ・ナビゲーション方法及び関連装置
KR20160046150A (ko) 도형 컨텐트를 생성 및 해석하는 방법 및 장치
CN110262677A (zh) 用于操纵用户界面对象的用户界面
KR102102157B1 (ko) 복수 어플리케이션을 실행하는 디스플레이 장치 및 그 제어 방법
US10739953B2 (en) Apparatus and method for providing user interface
EP2790096A2 (en) Object display method and apparatus of portable electronic device
CN102929556A (zh) 一种基于触摸屏的交互控制方法及设备
KR102205283B1 (ko) 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법
KR20150095540A (ko) 사용자 단말 장치 및 이의 디스플레이 방법
KR20200125558A (ko) 디스플레이 장치 및 그 제어 방법
KR101342749B1 (ko) 도시 모형의 3ｄ 사용자 인터페이스 및 자동 아이콘 재배치 방법 및 시스템
KR102084548B1 (ko) 디스플레이 장치 및 그 제어 방법
KR20100107611A (ko) 단말 제어 장치 및 방법
KR20110011845A (ko) 터치 스크린이 구비된 이동통신 단말기 및 그 제어 방법

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20161010

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20171211

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20181210

Year of fee payment: 6