KR102475337B1 - 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체 - Google Patents

사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체 Download PDF

Info

Publication number
KR102475337B1
KR102475337B1 KR1020150188081A KR20150188081A KR102475337B1 KR 102475337 B1 KR102475337 B1 KR 102475337B1 KR 1020150188081 A KR1020150188081 A KR 1020150188081A KR 20150188081 A KR20150188081 A KR 20150188081A KR 102475337 B1 KR102475337 B1 KR 102475337B1
Authority
KR
South Korea
Prior art keywords
screen
menu
user device
moving
menus
Prior art date
Application number
KR1020150188081A
Other languages
English (en)
Other versions
KR20170078007A (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 KR1020150188081A priority Critical patent/KR102475337B1/ko
Publication of KR20170078007A publication Critical patent/KR20170078007A/ko
Application granted granted Critical
Publication of KR102475337B1 publication Critical patent/KR102475337B1/ko

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning

Landscapes

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

Abstract

본 발명은 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체를 개시한다. 즉, 본 발명은 사용자 장치에 설치된 앱의 실행에 따른 앱 실행 결과에서, 해당 앱 실행 결과 상에서의 특정 화면 조작이 감지되는 경우, 화면의 전환 없이 메뉴와 선택 가능 객체들이 화면 내 다른 영역으로 동적 이동하면서 새로운 화면 인터페이스를 구성하도록 하여 현재 메뉴에 대한 연속성을 유지하면서도 제공할 콘텐츠 표시 영역을 확보할 수 있도록 함으로써, 모션의 연속성을 가진 인터랙션 화면 인터페이스 제공으로 콘텐츠를 보다 큰 화면으로 제공이 가능하며 메뉴 이동과 현재 메뉴 식별에 대한 효과적 화면 인터페이스를 유지할 수 있어 사용자의 편의성을 향상시킬 수 있는 효과가 있다.

Description

사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체{User equipment, control method thereof and computer readable medium having computer program recorded thereon}
본 발명은 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체에 관한 것으로, 특히 사용자 장치에 설치된 앱의 실행에 따른 앱 실행 결과에서, 해당 앱 실행 결과 상에서의 특정 화면 조작이 감지되는 경우, 화면의 전환 없이 메뉴와 선택 가능 객체들이 화면 내 다른 영역으로 동적 이동하면서 새로운 화면 인터페이스를 구성하도록 하여 현재 메뉴에 대한 연속성을 유지하면서도 제공할 콘텐츠 표시 영역을 확보할 수 있도록 한 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체에 관한 것이다.
사용자 장치는 GPS(Global Positioning System) 기능 및 통화 기능(또는, 호(call) 기능)을 수행하여, 그 수행 결과를 사용자에게 제공하는 장치이다.
이러한 사용자 장치에 계층적 메뉴에 따라 제공되는 콘텐츠가 많은 앱이 실행되는 경우, 해당 사용자 장치는 복잡한 다층 메뉴 선택과 메뉴간 이동 조작을 위한 화면 인터페이스가 존재하는 앱 실행 결과를 표시하며, 이러한 메뉴 선택이나 메뉴간 이동 조작 시 화면이 전체적으로 전환되므로 현재 제공되는 메뉴 위치를 정확히 알기 어렵고 화면 전환에 의해 단절된 사용자 경험을 제공하기 때문에 앱을 통해 제공되는 다양한 정보들을 효과적으로 활용하지 못하는 불편함이 존재한다. 또한, 다층 메뉴 선택과 메뉴간 이동 조작을 위한 화면 인터페이스는 제한된 사용자 장치의 표시 영역에서 차지하는 비중이 크기 때문에 실제 필요한 콘텐츠 확인을 위한 영역이 줄어드는 문제가 있다.
한국공개특허 제10-2015-0067086호 [명칭: 터치 스크린 인에이블형 착용식 디바이스를 위한 멀티-축 인터페이스]
본 발명의 목적은 사용자 장치에 설치된 앱의 실행에 따른 앱 실행 결과 화면 상에서의 특정 화면 조작이 감지되는 경우, 화면의 전환 없이 메뉴와 선택 가능 객체들이 화면 내 다른 영역으로 동적 이동하면서 새로운 화면 인터페이스를 구성하도록 하여 현재 메뉴에 대한 연속성을 유지하면서도 제공할 콘텐츠 표시 영역을 더 넓게 확보할 수 있도록 한 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체를 제공하는 데 있다.
본 발명의 다른 목적은 사용자 장치의 제한된 화면 상에 다층 메뉴 항목과 메뉴 간 이동을 위한 선택 객체들이 다단으로 제공되는 화면 인터페이스를 제공하여 원하는 메뉴로 쉽게 이동할 수 있도록 함과 아울러, 특정 메뉴에서 제공되는 콘텐츠 확인을 위한 스크롤 조작 시 다단으로 제공되는 메뉴 항목과 선택 객체들이 동적으로 이동하여 상단바에 재구성되도록 함으로써 현재 메뉴에 대한 시선 집중과 직관적 연속성을 유지하면서 콘텐츠 표시 영역을 확장할 수 있도록 한 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체를 제공하는 데 있다.
본 발명의 실시예에 따른 사용자 장치는 사용자 장치에 설치된 앱에 대응하는 앱 실행 결과 화면을 표시하고 사용자의 터치 입력을 감지하는 표시부; 및 상기 표시부에 앱 실행 결과 화면으로 다층 메뉴 항목과 메뉴 간 이동을 위한 선택 객체들 및 현재 메뉴에 따른 콘텐츠가 다단으로 제공되는 화면 인터페이스를 제공하고, 화면의 스크롤 동작이 검출되면 다단으로 제공되는 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하며 콘텐츠 표시 영역이 확장되도록 제어하는 제어부를 포함할 수 있다.
본 발명과 관련된 일 예로서 제어부는 다층 메뉴 항목 중 일부 항목은 동적으로 제거할 수 있다.
본 발명과 관련된 일 예로서 제어부는 이동시키는 메뉴 항목이나 메뉴 간 이동을 위한 선택 객체의 크기나 형상을 동적으로 변형시킬 수 있다.
본 발명과 관련된 일 예로서 제어부는 현재 메뉴에 따른 콘텐츠 제공 영역을 위쪽으로 스크롤하는 입력을 감지하고, 해당 콘텐츠 표시 영역을 스크롤하는 속도에 맞추어 다단으로 제공되는 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성할수 있다.
본 발명과 관련된 일 예로서 제어부는 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하는 과정에서 상단바의 크기를 변형할 수 있다.
본 발명의 실시예에 따른 사용자 장치의 제어 방법은 표시부를 통해, 사용자 장치에 설치된 앱에 대응하는 앱 실행 결과 화면을 다층 메뉴 항목과 메뉴 간 이동을 위한 선택 객체들 및 현재 메뉴에 따른 콘텐츠가 다단으로 제공되는 화면 인터페이스로 제공하는 단계; 및 제어부를 통해, 상기 표시부에 표시되는 앱 실행 결과 화면의 스크롤 동작이 검출되면 다단으로 제공되는 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하며 콘텐츠 표시 영역이 확장되도록 하는 단계를 포함할 수 있다.
본 발명과 관련된 일 예로서 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하는 단계는, 다층 메뉴 항목 중 일부 항목을 동적으로 제거하거나, 이동시키는 메뉴 항목이나 메뉴 간 이동을 위한 선택 객체의 크기나 형상을 동적으로 변형시키는 단계를 포함할 수 있다.
본 발명과 관련된 일 예로서 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하는 단계는, 현재 메뉴에 따른 콘텐츠 제공 영역을 위쪽으로 스크롤하는 입력을 감지하고, 해당 콘텐츠 표시 영역을 스크롤하는 속도에 맞추어 다단으로 제공되는 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하는 단계를 포함할 수 있다.
본 발명과 관련된 일 예로서 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상단바에 재구성하는 단계는, 앱 실행 결과 화면에 대한 반대 방향 스크롤 동작이 검출되면 재구성된 상단바의 메뉴 항목과 선택 객체들을 동적으로 이동시켜 이전 상태로 복원되도록 하는 단계를 포함할 수 있다.
본 발명의 실시예에 따른 컴퓨터 프로그램이 기록된 기록매체에는 상술한 실시예에 따른 방법을 수행하는 컴퓨터 프로그램이 저장될 수 있다.
본 발명은 사용자 장치에 설치된 앱의 실행에 따른 앱 실행 결과 화면 상에서의 특정 화면 조작이 감지되는 경우, 화면의 전환 없이 메뉴와 선택 가능 객체들이 화면 내 다른 영역으로 동적 이동하면서 새로운 화면 인터페이스를 구성하도록 하여 현재 메뉴에 대한 연속성을 유지하면서도 제공할 콘텐츠 표시 영역을 확보할 수 있도록 함으로써, 모션의 연속성을 가진 인터랙션 화면 인터페이스 제공으로 콘텐츠를 보다 큰 화면으로 제공이 가능하며 메뉴 이동과 현재 메뉴 식별에 대한 효과적 화면 인터페이스를 유지할 수 있어 사용자의 편의성을 향상시킬 수 있는 효과가 있다.
도 1은 본 발명의 실시예에 따른 사용자 장치의 구성을 나타낸 블록도이다.
도 2는 본 발명의 실시예에 따른 사용자 장치의 제어 방법을 나타낸 흐름도이다.
도 3 내지 도 10은 본 발명의 실시예에 따른 사용자 장치의 화면 인터페이스 변화 과정을 나타낸 예시도이다.
본 발명에서 사용되는 기술적 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아님을 유의해야 한다. 또한, 본 발명에서 사용되는 기술적 용어는 본 발명에서 특별히 다른 의미로 정의되지 않는 한, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 의미로 해석되어야 하며, 과도하게 포괄적인 의미로 해석되거나, 과도하게 축소된 의미로 해석되지 않아야 한다. 또한, 본 발명에서 사용되는 기술적인 용어가 본 발명의 사상을 정확하게 표현하지 못하는 잘못된 기술적 용어일 때에는 당업자가 올바르게 이해할 수 있는 기술적 용어로 대체되어 이해되어야 할 것이다. 또한, 본 발명에서 사용되는 일반적인 용어는 사전에 정의되어 있는 바에 따라, 또는 전후 문맥상에 따라 해석되어야 하며, 과도하게 축소된 의미로 해석되지 않아야 한다.
또한, 본 발명에서 사용되는 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한 복수의 표현을 포함한다. 본 발명에서 "구성된다" 또는 "포함한다" 등의 용어는 발명에 기재된 여러 구성 요소들 또는 여러 단계를 반드시 모두 포함하는 것으로 해석되지 않아야 하며, 그 중 일부 구성 요소들 또는 일부 단계들은 포함되지 않을 수도 있고, 또는 추가적인 구성 요소 또는 단계들을 더 포함할 수 있는 것으로 해석되어야 한다.
또한, 본 발명에서 사용되는 제 1, 제 2 등과 같이 서수를 포함하는 용어는 구성 요소들을 설명하는데 사용될 수 있지만, 구성 요소들은 용어들에 의해 한정되어서는 안 된다. 용어들은 하나의 구성 요소를 다른 구성 요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제 1 구성 요소는 제 2 구성 요소로 명명될 수 있고, 유사하게 제 2 구성 요소도 제 1 구성 요소로 명명될 수 있다.
이하, 첨부된 도면을 참조하여 본 발명에 따른 바람직한 실시예를 상세히 설명하되, 도면 부호에 관계없이 동일하거나 유사한 구성 요소는 동일한 참조 번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
또한, 본 발명을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다. 또한, 첨부된 도면은 본 발명의 사상을 쉽게 이해할 수 있도록 하기 위한 것일 뿐, 첨부된 도면에 의해 본 발명의 사상이 제한되는 것으로 해석되어서는 아니 됨을 유의해야 한다.
도 1은 본 발명의 실시예에 따른 사용자 장치(100)의 구성을 나타낸 블록도이다.
도 1에 도시된 바와 같이, 사용자 장치(100)는 통신부(110), 저장부(120), 표시부(130), 음성 출력부(140) 및 제어부(150)로 구성된다. 도 1에 도시된 사용자 장치(100)의 구성 요소 모두가 필수 구성 요소인 것은 아니며, 도 1에 도시된 구성 요소보다 많은 구성 요소에 의해 사용자 장치(100)가 구현될 수도 있고, 그보다 적은 구성 요소에 의해서도 사용자 장치(100)가 구현될 수도 있다.
표시부(130)에서 앱 실행 결과 화면이 표시되고 있는 상태에서, 해당 앱 실행 결과 화면 내에서 제공되는 메뉴 항목이나 메뉴 항목 이동을 위한 선택 가능 객체가 터치되면 제어부(150)는 해당 메뉴에 대한 앱 실행 결과를 표시부(130)를 통해 화면 전환 방식으로 표시한다. 또한, 표시부(130)의 앱 실행 결과 화면에서 특정 콘텐츠가 터치될 경우 제어부(150)는 해당 콘텐츠에 대한 상세한 정보를 생성하여 표시부(130)를 통해 화면에 표시할 수 있다. 한편 표시부(130)에 제공되는 앱 실행 결과 화면을 통해 제공되는 콘텐츠는 화면을 터치한 후 상하 방향으로 이동하는 스크롤이나 터치 앤드 플릭 등을 감지한 제어부(150)에 의해 표시부(130) 상에서 이동되면서 표시될 수 있다. 또한, 화면을 터치한 후 좌우로 스와이프할 경우 제어부(150)는 메뉴 간을 이동에 따른 앱 실행 결과를 표시부(130)에 표시할 수 있다.
본 발명의 실시예에서, 표시부(130)는 앱 실행 결과 화면으로서 계층적 구성의 메뉴들을 적어도 복수 단계로 표시하는 화면 인터페이스를 제공할 수 있으며, 제어부(150)는 계층적으로 다단 표시되는 메뉴들에 대한 선택 입력을 감지하여 해당 메뉴에 대한 앱 실행 결과를 제공할 수 있다. 한편, 이러한 복수 단계의 메뉴 표시에 의해 화면의 상당 부분이 점유되는 환경에서, 제공되는 콘텐츠를 확인하기 위해 스크롤 입력이 검출되면 제어부(150)는 표시되고 있는 메뉴 항목이나 메뉴 간 이동을 위한 선택 객체들 중에서 현재 메뉴에 관한 메뉴 항목과 선택 객체들을 동적으로 이동시키면서 크기가 줄어든 새로운 화면 인터페이스를 재구성하여 객체 표시 영역을 확장한다.
예를 들어, 제 1 수준의 메뉴들이 표시되는 영역, 제 2 수준의 메뉴들(제 1 수준 메뉴 중 선택된 메뉴의 하위 메뉴)이 표시되는 영역, 제 3 수준의 메뉴들(제 2 수준 메뉴 중 선택된 메뉴의 하위 메뉴)이 표시되는 영역 및 제 2 수준의 메뉴들 간을 이동하기 위한 선택 객체로 구성되는 화면 인터페이스와 현재 선택된 메뉴에 대한 콘텐츠 목록이 제공되는 화면에서, 사용자가 콘텐츠 확인을 위해 스크롤 업을 위한 입력을 제공할 경우, 제어부(150)는 제 1 수준의 메뉴들을 제거하고, 제 2 수준의 메뉴 중 현재 선택된 메뉴 항목을 상단 바의 위치로 동적 이동시킴과 아울러 제 2 수준의 메뉴 간 이동을 위한 선택 객체 역시 상단 바의 위치로 동적 이동시키고, 제 3 수준의 메뉴를 상단 바로 동적 이동시킴으로써 3단으로 표시되던 넓은 면적인 메뉴 선택 화면 인터페이스를 상단 바 하나만 존재하는 화면 인터페이스로 동적 전환한다. 이를 통해서 콘텐츠 확인을 위한 화면 공간을 더 넓게 확보할 수 있음과 아울러 현재 선택된 메뉴에 대한 연속성을 확인할 수 있고, 제 2 수준의 메뉴 간 이동을 위한 선택 객체 역시 재활용되어 그 기능을 지속할 수 있으며, 제 3 수준의 메뉴 선택이 가능한 화면 인터페이스를 좁은 면적으로 재구성할 수 있다. 물론, 사용자의 스크롤 다운에 의해서 이러한 화면 인터페이스 변화는 역순으로 복원될 수 있다.
사용자 장치(100)는 스마트 폰(Smart Phone), 휴대 단말기(Portable Terminal), 이동 단말기(Mobile Terminal), 개인 정보 단말기(Personal Digital Assistant: PDA), PMP(Portable Multimedia Player) 단말기, 텔레매틱스(Telematics) 단말기, 내비게이션(Navigation) 단말기, 개인용 컴퓨터(Personal Computer), 노트북 컴퓨터, 슬레이트 PC(Slate PC), 태블릿 PC(Tablet PC), 울트라북(ultrabook), 웨어러블 디바이스(Wearable Device, 예를 들어, 워치형 단말기(Smartwatch), 글래스형 단말기(Smart Glass), HMD(Head Mounted Display) 등 포함), 와이브로(Wibro) 단말기, IPTV(Internet Protocol Television) 단말기, 스마트 TV, 디지털방송용 단말기, 텔레비전(Television), 3D 텔레비전, 홈 시어터(Home Theater) 시스템, AVN(Audio Video Navigation) 단말기, A/V(Audio/Video) 시스템, 플렉시블 단말기(Flexible Terminal) 등과 같은 다양한 단말기에 적용될 수 있다.
사용자의 터치 제스처에는 탭, 터치&홀드, 더블 탭, 드래그, 패닝, 플릭, 드래그 앤드 드롭, 스와이프 등이 있을 수 있다.
"탭(tap)"은 사용자가 손가락이나 터치 도구(예컨대, 전자 펜)를 이용하여 화면을 터치한 후 움직이지 않은 채 화면에서 즉시 들어올리는 동작을 나타낸다.
"터치&홀드(touch & hold)"는 사용자가 손가락이나 터치 도구(예컨대, 전자 펜)을 이용하여 화면을 터치한 후, 임계 시간(예컨대, 2초) 이상 터치 입력을 유지하는 동작을 나타낸다. 즉, 터치-인 시점과 터치-아웃 시점 간의 시간 차이가 임계 시간(예컨대, 2초) 이상인 경우를 의미한다. 터치 입력이 탭인지 터치&홀드인지를 사용자에게 인식시키도록 하기 위하여 터치 입력이 임계 시간 이상 유지되면 시각적 또는 청각적 또는 촉각적으로 피드백 신호를 제공할 수도 있다. 임계 시간은 구현 예에 따라서 변경될 수 있다.
"더블 탭(double tap)"은 사용자가 손가락이나 터치 도구(stylus)를 이용하여 화면을 두 번 터치하는 동작을 나타낸다.
"드래그(drag)"는 사용자가 손가락이나 터치 도구를 화면에 터치한 후 터치를 유지한 상태에서 손가락이나 터치 도구를 화면 내의 다른 위치로 이동시키는 동작을 의미한다. 드래그 동작으로 인하여 오브젝트가 이동되거나 후술할 패닝 동작이 수행된다.
"패닝(panning)"은 사용자가 오브젝트를 선택하지 않고 드래그 동작을 수행하는 경우를 나타낸다. 패닝은 특정 오브젝트를 선택하지 않기 때문에 오브젝트가 페이지 내에서 이동되는 것이 아니라 페이지 자체가 화면 내에서 이동하거나, 오브젝트의 그룹이 페이지 내에서 이동한다.
"플릭(flick)"은 사용자가 손가락이나 터치 도구를 이용하여 임계 속도(예컨대, 100 pixel/s) 이상으로 드래그하는 동작을 나타낸다. 손가락이나 터치 도구의 이동 속도가 임계 속도(예컨대, 100 pixel/s) 이상인지에 기초하여 드래그(또는 패닝)와 플릭을 구별할 수 있다.
"드래그 앤드 드롭(drag & drop)"은 사용자가 손가락이나 터치 도구를 이용해 오브젝트를 화면 내 소정 위치에 드래그한 후 놓는 동작을 의미한다.
"핀치(pinch)"는 사용자가 두 손가락을 화면 위에 터치한 상태에서 서로 다른 방향으로 움직이는 동작을 나타낸다. 오브젝트 또는 페이지의 확대(Pinch Open) 또는 축소(Pinch Close)를 위한 제스처이며, 두 손가락의 거리에 따라 확대값이나 축소값이 결정된다.
"스와이프(swipe)"는 손가락이나 터치 도구로 화면 위의 오브젝트를 터치한 상태에서 수평 또는 수직 방향으로 일정 거리를 움직이는 동작이다. 사선 방향의 움직임은 스와이프 이벤트로 인식되지 않을 수 있다.
통신부(110)는 유/무선 통신망을 통해 내부의 임의의 구성 요소 또는 외부의 임의의 적어도 하나의 단말기와 통신 연결한다. 이때, 외부의 임의의 단말기는 서비스 제공 장치(미도시), 웹 서버(미도시) 등을 포함할 수 있다. 여기서, 무선 인터넷 기술로는 무선랜(Wireless LAN: WLAN), DLNA(Digital Living Network Alliance), 와이브로(Wireless Broadband: Wibro), 와이맥스(World Interoperability for Microwave Access: Wimax), HSDPA(High Speed Downlink Packet Access), HSUPA(High Speed Uplink Packet Access), IEEE 802.16, 롱 텀 에볼루션(Long Term Evolution: LTE), LTE-A(Long Term Evolution-Advanced), 광대역 무선 이동 통신 서비스(Wireless Mobile Broadband Service: WMBS) 등이 있으며, 통신부(110)는 상기에서 나열되지 않은 인터넷 기술까지 포함한 범위에서 적어도 하나의 무선 인터넷 기술에 따라 데이터를 송수신하게 된다. 또한, 근거리 통신 기술로는 블루투스(Bluetooth), RFID(Radio Frequency Identification), 적외선 통신(Infrared Data Association: IrDA), UWB(Ultra Wideband), 지그비(ZigBee), 인접 자장 통신(Near Field Communication: NFC), 초음파 통신(Ultra Sound Communication: USC), 가시광 통신(Visible Light Communication: VLC), 와이 파이(Wi-Fi), 와이 파이 다이렉트(Wi-Fi Direct) 등이 포함될 수 있다. 또한, 유선 통신 기술로는 전력선 통신(Power Line Communication: PLC), USB 통신, 이더넷(Ethernet), 시리얼 통신(serial communication), 광/동축 케이블 등이 포함될 수 있다.
또한, 통신부(110)는 유니버설 시리얼 버스(Universal Serial Bus: USB)를 통해 임의의 단말과 정보를 상호 전송할 수 있다.
또한, 통신부(110)는 이동통신을 위한 기술표준들 또는 통신방식(예를 들어, GSM(Global System for Mobile communication), CDMA(Code Division Multi Access), CDMA2000(Code Division Multi Access 2000), EV-DO(Enhanced Voice-Data Optimized or Enhanced Voice-Data Only), WCDMA(Wideband CDMA), HSDPA(High Speed Downlink Packet Access), HSUPA(High Speed Uplink Packet Access), LTE(Long Term Evolution), LTE-A(Long Term Evolution-Advanced) 등)에 따라 구축된 이동 통신망 상에서 기지국, 서비스 제공 장치, 웹 서버 등과 무선 신호를 송수신한다.
또한, 통신부(110)는 제어부(150)의 제어에 의해, 서비스 제공 장치(또는 웹 서버)와 통신한다.
또한, 통신부(110)는 제어부(150)의 제어에 의해, 서비스 제공 장치(또는 웹 서버)로부터 제공되는 앱 프로그램, 다양한 정보 등을 수신한다.
저장부(120)는 다양한 사용자 인터페이스(User Interface: UI), 그래픽 사용자 인터페이스(Graphic User Interface: GUI) 등을 저장한다.
또한, 저장부(120)는 사용자 장치(100)가 동작하는데 필요한 데이터와 프로그램 등을 저장한다.
즉, 저장부(120)는 사용자 장치(100)에서 구동되는 다수의 응용 프로그램(application program 또는 애플리케이션), 사용자 장치(100)의 동작을 위한 데이터들, 명령어들을 저장할 수 있다. 이러한 응용 프로그램 중 적어도 일부는 무선 통신을 통해 외부 서비스 제공 장치로부터 다운로드 될 수 있다. 또한 이러한 응용 프로그램 중 적어도 일부는 사용자 장치(100)의 기본적인 기능(예를 들어, 전화 착신, 발신 기능, 메시지 수신, 발신 기능)을 위하여 출고 당시부터 사용자 장치(100)상에 존재할 수 있다. 한편, 응용 프로그램은 저장부(120)에 저장되고, 사용자 장치(100)에 설치되어, 제어부(150)에 의하여 사용자 장치(100)의 동작(또는 기능)을 수행하도록 구동될 수 있다.
또한, 저장부(120)는 플래시 메모리 타입(Flash Memory Type), 하드 디스크 타입(Hard Disk Type), 멀티미디어 카드 마이크로 타입(Multimedia Card Micro Type), 카드 타입의 메모리(예를 들면, SD 또는 XD 메모리 등), 자기 메모리, 자기 디스크, 광디스크, 램(Random Access Memory: RAM), SRAM(Static Random Access Memory), 롬(Read-Only Memory: ROM), EEPROM(Electrically Erasable Programmable Read-Only Memory), PROM(Programmable Read-Only Memory) 중 적어도 하나의 저장매체를 포함할 수 있다. 또한, 사용자 장치(100)는 인터넷(internet)상에서 저장부(120)의 저장 기능을 수행하는 웹 스토리지(web storage)를 운영하거나, 또는 웹 스토리지와 관련되어 동작할 수도 있다.
또한, 저장부(120)는 제어부(150)의 제어에 의해 통신부(110)를 통해 수신된 다양한 정보 등을 저장한다.
표시부(130)는 제어부(150)의 제어에 의해 저장부(120)에 저장된 사용자 인터페이스 및/또는 그래픽 사용자 인터페이스를 이용하여 다양한 메뉴 화면 등과 같은 다양한 콘텐츠를 표시할 수 있다. 여기서, 표시부(130)에 표시되는 콘텐츠는 다양한 텍스트 또는 이미지 데이터(각종 정보 데이터 포함)와 아이콘, 리스트 메뉴, 콤보 박스 등의 데이터를 포함하는 메뉴 화면 등을 포함한다. 또한, 표시부(130)는 터치 스크린 일 수 있다.
또한, 표시부(130)는 액정 디스플레이(Liquid Crystal Display: LCD), 박막 트랜지스터 액정 디스플레이(Thin Film Transistor-Liquid Crystal Display: TFT LCD), 유기 발광 다이오드(Organic Light-Emitting Diode: OLED), 플렉시블 디스플레이(Flexible Display), 3차원 디스플레이(3D Display), 전자잉크 디스플레이(e-ink display), LED(Light Emitting Diode) 중에서 적어도 하나를 포함할 수 있다.
또한, 표시부(130)는 입체영상을 표시하는 입체 디스플레이부로서 구성될 수 있다.
입체 디스플레이부에는 스테레오스코픽 방식(안경 방식), 오토 스테레오스코픽 방식(무안경 방식), 프로젝션 방식(홀로그래픽 방식) 등의 3차원 디스플레이 방식이 적용될 수 있다.
또한, 표시부(130)는 제어부(150)의 제어에 의해 통신부(110)를 통해 수신된 다양한 정보 등을 표시한다.
음성 출력부(140)는 제어부(150)에 의해 소정 신호 처리된 신호에 포함된 음성 정보를 출력한다. 여기서, 음성 출력부(140)에는 리시버(receiver), 스피커(speaker), 버저(buzzer) 등이 포함될 수 있다.
또한, 음성 출력부(140)는 제어부(150)에 의해 생성된 안내 음성을 출력한다.
또한, 음성 출력부(140)는 제어부(150)의 제어에 의해 통신부(110)를 통해 수신된 다양한 정보에 대응하는 음성 정보를 출력한다.
제어부(150)는 사용자 장치(100)의 전반적인 제어 기능을 실행한다.
또한, 제어부(150)는 저장부(120)에 저장된 프로그램 및 데이터를 이용하여 사용자 장치(100)의 전반적인 제어 기능을 실행한다. 제어부(150)는 RAM, ROM, CPU, GPU, 버스를 포함할 수 있으며, RAM, ROM, CPU, GPU 등은 버스를 통해 서로 연결될 수 있다. CPU는 저장부(120)에 액세스하여, 저장부(120)에 저장된 O/S를 이용하여 부팅을 수행할 수 있으며, 저장부(120)에 저장된 각종 프로그램, 콘텐츠, 데이터 등을 이용하여 다양한 동작을 수행할 수 있다.
또한, 사용자 장치(100)에 설치된 앱이 선택되는 경우, 제어부(150)는 선택된 앱에 대응하는 앱 실행 결과 화면(또는 페이지)을 표시부(130)에 표시한다. 여기서, 다양한 정보들을 포함하는 앱 실행 결과 화면은 복수의 객체(또는 콘텐츠)들로 구성되는 복수의 서브 화면이 하나의 화면을 구성할 수도 있다. 특히 최근의 앱은 다양한 콘텐츠를 제공하기 때문에 여러 메뉴로 구성될 수 있고, 이러한 여러 메뉴마다 복수의 서브 메뉴들을 가질 수 있으므로 메뉴 선택을 위한 넓은 화면 인터페이스 영역이 필요하다.
또한, 표시부(130)에 표시되는 앱 실행 결과 화면 내에서 어느 하나의 특정 객체가 터치(또는 선택)된 이후 미리 설정된 방향으로의 스와이프가 감지되는 경우 또는 해당 특정 객체에 대한 터치 앤드 플릭이 감지되는 경우, 제어부(150)는 선택된 특정 객체 및 해당 객체와 관련한 하나 이상의 다른 객체들이 화면 내에서 미리 설정된 방향으로 동적으로 이동하여 새로운 화면을 표시하는 화면 전환 기능을 수행한다. 이때, 해당 특정 객체는 앱 실행 결과 화면에 포함된 메뉴, 상품에 대응하는 이미지 등을 포함한다.
즉, 표시부(130)에 표시되는 앱 실행 결과 화면은 복수 단계의 메뉴들이나 메뉴간 이동을 위한 선택 객체들이 표시되는 영역과 현재 선택된 메뉴에 대한 콘텐츠가 표시되는 영역으로 구분되고, 사용자가 콘텐츠 확인을 위해 콘텐츠 영역을 터치 후 이동할 경우 제어부(150)는 해당 콘텐츠 영역을 스크롤하면서 보이지 않는 콘텐츠 영역을 표시부(130)에 표시한다.
한편, 본 발명의 실시예에서는 이렇게 복수 계층의 메뉴 항목과 메뉴 간 이동을 위한 선택 객체들이 다단으로 제공되는 화면 인터페이스가 표시부(130)에 표시된 상황에서 콘텐츠 영역 확인을 위해 사용자가 콘텐츠 영역을 터치하고 미리 설정된 방향(예를 들어 상부)으로 스크롤할 경우, 이를 감지한 제어부(150)는 다단으로 제공되는 메뉴 항목 중 일부와 선택 객체들을 동적으로 이동시켜 상단바에 재구성되도록 하면서 기존 화면 인터페이스는 동적으로 제거하여 메뉴 선택 및 메뉴 간 이동을 위한 화면 인터페이스 영역을 줄인다.
또한, 표시부(130)에 표시되는 콘텐츠(또는 객체)가 선택(또는 클릭)되는 경우, 제어부(150)는 해당 표시부(130)의 앱 실행 결과 화면 내에 해당 콘텐츠(또는 객체)에 대한 상세 정보를 표시한다.
또한, 사용자 장치(100)는 해당 사용자 장치(100)에 연결되는 모든 외부기기와의 인터페이스 역할을 수행하는 인터페이스부(미도시)를 더 포함할 수도 있다. 예를 들면, 인터페이스부는 유/무선 헤드셋 포트(Headset Port), 외부 충전기 포트, 유/무선 데이터 포트, 메모리 카드(Memory Card) 포트, 식별 모듈이 구비된 장치를 연결하는 포트, 오디오 I/O(Input/Output) 포트, 비디오 I/O(Input/Output) 포트, 이어폰 포트 등으로 구성될 수 있다. 여기서, 식별 모듈은 사용자 장치(100)의 사용 권한을 인증하기 위한 각종 정보를 저장한 칩으로서, 사용자 인증 모듈(User Identity Module: UIM), 가입자 인증 모듈(Subscriber Identity Module: SIM), 범용 사용자 인증 모듈(Universal Subscriber Identity Module: USIM) 등을 포함할 수 있다. 또한, 식별 모듈이 구비된 장치는 스마트 카드(Smart Card) 형식으로 제작될 수 있다. 따라서, 식별 모듈은 포트를 통하여 사용자 장치(100)와 연결될 수 있다. 이와 같은 인터페이스부는 외부 기기로부터 데이터를 수신하거나 전원을 수신하여 사용자 장치(100) 내부의 각 구성 요소에 전달하거나 사용자 장치(100) 내부의 데이터가 외부 기기로 전송되도록 한다.
또한, 인터페이스부는 사용자 장치(100)가 외부 크래들(Cradle)과 연결될 때 크래들로부터의 전원이 해당 사용자 장치(100)에 공급되는 통로가 되거나, 사용자에 의해 크래들에서 입력되는 각종 명령 신호가 해당 사용자 장치(100)로 전달되는 통로가 될 수 있다. 크래들로부터 입력되는 각종 명령 신호 또는 해당 전원은 사용자 장치(100)가 크래들에 정확히 장착되었음을 인지하기 위한 신호로 동작될 수도 있다.
또한, 사용자 장치(100)는 사용자에 의한 버튼 조작 또는 임의의 기능 선택에 따른 신호를 수신하거나, 디스플레이되는 화면을 터치/스크롤하는 등의 조작에 의해 생성된 명령 또는 제어 신호를 수신하기 위한 입력부(미도시)를 더 포함할 수도 있다.
입력부는 사용자의 명령, 선택, 데이터, 정보 중에서 적어도 하나를 입력 받기 위한 수단으로서, 숫자 또는 문자 정보를 입력 받고 다양한 기능을 설정하기 위한 다수의 입력키 및 기능키를 포함할 수 있다.
또한, 입력부는 키 패드(Key Pad), 돔 스위치 (Dome Switch), 터치 패드(정압/정전), 터치 스크린(Touch Screen), 조그 휠, 조그 스위치, 조그 셔틀(Jog Shuttle), 마우스(mouse), 스타일러스 펜(Stylus Pen), 터치 펜(Touch Pen) 등의 다양한 장치가 사용될 수 있다. 특히, 표시부(130)가 터치스크린 형태로 형성된 경우, 입력의 기능 중 일부 또는 전부는 표시부(130)를 통해 수행될 수 있다.
또한, 사용자 장치(100)의 각각의 구성부(또는 모듈)는 사용자 장치(100)의 메모리(또는 저장부(120)) 상에 저장되는 소프트웨어일 수 있다. 메모리는 사용자 장치(100)의 내부 메모리 일 수 있으며, 외장형 메모리 또는 다른 형태의 저장 장치일 수 있다. 또한, 메모리는 비휘발성 메모리일 수 있다. 메모리 상에 저장되는 소프트웨어는 실행 시 사용자 장치(100)로 하여금 특정 동작을 수행하도록 하는 명령어 세트를 포함할 수 있다.
또한, 본 발명에 따른 사용자 장치(100) 또는 서비스 제공 장치에 탑재되는 프로세서는 본 발명에 따른 방법을 실행하기 위한 프로그램 명령을 처리할 수 있다. 일 구현 예에서, 이 프로세서는 싱글 쓰레드(Single-threaded) 프로세서일 수 있으며, 다른 구현 예에서 본 프로세서는 멀티 쓰레드(Multi-threaded) 프로세서일 수 있다. 나아가 본 프로세서는 메모리 혹은 저장 장치 상에 저장된 명령을 처리하는 것이 가능하다.
이와 같이, 사용자 장치에 미리 설치된 앱의 실행에 따른 앱 실행 결과에서, 해당 앱 실행 결과 상에서의 미리 설정된 화면 조작이 감지되는 경우, 모션의 연속성을 가진 인터랙션을 통해 선택 가능 객체들이 화면 내 다른 영역으로 동적 이동하면서 선택 기능을 그대로 유지하도록 화면 전환 기능을 제공할 수 있다.
이하에서는, 본 발명에 따른 사용자 장치의 제어 방법을 도 1 내지 도 7을 참조하여 상세히 설명한다.
도 2는 본 발명의 실시예에 따른 사용자 장치의 제어 방법을 나타낸 흐름도이다.
먼저, 사용자 장치(100)에 설치된 특정 앱이 선택되는 경우, 제어부(150)는 선택된 앱에 대응하는 앱 실행 결과 화면(또는 페이지)을 표시부(130)에 표시한다.(S210)
다양한 정보들을 포함하는 앱 실행 결과 화면은 복수의 객체(또는 콘텐츠)들로 구성되는 복수의 서브 화면이 하나의 화면을 구성할 수도 있다.
일 예로, 사용자 장치(100)에 미리 설치된 앱이 선택될 때, 도 3에 도시된 바와 같이, 제어부(150)는 선택된 앱에 대응하는 앱 실행 결과 화면인 제 1 화면(300)을 표시부(130)에 표시한다. 여기서, 제 1 화면(300)은 현재 사용할 수 있는 포인트를 나타내는 제 1-1 서브 화면(상단 바)(310), 최상위 복수의 메뉴(예를 들어 추천 메뉴, 쌓기 메뉴, 쓰기 메뉴 등 포함)를 포함하는 제 1-2 서브 화면(320), 최상위 선택 메뉴(예를 들어 쌓기 메뉴)에 따른 상위 메뉴(예를 들어 구매적립) 및 이에 따른 복수의 서브 메뉴(예를 들어 패션적립 메뉴, 쇼핑적립 메뉴, 영수증쿠폰 적립 메뉴, 상품쿠폰 메뉴 등 포함)를 포함하는 제 1-3 서브 화면(330), 현재 서브 메뉴(예를 들어 패션적립 메뉴)와 관련한 콘텐츠를 포함하는 제 1-4 서브 화면(340) 등을 포함한다. 이때, 제 1-3 서브 화면(330)은 미리 설정된 이미지(331) 상에 상위 메뉴(예를 들어 구매적립)와 해당 상위 메뉴에 따른 서브 메뉴(예를 들어 패션적립 메뉴, 쇼핑적립 메뉴, 영수증쿠폰 적립 메뉴, 상품쿠폰 메뉴 등 포함)(332)가 위치한 상태일 수 있다. 또한, 제 1-3 서브 화면(330)에는 메뉴의 선택 이동을 위한 서브 메뉴 항목(332) 외에 상위 메뉴(333)를 나타내는 메뉴 항목과 상위 메뉴 간 이동을 위한 메뉴 이동 선택 객체(예를 들어 네비게이션 객체)(334)를 포함할 수 있다(S220).
도시된 계층적 메뉴 구성은 최상위 메뉴, 상위 메뉴, 서브 메뉴가 한 화면에 표시되도록 한 것으로서, 최상위 메뉴는 항상 노출되고 상위 메뉴는 메뉴 이동 선택 객체(333)에 의해 메뉴 간 이동하며, 서브 메뉴는 상위 메뉴의 이동에 의해 종속적으로 달리 표시되는 방식의 화면 인터페이스를 보인 것이다. 이러한 구체적인 메뉴 구성은 달라질 수 있다. 도시된 바와 같이 계층적 메뉴 선택을 위한 화면 인터페이스를 위해서 제한된 표시부(130)의 표시 영역 중 절반 이상이 사용되고 있음을 알 수 있다.
이후, 표시부(130)에 표시되는 앱 실행 결과 화면 내에서 복수 계층의 메뉴 항목과 메뉴 간 이동을 위한 선택 객체들이 다단으로 제공되는 화면 인터페이스가 존재하는 상황에서 콘텐츠 영역인 제 1-4 서브 화면(340)확인을 위해 사용자가 해당 영역을 터치하고 미리 설정된 방향(예를 들어 상부)으로 스크롤할 경우(S230), 제어부(150)는 다단으로 제공되는 메뉴 항목 중 일부와 선택 객체들을 동적으로 이동시켜 제 1-1 서브 화면(상단바)(310)에 재구성되도록 하면서 기존 화면 인터페이스는 동적으로 제거하여 메뉴 선택 및 메뉴 간 이동을 위한 화면 인터페이스 영역을 줄인다(S240). 일 예로, 도 3에 도시된 제 1 화면(300)에서 패션적립 메뉴가 선택된(또는 활성화된) 상태에서 미리 설정된 아래에서 수직 방향(예를 들어 6시 방향에서 12시 방향)으로의 콘텐츠 영역(제 1-4 서브 화면)(340)의 스크롤이 감지될 때, 제어부(150)는 도 3의 현재 제 1 화면(300)에서 도 4의 제 2 화면(400)으로 아래에서 수직 방향(예를 들어 12시 방향)으로 슬라이딩 하듯이 동적인 화면 전환 기능을 수행한다.
즉, 도 3에 도시된 제 1 화면(300)에서 패션적립 메뉴가 선택된(또는 활성화된) 상태에서 제공되는 콘텐츠 영역(340)에서 미리 설정된 아래에서 수직 방향(예를 들어 6시 방향에서 12시 방향)으로의 스크롤이 감지될 때, 제어부(150)는 도 3의 현재 제 1 화면(300)에서 수직 방향(예를 들어 12시 방향)으로 도 5의 내지 도 10의 동적인 화면 변화를 통해 최종적으로 도 4의 제 2 화면(400)을 표시부(130)에 표시한다. 이와 같이, 제어부(150)는 도 3에서 도 5 내지 도 10을 통해 동적 화면 변화를 수행하여 최종적으로 도 4의 제 2 화면(400)을 표시하게 되며, 도 3의 제 1 화면(300)에 포함된 제 1-1 서브 화면(310), 제 1-2 서브 화면(320), 제 1-3 서브 화면(330) 및 제 1-4 서브 화면(340) 중에서 동적 화면 전환에 따라 최상위 메뉴 항목이 표시되는 제 1-2 서브 화면(320)을 제거하고, 제 1-3 서브 화면(330) 내의 상위 메뉴 항목(333) 및 상위 메뉴 간 이동을 위한 선택 객체(334) 및 복수의 서브 메뉴(예를 들어 패션적립 메뉴, 쇼핑적립 메뉴, 영수증쿠폰 적립 메뉴, 상품쿠폰 메뉴 등 포함)(332)가 제 1-1 서브 화면(상단 바)(310)로 이동하면서 재구성 및 재활용되도록 하며, 제 1-4 서브 화면(340)은 더 많은 영역에 콘텐츠를 제공하는 상태가 되도록 화면 구성을 변화시킨다. 이때, 제어부(150)는 화면 전환 기능이 수행되는 중에도, 앞서 미리 선택된 패션적립 메뉴 등으로 구성된 선택 기능을 포함하는 서브 화면(예를 들어 패션적립 메뉴, 쇼핑적립 메뉴, 영수증쿠폰 적립 메뉴, 상품쿠폰 메뉴 등 포함하는 화면)(또는 해당 서브 화면 중에서 선택 기능을 포함하는 복수의 서브 메뉴/객체)(332)과 해당 서브 화면과 관련한 추가 서브 화면(340)을 계속해서 유지하도록 함으로써 기존 메뉴를 그대로 사용하고 있다는 것을 사용자가 직관적으로 인식할 수 있도록 함과 아울러 필요한 메뉴 간 전환도 기존의 서브 메뉴의 선택 및 상위 메뉴 간 이동을 위한 선택 객체를 그대로 이용하도록 하여 지속성을 유지할 수 있다.
이후, 사용자가 표시부(130)의 제 1-1 서브 화면(310)에 구성된 서브 메뉴와 상위 메뉴 간 이동을 위한 선택 객체를 선택하거나 제 1-4 서브 화면(340)의 콘텐츠를 선택할 경우(S250), 제어부(150)는 해당 선택 메뉴에 대응되는 앱 실행 결과를 표시부(130)에 표시하거나 해당 선택 콘텐츠에 대응되는 상세 정보를 표시부(130)에 표시할 수 있다(S260)
일 예로, 도 4의 표시부(130)에 표시되는 앱 실행 결과 화면인 제 2 화면(400) 중에서 쇼핑적립 메뉴가 선택되면 제어부(150)는 제 1-4 서브 화면(340)에 쇼핑적립을 위한 콘텐츠를 표시할 수 있고, 상위 메뉴 간 이동을 위한 선택 객체(334)가 선택되면 제어부(150)는 제 1-1 서브 화면(310)에 유사한 구성을 가지는 다른 상위 메뉴 및 그에 따른 서브 메뉴 항목들을 표시하면서 그에 따른 제 1-4 서브 화면(340)의 콘텐츠도 변경 표시할 수 있다. 또한, 표시부(130)에 표시되는 제 2화면(400)에서 'AA 핸드백'이 선택될 때, 제어부(150)는 해당 콘텐츠에 대응하는 상세 정보를 표시부(130)에 표시할 수 있다.
본 발명의 실시예에 따른 동적인 화면 변화 과정을 도 5 내지 도 10을 통해 설명한다. 이를 통해서 이미 표시되어 있던 메뉴 항목과 메뉴 간 이동을 위한 선택 객체의 동적인 움직임 및 넓은 영역을 차지하고 있던 화면 인터페이스 영역(310 내지 330)의 축소 과정을 좀 더 명확하게 확인할 수 있다.
먼저, 도 5에 도시된 바와 같이 제 1화면(300)에는 제 1-1 서브 화면(상단 바)(310), 최상위 복수의 메뉴(예를 들어 추천 메뉴, 쌓기 메뉴, 쓰기 메뉴 등 포함)를 포함하는 제 1-2 서브 화면(320), 최상위 선택 메뉴(예를 들어 쌓기 메뉴)에 따른 상위 메뉴(예를 들어 구매적립), 상위 메뉴간 이동을 위한 선택 객체(334), 상위 메뉴에 따른 복수의 서브 메뉴(예를 들어 패션적립 메뉴, 쇼핑적립 메뉴, 영수증쿠폰 적립 메뉴, 상품쿠폰 메뉴 등 포함)를 포함하는 제 1-3 서브 화면(330), 현재 서브 메뉴(예를 들어 패션적립 메뉴)와 관련한 콘텐츠를 포함하는 제 1-4 서브 화면(340)이 표시된다.
사용자가 제 1-4 서브 화면(340)을 터치한 후 위쪽으로 이동시켜 콘텐츠 영역을 스크롤하면 도 6과 같이 최상위 선택 메뉴가 표시된 제 1-2 서브 화면(320)이 줄어들고, 제 1-4 서브 화면(340)이 스크롤 업 되면서 그 표시 영역이 넓어진다. 더불어, 상위 메뉴 항목(예를 들어 구매적립)(333)이 상부로 조금 이동하고, 상위 메뉴간 이동을 위한 선택 객체(334) 역시 간격이 좁아지면서 조금 위로 이동한다.
사용자가 제 1-4 서브 화면(340)을 위쪽으로 계속 스크롤 시킴에 따라 도 7과 같이 제 1-2 서브 화면(320)은 제거되고, 제 1-3 서브 화면(330) 역시 줄어들며, 상위 메뉴 항목(예를 들어 구매적립)(333)이 제 1-1 서브 화면(상단 바)(310) 쪽으로 더욱 이동하고, 상위 메뉴간 이동을 위한 선택 객체(334) 역시 간격이 좁아지면서 더 위로 이동한다. 또한, 서브 메뉴(332) 역시 위쪽으로 이동한다. 더불어 제 1-4 서브 화면(340)은 스크롤 업 되면서 그 표시 영역이 더욱 넓어진다.
사용자가 제 1-4 서브 화면(340)을 위쪽으로 계속 스크롤 시킴에 따라 도 8과 같이 제 1-3 서브 화면(330)은 더욱 줄어들고, 상위 메뉴 항목(예를 들어 구매적립)(333)이 제 1-1 서브 화면(상단 바)(310)에 크기가 작아진 상태로 배치되며, 상위 메뉴간 이동을 위한 선택 객체(334)는 크기가 줄어들고 간격이 더욱 좁아지면서 제 1-1 서브 화면(상단 바)(310)로 이동한다. 또한, 서브 메뉴(332) 역시 더욱 위쪽으로 이동한다.
사용자가 제 1-4 서브 화면(340)을 위쪽으로 계속 스크롤 시킴에 따라 도 9와 같이 제 1-3 서브 화면(330)은 더욱 줄어들고, 제 1-1 서브 화면(상단 바)(310)에 배치된 상위 메뉴 양 옆으로 상위 메뉴간 이동을 위한 선택 객체(334)가 이동하며, 서브 메뉴(332) 역시 제 1-1 서브 화면(상단 바)(310)로 이동한다. 이를 위해서 제 1-1 서브 화면(310)의 영역 역시 동적으로 증가한다.
사용자가 제 1-4 서브 화면(340)을 위쪽으로 계속 스크롤 시킴에 따라 도 10과 같이 제 1화면(300) 상에 표시되던 제 1-2 서브 화면(320), 1-3 서브 화면(330)이 없어지고 제 1-1 서브 화면(상단 바)(310)에 상위 메뉴 항목(333), 상위 메뉴 간 이동을 위한 선택 객체(334), 서브 메뉴 항목(332)가 모두 표시되며 그 크기는 최소화되며, 콘텐츠 제공을 위한 제 1-4 서브 화면(340)은 그 크기가 최대화 된다. 사용자가 제 1-4 서브 화면(340)을 아래쪽으로 스크롤 다운하면 도 10 내지 도 5의 역순으로 화면 인터페이스 변화가 다시 복원된다.
본 발명의 실시예에 따른 사용자 장치는 컴퓨터 프로그램으로 작성 가능하며, 컴퓨터 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 컴퓨터 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 해당 컴퓨터 프로그램은 컴퓨터가 읽을 수 있는 정보저장매체(computer readable media)에 저장되고, 컴퓨터나 본 발명의 실시예에 따른 사용자 장치 등에 의하여 읽혀지고 실행됨으로써 사용자 장치를 구현할 수 있다.
정보저장매체는 자기 기록매체, 광 기록매체 및 캐리어 웨이브 매체를 포함한다. 본 발명의 실시예에 따른 사용자 장치를 구현하는 컴퓨터 프로그램은 사용자 장치 등의 내장 메모리에 저장 및 설치될 수 있다. 또는, 본 발명의 실시예에 따른 사용자 장치를 구현하는 컴퓨터 프로그램을 저장 및 설치한 스마트 카드 등의 외장 메모리가 인터페이스를 통해 사용자 장치 등에 장착될 수도 있다.
본 발명의 실시예는 앞서 설명된 바와 같이, 사용자 장치에 미리 설치된 앱의 실행에 따른 앱 실행 결과에서, 해당 앱 실행 결과 상에서의 미리 설정된 화면 조작이 감지되는 경우, 모션의 연속성을 가진 인터랙션을 통해 선택 가능 객체들이 화면 내 다른 영역으로 동적 이동하면서 선택 기능을 그대로 유지하도록 화면 전환 기능을 제공하여, 모션의 연속성을 가진 인터랙션을 통해 콘텐츠를 보다 큰 화면으로 제공이 가능하며 더 빠르게 정보에 접근할 수 있도록 하며, 사용자의 편의성을 향상시킬 수 있다.
전술된 내용은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 수정 및 변형이 가능할 것이다. 따라서, 본 발명에 개시된 실시예들은 본 발명의 기술 사상을 한정하기 위한 것이 아니라 설명하기 위한 것이고, 이러한 실시예에 의하여 본 발명의 기술 사상의 범위가 한정되는 것은 아니다. 본 발명의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 발명의 권리범위에 포함되는 것으로 해석되어야 할 것이다.
본 발명은 사용자 장치의 제한된 화면 상에 다층 메뉴 항목과 메뉴 간 이동을 위한 선택 객체들이 다단으로 제공되는 화면 인터페이스를 제공하여 원하는 메뉴로 쉽게 이동할 수 있도록 함과 아울러, 특정 메뉴에서 제공되는 콘텐츠 확인을 위한 스크롤 조작 시 다단으로 제공되는 메뉴 항목과 선택 객체들이 동적으로 이동하여 상단바에 재구성되도록 하여 현재 메뉴에 대한 시선 집중과 직관적 연속성을 유지하면서 콘텐츠 표시 영역을 확장할 수 있도록 함으로써 사용자의 편의성을 향상시킬 수 있는 것으로, 사용자 장치 분야, 동적 사용자 인터페이스 분야 등에서 광범위하게 이용될 수 있다.
10: 사용자 장치 110: 통신부
120: 저장부 130: 표시부
140: 음성 출력부 150: 제어부

Claims (10)

  1. 사용자 장치에 설치된 앱에 대응하는 앱 실행 결과 화면을 표시하고 사용자의 터치 입력을 감지하는 표시부; 및
    상기 표시부에 상단바와 다층 메뉴 항목 및 메뉴 간 이동을 위한 선택 객체들이 다단으로 제공되는 화면 인터페이스 및 현재 메뉴에 따른 콘텐츠가 제공되는 콘텐츠 표시 영역을 포함하는 상기 앱 실행 결과 화면을 제공하고, 상기 콘텐츠 표시 영역을 위쪽으로 스크롤하는 입력을 감지하면, 상기 콘텐츠 표시 영역을 스크롤하는 속도에 맞추어 상기 화면 인터페이스에 포함된 다단으로 제공되는 상기 다층 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상기 다층 메뉴 항목과 선택 객체들이 상기 상단바에 재구성되어 상기 상단바에 표시되도록 하면서 상기 화면 인터페이스에 대응되는 화면 인터페이스 영역을 줄이고 상기 콘텐츠 표시 영역이 확장되도록 제어하는 제어부를 포함하는 사용자 장치.
  2. ◈청구항 2은(는) 설정등록료 납부시 포기되었습니다.◈
    제 1 항에 있어서,
    상기 제어부는 상기 다층 메뉴 항목 중 일부 항목은 동적으로 제거하는 것을 특징으로 하는 사용자 장치.
  3. ◈청구항 3은(는) 설정등록료 납부시 포기되었습니다.◈
    제 1 항에 있어서,
    상기 제어부는 이동시키는 메뉴 항목이나 메뉴 간 이동을 위한 선택 객체의 크기나 형상을 동적으로 변형시키는 것을 특징으로 하는 사용자 장치.
  4. 삭제
  5. ◈청구항 5은(는) 설정등록료 납부시 포기되었습니다.◈
    제 1 항에 있어서,
    상기 제어부는 상기 다층 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상기 상단바에 재구성하는 과정에서 상기 상단바의 크기를 변형하는 것을 특징으로 하는 사용자 장치.
  6. 표시부를 통해, 사용자 장치에 설치된 앱의 실행에 따라 상단바와 다층 메뉴 항목 및 메뉴 간 이동을 위한 선택 객체들이 다단으로 제공되는 화면 인터페이스 및 현재 메뉴에 따른 콘텐츠가 제공되는 콘텐츠 표시 영역을 포함하는 앱 실행 결과 화면을 제공하는 단계; 및
    제어부를 통해, 상기 표시부에 표시되는 앱 실행 결과 화면에서 상기 콘텐츠 표시 영역을 위쪽으로 스크롤하는 입력이 감지되면, 상기 콘텐츠 표시 영역을 스크롤하는 속도에 맞추어 상기 화면 인터페이스에 포함된 다단으로 제공되는 상기 다층 메뉴 항목과 선택 객체들을 동적으로 이동시켜 상기 다층 메뉴 항목과 선택 객체들이 상기 상단바에 재구성되어 상기 상단바에 표시되도록 하면서 상기 화면 인터페이스에 대응되는 화면 인터페이스 영역을 줄이고 상기 콘텐츠 표시 영역이 확장되도록 제어하는 단계를 포함하는 사용자 장치의 제어 방법.
  7. ◈청구항 7은(는) 설정등록료 납부시 포기되었습니다.◈
    제 6 항에 있어서,
    상기 제어하는 단계는,
    상기 다층 메뉴 항목 중 일부 항목을 동적으로 제거하거나, 이동시키는 메뉴 항목이나 메뉴 간 이동을 위한 선택 객체의 크기나 형상을 동적으로 변형시키는 단계를 포함하는 것을 특징으로 하는 사용자 장치의 제어 방법.
  8. 삭제
  9. ◈청구항 9은(는) 설정등록료 납부시 포기되었습니다.◈
    제 6 항에 있어서,
    상기 제어하는 단계는,
    앱 실행 결과 화면에 대한 반대 방향 스크롤 동작이 검출되면 재구성된 상기 상단바의 상기 다층 메뉴 항목과 선택 객체들을 동적으로 이동시켜 이전 상태로 복원되도록 하는 단계를 포함하는 것을 특징으로 하는 사용자 장치의 제어 방법.
  10. 제 6 항 내지 제7 항 및 제 9 항 중 어느 한 항에 따른 방법을 수행하는 컴퓨터 프로그램이 기록된 기록매체.
KR1020150188081A 2015-12-29 2015-12-29 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체 KR102475337B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020150188081A KR102475337B1 (ko) 2015-12-29 2015-12-29 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150188081A KR102475337B1 (ko) 2015-12-29 2015-12-29 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체

Publications (2)

Publication Number Publication Date
KR20170078007A KR20170078007A (ko) 2017-07-07
KR102475337B1 true KR102475337B1 (ko) 2022-12-08

Family

ID=59353462

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150188081A KR102475337B1 (ko) 2015-12-29 2015-12-29 사용자 장치, 그의 제어 방법 및 컴퓨터 프로그램이 기록된 기록매체

Country Status (1)

Country Link
KR (1) KR102475337B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114296845B (zh) * 2021-12-01 2024-03-22 网易(杭州)网络有限公司 界面处理方法、装置、电子装置以及存储介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012226516A (ja) * 2011-04-19 2012-11-15 Sony Corp 電子機器、表示制御方法及びプログラム

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI238348B (en) * 2002-05-13 2005-08-21 Kyocera Corp Portable information terminal, display control device, display control method, and recording media
US9582187B2 (en) * 2011-07-14 2017-02-28 Microsoft Technology Licensing, Llc Dynamic context based menus
US20130254705A1 (en) 2012-03-20 2013-09-26 Wimm Labs, Inc. Multi-axis user interface for a touch-screen enabled wearable device

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012226516A (ja) * 2011-04-19 2012-11-15 Sony Corp 電子機器、表示制御方法及びプログラム

Also Published As

Publication number Publication date
KR20170078007A (ko) 2017-07-07

Similar Documents

Publication Publication Date Title
KR102302353B1 (ko) 전자 장치 및 이의 ui 표시 방법
KR102099646B1 (ko) 휴대단말의 분할화면 전환 장치 및 방법
EP2703987B1 (en) Data Display Method and Apparatus
US9459788B2 (en) Mobile terminal for changing display mode of an application based on a user input operation and operation control method thereof
EP3262842B1 (en) Image display device and method of operating the same
US20190149649A1 (en) Mobile terminal and method for controlling the same
US10303328B2 (en) Mobile terminal and method for controlling the same
KR102202899B1 (ko) 복수의 어플리케이션 제공 방법 및 장치
US20130326397A1 (en) Mobile terminal and controlling method thereof
KR101126394B1 (ko) 이동 단말기 및 이동 단말기를 이용한 정보 표시 방법
KR102132390B1 (ko) 사용자 단말 장치 및 이의 디스플레이 방법
US20110072345A1 (en) Mobile terminal and operating method thereof
KR101251761B1 (ko) 어플리케이션 간 데이터 전달 방법 및 이를 이용하는 단말 장치
US9829706B2 (en) Control apparatus, information processing apparatus, control method, information processing method, information processing system and wearable device
US8994678B2 (en) Techniques for programmable button on bezel of mobile terminal
KR102254121B1 (ko) 메뉴 제공 방법 및 이를 위한 디바이스
JP2013084233A (ja) 装置、方法、及びプログラム
US20130086523A1 (en) Device, method, and storage medium storing program
KR20120020853A (ko) 이동 단말기 및 그 제어방법
KR20110107058A (ko) 이동 단말기 및 그 제어방법
JP2013200680A (ja) 装置、方法、及びプログラム
JP5801673B2 (ja) 電子機器、方法、及びプログラム
JP6841764B2 (ja) 複数のオペレーティングシステムを駆動するデバイス、及びその方法
KR20130116976A (ko) 이동 단말기 및 그 제어방법
JP2013092988A (ja) 装置、方法、及びプログラム

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right