KR20170103379A - 반응형 유저인터페이스 제공 방법 - Google Patents

반응형 유저인터페이스 제공 방법 Download PDF

Info

Publication number
KR20170103379A
KR20170103379A KR1020160026177A KR20160026177A KR20170103379A KR 20170103379 A KR20170103379 A KR 20170103379A KR 1020160026177 A KR1020160026177 A KR 1020160026177A KR 20160026177 A KR20160026177 A KR 20160026177A KR 20170103379 A KR20170103379 A KR 20170103379A
Authority
KR
South Korea
Prior art keywords
menu
user
menu button
display unit
providing
Prior art date
Legal status (The legal status 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 status listed.)
Ceased
Application number
KR1020160026177A
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 KR1020160026177A priority Critical patent/KR20170103379A/ko
Priority to US16/082,100 priority patent/US20200293155A1/en
Priority to PCT/KR2017/002346 priority patent/WO2017150947A1/ko
Publication of KR20170103379A publication Critical patent/KR20170103379A/ko
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen

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

반응형 유저인터페이스 제공 방법{METHOD FOR PROVIDING RESPONSIVE USER INTERFACE}
본 발명은 유저인터페이스의 제공 방법에 관한 것으로, 보다 상세하게는 사용자의 조작 방식에 반응하여 다양한 방식으로 메뉴를 제공하는 반응형 유저인터페이스 제공 방법에 관한 것이다.
종래의 컴퓨터장치 및 통신장치가 함께 구비된 휴대용전화기, 태블릿컴퓨터 등의 보급이 일반화되었다. 휴대용전화기 또는 태블릿컴퓨터는 주로 이동중에 사용되며, 한 손을 사용하거나 파지하고 다른 한손으로 화면을 터치하는 방식으로 사용되는 것이 일반적이다. 한손으로 화면을 터치하는 등으로 조작이 이루어지기 때문에, 종래 컴퓨터의 키보드와 같이 다양하고 신속한 입력이 불가능하거나 곤란한 경우가 종종 발생하곤 한다. 양 손중 어느 한 손으로만 제어가 가능하도록 외형의 크기가 정해져 생산되는 스마트 기기도 존재한다. 이는 휴대성을 극대화 하기 위한 조치인 한편, 양손을 모두 활용하여 장치를 제어할 수 있도록 하기위한 목적을 갖는다.
일반적으로 휴대폰, 태블릿컴퓨터 등의 경우는 아이콘으로 표현된 메뉴를 클릭하는 것으로 해당 어플리케이션이 실행된다. 어플리케이션이 실행된 이후에는 어플리케이션을 제어하기 위한 별도의 메뉴가 존재하는 경우도 있지만, 이미지 등이 어플리케이션의 주된 속성 중 하나인 경우에는 메뉴가 생성되는 위치가 제한적일 수 있다.
한편, 어플리케이션이 게임인 경우가 있다. 시뮬레이션게임 또는 롤플레잉게임은 게임을 진행하는 경우 다양한 방식으로 명령을 입력하여 플레이되는 것이 일반적이다. 이러한 종류의 게임은 스마트폰 또는 태블릿 컴퓨터 상에서의 플레이가 용이하지 않다. 스마트폰 또는 태블릿컴퓨터는 종래의 데스크탑 컴퓨터에서 사용되는 키보드 또는 마우스를 사용할 수 없기 때문이다.
상기 기술적 과제를 해결하기 위하여, 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법은 사용자의 조작 방식에 반응하여 다양한 방식으로 메뉴를 제공하여 사용자의 편의성을 제공하기 위한 반응형 유저인터페이스를 제공하는 것을 목적으로 한다.
본 발명의 목적은 이상에서 언급한 것으로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 본 발명이 속하는 기술 분야의 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
상기 과제를 해결하기 위한 본 발명의 일 양상에 따른 반응형 유저인터페이스 제공방법은 사용자기기의 터치인식부가 사용자에 의해 상기 사용자기기의 디스플레이부 상의 메뉴버튼이 터치된 상태에서 소정의 방향으로 스와이프 됨을 인식하는 단계; 및 상기 사용자기기의 메뉴관리부가 상기 소정의 방향에 매칭되는 서브메뉴를 상기 디스플레이부 상에 디스플레이하는 단계를 포함하고, 기 소정의 방향은 상기 디스플레이부 상의 상기 메뉴버튼을 중심으로 복수의 방향을 포함하고, 기 복수의 방향에 각각 대응되는 서브메뉴는 서로 다르게 구성된다.
또한, 상기 복수의 방향은 상기 디스플레이부의 세로방향을 기준으로 상, 하, 좌 및 우 중 적어도 둘을 포함할 수 있다.
또한, 상기 방법은 상기 터치인식부가 상기 사용자에 의해 상기 디스플레이부가 미리 설정된 시간 동안 이상 터치되는지 여부를 인식하는 단계; 및 상기 터치인식부가 상기 미리 설정된 시간 동안 이상 터치되었다고 판단하는 경우 상기 메뉴관리부는 상기 메뉴 버튼을 디스플레이하는 단계를 더 포함할 수 있다.
또한, 상기 메뉴버튼을 디스플레이하는 단계에서 상기 사용자기기의 진동제어부는 상기 메뉴버튼이 디스플레이될 때 사용자기기에 진동을 부여할 수 있다.
또한, 상기 방법은 상기 메뉴버튼이 디스플레이된 상태에서, 상기 사용자에 의해 상기 메뉴버튼이 미리 설정된 시간 이상동안 상기 메뉴버튼이 터치된 경우에, 상기 사용자기기의 메뉴관리부에 의해 상기 사용자에 의해 선택된 위치로 상기 메뉴버튼을 이동시키는 단계를 더 포함할 수 있다.
또한, 상기 사용자에 의해 선택된 위치는 상기 사용자에 의해 상기 디스플레이부 상에서 상기 메뉴버튼을 드래그한 위치일 수 있다.
또한, 상기 메뉴버튼이 디스플레이된 상태에서, 상기 사용자에 의해 상기 메뉴버튼이 미리 설정된 시간 이상동안 상기 메뉴버튼이 터치된 경우에, 상기 메뉴관리부는 상기 메뉴버튼의 디스플레이되는 방식을 변경할 수 있다.
또한, 상기 변경하는 방식은 상기 메뉴버튼이 반짝이거나 또는 흔들리도록 디스플레이되는 것일 수 있다.
또한, 상기 서브메뉴를 상기 디스플레이부 상에 디스플레이하는 단계는 상기 메뉴관리부가 상기 디스플레이부 상에 디스플레이되는 안내 스크립트 또는 디폴트메뉴 위치에 상기 서브메뉴가 디스플레이되는 것을 확인하는 경우, 상기 안내스크립트를 상기 안내스크립트 또는 디폴트메뉴가 디스플레이되는 위치 이외의 위치에 상기 메뉴버튼 및 상기 서브메뉴가 디스플레이하도록 하는 단계를 더 포함할 수 있다.
본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법은 사용자의 조작 방식에 반응하여 다양한 방식으로 메뉴를 제공하여 사용자의 편의성을 제공하기 위한 반응형 유저인터페이스를 제공함으로써, 보다 직관적이고 손쉬운 메뉴의 선택이 가능하도록 하여 어플리케이션을 보다 신속하고도 편리하게 제어할 수 있다.
본 발명의 효과는 이상에서 언급한 것으로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술 분야의 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
도 1은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 관한 사용자기기의 시스템블록도이다.
도 2는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법의 순서도이다.
도 3은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제1 개념도이다.
도 4는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제2 개념도이다.
도 5는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제3 개념도이다.
도 6은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제4 개념도이다.
도 7은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제5 개념도이다.
도 8은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제6 개념도이다.
도 9는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제7 개념도이다.
본 발명의 목적 및 효과, 그리고 그것들을 달성하기 위한 기술적 구성들은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 본 발명을 설명함에 있어서 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략할 것이다. 그리고 후술되는 용어들은 본 발명에서의 기증을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다.
그러나, 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있다. 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.
명세서 전체에서, 어떤 부분이 어떤 구성요소를 "포함" 또는 "구비"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다. 또한, 명세서에 기재된 "...유닛", "...장치", "...디바이스", "...부" 또는 "...모듈" 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다.
한편, 본 발명의 실시 예에 있어서, 각 구성요소들, 기능 블록들 또는 수단들은 하나 또는 그 이상의 하부 구성요소로 구성될 수 있으며, 각 구성요소들이 수행하는 전기, 전자, 기계적 기능들은 전자회로, 집적회로, ASIC(Application Specific Integrated Circuit) 등 공지된 다양한 소자들 또는 기계적 요소들로 구현될 수 있으며, 각각 별개로 구현되거나 2 이상이 하나로 통합되어 구현될 수도 있다.
또한 첨부된 블록도의 각 블록과 흐름도의 각 단계의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수도 있다. 이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터, 휴대용 노트북 컴퓨터, 네트워크 컴퓨터, 스마트폰과 같은 모바일 기기, 온라인 게임 서비스 제공 서버 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 장치 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 아래에서 설명할 블록도의 각 블록 또는 흐름도의 각 단계에서 설명된 기능들을 수행하는 수단을 생성하게 된다. 이들 컴퓨터 프로그램 인스트럭션들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 장치 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 장치에 이용 가능한 메모리 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 블록도의 각 블록 또는 흐름도 각 단계에서 설명된 기능을 수행하는 인스트럭션 수단을 내포하는 제조물을 생산하는 것도 가능하다. 컴퓨터 프로그램 인스트럭션들은 컴퓨터 장치 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑재되는 것도 가능하므로, 컴퓨터 장치 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되기 위한 프로세스를 생성하여 블록도의 각 블록 및 흐름도의 각 단계에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다.
또한, 각 블록 또는 각 단계는 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 또, 몇 가지 대체 실시예들에서는 블록들 또는 단계들에서 언급된 기능들이 순서를 벗어나서 발생하는 것도 가능함을 주목해야 한다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들 또는 단계들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들 또는 단계들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.
본 발명의 실시예에 있어서, 사용자기기라고 함은 데스크탑 컴퓨터, 노트북 컴퓨터, 스마트폰, PDA, 휴대전화, 게임기 등 데이터를 수집, 판독, 처리, 가공, 저장, 표시할 수 있는 모든 계산 수단을 의미한다. 특히, 본 발명의 실시예에 있어서의 사용자기기는 해독 가능한 코드로 작성된 소프트웨어를 실행시킬 수 있으며, 이를 사용자에게 표시하여 전달할 수 있는 기능을 갖는 장치이다. 또한, 필요에 따라서는 소프트웨어를 자체적으로 저장하기도 하고, 또는 외부로부터 데이터와 함께 읽어 들일 수도 있다.
또한, 본 발명의 실시예에 있어서의 사용자기기에는 위와 같은 데이터 처리 기능 뿐 아니라 입력, 출력, 저장 등의 기능이 포함되어 있으며, 이를 위하여 일반적인 컴퓨터 장치들이 갖는 CPU, 메인보드, 그래픽 카드, 하드디스크, 사운드 카드, 스피커, 키보드, 마우스, 모니터, USB, 통신 모뎀 등의 각종 요소들 뿐만 아니라 무선 스마트폰 단말기들이 갖는 CPU, 메인보드, 그래픽 칩, 메모리 칩, 사운드엔진, 스피커, 터치패드, USB 등의 외부 연결 단자, 통신 안테나, 3G, LTE, LTE-A, WiFi, 블루투스 등의 통신을 구현할 수 있는 통신 모뎀 등을 포함할 수 있다. 이러한 각종 요소들이 단독으로 또는 2 이상이 함께, 또는 각종 요소들의 일부분이 결합되어 하나 또는 그 이상의 기능을 구현할 수 있으며, 본 발명의 실시예에서 도면이나 상세한 설명에서 하나 또는 그 이상의 블록으로 표시된 장치 또는 그 일부분들은 위와 같은 사용자기기에 포함되어 있는 각종 요소들이 단독으로 또는 2 이상이 함께, 또는 각종 요소들의 일부분이 결합되어 하나 또는 그 이상의 기능을 나타내는 것을 의미할 수 있다.
한편, 본 발명의 실시예에서 사용자기기 등은 통신 기능을 가질 수 있으며, 통신 기능을 구현하기 위하여 유선 인터넷, 무선 인터넷, 적외선 통신, 블루투스, WCDMA, Wibro, WiFi, LTE, LTE-A, 유무선 전화망 등의 각종 네트워크 수단을 구비할 수 있다.
이하에서는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 대하여 첨부된 도면을 참고하여 구체적으로 설명하기로 한다.
도 1은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 관한 사용자기기(100)의 시스템블록도이다. 도 1을 참고하면 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법은 터치인식부(110), 디스플레이부(120), 메뉴관리부(130), 진동제어부(140) 등을 포함한다.
사용자기기(100)에 있어, 터치인식부(110)는 스마트폰 또는 태블릿컴퓨터 등과 같이 주로 사용자의 터치가 이루어지는 디스플레이부(120)와 일체로 형성되어, 사용자의 터치가 직관적으로 인식되도록 구성될 수 있다. 즉, 디스플레이부(120) 상에 디스플레이된 메뉴를 직접 터치하는 것에 의하여 사용자의 터치가 인식될 수 있도록 구성될 수 있다. 다만, 이에 한정하는 것은 아니고, 사용자기기(100)의 터치인식부(110)는 사용자의 터치가 이루어질 수 부분이라면 본 발명이 적용가능한 범위 내에서 사용자기기(100)상의 어느 부위에도 적용될 수 있다.
사용자기기의 디스플레이부(120)은 사용자를 향하고 있는 것이 일반적이며, 사용자는 사용자기기(100)의 디스플레이부(120) 반대면을 포함하여 파지한 상태로 사용가능한데, 이때 파지한 손의 검지손가락 또는 중지손가락 등을 자유로이 움직일 수 있도록 파지가 가능할 수 있다. 이러한 경우, 도시되지는 않았으나 터치인식부(110)는 사용자기기의 디스플레이부(120)가 위치한 반대쪽 면 일부 또는 전부에 위치하여 사용자의 터치를 인식하고, 디스플레이부(120)에 표현된 메뉴 등의 선택이 이루어지도록 구비될 수 있다. 이러한 구성을 통하여, 보다 빠른 메뉴생성 및 입력이 가능할 수 있고, 사용자의 손가락 등에 의해 디스플레이부(120)이 가려지게 되는 것을 방지할 수 있다.
이와 같은 특징에 기하여 이하 기술되는 사항 중 디스플레이부(120) 상의 메뉴버튼이 터치된 상태에서 사용자에 의해 메뉴버튼이 소정의 방향으로 스와이프 됨을 인식하는 경우와 같이, 디스플레이부(120) 표면을 직접 조작하는 방식은 사용자기기(100)의 디스플레이부(120) 반대쪽 일부 또는 전부에 형성된 면에 위치한 터치인식부(110)가 사용자에 의해 스와이프 됨을 인식하는 경우로도 변경되어 적용될 수 있다.
도 2는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법의 순서도이다.
우선, 사용자기기(100)의 터치인식부(110)가 사용자에 의해 사용자기기(100)의 디스플레이부(120) 상의 메뉴버튼이 터치된 상태에서 소정의 방향으로 스와이프 됨을 인식하게 된다 (S110). 한편, 메뉴버튼은 터치인식부(110)가 사용자에 의해 상기 디스플레이부(120)가 미리 설정된 시간 동안 이상 터치되는지 여부를 판단하여 일정시간 동안 터치가 이루어진 경우, 메뉴 버튼이 디스플레이하도록 구성될 수 있다. 이때, 메뉴버튼을 디스플레이하는 단계에서 상기 사용자기기(100)의 진동제어부(140)는 상기 메뉴버튼이 디스플레이될 때 사용자기기(100)에 진동을 부여할 수 있다. 사용자는 시각으로 판단하지 않더라도 진동을 통하여 메뉴버튼이 생성되었음을 확인할 수 있다.
또한, 메뉴버튼이 디스플레이된 상태라면, 사용자에 의해 메뉴버튼이 미리 설정된 시간 이상 동안 상기 메뉴버튼이 터치된 경우에, 메뉴관리부(130)는 상기 메뉴버튼의 디스플레이되는 방식을 변경할 수 있다. 이는 사용자의 주의를 환기시키기 위함이며, 메뉴버튼이 반짝거리거나, 메뉴버튼이 흔들리거나 또는 회전하는 등으로 시각에 의하여 메뉴버튼이 일정 시간 동안 터치되고 있음을 알리게 된다.
어플리케이션의 실행 시 메뉴버튼이 기본적으로 제공되는데, 이때 메뉴버튼을 터치한 상태에서 메뉴는 디스플레이부(120)의 세로방향을 기준으로 상, 하, 좌 또는 우측 방향으로 스와이프(swipe) 될 수 있다. 상기 예시한 4개의 방향 이외에도 각각의 방향을 조합하여 스와이프 되는 방향을 임의로 설정할 수 있다.
다음으로, 사용자에 의하여 스와이프 조작이 이루어 졌음을 인식하는 경우, 사용자기기(100)의 메뉴관리부(130)가 소정의 방향에 매칭되는 서브메뉴를 상기 디스플레이부(120) 상에 디스플레이하게 된다(S120). 서브메뉴는 앞서 기술된 바와 같이 사용자에 의하여 디스플레이부(120)상의 메뉴버튼이 스와이프 되는 방식에 의하여, 또는 단순히 메뉴버튼의 터치가 이루어지는 방식에 의하여 디스플레이될 수 있는데, 터치된 메뉴를 중심으로 하여 디스플레이 될 수 있고, 이 경우 상기 서브메뉴에 의해 어플리케이션이 제공하는 스크립트 또는 타 메뉴가 가려질 수 있다.
따라서, 상기 서브메뉴를 상기 디스플레이부(120) 상에 디스플레이하는 단계는 상기 메뉴관리부(130)가 상기 디스플레이부(120) 상에 디스플레이되는 안내 스크립트 또는 디폴트메뉴 위치에 상기 서브메뉴가 디스플레이되는 것이 감지되는 경우, 안내스크립트를 상기 안내스크립트 또는 디폴트메뉴가 디스플레이되는 위치 이외의 위치에 상기 메뉴버튼 및 상기 서브메뉴가 디스플레이하도록 하여 어플리케이션의 타 스크립트 또는 메뉴를 가리지 않도록 구성될 수 있다.
한편, 메뉴버튼을 터치하고 스와이프 하는 것에 의하여 스와이프 방향에 따라 서브메뉴가 디스플레이 될 수 있는데, 이때 스와이프 되는 방향에 따라 서브메뉴가 달리 구성되어 디스플레이 될 수 있다. 즉, 복수의 방향에 각각 대응되는 서브메뉴는 서로 다르게 구성될 수 있다. 이는 사용자마다 자신이 선호하는 방향이 있음을 고려한 것이다.
다음으로, 터치인식부(110)가 사용자에 의해 디스플레이부(120)가 미리 설정된 시간 동안 이상 터치되는지 여부를 인식할 수 있다 (S130). 터치인식부(110)는 미리 설정된 시간 동안 스와이프된 위치상의 특정 서브 메뉴상에서 터치되는 경우, 메뉴관리부(130)는 서브메뉴의 서브메뉴를 디스플레이하도록 구성될 수 있다. 즉, 사용자의 터치 패턴 및 시간에 따라 메뉴의 하위 계층에 속하는 메뉴가 구성되어 디스플레이 될 수 있다.
다음으로, 메뉴관리부(130)는 사용자에 의해 메뉴버튼이 드래그된 위치로 상기 메뉴버튼을 이동시키게 된다(S140). 즉, 메뉴버튼이 디스플레이된 상태에서, 사용자에 의해 상기 메뉴버튼이 미리 설정된 시간 이상 동안 상기 메뉴버튼이 터치된 경우에, 사용자기기(100)의 메뉴관리부(130)는 상기 사용자에 의해 선택된 위치로 상기 메뉴버튼을 이동시키게 될 수 있다. 보다 구체적으로, 선택된 위치는 사용자에 의해 상기 디스플레이부(120) 상에서 메뉴버튼을 드래그한 위치일 수 있다. 하지만, 사용자에 의해 선택되는 위치는 드래그된 위치에 한정되지 않고 임의로 설정하도록 구성될 수 있다. 이는 메뉴버튼 하위의 서브메뉴의 선택이 정확히 이루어졌는지를 시각적으로 확인할 수 있도록 하기 위함이다.
이하, 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 구체적인 실시예에 대하여 도 3 내지 도 9를 참고하여 설명도록 한다.
도 3은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제1 개념도이다.
도 3에 따르면, 디스플레이부(120) 우측 하단에 미리 제공된 메뉴버튼이 디스플레이되어 있음을 확인할 수 있다. 사용자가 메뉴버튼을 누른 상태에서 붉은 화살표방향 스와이프가 이루어지게 되면, 우측에 도시된 화면과 같이 미리 준비된 자판이 디스플레이 되도록 구성될 수 있다.
도 4는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제2 개념도이다.
도 4에 의하면, 사용자에 의하여 디스플레이부(120) 상의 메뉴버튼을 기준으로 좌측으로 스와이프가 이루어진 경우 디스플레이부(120)에 새로운 메뉴가 생성된 것을 확인할 수 있다. 이때, 각각의 메뉴버튼의 이미지 또는 기능구성 등은 사용자에 의하여 설정된 것이거나, 미리 제공된 메뉴일 수 있다.
도 5는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제3 개념도이고, 도 6은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제4 개념도이다.
도 5 및 도 6은 모두 디스플레이부(120) 상에서 스와이프 방향이 다양할 수 있는 점 및 스와이프 방향에 따라 각각 다른 메뉴(a, b, c, e 또는 ㄱ, ㄴ, ㄷ, ㄹ)가 생성될 수 있음이 예시되어 있다. 특히, 도 5는 사용자에 의하여 일정시간 이상 터치가 이루어진 경우, 즉 디스플레이부(120)의 화면 중앙에서 일정 시간 이상의 터치가 이루어진 것이 감지된 경우 메뉴버튼이 디스플레이부(120) 중앙에 생성되어 서브메뉴가 제공되는 것을 예시하고 있다.
도 7은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제5 개념도이다.
도 7은 미리 설정된 시간이 짧게 설정된 경우에 메뉴버튼이 짧게 한 번의 터치가 이루어지는 경우 디스플레이부(120) 상에 나타나는 서브메뉴의 구성을 예시한 것이다. 메뉴버튼이 일정 시간 이상 터치가 이루어지고, 그에 의하여 서브메뉴가 디스플레이되는 경우 메뉴의 디스플레이까지는 일정한 시간이 소모될 수 있다. 즉각적인 메뉴의 실행을 위해서는 이러한 시간을 제거하거나 또는 매우 짧은 시간에 처리되도록 하는 것이 바람직할 수 있다. 따라서, 디스플레이부(120) 상에 메뉴버튼이 생성되어 있는 경우, 한 번의 터치에 의하더라도 미리 제공된 또는 사용자에 의하여 설정된 메뉴버튼 또는 서브메뉴가 생성되도록 하여 보다 신속한 메뉴선택이 이루어지도록 할 수 있다.
도 8은 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제6 개념도이다.
도 8에 의하면, 디스플레이부(120) 상에 위치하는 메뉴버튼을 사용자가 스와이프 함에 따라 메뉴버튼으로부터 사전에 예정된 방향, 즉 사선방향 등으로 서브메뉴가 디스플레이된 상태에서, 상기 서브메뉴로 메뉴버튼을 이동하기 위하여 메뉴버튼을 미리 정해놓은 시간 동안 터치하게 될 경우, 메뉴버튼의 이동이 가능하게 되며, 이에 따라 메뉴버튼이 선택하고자 하는 서브메뉴 상으로 이동하는 모습이 도시되어 있다. 즉, 디스플레이부(120) 상에 메뉴버튼이 이동되어 머무는 곳의 서브메뉴가 선택되어 어플리케이션이 실행되므로 사용자는 보다 명확하게 선택된 서브메뉴를 확인할 수 있게 된다. 상기와 같은 구성은 터치인식부(110)가 디스플레이부(120)의 반대쪽 면의 일부 또는 전부에 위치하여 사용자의 손가락의 조작 등이 시각적으로 즉시 인식될 수 없는 경우를 고려한 것이다.
도 9는 본 발명의 실시예에 따른 반응형 유저인터페이스 제공 방법에 따른 제7 개념도이다.
앞서 기술된 바와 같이, 사용자의 조작 등에 의해 디스플레이부(120) 상에 메뉴버튼 또는 서브메뉴가 디스플레이 되면서, 어플리케이션의 필수적 정보 또는 기타 디폴트메뉴를 가리게 되는 경우가 존재할 수 있다. 이를 방지하기 위하여 메뉴버튼이 디스플레이부(120)의 기타 스크립트 또는 메뉴를 가리게 되는 것을 인식하는 경우, 메뉴관리부(130)는 기타 스크립트 또는 메뉴 등이 디스플레이부(120) 상에 디스플레이된 위치를 피하여 메뉴버튼 또는 서브메뉴가 디스플레이되도록 할 수 있다.
본 발명에 따른 방법은 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광데이터 저장장치 등이 있으며, 또한 캐리어 웨이브(예를 들어 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.
본 명세서와 도면에는 본 발명의 바람직한 실시예에 대하여 개시하였으며, 비록 특정 용어들이 사용되었으나, 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 일반적인 의미에서 사용된 것이지, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시예 외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형예들이 실시 가능하다는 것은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.

Claims (10)

  1. 사용자기기의 터치인식부가 사용자에 의해 상기 사용자기기의 디스플레이부 상의 메뉴버튼이 터치된 상태에서 소정의 방향으로 스와이프 됨을 인식하는 단계; 및
    상기 사용자기기의 메뉴관리부가 상기 소정의 방향에 매칭되는 서브메뉴를 상기 디스플레이부 상에 디스플레이하는 단계를 포함하고,
    상기 소정의 방향은 상기 디스플레이부 상의 상기 메뉴버튼을 중심으로 복수의 방향을 포함하고,
    상기 복수의 방향에 각각 대응되는 서브메뉴는 서로 다르게 구성되는, 반응형 유저인터페이스 제공 방법.
  2. 제1항에 있어서,
    상기 복수의 방향은 상기 디스플레이부의 세로방향을 기준으로 전, 후, 좌 및 우 중 적어도 둘을 포함하는,
    반응형 유저인터페이스 제공 방법.
  3. 제1항에 있어서,
    상기 방법은
    상기 터치인식부가 상기 사용자에 의해 상기 디스플레이부가 미리 설정된 시간 동안 이상 터치되는지 여부를 인식하는 단계; 및
    상기 터치인식부가 상기 미리 설정된 시간 동안 이상 터치되었다고 판단하는 경우 상기 메뉴관리부는 상기 메뉴 버튼을 디스플레이하는 단계를 더 포함하는,
    반응형 유저인터페이스 제공 방법.
  4. 제3항에 있어서,
    상기 메뉴버튼을 디스플레이하는 단계에서
    상기 사용자기기의 진동제어부는 상기 메뉴버튼이 디스플레이될 때 사용자기기에 진동을 부여하는 것을 특징으로 하는,
    반응형 유저인터페이스 제공 방법.
  5. 제1항에 있어서,
    상기 방법은
    상기 메뉴버튼이 디스플레이된 상태에서, 상기 사용자에 의해 상기 메뉴버튼이 미리 설정된 시간 이상 동안 상기 메뉴버튼이 터치된 경우에,
    상기 사용자기기의 메뉴관리부에 의해 상기 사용자에 의해 선택된 위치로 상기 메뉴버튼을 이동시키는 단계를 더 포함하는,
    반응형 유저인터페이스 제공 방법.
  6. 제5항에 있어서,
    상기 사용자에 의해 선택된 위치는 상기 사용자에 의해 상기 디스플레이부 상에서 상기 메뉴버튼을 드래그한 위치인,
    반응형 유저인터페이스 제공 방법.
  7. 제1항에 있어서,
    상기 메뉴버튼이 디스플레이된 상태에서, 상기 사용자에 의해 상기 메뉴버튼이 미리 설정된 시간 이상동안 상기 메뉴버튼이 터치된 경우에, 상기 메뉴관리부는 상기 메뉴버튼의 디스플레이되는 방식을 변경하는 것을 특징으로 하는,
    반응형 유저인터페이스 제공 방법.
  8. 제7항에 있어서,
    상기 변경하는 방식은 상기 메뉴버튼이 반짝이거나 또는 흔들리도록 디스플레이되는 것을 특징으로 하는,
    반응형 유저인터페이스 제공 방법.
  9. 제1항에 있어서,
    상기 서브메뉴를 상기 디스플레이부 상에 디스플레이하는 단계는,
    상기 메뉴관리부가 상기 디스플레이부 상에 디스플레이되는 안내 스크립트 또는 디폴트메뉴 위치에 상기 서브메뉴가 디스플레이되는 것을 확인하는 경우, 상기 안내스크립트를 상기 안내스크립트 또는 디폴트메뉴가 디스플레이되는 위치 이외의 위치에 상기 메뉴버튼 및 상기 서브메뉴가 디스플레이하도록 하는 단계;를 더 포함하는 것을 특징으로 하는,
    반응형 유저인터페이스 제공 방법.
  10. 제1항 내지 제9항 중 어느 한 항에 따른 반응형 유저인터페이스 제공 방법을 구현하기 위한 프로그램 명령어가 기록된,
    컴퓨터가 판독가능한 기록매체.
KR1020160026177A 2016-03-04 2016-03-04 반응형 유저인터페이스 제공 방법 Ceased KR20170103379A (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020160026177A KR20170103379A (ko) 2016-03-04 2016-03-04 반응형 유저인터페이스 제공 방법
US16/082,100 US20200293155A1 (en) 2016-03-04 2017-03-03 Device and method for providing reactive user interface
PCT/KR2017/002346 WO2017150947A1 (ko) 2016-03-04 2017-03-03 반응형 유저 인터페이스 제공 장치 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160026177A KR20170103379A (ko) 2016-03-04 2016-03-04 반응형 유저인터페이스 제공 방법

Publications (1)

Publication Number Publication Date
KR20170103379A true KR20170103379A (ko) 2017-09-13

Family

ID=59744197

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160026177A Ceased KR20170103379A (ko) 2016-03-04 2016-03-04 반응형 유저인터페이스 제공 방법

Country Status (3)

Country Link
US (1) US20200293155A1 (ko)
KR (1) KR20170103379A (ko)
WO (1) WO2017150947A1 (ko)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11455078B1 (en) * 2020-03-31 2022-09-27 Snap Inc. Spatial navigation and creation interface
US11797162B2 (en) 2020-12-22 2023-10-24 Snap Inc. 3D painting on an eyewear device
US12229342B2 (en) 2020-12-22 2025-02-18 Snap Inc. Gesture control on an eyewear device
US11782577B2 (en) 2020-12-22 2023-10-10 Snap Inc. Media content player on an eyewear device
EP4268066A1 (en) 2020-12-22 2023-11-01 Snap Inc. Media content player on an eyewear device
US12236512B2 (en) 2022-08-23 2025-02-25 Snap Inc. Avatar call on an eyewear device

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100973354B1 (ko) * 2008-01-11 2010-07-30 성균관대학교산학협력단 메뉴 유저 인터페이스 제공 장치 및 방법
KR101092592B1 (ko) * 2009-10-14 2011-12-13 주식회사 팬택 이동통신단말기 및 이의 터치 인터페이스 제공 방법
KR20120040970A (ko) * 2010-10-20 2012-04-30 삼성전자주식회사 디스플레이에서 제스쳐를 인식하는 방법 및 그 장치
CN104321736B (zh) * 2012-05-21 2018-11-13 三星电子株式会社 用于通过使用触摸屏来控制用户界面的方法和装置
KR20140002448A (ko) * 2012-06-28 2014-01-08 한양대학교 산학협력단 잠금 해제 유아이 조절 방법 및 이를 사용하는 사용자 단말기

Also Published As

Publication number Publication date
US20200293155A1 (en) 2020-09-17
WO2017150947A1 (ko) 2017-09-08

Similar Documents

Publication Publication Date Title
EP2894562A1 (en) Method of controlling device and control apparatus
US11054988B2 (en) Graphical user interface display method and electronic device
US8610684B2 (en) System and method for controlling an electronic device having a touch-sensitive non-display area
US9529490B2 (en) Method and apparatus for improving one-handed operation of a large smartphone or a small tablet computer
JP5694719B2 (ja) 携帯端末、ロック状態解除プログラムおよびロック状態解除方法
CN102722334B (zh) 触摸屏幕的控制方法及装置
CN112527431A (zh) 一种微件处理方法以及相关装置
US10528247B2 (en) Operation system having touch operation enabling use of large screen area, operation control method, and operation control program
KR20170103379A (ko) 반응형 유저인터페이스 제공 방법
US9310890B2 (en) Shake-based functions on a computing device
WO2018107897A1 (zh) 一种触摸屏控制方法、装置、移动终端及存储介质
US20150128036A1 (en) Method, apparatus and electronic device for moving target element
CN107102806A (zh) 一种分屏输入方法和移动终端
CN105408852B (zh) 处理输入的方法及其电子设备
CN105074616A (zh) 用户接口和相关的方法
CN105324160A (zh) 电子游戏机、电子游戏处理方法及电子游戏程序
CN114356153A (zh) 控制方法、装置、电子设备及存储介质
CN106445956B (zh) 一种购物数据的管理方法及装置
CN106951143B (zh) 隐藏应用图标的方法及装置
KR20150001095A (ko) 문자 입력 처리 방법 및 상기 방법이 적용되는 장치
CN108815844B (zh) 移动终端及其游戏控制方法、电子设备及存储介质
CN106293351A (zh) 菜单布局方法及装置
EP4352604B1 (en) Pen-specific user interface controls
CN107728898B (zh) 一种信息处理方法及移动终端
EP3292461B1 (en) Electronic device and operating method of the same

Legal Events

Date Code Title Description
A201 Request for examination
PA0109 Patent application

Patent event code: PA01091R01D

Comment text: Patent Application

Patent event date: 20160304

PA0201 Request for examination
PG1501 Laying open of application
N231 Notification of change of applicant
PN2301 Change of applicant

Patent event date: 20180709

Comment text: Notification of Change of Applicant

Patent event code: PN23011R01D

E902 Notification of reason for refusal
PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20210327

Patent event code: PE09021S01D

E601 Decision to refuse application
PE0601 Decision on rejection of patent

Patent event date: 20210625

Comment text: Decision to Refuse Application

Patent event code: PE06012S01D

Patent event date: 20210327

Comment text: Notification of reason for refusal

Patent event code: PE06011S01I