KR102400481B1 - Method for providing user interface for emoticon searching, user device, server and application implementing the method - Google Patents

Method for providing user interface for emoticon searching, user device, server and application implementing the method Download PDF

Info

Publication number
KR102400481B1
KR102400481B1 KR1020190170891A KR20190170891A KR102400481B1 KR 102400481 B1 KR102400481 B1 KR 102400481B1 KR 1020190170891 A KR1020190170891 A KR 1020190170891A KR 20190170891 A KR20190170891 A KR 20190170891A KR 102400481 B1 KR102400481 B1 KR 102400481B1
Authority
KR
South Korea
Prior art keywords
emoticon
tab
displaying
products
product
Prior art date
Application number
KR1020190170891A
Other languages
Korean (ko)
Other versions
KR20210078930A (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 KR1020190170891A priority Critical patent/KR102400481B1/en
Publication of KR20210078930A publication Critical patent/KR20210078930A/en
Application granted granted Critical
Publication of KR102400481B1 publication Critical patent/KR102400481B1/en

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/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/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
    • G06Q50/30—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/50—Business processes related to the communications industry

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)
  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • Operations Research (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

단말이 인스턴트 메시징 어플리케이션의 사용자 인터페이스 화면을 제공하는 방법으로서, 이모티콘 상품들이 배열된 기본 이모티콘 탭을 표시하는 단계, 상기 기본 이모티콘 탭을 움직이는 사용자 행동을 감지하는 단계, 상기 사용자 행동을 기초로 상기 기본 이모티콘 탭의 펼치기 버튼을 표시하는 단계, 그리고 상기 펼치기 버튼이 선택되면, 상기 기본 이모티콘 탭이 펼쳐진 이모티콘 탭을 표시하는 단계를 포함한다. 상기 기본 이모티콘 탭은 상기 이모티콘 상품들 중 적어도 일부를 노출한다. 상기 펼쳐진 이모티콘 탭은 상기 기본 이모티콘 탭보다 많은 수의 이모티콘 상품들을 노출한다.A method for a terminal to provide a user interface screen of an instant messaging application, the method comprising: displaying a basic emoticon tab in which emoticon products are arranged; detecting a user action moving the basic emoticon tab; and the basic emoticon based on the user action displaying an expand button of the tab; and displaying an emoticon tab in which the basic emoticon tab is opened when the expand button is selected. The basic emoticon tab exposes at least some of the emoticon products. The expanded emoticon tab exposes a greater number of emoticon products than the basic emoticon tab.

Description

이모티콘 탐색을 위한 사용자 인터페이스 화면 제공 방법, 이를 구현한 서버, 사용자 단말 및 어플리케이션{METHOD FOR PROVIDING USER INTERFACE FOR EMOTICON SEARCHING, USER DEVICE, SERVER AND APPLICATION IMPLEMENTING THE METHOD} A method for providing a user interface screen for emoticon search, a server, user terminal and application implementing the same

본 발명은 이모티콘 제공에 관한 것이다.The present invention relates to providing an emoticon.

카카오톡, 트위터, 페이스북, 인스타그램 등 다양한 소셜 미디어 서비스가 존재한다. 사용자는 소셜 미디어 서비스를 통해 상대방과 대화할 수 있고, 자신의 생각을 표현할 수 있다. 사용자는 카카오톡 등의 인스턴트 메시징 서비스를 통해 채팅방에서 친구들과 메시지를 교환한다. 이때, 메시지는 텍스트, 이미지, 동영상, 이모티콘 등과 같이 다양하다. 특히, 이모티콘은 사용자 감정과 의사를 재미있고 효과적으로 전달하는 커뮤니케이션 수단으로서, 다양하고 참신한 이모티콘들이 인스턴트 메시징 서비스에서 제공되고 있다. Various social media services such as KakaoTalk, Twitter, Facebook, and Instagram exist. Users can communicate with others through social media services and express their thoughts. Users exchange messages with their friends in chat rooms through instant messaging services such as KakaoTalk. In this case, the message is various such as text, image, video, emoticon, and the like. In particular, emoticons are a communication means for conveying user emotions and intentions in a fun and effective way, and various novel emoticons are being provided in instant messaging services.

최근 다양한 이모티콘 상품들이 출시되고, 사용자는 많은 이모티콘 상품들을 다운로드할 수 있다. 하지만, 점점 다운로드한 이모티콘 상품들이 늘어나면, 사용자는 이모티콘 탭에서 이모티콘을 찾기가 번거롭고 시간이 많이 걸리며, 이모티콘을 관리하는 것이 쉽지 않다. 따라서, 이모티콘 접근성이 떨어지고, 선택 편의성이 떨어져서, 사용자는 이모티콘을 이용하는 데 불편을 느끼는 문제가 있다.Recently, various emoticon products have been released, and users can download many emoticon products. However, as more and more emoticon products are downloaded, it is cumbersome and time-consuming for users to find emoticons in the emoticon tab, and it is not easy to manage emoticons. Accordingly, there is a problem in that accessibility of emoticons is poor and convenience of selection is low, so that the user feels inconvenience in using emoticons.

해결하고자 하는 과제는 이모티콘 탐색을 위한 사용자 인터페이스 화면을 제공하는 것이다.The task to be solved is to provide a user interface screen for navigating emoticons.

해결하고자 하는 과제는 이모티콘 탭에서의 사용자 행동을 기초로 이모티콘 탭을 펼치는 방법을 제공하는 것이다.The challenge we are trying to solve is to provide a way to expand the emoji tab based on user actions on the emoji tab.

한 실시예에 따른 단말이 인스턴트 메시징 어플리케이션의 사용자 인터페이스 화면을 제공하는 방법으로서, 이모티콘 상품들이 배열된 기본 이모티콘 탭을 표시하는 단계, 상기 기본 이모티콘 탭을 움직이는 사용자 행동을 감지하는 단계, 상기 사용자 행동을 기초로 상기 기본 이모티콘 탭의 펼치기 버튼을 표시하는 단계, 그리고 상기 펼치기 버튼이 선택되면, 상기 기본 이모티콘 탭이 펼쳐진 이모티콘 탭을 표시하는 단계를 포함한다. 상기 기본 이모티콘 탭은 상기 이모티콘 상품들 중 적어도 일부를 노출한다. 상기 펼쳐진 이모티콘 탭은 상기 기본 이모티콘 탭보다 많은 수의 이모티콘 상품들을 노출한다.A method for a terminal to provide a user interface screen of an instant messaging application according to an embodiment, the method comprising: displaying a basic emoticon tab in which emoticon products are arranged; detecting a user action moving the basic emoticon tab; displaying an expand button of the basic emoticon tab based on the basic emoticon tab, and displaying an emoticon tab in which the basic emoticon tab is opened when the expand button is selected. The basic emoticon tab exposes at least some of the emoticon products. The expanded emoticon tab exposes a greater number of emoticon products than the basic emoticon tab.

상기 펼치기 버튼을 표시하는 단계는 상기 이모티콘 상품들이 기준 개수 이상인지 판단하고, 상기 기준 개수 이상이면 상기 펼치기 버튼을 표시할 수 있다.The displaying of the expand button may include determining whether the number of emoticon products is equal to or greater than a reference number, and displaying the expand button when the number is greater than or equal to the reference number.

상기 펼치기 버튼을 표시하는 단계는 상기 사용자 행동이 상기 기본 이모티콘 탭에 노출된 이모티콘 상품 변경을 위한 행동인지 판단하고, 상기 이모티콘 상품 변경을 위한 행동이면 상기 펼치기 버튼을 표시할 수 있다.The displaying of the expand button may include determining whether the user action is an action for changing the emoticon product exposed in the basic emoticon tab, and displaying the expand button if the action is for changing the emoticon product.

상기 이모티콘 상품 변경을 위한 행동은 연속적으로 상기 기본 이모티콘 탭을 움직이는 입력, 또는 일정 강도 이상으로 상기 기본 이모티콘 탭을 터치하여 움직이는 입력으로부터 판단될 수 있다.The action for changing the emoticon product may be determined from an input of continuously moving the basic emoticon tab, or an input of moving the basic emoticon tab by touching the basic emoticon tab with a certain intensity or more.

상기 사용자 인터페이스 화면 제공 방법은 상기 펼쳐진 이모티콘 탭에서 특정 이모티콘 상품이 선택되면, 상기 펼쳐진 이모티콘 탭을 닫고, 상기 특정 이모티콘 상품에 포함된 이모티콘들을 이모티콘 표시창에 표시하는 단계를 더 포함할 수 있다.The user interface screen providing method may further include, when a specific emoticon product is selected in the expanded emoticon tab, closing the expanded emoticon tab and displaying the emoticons included in the specific emoticon product on an emoticon display window.

상기 사용자 인터페이스 화면 제공 방법은 상기 펼쳐진 이모티콘 탭에 포함된 접기 버튼이 선택되면, 상기 펼쳐진 이모티콘 탭을 상기 기본 이모티콘 탭으로 변경하여 표시하는 단계를 더 포함할 수 있다.The method of providing the user interface screen may further include, when a fold button included in the expanded emoticon tab is selected, changing the expanded emoticon tab to the basic emoticon tab and displaying the changed.

한 실시예에 따라 컴퓨팅 장치에 의해 실행되고, 컴퓨터 판독 가능한 기록 매체에 저장되는 어플리케이션으로서, 이모티콘 상품들이 배열된 영역에서, 이모티콘 상품 변경을 위한 행동으로 지정된 사용자 행동을 입력받는 단계, 상기 사용자 행동을 기초로 상기 영역의 넓이를 늘리는 펼치기 버튼을 표시하는 단계, 그리고 상기 펼치기 버튼이 선택되면, 상기 영역보다 넓이가 늘어난 확장 영역에 상기 이모티콘 상품들을 표시하는 단계를 실행하는 명령들을 포함한다.According to an embodiment, an application executed by a computing device and stored in a computer-readable recording medium, the step of receiving an input of a user action designated as an action for changing the emoticon product in an area in which emoticon products are arranged, the user action and displaying an expand button for increasing the area of the area based on the command; and when the expand button is selected, displaying the emoticon products in an expanded area with an area larger than that of the area.

상기 펼치기 버튼을 표시하는 단계는 상기 이모티콘 상품들이 기준 개수 이상인지 판단하고, 상기 기준 개수 이상이면 상기 펼치기 버튼을 표시할 수 있다.The displaying of the expand button may include determining whether the number of emoticon products is equal to or greater than a reference number, and displaying the expand button when the number is greater than or equal to the reference number.

상기 이모티콘 상품 변경을 위한 행동은 연속적으로 상기 영역을 움직이는 행동, 또는 일정 강도 이상으로 상기 영역을 터치하여 움직이는 행동일 수 있다.The action for changing the emoticon product may be an action of continuously moving the area, or an action of moving the area by touching the area with a certain intensity or more.

상기 어플리케이션은 상기 확장 영역에서 특정 이모티콘 상품이 선택되면, 상기 확장 영역을 상기 펼치기 버튼이 선택되기 전의 크기로 변경하고, 상기 특정 이모티콘 상품에 포함된 이모티콘들을 이모티콘 표시창에 표시하는 단계를 실행하는 명령들을 더 포함할 수 있다.When a specific emoticon product is selected in the extended area, the application changes the expanded area to the size before the expand button is selected, and displays the emoticons included in the specific emoticon product on the emoticon display window. may include more.

상기 어플리케이션은 상기 확장 영역의 접기 버튼이 선택되면, 상기 확장 영역을 상기 펼치기 버튼이 선택되기 전의 크기로 변경하는 단계를 실행하는 명령들을 더 포함할 수 있다.The application may further include commands for executing a step of changing the size of the expanded area to a size before the expand button is selected when the fold button of the expanded area is selected.

실시예에 따르면, 단말은 이모티콘 상품들이 늘어나더라도, 사용자 행동을 기초로 이모티콘 탭을 펼쳐서 한꺼번에 많은 이모티콘 상품들을 화면에 노출할 수 있다.According to an embodiment, even if the number of emoticon products increases, the terminal may open the emoticon tab based on the user's behavior to expose many emoticon products at once on the screen.

실시예에 따르면, 사용자는 많은 이모티콘 상품들을 효과적으로 탐색할 수 있다.According to the embodiment, the user can effectively search for many emoticon products.

도 1은 한 실시예에 따른 인스턴스 메시징 서비스 시스템의 구성도이다.
도 2와 도 3은 한 실시예에 따른 이모티콘 탭의 펼치기를 위한 펼치기 버튼 제공 화면의 예시이다.
도 4는 한 실시예에 따른 이모티콘 탐색을 위한 사용자 인터페이스 화면 제공 방법의 흐름도이다.1 is a block diagram of an instant messaging service system according to an embodiment.
2 and 3 are examples of an expand button providing screen for expanding an emoticon tab according to an exemplary embodiment.
4 is a flowchart of a method for providing a user interface screen for searching for emoticons according to an embodiment.

아래에서는 첨부한 도면을 참고로 하여 본 발명의 실시예에 대하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.Hereinafter, with reference to the accompanying drawings, the embodiments of the present invention will be described in detail so that those of ordinary skill in the art to which the present invention pertains can easily implement them. However, the present invention may be embodied in several different forms and is not limited to the embodiments described herein. And in order to clearly explain the present invention in the drawings, parts irrelevant to the description are omitted, and similar reference numerals are attached to similar parts throughout the specification.

명세서 전체에서, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다. 또한, 명세서에 기재된 "…부", "…기", "모듈" 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다.Throughout the specification, when a part "includes" a certain element, it means that other elements may be further included, rather than excluding other elements, unless otherwise stated. In addition, terms such as “…unit”, “…group”, and “module” described in the specification mean a unit that processes at least one function or operation, which may be implemented as hardware or software or a combination of hardware and software. there is.

어플리케이션은 컴퓨터 판독 가능한 저장 매체에 저장되는 소프트웨어로서, 본 발명의 동작을 실행하는 명령어들(instructions) 및 데이터를 포함한다. 어플리케이션은 단말에 설치되고, 단말에서 실행되며, 통신망을 통해 지정된 서버와 통신한다. An application is software stored in a computer-readable storage medium, and includes instructions and data for executing an operation of the present invention. The application is installed on the terminal, runs on the terminal, and communicates with a designated server through a communication network.

단말은 프로세서, 메모리, 디스플레이, 통신 모듈 등의 하드웨어를 포함하는 컴퓨팅 장치이다. 프로세서는 하드웨어들과 협력하여 어플리케이션을 구동한다. 디스플레이는 어플리케이션에서 제공하는 사용자 인터페이스 화면을 표시하고, 사용자 입력(예를 들면 터치 입력)을 수신할 수 있다. 단말은 터치 입력 이외에 키보드를 사용자 입력을 수신할 수 있다. 통신 모듈은 통신망에 연결된다. 통신망을 통해 어플리케이션과 서버는 데이터를 송수신한다.A terminal is a computing device including hardware such as a processor, a memory, a display, and a communication module. The processor works with the hardware to run the application. The display may display a user interface screen provided by an application and receive a user input (eg, a touch input). The terminal may receive a user input through the keyboard in addition to the touch input. The communication module is connected to the communication network. Through the communication network, the application and the server send and receive data.

단말은 다양한 형태로 구현될 수 있고, 모바일 단말을 예로 들어 설명하나, 스마트패드와 같은 패드형 단말, 랩탑 컴퓨터 등 각종 형태의 컴퓨터, 웨어러블 디바이스, TV 단말 등의 형태로 구현될 수 있다. The terminal may be implemented in various forms, and although a mobile terminal is described as an example, it may be implemented in the form of a pad-type terminal such as a smart pad, various types of computers such as a laptop computer, a wearable device, a TV terminal, and the like.

다음에서, 어플리케이션은 인스턴트 메시징 서비스를 위한 인스턴트 메시징 어플리케이션을 예로 들어 설명하나, 이모티콘을 제공할 수 있는 다양한 어플리케이션에 적용될 수 있다. 또한, 본 발명은 웹브라우저에 표시되는 인터페이스 화면에도 적용될 수 있다.In the following, the application will be described using an instant messaging application for an instant messaging service as an example, but may be applied to various applications that can provide emoticons. Also, the present invention can be applied to an interface screen displayed on a web browser.

설명에서 사용하는 용어 “이모티콘”은, 이미지, 이모지, 스티커 등으로 다양하게 부를 수 있고, 텍스트와 다른 종류의 콘텐츠로 대체될 수 있다.The term “emoji” used in the description can be variously called images, emojis, stickers, etc., and can be replaced with text and other types of content.

도 1은 한 실시예에 따른 인스턴스 메시징 서비스 시스템의 구성도이다.1 is a block diagram of an instant messaging service system according to an embodiment.

도 1을 참고하면, 인스턴트 메시징 어플리케이션을 설치한 사용자 단말들(100, 110)은 메시징 서버(200)에 접속하여 인스턴트 메시징 어플리케이션에서 제공하는 기능들을 이용한다. 인스턴트 메시징 어플리케이션은 본 발명에서 설명하는 사용자 인터페이스 화면을 제공한다. 사용자 인터페이스 화면(10)은 도 1과 같이, 채팅방 인터페이스 화면일 수 있고, 설명에서 채팅방 화면이라고 부른다. Referring to FIG. 1 , user terminals 100 and 110 having installed an instant messaging application access the messaging server 200 and use functions provided by the instant messaging application. The instant messaging application provides the user interface screen described in the present invention. The user interface screen 10 may be a chat room interface screen, as shown in FIG. 1, and is referred to as a chat room screen in the description.

설명을 위해, 사용자A가 단말(100)의 사용자이고, 사용자B가 단말(110)의 사용자이며, 사용자A와 사용자B가 채팅방의 대화자들이라고 가정한다. 설명에서, 사용자A의 단말(100)에 표시되는 채팅방 화면(10)을 예로 들어 설명한다. For explanation, it is assumed that user A is a user of the terminal 100 , user B is a user of the terminal 110 , and user A and user B are chat rooms. In the description, the chat room screen 10 displayed on the terminal 100 of user A will be described as an example.

메시징 서버(200)는 인스턴트 메시징 어플리케이션에 연결된 서버를 나타내기 위해 명명한 것으로서, 메시징 서버(200)에 한정될 필요 없이, 본 발명에서 설명하는 동작을 수행하는 서버이면 충분하다.The messaging server 200 is named to indicate a server connected to an instant messaging application. It is not necessary to be limited to the messaging server 200, and any server that performs the operations described in the present invention is sufficient.

채팅방 화면(10)은 채팅방에서 교환되는 메시지들이 표시되는 메시지 표시창(11), 텍스트를 입력받는 텍스트 입력창(12), 이모티콘 표시창(14)을 열기 위한 이모티콘 버튼(13)을 포함할 수 있다. 채팅방 화면(10)은 텍스트를 입력할 수 있는 키보드 표시창(15)을 표시한 상태에서, 이모티콘 버튼(13)이 선택되면, 복수의 이모티콘들을 보여주는 이모티콘 표시창(14)을 표시할 수 있다. The chat room screen 10 may include a message display window 11 in which messages exchanged in the chat room are displayed, a text input window 12 for receiving text, and an emoticon button 13 for opening the emoticon display window 14 . The chat room screen 10 may display an emoticon display window 14 showing a plurality of emoticons when the emoticon button 13 is selected while the keyboard display window 15 for inputting text is displayed.

이모티콘 표시창(14)은 이모티콘 패키지들(상품들)이 나열된 이모티콘 탭(16) 중에서, 특정 탭의 이모티콘 패키지에 포함된 이모티콘 리스트를 이모티콘 리스트 영역(17)에 표시할 수 있다. 이모티콘 리스트는 복수의 이모티콘들로 구성되는 집합을 의미한다.The emoticon display window 14 may display, in the emoticon list area 17 , a list of emoticons included in the emoticon package of a specific tab among the emoticon tabs 16 in which emoticon packages (products) are listed. The emoticon list means a set consisting of a plurality of emoticons.

사용자A가 텍스트 입력창(12)에 텍스트를 입력하고 전송 버튼(미도시)을 누르면, 단말(100)은 메시징 서버(200)로 입력 텍스트를 전송한다. 메시징 서버(200)는 입력 텍스트가 전송된 채팅방을 확인하고, 채팅방으로 입력 텍스트를 전송한다. 그러면, 사용자A와 사용자B가 참여한 채팅방 화면(10)에 사용자A가 입력한 텍스트가 말풍선 메시지로 표시될 수 있다. When user A inputs text into the text input window 12 and presses a transmit button (not shown), the terminal 100 transmits the input text to the messaging server 200 . The messaging server 200 checks the chat room to which the input text is transmitted, and transmits the input text to the chat room. Then, the text input by the user A may be displayed as a speech bubble message on the chat room screen 10 in which the user A and the user B participated.

마찬가지로, 사용자A가 이모티콘 표시창(14)에서 어느 이모티콘을 선택하고 전송 버튼을 누르면, 단말(100)은 메시징 서버(200)로 이모티콘을 전송한다. 이때, 이모티콘 이미지가 전송되거나, 이모티콘의 식별정보가 전송될 수 있다. 그러면, 사용자A와 사용자B가 참여한 채팅방 화면(10)에 사용자A가 입력한 이모티콘이 표시될 수 있다. Similarly, when user A selects an emoticon in the emoticon display window 14 and presses a transmit button, the terminal 100 transmits the emoticon to the messaging server 200 . In this case, an emoticon image may be transmitted, or identification information of the emoticon may be transmitted. Then, the emoticon input by the user A may be displayed on the chat room screen 10 in which the user A and the user B participated.

텍스트나 이모티콘 이외에도, 사용자A는 채팅방 화면(10)에서 동영상, 사진 등을 선택할 수 있으나, 자세한 설명은 생략한다.In addition to text or emoticons, user A may select a video, photo, etc. on the chat room screen 10 , but a detailed description thereof will be omitted.

최근 다양한 이모티콘 상품들이 출시되고, 사용자는 많은 이모티콘 상품들을 다운로드할 수 있다. 다운로드된 이모티콘 상품들은 이모티콘 탭(16)에 나열되는데, 다운로드한 이모티콘 상품들이 늘어나면, 이모티콘 탭(16)에 한꺼번에 노출되기 어렵다. 그러면, 사용자는 이모티콘 탭(16)을 이동해 가면서 숨겨진 이모티콘 상품들을 확인해야 하므로, 이모티콘 탭(16)에서 이모티콘을 찾기가 번거롭고 시간이 많이 걸린다. 또한, 이모티콘 설정 버튼이 이모티콘 탭(16)의 끝에 위치하는 경우, 이모티콘을 많이 보유한 사용자는 이모티콘 설정 버튼으로 접근하기 어렵다.Recently, various emoticon products have been released, and users can download many emoticon products. The downloaded emoticon products are listed in the emoticon tab 16, and if the number of downloaded emoticon products increases, it is difficult to be exposed to the emoticon tab 16 at once. Then, since the user has to check the hidden emoticon products while moving the emoticon tab 16 , it is cumbersome and time consuming to find the emoticon in the emoticon tab 16 . In addition, when the emoticon setting button is located at the end of the emoticon tab 16 , it is difficult for a user who has many emoticons to access the emoticon setting button.

다음에서, 이모티콘 탭(16)에서의 사용자 행동을 기초로 이모티콘 탭을 펼칠 수 있는 펼치기 버튼을 자동 노출하는 방법에 대해 설명한다. Next, a method of automatically exposing an expand button for expanding an emoticon tab based on a user action in the emoticon tab 16 will be described.

참고로, 설명의 편의를 위해, 어플리케이션을 동작의 주체로 설명하거나, 설치된 어플리케이션을 실행한 단말(100)을 동작의 주체로 설명할 수 있다.For reference, for convenience of description, the application may be described as the subject of the operation, or the terminal 100 executing the installed application may be described as the subject of the operation.

도 2와 도 3은 한 실시예에 따른 이모티콘 탭의 펼치기를 위한 펼치기 버튼 제공 화면의 예시이다.2 and 3 are examples of an expand button providing screen for expanding an emoticon tab according to an exemplary embodiment.

도 2의 (a)를 참고하면, 단말(100)은 채팅방 화면(10)을 표시한다. 도 1에서 설명한 바와 같이, 채팅방 화면(10)은 메시지 표시창(11)과 텍스트 입력창(12)을 표시하고, 이모티콘 버튼(13)이 선택되면, 이모티콘 표시창(14)이 나타난다. 설명에서는 이모티콘 표시창(14) 위주로 설명한다.Referring to Figure 2 (a), the terminal 100 displays the chat room screen (10). As described in FIG. 1 , the chat room screen 10 displays a message display window 11 and a text input window 12 , and when the emoticon button 13 is selected, the emoticon display window 14 appears. In the description, the emoticon display window 14 will be mainly described.

이모티콘 표시창(14)은 이모티콘 상품들이 표시되는 이모티콘 탭(16), 그리고 선택된 이모티콘 상품의 이모티콘들이 표시되는 이모티콘 리스트 영역(17)으로 구성될 수 있다. 이모티콘들을 묶은 이모티콘 패키지가 하나의 상품으로 제공되므로, 이모티콘 상품이라는 용어를 사용하여 설명한다.The emoticon display window 14 may include an emoticon tab 16 in which emoticon products are displayed, and an emoticon list area 17 in which emoticons of the selected emoticon product are displayed. Since an emoticon package bundled with emoticons is provided as one product, the term emoticon product will be used for explanation.

이모티콘 탭(16)에는 복수의 이모티콘 상품들이 배열되는데, 복수의 이모티콘 상품들 중 일부의 이모티콘 상품들만이 노출될 수 있다. 사용자는 숨겨진 이모티콘 상품들을 확인하기 위해, 이모티콘 탭(16)을 터치하여 움직일 수 있다.A plurality of emoticon products are arranged in the emoticon tab 16, and only some of the emoticon products among the plurality of emoticon products may be exposed. The user may move by touching the emoticon tab 16 to check the hidden emoticon products.

단말(100)은, 이모티콘 탭(16)을 움직이는 사용자 행동을 감지할 수 있다. 사용자 행동은 스와이프 입력일 수 있으나, 이모티콘 탭(16)을 움직일 수 있는 다양한 사용자 행동으로 정의될 수 있다. 예를 들면, 이모티콘 탭(16)에서 이모티콘 상품들이 가로 방향으로 배열된 경우, 단말(100)은 이모티콘 탭(16)을 왼쪽이나 오른쪽으로 미는 사용자 행동을 감지할 수 있다.The terminal 100 may detect a user action moving the emoticon tab 16 . The user action may be a swipe input, but may be defined as various user actions capable of moving the emoticon tab 16 . For example, when emoticon products are arranged in the horizontal direction in the emoticon tab 16 , the terminal 100 may detect a user action of pushing the emoticon tab 16 to the left or right.

도 2의 (b)를 참고하면, 사용자 행동을 감지한 단말(100)은 이모티콘 탭(16)을 펼칠 수 있는 버튼(20)을 노출한다. 버튼(20)을 펼치기 버튼이라고 부른다. 펼치기 버튼(20)은 다양한 위치에 배치될 수 있다. 한편, 펼치기 버튼(20)은 숨겨진 상태에서 사용자 행동이 감지되면 노출될 수 있지만, 펼치기 버튼(20)은 항상 이모티콘 탭(16)에 노출될 수 있다. 이때, 사용자가 보유한 이모티콘 상품 수가 기준 개수 이상이면, 펼치기 버튼(20)은 항상 이모티콘 탭(16)에 노출될 수 있다. 또는 사용자 설정에 의해 펼치기 버튼(20)은 항상 이모티콘 탭(16)에 노출될 수 있다.Referring to FIG. 2B , the terminal 100 that has detected the user action exposes a button 20 for expanding the emoticon tab 16 . The button 20 is called an unfold button. The unfold button 20 may be disposed in various positions. Meanwhile, the expand button 20 may be exposed when a user action is detected in a hidden state, but the expand button 20 may always be exposed on the emoticon tab 16 . In this case, if the number of emoticon products possessed by the user is equal to or greater than the reference number, the expand button 20 may always be exposed on the emoticon tab 16 . Alternatively, the expand button 20 may always be exposed on the emoticon tab 16 by a user setting.

즉, 단말(100)은, 이모티콘 탭(16)을 어느 방향으로 움직이는 사용자 행동으로부터, 이모티콘 상품 변경을 위한 행동임을 인지하고, 펼치기 버튼(20)을 제공할 수 있다. 한편, 이모티콘 탭(16)을 어느 방향으로 움직이는 사용자 행동이 감지되면, 펼치기 버튼(20)이 제공될 수 있으나, 이모티콘 상품 변경 의도로 볼 수 있는 사용자 행동을 구체적으로 정의하고, 펼치기 버튼(20)이 제공되는 조건들을 세부적으로 설정해 둘 수 있다. That is, the terminal 100 may recognize the action for changing the emoticon product from the user action of moving the emoticon tab 16 in a certain direction, and provide the expand button 20 . On the other hand, when a user action moving the emoticon tab 16 in any direction is detected, an expand button 20 may be provided, but the user action that can be viewed as an intention to change the emoticon product is specifically defined, and the expand button 20 You can set these provided conditions in detail.

이모티콘 상품 변경 의도가 있는 사용자 행동은 미리 정의될 수 있다. 한 실시예에 따르면, 이모티콘 탭(16)을 움직이는 동일한 사용자 행동이 연속해서 입력되면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동으로 판단할 수 있다. 사용자가 동일한 방향으로 연속된 넘기기 동작(스와이프 동작)을 하면, 사용자가 숨겨진 이모티콘 상품들을 탐색하는 행동으로 볼 수 있기 때문이다. 다른 실시예에 따르면, 이모티콘 탭(16)을 움직이는 사용자 행동이 지정된 짧은 시간 내에 연속해서 입력되면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동으로 판단할 수 있다. 사용자가 이모티콘 탭(16)을 어느 방향으로 움직인 후, 일정 시간 이내에 다른 방향으로 움직인다면, 사용자가 이모티콘 상품들을 탐색하는 행동으로 볼 수 있기 때문이다. 또 다른 실시예에 따르면, 이모티콘 탭(16)을 펼칠 수 있는 사용자 행동을 미리 지정해 놓고, 지정된 사용자 행동이 입력되면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동으로 판단할 수 있다. 예를 들면, 이모티콘 탭(16)의 임의 지점을 일정 강도로 누르면 펼치기 버튼이 표시되도록 정해두고, 사용자가 이모티콘 탭(16)을 지정된 강도로 누른다면, 사용자가 이모티콘 상품들을 탐색하기 위한 행동으로 볼 수 있다. 단말(100)은 사용자의 터치 강도 또는 터치 감도를 학습하고, 이를 통해 사용자 행동으로부터 이모티콘 상품 변경 의도를 판단할 수 있다.A user action intended to change the emoticon product may be predefined. According to an embodiment, if the same user action moving the emoticon tab 16 is continuously input, the terminal 100 may determine that the user action is intended to change the emoticon product. This is because, if the user performs a continuous flip operation (swipe operation) in the same direction, it can be viewed as an action of the user searching for hidden emoticon products. According to another embodiment, when a user action of moving the emoticon tab 16 is continuously input within a specified short time, the terminal 100 may determine that the user action is intended to change the emoticon product. This is because if the user moves the emoticon tab 16 in a certain direction and then moves in another direction within a predetermined time, it can be viewed as an action of the user searching for emoticon products. According to another embodiment, if a user action for opening the emoticon tab 16 is previously designated and the designated user action is input, the terminal 100 may determine that the user action is intended to change the emoticon product. For example, when an arbitrary point of the emoticon tab 16 is pressed with a certain intensity, the expand button is set to be displayed. can The terminal 100 may learn the user's touch intensity or touch sensitivity, and through this, determine the intention to change the emoticon product from the user's behavior.

펼치기 버튼(20)이 제공되는 조건들은 미리 설정될 수 있다. 한 실시예에 따르면, 펼치기 버튼(20)은 이모티콘 상품 변경 의도가 있는 사용자 행동이 감지되면, 제공될 수 있다. 다른 실시예에 따르면, 펼치기 버튼(20)은 보유한 이모티콘 상품 수가 기준 개수 이상이면 제공될 수 있다. 보유한 이모티콘 상품 수가 기준 개수 이하이면, 이모티콘 탭(16)을 움직이는 사용자 행동이 감지되더라도, 펼치기 버튼(20)이 노출되지 않을 수 있다. 또 다른 실시예에 따르면, 펼치기 버튼(20)은 추천 이모티콘 상품이 있으면 제공될 수 있다. 사용자는 펼치기 버튼(20)에서 자신에게 추천된 이모티콘 상품을 확인할 수 있다. 추천 이모티콘 상품은 메시징 서버(200)로부터 제공될 수 있다.Conditions in which the expand button 20 is provided may be preset. According to an embodiment, the expand button 20 may be provided when a user action intended to change the emoticon product is detected. According to another embodiment, the expand button 20 may be provided when the number of emoticon products possessed is equal to or greater than the reference number. If the number of emoticon products possessed is less than or equal to the reference number, even if a user action moving the emoticon tab 16 is detected, the expand button 20 may not be exposed. According to another embodiment, the expand button 20 may be provided if there is a recommended emoticon product. The user may check the emoticon product recommended to him/her from the expand button 20 . The recommended emoticon product may be provided from the messaging server 200 .

도 2의 (c)를 참고하면, 펼치기 버튼(20)이 선택(터치, 탭(tap), 클릭, 끌어내리기 등)되면, 단말(100)은 이모티콘 탭(16)에 배열된 이모티콘 상품들이, 펼쳐진 이모티콘 탭(16e)에 표시된다. 이모티콘 탭(16)을 기본 이모티콘 탭이라고 하고, 이모티콘 탭(16e)을 펼쳐진 이모티콘 탭이라고 구분해서 부를 수 있다. 펼쳐진 이모티콘 탭(16e)은 이모티콘 탭(16)보다 넓이가 확장된 확장 영역에 표시될 수 있다.Referring to FIG. 2 (c), when the expand button 20 is selected (touch, tap, click, drag down, etc.), the terminal 100 displays emoticon products arranged in the emoticon tab 16, It is displayed on the expanded emoticon tab 16e. The emoticon tab 16 may be referred to as a basic emoticon tab, and the emoticon tab 16e may be referred to as an expanded emoticon tab. The expanded emoticon tab 16e may be displayed in an extended area wider than the emoticon tab 16 .

한편, (b)와 (c)에서는 펼쳐진 이모티콘 탭(16e)이 이모티콘 탭(16)의 아래 방향으로 펼쳐지는 것으로 설명했으나, 펼쳐진 이모티콘 탭(16e)이 이모티콘 탭(16)의 윗 방향, 즉 메시지 표시창 방향으로 펼쳐지도록 구현될 수 있다. 펼치기 버튼(16)이나 이모티콘 탭(16)을 위로 끌어올리는 사용자 행동이 입력되면, 메시지 표시창 방향으로 펼쳐진 이모티콘 탭(16e)이 펼쳐질 수 있다.On the other hand, in (b) and (c), it has been described that the opened emoticon tab 16e is unfolded in the downward direction of the emoticon tab 16 , but the unfolded emoticon tab 16e is opened in the upward direction of the emoticon tab 16 , that is, the message It may be implemented to unfold in the direction of the display window. When a user action of pulling up the expand button 16 or the emoticon tab 16 is input, the expanded emoticon tab 16e in the direction of the message display window may be expanded.

펼쳐진 이모티콘 탭(16e)은 이모티콘 상품들을 표시하는데, 최근 사용한 이모티콘 상품들을 우선 노출할 수 있다. 펼쳐진 이모티콘 탭(16e)은 이모티콘 상품들을 관리하는 화면으로 진입할 수 있는 관리 버튼, 이모티콘 스토어로 진입할 수 있는 버튼 등을 포함할 수 있다. 펼쳐진 이모티콘 탭(16e)은 접기 버튼(21)을 포함할 수 있다. The expanded emoticon tab 16e displays emoticon products, and recently used emoticon products may be exposed first. The expanded emoticon tab 16e may include a management button for entering a screen for managing emoticon products, a button for entering an emoticon store, and the like. The expanded emoticon tab 16e may include a fold button 21 .

펼쳐진 이모티콘 탭(16e)은 이모티콘 표시창(14)을 채우는 넓이로 펼쳐질 수 있다. 또는 펼쳐진 이모티콘 탭(16e)은 보유한 이모티콘 상품 수에 맞게 조절된 크기로 펼쳐질 수 있다. 이 경우, 펼쳐진 이모티콘 탭(16e)은 이모티콘 표시창(14)보다 크기가 작을 수 있다. The expanded emoticon tab 16e may be expanded to fill the emoticon display window 14 . Alternatively, the expanded emoticon tab 16e may be expanded in a size adjusted to fit the number of owned emoticon products. In this case, the expanded emoticon tab 16e may have a smaller size than the emoticon display window 14 .

접기 버튼(21)을 선택하거나, 위로 끌어올리는 사용자 행동이 입력되면, 단말(100)은 이전 상태인 (b) 화면을 표시할 수 있다. 이때, 접기 버튼(21)이 선택되어 되돌아온 경우, (b)의 이모티콘 탭(16)에서 펼치기 버튼(20)이 제공되지 않을 수 있다.When a user action of selecting the fold button 21 or pulling up is input, the terminal 100 may display the previous screen (b). In this case, when the fold button 21 is selected and returned, the expand button 20 may not be provided in the emoticon tab 16 of (b).

도 2의 (d)를 참고하면, (c)의 펼쳐진 이모티콘 탭(16e)에서 이모티콘 상품(30)이 선택되면, 펼쳐진 이모티콘 탭(16e)이 닫히고, 단말(100)은 선택된 이모티콘 상품(30)의 이모티콘들을 표시한다. 즉, 단말(100)은 (a)와 같이, 이모티콘 탭(16)에 선택된 이모티콘 상품(30)을 표시하고, 이모티콘 리스트 영역(17)에 이모티콘 상품(30)의 이모티콘들을 표시할 수 있다. 이때, 이모티콘 탭(16)은 펼치기 버튼이 계속 제공될 수 있고, 제공되지 않을 수 있다.Referring to (d) of FIG. 2, when the emoticon product 30 is selected in the expanded emoticon tab 16e of (c), the expanded emoticon tab 16e is closed, and the terminal 100 displays the selected emoticon product 30 of emoticons. That is, as shown in (a), the terminal 100 may display the selected emoticon product 30 on the emoticon tab 16 and display the emoticons of the emoticon product 30 on the emoticon list area 17 . In this case, the emoticon tab 16 may or may not continue to provide an expand button.

도 3을 참고하면, 이모티콘 탭의 펼치기 버튼은 다양하게 제공될 수 있다. 도 2에서 설명한 바와 같이, 펼치기 버튼(20)은 이모티콘 상품들의 하단에 배치되고, 선택되거나 아래로 끌어내리는 사용자 행동을 입력받을 수 있는 버튼일 수 있다. 또는 펼치기 버튼(22)은 이모티콘 상품들과 같은 행에 배치되고, 선택되거나 아래로 끌어내리는 사용자 행동을 입력받을 수 있는 버튼일 수 있다. 펼치기 버튼(미도시)은 이모티콘 탭(16)과 이모티콘 리스트 영역 사이에 배치될 수 있다.Referring to FIG. 3 , the expand button of the emoticon tab may be provided in various ways. As described in FIG. 2 , the expand button 20 may be a button that is disposed at the bottom of the emoticon products and can receive a user action of being selected or dragging down. Alternatively, the expand button 22 may be a button that is arranged in the same row as the emoticon products and can receive a user action of being selected or dragging down. An expand button (not shown) may be disposed between the emoticon tab 16 and the emoticon list area.

한편, 펼치기 버튼(20, 22)을 선택하지 않고 이모티콘 탭(16)이 펼쳐지도록 구현될 수 있다. 이모티콘 탭(16)이 펼치기 가능 상태에서, 이모티콘 탭(16)의 임의 지점이 선택된 상태에서 끌어내리거나 끌어올리는 사용자 행동이 입력되면, 이모티콘 탭(16)이 펼쳐질 수 있다. 이모티콘 탭(16)의 펼치기 가능 상태는 이모티콘 탭(16)의 색깔을 변경하거나, 이모티콘 탭(16)의 크기를 변경하여 표시될 수 있다. 이모티콘 탭(16)의 펼치기 가능 상태는 표시되지 않을 수 있고, 단말(100)이 펼치기 가능 상태에서 사용자 행동이 입력되면 이모티콘 탭을 펼치고, 펼치기 미제공 상태에서 사용자 행동이 입력되면 이모티콘 탭을 펼치지 않을 수 있다.단말(100)이, 이모티콘 탭(16)을 펼치기 가능한 상태인지를 판단하고 표시하는 방법은 다양할 수 있다. 예를 들면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동이 감지되면, 사용자가 이모티콘 탭을 펼칠 수 있다는 것을 알 수 있도록 이모티콘 탭(16)의 펼치기 가능 상태를 표시할 수 있다. 단말(100)은 보유한 이모티콘 상품 수가 기준 개수 이상이면, 이모티콘 탭(16)의 펼치기 가능 상태를 표시할 수 있다. 단말(100)은 추천 이모티콘 상품이 있으면, 사용자가 추천 이모티콘 상품을 확인할 수 있도록, 이모티콘 탭(16)의 펼치기 가능 상태를 표시할 수 있다.Meanwhile, the emoticon tab 16 may be expanded without selecting the expand buttons 20 and 22 . In a state where the emoticon tab 16 is expandable, when a user action of dragging down or raising the emoticon tab 16 is input while an arbitrary point of the emoticon tab 16 is selected, the emoticon tab 16 may be expanded. The expandable state of the emoticon tab 16 may be displayed by changing the color of the emoticon tab 16 or changing the size of the emoticon tab 16 . The expandable state of the emoticon tab 16 may not be displayed, and the emoticon tab is expanded when a user action is input when the terminal 100 is in an expandable state There may be various methods for determining and displaying whether the terminal 100 is in an expandable state of the emoticon tab 16 . For example, when a user action intended to change an emoticon product is detected, the terminal 100 may display the expandable state of the emoticon tab 16 so that the user can know that the emoticon tab can be expanded. The terminal 100 may display the expandable state of the emoticon tab 16 when the number of emoticon products possessed is equal to or greater than the reference number. If there is a recommended emoticon product, the terminal 100 may display the expandable state of the emoticon tab 16 so that the user can check the recommended emoticon product.

도 4는 한 실시예에 따른 이모티콘 탐색을 위한 사용자 인터페이스 화면 제공 방법의 흐름도이다.4 is a flowchart of a method of providing a user interface screen for searching for emoticons according to an exemplary embodiment.

도 4를 참고하면, 단말(100)은 화면에, 이모티콘 상품들이 표시되는 이모티콘 탭(16)을 표시한다(S110). Referring to FIG. 4 , the terminal 100 displays an emoticon tab 16 in which emoticon products are displayed on the screen ( S110 ).

단말(100)은 이모티콘 탭(16)을 움직이는 사용자 행동을 감지한다(S120). The terminal 100 detects a user action moving the emoticon tab 16 (S120).

단말(100)은 사용자 행동을 기초로 이모티콘 탭(16)의 펼치기 버튼(20)을 표시한다(S130). 단말(100)은 보유한 이모티콘 상품 수를 더 고려하여 펼치기 버튼(20)을 노출할지 판단할 수 있다. 보유한 이모티콘 상품 수가 기준 개수 이하이면, 단말(100)은 이모티콘 탭(16)을 움직이는 사용자 행동을 감지하라도, 펼치기 버튼(20)을 노출하지 않을 수 있다. 즉, 펼치기 버튼(20)은 보유한 이모티콘 상품 수가 기준 개수 이상인 사용자에게만 선택적으로 제공될 수 있다. The terminal 100 displays the expand button 20 of the emoticon tab 16 based on the user action (S130). The terminal 100 may determine whether to expose the expand button 20 in consideration of the number of emoticon products possessed. If the number of emoticon products possessed is less than or equal to the reference number, the terminal 100 may not expose the expand button 20 even if a user action of moving the emoticon tab 16 is detected. That is, the expand button 20 may be selectively provided only to users whose number of emoticon products is equal to or greater than the reference number.

단말(100)은 이모티콘 탭(16)을 움직이는 사용자 행동이 입력되면, 펼치기 버튼(20)을 노출할 수 있지만, 사용자 행동이 이모티콘 상품 변경 의도가 내포된 행동(이모티콘 상품 변경을 위한 행동)인지 판단한 후, 펼치기 버튼(20)을 제공할 수 있다. 이모티콘 상품 변경 의도가 있는 사용자 행동은 미리 정의될 수 있다. 한 실시예에 따르면, 이모티콘 탭(16)을 움직이는 동일한 사용자 행동이 연속해서 입력되면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동으로 판단할 수 있다. 다른 실시예에 따르면, 이모티콘 탭(16)을 움직이는 사용자 행동이 지정된 짧은 시간 내에 연속해서 입력되면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동으로 판단할 수 있다. 또 다른 실시예에 따르면, 이모티콘 탭(16)을 펼칠 수 있는 사용자 행동을 미리 지정해 놓고, 지정된 사용자 행동이 입력되면, 단말(100)은 이모티콘 상품 변경 의도가 있는 사용자 행동으로 판단할 수 있다. 예를 들면, 이모티콘 탭(16)의 임의 지점을 일정 강도로 누르면 펼치기 버튼이 표시되도록 정해두고, 사용자가 이모티콘 탭(16)을 지정된 강도로 누른다면, 사용자가 이모티콘 상품들을 탐색하기 위한 행동으로 볼 수 있다. 단말(100)은 사용자의 터치 강도 또는 터치 감도를 학습하고, 이를 통해 사용자 행동으로부터 이모티콘 상품 변경 의도를 판단할 수 있다.When a user action that moves the emoticon tab 16 is input, the terminal 100 may expose the expand button 20, but it is determined whether the user action is an action with an intention to change the emoticon product (action for changing the emoticon product) After that, the expand button 20 may be provided. A user action intended to change the emoticon product may be predefined. According to an embodiment, if the same user action moving the emoticon tab 16 is continuously input, the terminal 100 may determine that the user action is intended to change the emoticon product. According to another embodiment, when a user action of moving the emoticon tab 16 is continuously input within a specified short time, the terminal 100 may determine that the user action is intended to change the emoticon product. According to another embodiment, if a user action for opening the emoticon tab 16 is previously designated and the designated user action is input, the terminal 100 may determine that the user action is intended to change the emoticon product. For example, when an arbitrary point of the emoticon tab 16 is pressed with a certain intensity, the expand button is set to be displayed. can The terminal 100 may learn the user's touch intensity or touch sensitivity, and through this, determine the intention to change the emoticon product from the user's behavior.

한편, 단말(100)은 펼치기 버튼(20)을 제공할 필요 없이, 이모티콘 탭(16)을 펼치도록 지정된 사용자 행동이 입력되면, 곧장 펼쳐진 이모티콘 탭(16e)을 표시할 수 있다. 또한, 단말(100)은 펼치기 버튼(20)을 제공할 필요 없이, 이모티콘 탭(16)을 펼치기 가능한 상태이면, 사용자가 이모티콘 탭을 펼칠 수 있다는 것을 알 수 있도록 이모티콘 탭(16)의 펼치기 가능 상태를 표시할 수 있다.On the other hand, the terminal 100 may display the straight open emoticon tab 16e when a user action designated to expand the emoticon tab 16 is input without providing the unfold button 20 . In addition, the terminal 100 does not need to provide the expand button 20, and if the emoticon tab 16 is expandable, the expandable state of the emoticon tab 16 so that the user can know that the emoticon tab can be expanded can be displayed.

단말(100)은 펼치기 버튼(20)이 선택되면, 보유한 이모티콘 상품들을 펼쳐진 이모티콘 탭(16e)에 표시한다(S140). 펼쳐진 이모티콘 탭(16e)은 이모티콘 탭(16)의 아래 방향 또는 윗 방향으로 펼쳐질 수 있다. 펼쳐진 이모티콘 탭(16e)의 크기는 모든 사용자에게 동일하거나, 사용자별 이모티콘 상품 수에 따라 가변될 수 있다.When the expand button 20 is selected, the terminal 100 displays the held emoticon products on the expanded emoticon tab 16e (S140). The expanded emoticon tab 16e may be expanded downward or upward of the emoticon tab 16 . The size of the expanded emoticon tab 16e may be the same for all users or may vary according to the number of emoticon products for each user.

단말(100)은 펼쳐진 이모티콘 탭(16e)에서 이모티콘 상품(30)이 선택되면, 펼쳐진 이모티콘 탭(16e)을 닫고, 선택된 이모티콘 상품(30)의 이모티콘들을 표시한다(S150).When the emoticon product 30 is selected in the expanded emoticon tab 16e, the terminal 100 closes the expanded emoticon tab 16e and displays the emoticons of the selected emoticon product 30 (S150).

펼쳐진 이모티콘 탭(16e)에서 이모티콘 상품(30)이 선택되지 않고, 접기 버튼(21)이 선택될 수 있다. 접기 버튼(21)이 선택되더라도 펼치기 버튼(20)은 유지될 수 있고, 또는 접기 버튼(21)이 선택되면 펼치기 버튼(20)은 사라질 수 있다.In the opened emoticon tab 16e, the emoticon product 30 may not be selected, but the fold button 21 may be selected. Even when the fold button 21 is selected, the unfold button 20 may be maintained, or when the fold button 21 is selected, the unfold button 20 may disappear.

이와 같이, 실시예에 따르면, 단말은 이모티콘 상품들이 늘어나더라도, 사용자 행동을 기초로 이모티콘 탭을 펼쳐서 한꺼번에 많은 이모티콘 상품들을 화면에 노출할 수 있다. 실시예에 따르면, 사용자는 많은 이모티콘 상품들을 효과적으로 탐색할 수 있다.As described above, according to the embodiment, even if the number of emoticon products increases, the terminal may open the emoticon tab based on the user's behavior to expose many emoticon products at once on the screen. According to the embodiment, the user can effectively search for many emoticon products.

이상에서 설명한 본 발명의 실시예는 장치 및 방법을 통해서만 구현이 되는 것은 아니며, 본 발명의 실시예의 구성에 대응하는 기능을 실현하는 프로그램 또는 그 프로그램이 기록된 기록 매체를 통해 구현될 수도 있다.The embodiment of the present invention described above is not implemented only through the apparatus and method, and may be implemented through a program for realizing a function corresponding to the configuration of the embodiment of the present invention or a recording medium in which the program is recorded.

이상에서 본 발명의 실시예에 대하여 상세하게 설명하였지만 본 발명의 권리범위는 이에 한정되는 것은 아니고 다음의 청구범위에서 정의하고 있는 본 발명의 기본 개념을 이용한 당업자의 여러 변형 및 개량 형태 또한 본 발명의 권리범위에 속하는 것이다.Although the embodiments of the present invention have been described in detail above, the scope of the present invention is not limited thereto, and various modifications and improvements by those skilled in the art using the basic concept of the present invention as defined in the following claims are also provided. is within the scope of the right.

Claims (11)

단말이 인스턴트 메시징 어플리케이션의 사용자 인터페이스 화면을 제공하는 방법으로서,
이모티콘 상품들이 배열된 기본 크기 이모티콘 탭, 그리고 상기 이모티콘 상품들 중 임의 이모티콘 상품의 이모티콘들을 표시하는 이모티콘 리스트 영역을 포함하는 이모티콘 표시창을 표시하는 단계,
상기 기본 크기 이모티콘 탭에서, 상기 기본 크기 이모티콘 탭에 표시되는 이모티콘 상품 변경을 위한 사용자 행동을 감지하는 단계,
상기 사용자 행동이 감지되면, 상기 기본 크기 이모티콘 탭의 펼치기 버튼을 표시하는 단계,
상기 펼치기 버튼이 선택되면, 상기 기본 크기 이모티콘 탭이 펼쳐진 이모티콘 탭을 표시하는 단계, 그리고
상기 펼쳐진 이모티콘 탭에서 특정 이모티콘 상품이 선택되면, 상기 특정 이모티콘 상품에 포함된 이모티콘들을 상기 이모티콘 리스트 영역에 표시하는 단계를 포함하고,
상기 기본 크기 이모티콘 탭은 상기 이모티콘 상품들 중 적어도 일부를 노출하고,
상기 펼쳐진 이모티콘 탭은 상기 기본 크기 이모티콘 탭보다 많은 수의 이모티콘 상품들을 노출하며, 지정된 동작이 입력되면 접혀서 상기 기본 크기 이모티콘 탭으로 되돌아가는, 사용자 인터페이스 화면 제공 방법.A method for a terminal to provide a user interface screen of an instant messaging application, comprising:
Displaying an emoticon display window including a basic size emoticon tab in which emoticon products are arranged, and an emoticon list area for displaying emoticons of any emoticon product among the emoticon products;
Detecting, in the basic size emoticon tab, a user action for changing the emoticon product displayed in the basic size emoticon tab;
displaying an expand button of the default size emoticon tab when the user action is detected;
displaying an emoticon tab in which the default size emoticon tab is expanded when the expand button is selected; and
When a specific emoticon product is selected in the expanded emoticon tab, displaying the emoticons included in the specific emoticon product in the emoticon list area;
The basic size emoticon tab exposes at least some of the emoticon products,
The expanded emoticon tab exposes a larger number of emoticon products than the default size emoticon tab, and when a specified action is input, it is folded and returned to the default size emoticon tab. 제1항에서,
상기 펼치기 버튼을 표시하는 단계는
상기 이모티콘 상품들이 기준 개수 이상인지 판단하고, 상기 기준 개수 이상이면 상기 펼치기 버튼을 표시하는, 사용자 인터페이스 화면 제공 방법.In claim 1,
The step of displaying the expand button is
Determining whether the emoticon products are greater than or equal to a reference number, and displaying the expand button if the number is greater than or equal to the reference number, a user interface screen providing method. 제1항에서,
상기 펼치기 버튼을 표시하는 단계는
상기 사용자 행동이 상기 기본 크기 이모티콘 탭에 노출된 이모티콘 상품 변경을 위한 행동인지 판단하고, 상기 이모티콘 상품 변경을 위한 행동이면 상기 펼치기 버튼을 표시하는, 사용자 인터페이스 화면 제공 방법.In claim 1,
The step of displaying the expand button is
Determining whether the user action is an action for changing the emoticon product exposed in the default size emoticon tab, and displaying the expand button if the action is for changing the emoticon product. 제3항에서,
상기 이모티콘 상품 변경을 위한 행동은
연속적으로 상기 기본 크기 이모티콘 탭을 움직이는 입력, 또는 일정 강도 이상으로 상기 기본 크기 이모티콘 탭을 터치하여 움직이는 입력으로부터 판단되는, 사용자 인터페이스 화면 제공 방법.In claim 3,
The action to change the emoticon product is
The method of providing a user interface screen, which is determined from an input of continuously moving the emoticon tab of the basic size, or an input of moving the emoticon tab of the basic size by touching it with a certain intensity or more. 단말이 인스턴트 메시징 어플리케이션의 사용자 인터페이스 화면을 제공하는 방법으로서,
이모티콘 상품들이 배열된 기본 이모티콘 탭을 표시하는 단계,
상기 기본 이모티콘 탭을 움직이는 사용자 행동을 감지하는 단계,
상기 사용자 행동을 기초로 상기 기본 이모티콘 탭의 펼치기 버튼을 표시하는 단계,
상기 펼치기 버튼이 선택되면, 상기 기본 이모티콘 탭이 펼쳐진 이모티콘 탭을 표시하는 단계, 그리고
상기 펼쳐진 이모티콘 탭에서 특정 이모티콘 상품이 선택되면, 상기 펼쳐진 이모티콘 탭을 닫고, 상기 특정 이모티콘 상품에 포함된 이모티콘들을 이모티콘 표시창에 표시하는 단계를 포함하고,
상기 기본 이모티콘 탭은 상기 이모티콘 상품들 중 적어도 일부를 노출하고,
상기 펼쳐진 이모티콘 탭은 상기 기본 이모티콘 탭보다 많은 수의 이모티콘 상품들을 노출하는, 사용자 인터페이스 화면 제공 방법.A method for a terminal to provide a user interface screen of an instant messaging application, comprising:
Displaying a basic emoticon tab in which emoticon products are arranged;
detecting a user action moving the basic emoticon tab;
displaying an expand button of the basic emoticon tab based on the user behavior;
displaying an emoticon tab in which the basic emoticon tab is expanded when the expand button is selected; and
When a specific emoticon product is selected in the expanded emoticon tab, closing the expanded emoticon tab and displaying the emoticons included in the specific emoticon product on an emoticon display window,
The basic emoticon tab exposes at least some of the emoticon products,
The expanded emoticon tab exposes a larger number of emoticon products than the basic emoticon tab, the user interface screen providing method. 제5항에서,
상기 펼쳐진 이모티콘 탭에 포함된 접기 버튼이 선택되면, 상기 펼쳐진 이모티콘 탭을 상기 기본 이모티콘 탭으로 변경하여 표시하는 단계
를 더 포함하는, 사용자 인터페이스 화면 제공 방법.In claim 5,
changing the unfolded emoticon tab to the basic emoticon tab and displaying it when a fold button included in the unfolded emoticon tab is selected;
Further comprising, a user interface screen providing method. 컴퓨팅 장치에 의해 실행되고, 컴퓨터 판독 가능한 기록 매체에 저장되는 어플리케이션으로서,
이모티콘 상품들이 배열된 기본 크기 이모티콘 탭, 그리고 상기 이모티콘 상품들 중 임의 이모티콘 상품의 이모티콘들을 표시하는 이모티콘 리스트 영역을 포함하는 이모티콘 표시창을 표시하는 단계,
상기 기본 크기 이모티콘 탭에서, 상기 기본 크기 이모티콘 탭에 표시되는 이모티콘 상품 변경을 위한 사용자 행동을 감지하는 단계,
상기 사용자 행동이 감지되면, 상기 기본 크기 이모티콘 탭의 넓이를 늘리는 펼치기 버튼을 표시하는 단계,
상기 펼치기 버튼이 선택되면, 상기 기본 크기 이모티콘 탭보다 넓이가 늘어난 확장 영역에 상기 이모티콘 상품들을 표시하는 단계, 그리고
상기 확장 영역에서 특정 이모티콘 상품이 선택되면, 상기 특정 이모티콘 상품에 포함된 이모티콘들을 상기 이모티콘 리스트 영역에 표시하는 단계를 실행하는 명령들을 포함하며,
상기 확장 영역은 상기 펼치기 버튼이 선택되기 전의 영역보다 많은 수의 이모티콘 상품들을 노출하고, 지정된 동작이 입력되면 상기 펼치기 버튼이 선택되기 전의 상기 기본 크기 이모티콘 탭으로 돌아가는, 어플리케이션.An application executed by a computing device and stored in a computer-readable recording medium, comprising:
Displaying an emoticon display window including a basic size emoticon tab in which emoticon products are arranged, and an emoticon list area for displaying emoticons of any emoticon product among the emoticon products;
Detecting, in the basic size emoticon tab, a user action for changing the emoticon product displayed in the basic size emoticon tab;
displaying an expand button that increases the width of the default size emoticon tab when the user action is detected;
When the expand button is selected, displaying the emoticon products in an expanded area wider than the basic size emoticon tab; and
When a specific emoticon product is selected in the expansion area, it includes commands for executing the step of displaying the emoticons included in the specific emoticon product in the emoticon list area,
The expanded area exposes a greater number of emoticon products than the area before the expand button is selected, and when a specified action is input, the application returns to the default size emoticon tab before the expand button is selected. 제7항에서,
상기 펼치기 버튼을 표시하는 단계는
상기 이모티콘 상품들이 기준 개수 이상인지 판단하고, 상기 기준 개수 이상이면 상기 펼치기 버튼을 표시하는, 어플리케이션.In claim 7,
The step of displaying the expand button is
Determining whether the emoticon products are more than a reference number, and displaying the expand button if the reference number or more, the application. 제7항에서,
상기 이모티콘 상품 변경을 위한 행동은
연속적으로 상기 영역을 움직이는 행동, 또는 일정 강도 이상으로 상기 영역을 터치하여 움직이는 행동인, 어플리케이션.In claim 7,
The action to change the emoticon product is
The application, which is an action of continuously moving the area, or an action of touching the area over a certain intensity and moving. 컴퓨팅 장치에 의해 실행되고, 컴퓨터 판독 가능한 기록 매체에 저장되는 어플리케이션으로서,
이모티콘 상품들이 배열된 영역에서, 이모티콘 상품 변경을 위한 행동으로 지정된 사용자 행동을 입력받는 단계,
상기 사용자 행동을 기초로 상기 영역의 넓이를 늘리는 펼치기 버튼을 표시하는 단계,
상기 펼치기 버튼이 선택되면, 상기 영역보다 넓이가 늘어난 확장 영역에 상기 이모티콘 상품들을 표시하는 단계, 그리고
상기 확장 영역에서 특정 이모티콘 상품이 선택되면, 상기 확장 영역을 상기 펼치기 버튼이 선택되기 전의 크기로 변경하고, 상기 특정 이모티콘 상품에 포함된 이모티콘들을 이모티콘 표시창에 표시하는 단계
를 실행하는 명령들을 포함하는, 어플리케이션.An application executed by a computing device and stored in a computer-readable recording medium, comprising:
receiving an input of a user action designated as an action for changing the emoticon product in an area in which emoticon products are arranged;
displaying an expand button that increases the area of the area based on the user action;
When the expand button is selected, displaying the emoticon products in an expanded area that is wider than the area, and
When a specific emoticon product is selected in the expanded area, changing the expanded area to the size before the expand button is selected, and displaying the emoticons included in the specific emoticon product on an emoticon display window
An application comprising instructions to execute 제10항에서,
상기 확장 영역의 접기 버튼이 선택되면, 상기 확장 영역을 상기 펼치기 버튼이 선택되기 전의 크기로 변경하는 단계
를 실행하는 명령들을 더 포함하는, 어플리케이션.In claim 10,
When the fold button of the extension area is selected, changing the size of the extension area to the size before the expand button is selected;
Further comprising instructions for executing the application.
KR1020190170891A 2019-12-19 2019-12-19 Method for providing user interface for emoticon searching, user device, server and application implementing the method KR102400481B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020190170891A KR102400481B1 (en) 2019-12-19 2019-12-19 Method for providing user interface for emoticon searching, user device, server and application implementing the method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020190170891A KR102400481B1 (en) 2019-12-19 2019-12-19 Method for providing user interface for emoticon searching, user device, server and application implementing the method

Publications (2)

Publication Number Publication Date
KR20210078930A KR20210078930A (en) 2021-06-29
KR102400481B1 true KR102400481B1 (en) 2022-05-19

Family

ID=76626601

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020190170891A KR102400481B1 (en) 2019-12-19 2019-12-19 Method for providing user interface for emoticon searching, user device, server and application implementing the method

Country Status (1)

Country Link
KR (1) KR102400481B1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101740274B1 (en) * 2015-03-18 2017-06-08 주식회사 카카오 Method and device for serching emoticon
KR101967632B1 (en) * 2012-02-13 2019-04-11 삼성전자주식회사 Tablet having user interface

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101604816B1 (en) * 2009-08-24 2016-03-18 엘지전자 주식회사 Mobile terminal and method for loading items list thereof

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101967632B1 (en) * 2012-02-13 2019-04-11 삼성전자주식회사 Tablet having user interface
KR101740274B1 (en) * 2015-03-18 2017-06-08 주식회사 카카오 Method and device for serching emoticon

Also Published As

Publication number Publication date
KR20210078930A (en) 2021-06-29

Similar Documents

Publication Publication Date Title
JP6957632B2 (en) Notification channel for computing device notifications
RU2632144C1 (en) Computer method for creating content recommendation interface
US20170220307A1 (en) Multi-screen mobile device and operation
US11126334B2 (en) Method, device and storage medium for inputting data
RU2601831C2 (en) Provision of an open instance of an application
US11789605B2 (en) Context based gesture actions on a touchscreen
US20170024226A1 (en) Information processing method and electronic device
KR101359960B1 (en) A recording medium for control of messenger, apparatus and system for the same
CA3005770A1 (en) Visual messaging method and system
KR20160143755A (en) Expandable application representation, activity levels, and desktop representation
CN108713183A (en) Method and electronic equipment for the operation for managing application
CN112306325B (en) Interaction control method and device
CN112988006B (en) Display method, display device, electronic equipment and storage medium
WO2023193590A1 (en) Method and apparatus for page interaction, and device and storage medium
WO2019127439A1 (en) Calculator operation method and terminal
WO2022063045A1 (en) Message display method and apparatus, and electronic device
US11112938B2 (en) Method and apparatus for filtering object by using pressure
CN113783995A (en) Display control method, display control device, electronic apparatus, and medium
KR102400481B1 (en) Method for providing user interface for emoticon searching, user device, server and application implementing the method
WO2023093719A1 (en) Application management method and apparatus, electronic device, and medium
US11789589B2 (en) Information processing apparatus and information processing method for dividing display screen for display of plurality of applications
KR102324200B1 (en) Method for providing emoticons in instant messaging service, user device, server and application implementing the method
JP2023548807A (en) Information processing methods, devices and electronic equipment
JP6963851B2 (en) Interactive keyboard provision method and its system
KR20140089069A (en) user terminal device for generating playable object and method thereof

Legal Events

Date Code Title Description
E90F Notification of reason for final refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant