KR102225544B1 - 그래픽 사용자 인터페이스 요소 조정 - Google Patents

그래픽 사용자 인터페이스 요소 조정 Download PDF

Info

Publication number
KR102225544B1
KR102225544B1 KR1020187026870A KR20187026870A KR102225544B1 KR 102225544 B1 KR102225544 B1 KR 102225544B1 KR 1020187026870 A KR1020187026870 A KR 1020187026870A KR 20187026870 A KR20187026870 A KR 20187026870A KR 102225544 B1 KR102225544 B1 KR 102225544B1
Authority
KR
South Korea
Prior art keywords
value
end value
slider
user interface
slider line
Prior art date
Application number
KR1020187026870A
Other languages
English (en)
Other versions
KR20180112859A (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 KR1020217006438A priority Critical patent/KR102352648B1/ko
Publication of KR20180112859A publication Critical patent/KR20180112859A/ko
Application granted granted Critical
Publication of KR102225544B1 publication Critical patent/KR102225544B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars

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

그래픽 사용자 인터페이스 요소 조정의 컴퓨터 구현 방법은, 제 1 엔드 값과 제 2 엔드 값 사이에서 값의 선택을 조정하기 위해서 이동되도록 구성된 조정 가능한 요소를 포함하는 그래픽 사용자 인터페이스 요소를 제시하는 단계를 포함할 수 있다. 값의 선택을 조정하기 위해 조정 가능한 요소가 이동하는 것에 응답해서, 컴퓨터 구현 방법은, 조정 가능한 요소의 이동 시간을 획득하는 단계와, 시간에 기초해서, 조정할 제 1 엔드 값을 선택하는 단계를 더 포함한다. 컴퓨터 구현 방법은, 제 1 엔드 값 및 시간에 기초해서 업데이트된 엔드 값을 결정하는 단계와, 제 1 엔드 값 대신 그래픽 사용자 인터페이스 요소에 업데이트된 엔드 값을 제시하는 단계를 더 포함할 수 있다.

Description

그래픽 사용자 인터페이스 요소 조정
관련 출원에 대한 상호 참조
본 특허 출원은 2016년 3월 18일에 출원된 미국 실용 신안 출원 제 15/074,704 호인 "그래픽 사용자 인터페이스 요소 조정"의 우선권을 주장하며, 그 전체는 참조로서 본원에 포함된다.
기술 분야
본 명세서에서 논의되는 실시예들은 그래픽 사용자 인터페이스 요소 조정에 관한 것이다.
그래픽 사용자 인터페이스(GUI)는 컴퓨터 시스템의 그래픽 성능을 활용하는 컴퓨터 소프트웨어 애플리케이션에 대한 인터페이스이다. GUI는 사용자에 대해 정보를 표시하고 및/또는 사용자로부터 입력을 수신하는 다양한 요소를 포함할 수 있다. GUI 요소들은 종종 위젯이라고 지칭될 수 있으며, 예컨대, 스크롤 바, 푸시 버튼, 체크 박스, 라디오 버튼 및 텍스트 창과 같은 표준 컴포넌트 또는 커스텀 사용자 인터페이스 컴포넌트를 포함할 수 있다. 다수의 컴퓨터 소프트웨어 애플리케이션, 웹사이트 및 다른 프로그램은 사용자 상호 작용을 가능하게 하는 GUI를 제공한다.
본 명세서의 청구 대상은, 어떤 단점을 해결하거나 전술한 바와 같은 환경에서만 동작하는 실시예로 한정되는 것은 아니다. 이러한 배경기술은 본 명세서에 개시되는 일부 실시예가 실행될 수 있는 하나의 예시적인 기술 영역을 설명하기 위한 것일뿐이다.
이하, 첨부된 도면을 사용해서 추가적인 특이점 및 세부 사항을 통해서 예시적인 실시예를 개시하고 설명한다.
도 1은 그래픽 사용자 인터페이스 요소를 조정하도록 구성된 예시적인 시스템을 도시한다.
도 2a 내지 도 2e는 그래픽 사용자 인터페이스 요소의 다양한 예시적인 구성을 도시한다.
도 3a 및 도 3b는 그래픽 사용자 인터페이스 요소 조정의 예시적인 컴퓨터 구현 방법의 흐름도이다.
도 4는 그래픽 사용자 인터페이스 요소를 조정하기 위한 예시적인 동작의 흐름도이다.
도 5는 그래픽 사용자 인터페이스 요소를 조정하도록 구성된 다른 예시적인 시스템을 도시한다.
일부 예시적인 실시예의 설명
본 개시물의 일부 실시예는 그래픽 사용자 인터페이스(GUI) 요소의 조정에 관한 것이다. GUI 요소는 사용자가 그래픽 사용자 인터페이스와 상호 작용하게 하는 모든 요소를 포함할 수 있다. GUI 요소와의 사용자 상호 작용은, 정보를 입력하는 것, GUI 상에서의 정보의 표시를 조정하는 것, 또는 다른 상호 작용을 포함할 수 있다. 본 개시물의 일부 실시예는, GUI가 GUI와의 사용자 상호 작용에 기초해서 동적으로 변경하는 것을 설명한다. 예컨대, 일부 실시예는 조정 가능한 요소 및 엔드포인트 값을 포함하는 GUI 요소를 설명한다. 이들 및 다른 실시예들에서, 엔드포인트 값은 조정가능한 요소의 사용자 이동에 기초해서 동적으로 변경될 수 있다.
예컨대, 일부 실시예들에서, GUI 요소는 사용자가 값을 선택하기 위해서 이동시킬 수 있는 조정 가능한 표시자를 가진 슬라이더 바가 될 수 있다. 슬라이더 바는 조정 가능한 표시자의 이동에 기초해서 동적으로 변경될 수 있는 엔드포인트 값을 포함할 수 있다. 일부 실시예에서, 엔드포인트 값은, 사용자가 조정 가능한 표시자를 이동시키는 속도 및 엔드포인트 값에 비해서 조정 가능한 표지사에 의해 선택되는 초기값에 기초해서 변경될 수 있다. 엔드포인트 값을 동적으로 조정하면, GUI 요소를 사용하여 선택될 수 있는 값의 범위가 감소될 수 있다. 선택될 수 있는 값의 범위를 감소시키면, 해당 범위 내의 특정 값을 사용자가 용이하게 선택할 수 있다.
도면을 참조하며, 도 1은 그래픽 사용자 인터페이스 요소를 조정하도록 구성된 예시적인 시스템(100)을 도시한다. 시스템(100)은 본 개시에 설명되는 적어도 하나의 실시예에 따라서 배열될 수 있다. 시스템(100)은 네트워크(110), 호스트 시스템(120), 및 디스플레이(132)와 사용자 인터페이스 장치(134)를 포함하는 장치(130)를 포함할 수 있다.
네트워크(110)는 호스트 시스템(120) 및 장치(130)를 통신 가능하게 연결하도록 구성될 수 있다. 일부 실시예에서, 네트워크(110)는 장치들 사이에서 통신을 송수신하도록 구성된 임의의 네트워크 또는 네트워크의 구성일 수 있다. 일부 실시예들에서, 네트워크(110)는 종래의 타입의 네트워크, 유선 또는 무선 네트워크를 포함할 수 있으며, 다수의 상이한 구성을 가질 수 있다. 나아가, 네트워크(110)는 근거리 네트워크(LAN), 광역 네트워크(WAN)(예컨대, 인터넷) 혹은 또는 다수의 장치 및/또는 개체가 통신에 이용할 수 있는 다른 상호 접속된 데이터 경로를 포함할 수 있다. 일부 실시예들에서, 네트워크(110)는 피어-투-피어 네트워크를 포함할 수 있다. 네트워크(110)는 또한 다양한 상이한 통신 프로토콜로 데이터를 송신하기 위한 원격 통신 네트워크의 일부에 연결될 수도 있고 혹은 포함할 수도 있다. 일부 실시예들에서, 네트워크(110)는, 단문 메시지 서비스(SMS), 멀티미디어 메시징 서비스(MMS), 하이퍼텍스트 전송 프로토콜(HTTP)), 직접 데이터 연결, 무선 애플리케이션 프로토콜(WAP), 이메일 등을 포함한, 통신 및/또는 데이터의 송수신을 위한 셀룰러 통신 네트워크 또는 블루투스® 통신 네트워크를 포함할 수 있다. 네트워크(110)는 제 3 세대(3G), 제 4 세대(3G), LTE, LTE-A, VoLTE(Voice-over-LTE) 혹은 임의의 다른 모바일 데이터 네트워크나 모바일 데이터 네트워크의 조합을 포함할 수 있는 모바일 데이터 네트워크도 포함할 수 있다. 나아가, 네트워크(110)는 하나 이상의 IEEE 802.11 무선 네트워크를 포함할 수 있다.
일부 실시예들에서, 호스트 시스템(120)은, 서로 네트워크화되어서 태스크를 수행하도록 구성된 프로세서, 서버 및 데이터베이스와 같은, 하드웨어의 임의의 구성을 포함할 수 있다. 예컨대, 호스트 시스템(120)은 메모리 및 프로세서를 각각 포함하는 다수의 서버와 같은 다수의 컴퓨팅 시스템을 포함할 수 있으며, 이들은 서로 네트워크화되어서 본 명세서에 기술된 바와 같은 동작을 수행하도록 구성된다. 일부 실시예들에서, 호스트 시스템(120)은 컴퓨터-판독가능 명령어를 포함할 수 있으며, 이는 시스템(100)내의 호스트 시스템(120) 및/또는 장치(130)와 같은 하나 이상의 장치에 의해 실행되어서 본 명세서에 개시된 동작을 수행하도록 구성된다.
장치(130)는 임의의 전자 또는 디지털 장치일 수 있다. 예컨대, 장치(130)는 데스크탑 컴퓨터, 랩탑 컴퓨터, 스마트폰, 모바일 전화, 태블릿 컴퓨터 혹은 임의의 다른 처리 장치를 포함할 수 있다. 일부 실시예들에서, 장치(130)는 하나 이상의 시스템에 대한 액세스를 사용자에게 제공하도록 구성될 수 있으며, 이는 네트워크(110)와 같은 네트워크를 통한 하나 이상의 서버 및 데이터베이스를 포함할 수 있다.
일부 실시예들에서, 호스트 시스템(120)은 URL(uniform resource locator)을 통해 액세스되는 웹사이트의 웹페이지를 호스팅하는 웹 서버를 포함할 수 있다. 이들 및 다른 실시예에서, 호스트 시스템(120)은 수신된 요청에 기초해서 장치에 제공될 수 있는 하이퍼텍스트 마크업 언어(HTML) 및 자바스크립트 코드와 같은 코드를 포함할 수 있다. 장치(130)는 웹 페이지의 URL에 대한 요청을 전송할 수 있다. 호스트 시스템(120)은 장치(130)에 웹페이지를 제시하기 위한 코드를 전송함으로써 요청에 응답할 수 있다. 장치(130)는 코드를 수신할 수 있다. 이 코드에 기초해서, 장치(130)는 웹 브라우저와 같은 애플리케이션을 통해서, 디스플레이(132)를 통해 사용자에게 웹페이지를 제시할 수 있다. 일부 실시예에서, 호스트 시스템(120)에 의해 제공되는 코드는 장치(130)에 의해 실행될 수 있는 클라이언트측 코드를 포함할 수 있다. 예컨대, 클라이언트측 코드는 자바스크립트 및/또는 HTML일 수 있다. 장치(130)는 클라이언트측 코드를 실행해서 브라우저 내에 웹페이지를 렌더링하고, 브라우저 내의 웹페이지와의 사용자 상호 작용을 가능하게 할 수 있다.
일부 실시예들에서, 디스플레이(132) 상에 제시되는 웹페이지는 GUI 요소(140)를 포함할 수 있다. GUI 요소(140)는 사용자 상호 작용하도록 구성될 수 있다. 예컨대, GUI 요소(140)는, 사용자가 GUI 요소(140)와 상호 작용하여 값을 선택하는 것을 가능하게 하도록 구성될 수 있다. 일부 실시예들에서, 사용자는 사용자 인터페이스 장치(134)를 이용하여 GUI 요소(140)와 상호 작용할 수 있다. 이들 및 다른 실시예들에서, 사용자 인터페이스 장치(134)는 터치 스크린, 마우스, 키워드, 스크롤 패드 혹은 사용자가 전자 장치와 상호 작용하는 것을 가능하게 하는 일부 다른 사용자 인터페이스 장치가 될 수 있다.
일부 실시예에서, GUI 요소(140)는 조정 가능한 요소(146)를 포함할 수 있다. 조정 가능한 요소(146)는 GUI 요소(140)에 따른 그 위치에 기초해서 값을 선택할 수 있는 사용자 선택가능 요소가 될 수 있다. 이들 및 다른 실시예들에서, 사용자는 사용자 인터페이스 장치(134)를 이용하여 조정 가능한 요소(146)를 선택할 수 있다. 사용자는 이후에, 조정 가능한 요소(146)를 이동, 예컨대 드래그하거나 혹은 그 위치를 변경함으로써, 조정 가능한 요소(146)에 의해 선택된 값을 조정할 수 있다. 일부 실시예들에서, GUI 요소(140)는 제 1 엔드 값(142) 및 제 2 엔드 값(144)을 포함할 수 있다. 제 1 엔드 값(142) 및 제 2 엔드 값(144)은 조정 가능한 요소(146)에 의해 선택될 수 있는 값의 범위에 대한 엔드 값들을 제시할 수 있다. 예컨대, 제 1 엔드 값(142)은 0일 수 있고, 제 2 엔드 값(144)은 100일 수 있다. 결과적으로, 조정 가능한 요소(146)에 의해 선택될 수 있는 값의 범위는 0 내지 100일 수 있다.
도 1에 도시된 바와 같이, GUI 요소(140)는 수평 스크롤 바일 수 있다. 그와 달리 혹은 그에 더해서, GUI 요소(140)는 수직 스크롤 바일 수도 있다. 그와 달리 혹은 그에 더해서, GUI 요소(140)는 조정가능한 요소의 이동을 통해서 조정 가능한 요소에 의한 값의 사용자 선택을 제공하는 수평 요소 혹은 수직 요소일 수 있다.
일부 실시예에서, GUI 요소(140)는 제 1 엔드 값(142), 제 2 엔드 값(144), 또는 제 1 엔드 값(142)과 제 2 엔드 값(144) 모두를 동적으로 변경하도록 구성될 수 있다. 일부 실시예에서, GUI 요소(140)는 조정 가능한 요소(146)의 사용자 이동에 기초해서 제 1 엔드 값(142) 및 제 2 엔드 값(144) 중 하나 이상을 동적으로 변경시키도록 구성될 수 있다. 이들 실시예 및 다른 실시예에서, 사용자 이동, 조정 가능한 요소(146)의 시작 위치 및/또는 최종 위치에 기초해서, 사용자가 선택하고자 하는 선택 가능한 값의 범위의 서브 영역 내에서의 값의 영향이 결정될 수 있다. 이들 실시예 및 다른 실시예에서, 제 1 엔드 값(142), 제 2 엔드 값(144), 또는 제 1 엔드 값(142)과 제 2 엔드 값(144) 모두는 하위 영역을 반영하도록 변경될 수 있다.
예컨대, 조정 가능한 요소(146)는 0에 있을 수 있고, GUI 요소(140)는 0과 50 사이의 범위를 가질 수 있어서, 제 1 엔드 값(142)이 0이고 제 2 엔드 값(144)이 50이 된다. 사용자는 조정 가능한 요소(146)를 43까지 신속하게 이동시킬 수 있다. 따라서, 조정 가능한 요소(146)의 이동 속도 및 선택된 값에 기초해서, 사용자가 50 부근 혹은 적어도 30과 50 사이의 값을 선택하고자 한다고 추론할 수 있다. 30과 50 사이의 값은 사용자가 선택하고자 하는 선택 가능한 값의 하위 범위일 수 있다. 그 결과, 제 1 엔드 값(142)은 30으로 변경될 수 있고, 제 2 엔드 값(144)은 50으로 유지될 수 있다. 사용자는 GUI 요소(140)에 의해 제공되는 값의 하위 범위 내의 값을 선택하도록 조정 가능한 요소(146)를 더 조정할 수 있다.
다른 예로서, 조정 가능한 요소(146)는 50에 있을 수 있고, GUI 요소(140)는 0과 50 사이의 범위를 가질 수 있어서, 제 1 엔드 값(142)이 0이고 제 2 엔드 값(144)이 50이 된다. 사용자는 조정 가능한 요소(146)를 43으로 천천히 움직일 수 있다. 따라서, 조정 가능한 요소(146)의 이동 속도 및 선택된 값에 기초해서, 사용자는 40과 50 사이의 값을 선택하고자 한다고 추론할 수 있다. 40과 50 사이의 값은 사용자가 선택하고자 하는 선택 가능한 값의 하위 범위일 수 있다. 그 결과, 제 1 엔드 값(142)은 40으로 변경될 수 있고 제 2 엔드 값(144)은 유지될 수 있다.
일부 실시예에서, 선택되는 하위 범위는 이동 속도에 기초해서 변경될 수 있다. 예컨대, 사용자가 특정 값으로 천천히 이동하면, 사용자가 특정 값으로 빠르게 이동할 때보다 값 주변의 하위 범위는 더 작아 질 수 있다. 사용자가 천천히 이동한다는 것은 특정 값에 인접한 값을 정확하게 선택하고자 하는 것이라고 하는 추론에 기초해서, 천천히 이동하면 하위 범위는 더 작아질 수 있다.
예컨대, 조정 가능한 요소(146)는 0에 있을 수 있고, GUI 요소(140)는 0과 50 사이의 범위를 가질 수 있어서, 제 1 엔드 값(142)이 0이고 제 2 엔드 값(144)이 50이 된다. 사용자는 조정 가능한 요소(146)를 25로 신속하게 이동시킬 수 있다. 따라서, 조정 가능한 요소(146)의 이동 속도 및 선택된 값에 기초해서, 사용자는 15와 35 사이의 값을 선택하고자 한다고 추론할 수 있다. 15와 35 사이의 값은 사용자가 선택하고자 하는 선택 가능한 값의 하위 범위일 수 있다. 그 결과, 제 1 엔드 값(142)은 15로 변경될 수 있고 제 2 엔드 값(144)은 35로 변경될 수 있다. 그와 달리, 사용자는 조정 가능한 요소(146)를 25로 천천히 이동시킬 수 있다. 따라서, 조정 가능한 요소(146)의 이동 속도 및 선택된 값에 기초해서, 사용자가 25와 35 사이의 값을 선택하고자 한다고 추론될 수 있다. 25와 35 사이의 값은 사용자가 선택하고자 하는 선택 가능한 값의 하위 범위일 수 있다. 그 결과, 제 1 엔드 값(142)은 25로 변경될 수 있고 제 2 엔드 값(144)은 35로 변경될 수 있다.
일부 실시예들에서, 제 1 엔드 값(142) 또는 제 2 엔드 값(144) 중 하나가 변경되면, 조정 가능한 요소(146)는 다른 값을 선택하기 전에 조정 가능한 요소(146)가 이동될 수 있는 양은 변경될 수 있다. 예컨대, 제 1 엔드 값(142) 및 제 2 엔드 값(144)은 50 단위의 범위를 정의할 수 있다. 조정 가능한 요소(146)가 길이(x)만큼 이동하면, 조정 가능한 요소(146)는 10 단위를 이동한 것이 될 수 있다. 제 1 엔드 값(142) 및 제 2 엔드 값(144) 중 하나 이상을 변경시켜서, 범위를 25 단위로 감소시킨 후에, 조정 가능한 요소(146)가 길이(x)만큼 이동하면, 조정 가능한 요소(146)는 5 단위 이동할 수 있다. 따라서, 값들 사이에서 증가하도록 조정 가능한 요소(146)가 이동하는 양은, 제 1 엔드 값(142) 및 제 2 엔드 값(144) 중 하나 이상의 변경에 따라서 변할 수 있다. 조정 가능한 요소(146)의 이동량을 값들 사이에서 증가하도록 변경함으로써, 사용자는 특정 값을 보다 쉽게 선택할 수 있다.
일부 실시예에서, 조정 가능한 요소(146)의 이동 속도는 조정 가능한 요소(146)에 의해 이동되는 거리 및 조정 가능한 요소(146)의 이동 시간에 기초해서 결정될 수 있다. 조정 가능한 요소(146)의 이동 시간은, 사용자가 조정 가능한 요소(146)를 선택할 때와 조정 가능한 요소(146)를 선택 해제할 때 사이의 시간으로 정의될 수 있다. 그와 달리 혹은 그에 더해서, 시간은 조정 가능한 요소(146)의 이동 사이의 시간으로서 정의될 수 있다. 예컨대, 사용자는 조정 가능한 요소(146)를 선택하고, 조정 가능한 요소(146)를 이동하기 전의 기간 동안 조정 가능한 요소(146)를 이동시키지 않으며, 이후에 조정 가능한 요소(146)를 선택 해제할 수 있다. 이러한 실시예 및 다른 실시예에서, 조정 가능한 요소(146)가 선택되었지만 이동하지 않은 시간은 조정 가능한 요소(146)의 속도를 결정하는데 사용될 수 없다.
일부 실시예에서, 조정 가능한 요소(146)에 의해 이동되는 거리는 GUI 요소 (140)의 값에 기초할 수 있다. 예컨대, 조정 가능한 요소(146)가 GUI 요소(140)를 따라서 제 1 선택 가능한 값으로부터 제 2 선택 가능한 값으로 이동되면, 이동 거리는 제 1 선택 가능한 값과 제 2 선택 가능한 값 사이의 차이에 기초할 수 있다. 그와 달리 혹은 그에 더해서, 이동 거리는, 디스플레이(132)를 따라서 조정 가능한 요소(146)에 의해 이동되는 실제 거리, 디스플레이(132)를 따라 조정 가능한 요소(146)에 의해 통과되는 픽셀의 수, 사용자 인터페이스 장치(134)에 의해 검출되는 사용자에 의해 이동되는 실제 거리에 기초할 수 있다. 제 1 엔드 값(142) 및 제 2 엔드 값(144)의 값을 변경하기 위해 GUI 요소(140)에 의해 사용되는 임계값 및 다른 계산이 그 거리 측정 단위와 부합되기만 하면, 다른 거리 측정 단위가 사용될 수도 있다.
일부 실시예에서, 제 1 엔드 값(142) 및 제 2 엔드 값(144)의 값이 동적으로 변경될 수 있다면, 조정 가능 요소(146)의 시작 위치는 일정할 수 있다. 예컨대, GUI 요소(140)는, 제 1 사용자가 조정 가능한 요소(146)와 상호 작용한 이후에 제 2 사용자가 조정 가능한 요소(146)와 상호 작용하지 않은 동안, GUI 요소(140)가 리셋될 때까지 제 1 엔드 값(142) 및 제 2 엔드 값(144)의 값을 동적으로 변경할 수 있다. GUI 요소(140)는, GUI 요소(140)를 포함하는 웹 페이지 또는 애플리케이션을 리프레시(refresh)함으로써, 또는 어떤 다른 방식으로 GUI 요소(140) 상의 버튼을 사용해서 리셋될 수 있다. 이들 실시예 및 다른 실시예에서, 조정 가능한 요소(146)는 제 1 엔드 값(142) 또는 제 2 엔드 값(144)에서 시작할 수 있다. 이들 및 다른 실시예에서, 조정 가능한 요소(146)의 최종 위치는 결정되지 않을 수도 있고, 혹은 하위 범위를 결정하는데 사용될 수도 있다. 오히려, 하위 범위를 결정하기 위한 계산은, 최종 위치가 거리에 기초해서 결정될 수 있기 때문에, 조정 가능한 요소(146)에 의해 이동되는 거리에 기초할 수 있다.
일부 실시예에서, 사용자는, GUI 요소(140)로 하여금 제 1 엔드 값(142) 및/또는 제 2 엔드 값(144)을 업데이트하게 해서 사용자가 소망하는 값이 더 이상 제 1 엔드 값(142)과 제 2 엔드 값(144) 사이의 범위에 있지 않게 하는 방식으로 조정 가능한 요소(146)를 이동시킬 수 있다. 이들 및 다른 실시예에서, GUI 요소(140)는 리셋 버튼을 포함할 수 있다. 리셋 버튼을 통해서 사용자는 동적 변경을 제 1 엔드 값(142) 및/또는 제 2 엔드 값(144)으로 되돌릴 수 있다.
예시적인 동작은 다음과 같다. 사용자는 장치(130)로 하여금 네트워크(110)를 통한 호스트 시스템(120)으로부터의 웹 페이지를 요청하게 할 수 있다. 호스트 시스템(120)은 장치(130)에 코드를 제공할 수 있다. 장치(130) 내의 웹 브라우저는 이 코드를 실행하여 웹 페이지를 디스플레이(132) 상에 제시할 수 있다. 웹 페이지는 GUI 요소(140)를 포함할 수 있으며, 사용자는 이를 통해서 값을 선택할 수 있다. 예컨대, 웹 페이지는 온라인 시장용 웹사이트의 일부일 수 있으며, 선택되는 값은 온라인 시장에서 제품을 판매 및/또는 구매하는 가격을 나타낼 수 있다. 사용자는 사용자 인터페이스 장치(134)를 사용해서 조정 가능한 요소(146)를 선택할 수 있다. 사용자는 조정 가능한 요소(146)를 제 1 엔드 값(142)과 제 2 엔드 값(144) 사이의 중간으로 신속하게 이동시킬 수 있다. 그 결과, GUI 요소(140)는 제 1 엔드 값(142) 및 제 2 엔드 값(144)을 동적으로 변경하고, 디스플레이(132)에 제시되는 제 1 엔드 값(142) 및 제 2 엔드 값(144)을 업데이트할 수 있다. 사용자는 조정 가능한 요소(146)를 더 이동시켜 조정 가능한 요소(146)로 최종 값을 다시 선택할 수 있다.
본 발명의 범주를 벗어나지 않으면서, 시스템(100)에 대한 수정, 추가 또는 생략이 이루어질 수 있다. 예컨대, 일부 실시예에서, 시스템(100)은 호스트 시스템(120) 또는 네트워크(110)를 포함하지 않을 수도 있다. 이들 및 다른 실시예에서, 장치(130)는, GUI 요소(140)를 디스플레이(132) 상에 제시하고 GUI 요소(140)에 대해 본 개시에서 제공되는 다른 동작을 수행하는 코드를 포함하는 애플리케이션을 포함할 수 있다.
도 2a 내지 도 2e는 그래픽 사용자 인터페이스 요소(GUI)(200)의 다양한 예시적인 구성을 도시한다. GUI 요소(200)는 본 개시에서 설명된 적어도 하나의 실시예에 따라 배열될 수 있다.
도 2a는 GUI 요소(200)를 도시한다. 도 2a 내지 도 2e에 도시된 바와 같이, GUI 요소(200)는 슬라이더 바 요소일 수 있으며, 이를 통해서 사용자는 슬라이더 바를 따라 값을 선택할 수 있다. GUI 요소(200)는 슬라이더 요소(210), 슬라이더 선(212), 제 1 엔드 값(220) 및 제 2 엔드 값(222)을 포함할 수 있다. 슬라이더 라인(212)은 제 1 엔드 값(220)과 제 2 엔드 값(222) 사이에서 연장될 수 있다. 도 2a에 도시된 바와 같이, 제 1 엔드 값(220)은 0의 값을 가질 수 있고, 제 2 엔드 값(222)은 100의 값을 가질 수 있다.
슬라이더 요소(210)는 사용자에 의해 슬라이더 라인(212)을 따라 이동 가능하도록 구성될 수 있다. 슬라이더 라인(212)에 따른 슬라이더 요소(210)의 위치는, 슬라이더 요소(210)에 의해 선택될 수 있는 값을 결정할 수 있다. 따라서, 사용자는 슬라이더 선(212)을 따라 슬라이더 요소(210)의 위치를 변경해서 슬라이더 요소(210)에 의해 선택되는 값을 조정할 수 있다.
일부 실시예에서, GUI 요소(200)는, 슬라이더 요소(210)의 이동에 기초해서, 제 1 엔드 값(220)이나 제 2 엔드 값(222), 또는 제 1 엔드 값(220)과 제 2 엔드 값(222)을 동적으로 업데이트하도록 구성될 수 있다. 도 2b 내지 2d는 슬라이더 라인(212)에 따른 다양한 위치에서의 슬라이더 요소(210), 및 이로 인한, 제 1 엔드 값(220)이나 제 2 엔드 값(222), 또는 제 1 엔드 값(220)과 제 2 엔드 값(222)의 변화를 도시한다.
도 2b는, 슬라이더 요소(210)가 슬라이더 라인(212)을 따라 슬라이더 라인(212) 상에서 30의 값으로 이동되는, GUI 요소(200)를 도시한다. 도시된 바와 같이, 제 1 엔드 값(220)은 업데이트될 수 있고, 제 2 엔드 값(222)은 슬라이더 요소(210)의 이동에 기초해서 업데이트되지 않을 수 있다.
제 1 엔드 값(220) 및/또는 제 2 엔드 값(222) 중 어느 것을 조정할지를 결정하기 위해, 슬라이더 요소(210)의 이동 속도가 결정될 수 있다. 슬라이더 요소(210)의 속도는 슬라이더 요소(210)의 이동 시간 및 슬라이더 요소(210)에 의해 이동된 거리에 기초해서 결정될 수 있다.
이 속도는 임계값과 비교될 수 있다. 속도가 임계값 이상인 경우에, 더 높은 값을 가지며 슬라이더 요소(210)의 시작 위치 반대편에 위치한 최종 값이 조정될 수 있다. 따라서, 속도가 임계치를 초과하면, 제 2 엔드 값(222)이 조정될 수 있다.
속도가 임계값 아래에 있을 때, 더 낮은 값을 가지며 슬라이더 요소(210)의 시작 위치에 위치된 최종 값이 조정될 수 있다. 따라서, 속도가 임계값보다 낮으면, 슬라이더 요소(210)가 조정될 수 있다.
임계값은 제 1 엔드 값(220)과 제 2 엔드 값(222) 사이의 값의 범위에 기초해서 결정될 수 있다. 그와 달리 혹은 그에 더해서, 이 임계값은, GUI 요소(200)의 실제 물리적 치수에 기초해서 혹은 제 1 엔드 값(220)과 제 2 엔드 값(222) 사이의 값의 범위에 대한 GUI 요소(200)의 실제 물리적 치수에 기초해서, 결정될 수 있다. 그와 달리 혹은 그에 더해서, 임계값은 슬라이더 요소(210)의 사용자 이동에 관련해서 수집된 데이터에 기초할 수 있다.
일부 실시예에서, 슬라이더 요소(210)의 끝 위치가 슬라이더 라인(212)의 중간 부근에 있을 때, 제 1 엔드 값(220) 및 제 2 엔드 값(222) 모두가 조정될 수 있고, 속도에 기초해서 제 1 엔드 값(220) 및 제 2 엔드 값 중 어느 것을 조정할지 결정하는 것은 적용되지 못할 수 있다. 이들 실시예 및 다른 실시예에서, 슬라이더 요소(210)의 끝 위치가 GUI 요소(200)의 범위의 플러스 또는 마이너스 3, 5, 7, 10, 15, 20, 25, 30 또는 35 퍼센트 내에 있다면, 슬라이더 라인(212)의 끝 위치는 슬라이더 라인(212)의 중간 부근에 있는 것이 될 수 있다.
도 2b에 도시된 바와 같이, 슬라이더 요소(210)는 30 단위 및 0.3 초의 시간으로 이동될 수 있다. 슬라이더 요소(210)의 속도는, 거리를 시간으로 나눈 것일 수 있다. 따라서, 슬라이더 요소(210)의 속도는 100이 될 수 있다. 도 2b 및 2c에 대해서, 임계치는 50이 될 수 있다. 따라서, 제 1 엔드 값(220)은 변경될 수 있다. 제 1 엔드 값(220)이 변경될 수 있는 양은 다음 식에 기초할 수 있다.
Figure 112018092246994-pct00001
여기서, D는 제 1 엔드 값(220)으로부터 이동된 거리이고, L은 제 1 엔드 값(220)의 값이며, T는 슬라이더 요소(210)의 이동 시간이고, RC는 0과 1 사이의 상수이다. RC의 값은 여러 요인들 중에서, GUI 요소(200), GUI 요소(200)의 범위, GUI 요소(200)가 설계된 사용자에 기초해서 변경될 수 있다.
이 식을 사용하면, D는 30, L은 0, T는 0.3, RC는 0.8일 수 있다. 따라서, 제 1 엔드 값(220)에 대해 업데이트된 값은 16.8이 될 수 있다. 일부 실시예에서, 업데이트되는 값은 가까운 정수로 반올림될 수 있다. 따라서, 제 1 엔드 값(220)은 값 17로 GUI 요소(200)에서 업데이트되고 제시될 수 있다.
도 2c는, 슬라이더 요소(210)가 슬라이더 라인(212)을 따라서 슬라이더 라인(212) 상의 30의 값으로 이동되는, GUI 요소(200)를 도시한다. 도시된 바와 같이, 제 1 엔드 값(220)은 업데이트되지 않을 수 있고, 제 2 엔드 값(222)은 슬라이더 요소(210)의 이동에 기초해서 업데이트될 수 있다.
도 2c에 도시된 바와 같이, 슬라이더 요소(210)는 30 단위 및 0.9 초의 시간으로 이동될 수 있다. 따라서, 슬라이더 요소(210)의 속도는 33.3이 될 수 있다. 속도 33.3가 임계값 50보다 작기 때문에, 제 2 엔드 값(222)이 변경될 수 있다. 제 2 엔드 값(222)이 변경될 수 있는 양은 다음의 공식에 기초할 수 있다.
Figure 112018092246994-pct00002
여기서, D는 제 1 엔드 값(220)으로부터 이동된 거리이고, R은 제 2 엔드 값(222)의 값이며, T는 슬라이더 요소(210)의 이동 시간이고, RC는 0과 1 사이의 상수이다.
이 식을 사용하면, D는 30이 될 수 있고, R은 100이 될 수 있으며, T는 0.9이 될 수 있고, RC는 0.8이 될 수 있다. 따라서, 제 2 엔드 값(222)에 대한 업데이트 된 값은 49.6이 될 수 있다. 업데이트된 값 49.6은 반올림될 수 있고, 제 2 엔드 값(222)은 값 50으로 GUI 요소(200)에서 업데이트되고 제시될 수 있다.
도 2d는, 슬라이더 요소(210)가 슬라이더 라인(212)을 따라서 슬라이더 라인(212) 상의 45의 값으로 이동되는, GUI 요소(200)를 도시한다. 도시된 바와 같이, 슬라이더 요소(210)의 이동에 기초해서 제 1 엔드 값(220) 및 제 2 엔드 값(222)은 업데이트될 수 있다.
도 2d에 도시된 바와 같이, 슬라이더 요소(210)는 45 단위 및 0.5 초의 시간에 이동될 수 있다. 따라서, 슬라이더 요소(210)의 속도는 90이 될 수 있다. GUI 요소(200)의 중간 영역(230)이 정의될 수 있다. 그러나, 슬라이더 요소(210)가 GUI 요소(200)의 중간 영역(230) 내에서 이동되기 때문에, 제 1 엔드 값(220) 및 제 2 엔드 값(222) 모두가 변경될 수 있다. 제 1 엔드 값(220)이 변경될 수 있는 양은 다음의 공식에 기초할 수 있다.
Figure 112018092246994-pct00003
이 식을 사용하면 D는 45, L은 0, T는 0.5, RC는 0.8이 될 수 있다. 따라서, 슬라이더 요소(210)에 대한 업데이트된 값은 18이 될 수 있다. 제 2 엔드 값(222)이 변경될 수 있는 양은 다음의 공식에 기초할 수 있다.
Figure 112018092246994-pct00004
이 식을 사용하면, D는 45이 될 수 있고, R은 100이 될 수 있으며, T는 0.5이 될 수 있고, RC는 0.8이 될 수 있다. 따라서, 제 2 엔드 값(222)에 대한 업데이트 된 값은 78이 될 수 있다.
도 2e는 제 1 사전 선택 값 요소(240a), 제 2 사전 선택 값 요소(240b) 및 제 3 사전 선택 값 요소(240c)를 갖는 GUI 요소(200)를 도시하는 것으로, 이들 요소들은 합쳐서 사전 선택 값 요소(240)라고 한다. 사전 선택 값 요소(240) 각각은, 슬라이더 라인(212)을 따라서 슬라이더 요소(210)를 이동시켜서 값을 선택하는 대신에 사용자에 의해 선택될 수 있는 설정 값일 수 있다. 이들 및 다른 실시예에서, 슬라이더 요소(210)는 사전 선택 값 요소(240) 중 하나로 이동될 수 있다. 슬라이더 요소(210)가 이동되는 사전 선택 값 요소(240)의 값은, GUI 요소(200)에 의해 선택된 값이 될 수 있다. 사전 선택 값 요소(240)를 통해서 사용자는, 슬라이더 요소(210)를 슬라이더 라인(212)을 따라 이동시키는 방식으로 GUI 요소(200)를 사용하여 하나 이상의 특정 값을 선택하는 대안적인 방법이 가능하다.
본 발명의 범주를 벗어나지 않으면서, GUI 요소(200)에 대한 수정, 추가 또는 생략이 이루어질 수 있다. 예컨대, 일부 실시예에서, 제 1 엔드 값(220) 및 제 2 엔드 값(222)의 값은 다를 수 있다. 예컨대, 제 1 엔드 값(220)은 제 2 엔드 값(222)보다 높은 값을 가질 수 있다. 그와 달리 혹은 그에 더해서, 제 1 엔드 값(220) 및/또는 제 2 엔드 값(222)의 변경을 결정하기 위해 사용되는 공식은 상이할 수 있다. 그와 달리 혹은 그에 더해서, GUI 요소(200)는 도 2에 도시된 사전 선택 값 요소(240)보다 추가적인 사전 선택 값 요소를 포함할 수 있다.
또한, 도 3a 및 도 3b는 그래픽 사용자 인터페이스 요소 조정의 예시적인 컴퓨터 구현 방법(300)의 흐름도이다. 방법(300)은 본 개시에서 설명되는 적어도 하나의 실시예에 따라 구성될 수 있다. 방법(300)은 일부 실시예에서, 도 1 및 도 5의 시스템(100 및/또는 500)과 같은 시스템에 의해 구현될 수 있다. 일부 실시예에서, 방법(300)은 하나 이상의 컴퓨터 판독 가능 매체에 저장된 명령들에 기초해서 시스템에 의해 수행되는 동작들 이루어질 수 있다. 비록 개개의 블록으로 도시되어 있지만, 다양한 블록은 소망의 구현예에 따라서 추가 블록으로 분할되거나, 더 적은 수의 블록으로 결합되거나, 혹은 제거될 수 있다.
방법(300)은 블록(302)에서 시작될 수 있으며, 여기서 GUI 요소는 조정 가능한 요소를 포함하며, 이는 이동되어서 GUI 요소에 제시되는 제 1 엔드 값과 제 2 엔드 값 사이의 값의 선택을 조정하도록 구성된 것이다. 일부 실시예에서, GUI 요소는 슬라이더 바일 수 있고, 조정 가능한 요소는 슬라이더 요소일 수 있다. 일부 실시예에서, GUI 요소는 장치 상의 브라우저에 제시되는 웹 페이지의 일부일 수 있다. 이들 및 다른 실시예에서, 방법(300)은 웹 서버로부터의 웹 페이지에 대해서 수신된 명령들에 기초해서 웹 페이지를 표시하는 장치에 의해 수행될 수 있다.
블록(304)에서, 슬라이더 요소의 이동이 검출될 수 있다. 일부 실시예에서, 슬라이더 요소의 이동은, GUI 요소를 표시하는 장치의 사용자 인터페이스를 통한 GUI 요소와의 사용자 상호 작용에 의해 이루어질 수 있다.
블록(306)에서, 슬라이더 요소의 이동이 GUI 요소의 슬라이더 바를 따르는지를 판정될 수 있다. 이동이 슬라이더 바를 따른다면, 방법(300)은 블록(312)으로 진행될 수 있다. 이동이 슬라이더 바를 따르지 않는다면, 방법은 블록(308)으로 진행될 수 있다.
블록(308)에서, GUI 요소의 일부인 사전 선택 값 요소 상에서 이동이 중단되었는지가 판정될 수 있다. 이동이 사전 선택 값 요소 상에서 중단되지 않았다면, 방법(300)은 블록(304)으로 진행할 수 있다. 이동이 사전 선택 값 요소 상에서 중단되면, 이 방법은 블록(310)으로 진행될 수 있다.
블록(310)에서, 사전 선택 값 요소의 값은 GUI 요소에 대한 선택 값으로서 선택될 수 있다.
블록(312)에서, 슬라이더 바를 따르는 슬라이더 요소의 이동이 중단된 후에, 슬라이더 요소에 의해 이동되는 거리가 획득될 수 있다. 거리는 슬라이더 바를 따라서 슬라이더 요소에 의해 이동된 단위의 수일 수 있다. 일부 실시예에서, 거리는 사용자가 슬라이더 요소를 선택 해제한 후에 획득될 수도 있다.
블록(314)에서, 슬라이더 요소의 이동 시간이 획득될 수 있다. 일부 실시예에서, 슬라이더 요소의 이동 시간은, 사용자에 의한 슬라이더 요소의 선택과 선택 해제 사이의 시간이 될 수 있다. 일부 실시예에서, 슬라이더 요소의 이동 시간은 슬라이더 요소의 이동 검출과 이동 없음 검출 사이의 시간이 될 수 있다. 그와 달리 혹은 그에 더해서, 슬라이더 요소의 이동 시간은 슬라이더 요소의 이동, 비 이동, 선택 및 비선택의 조합이 될 수 있다.
블록(316)에서, 슬라이더 바를 따르는 슬라이더 요소의 위치가 획득될 수 있다. 일부 실시예에서, 슬라이더 바를 따르는 슬라이더 요소의 위치는 슬라이더 요소에 의해 선택된 값에 기초할 수 있다. 일부 실시예에서, 슬라이더 요소의 위치는 슬라이더 요소에 의해 이동되는 거리 및 슬라이더 요소의 시작 위치에 기초해서 위치를 판정함으로써 획득될 수 있다. 예컨대, 슬라이더 요소는 알려진 위치에서 시작될 수 있다. 일부 실시예에서, 이동되는 거리는 슬라이더 요소의 위치 및 슬라이더 요소의 시작 위치에 기초해서 획득될 수 있다.
블록(318)에서, 슬라이더 요소의 속도는 슬라이더 요소의 이동되는 거리 및 슬라이더 요소의 이동 시간에 기초해서 판정될 수 있다.
블록(320)에서, 슬라이더 요소가 슬라이더 바의 중앙 부근에 있는지 결정될 수 있다. 슬라이더 요소가 슬라이더 바의 중앙 부근에 있다면, 방법(300)은 블록(324)으로 진행될 수 있다. 슬라이더 요소가 슬라이더 바의 중앙 부근에 있지 않다면, 방법은 블록(322)으로 진행될 수 있다.
블록(322)에서, 슬라이더 바의 속도가 임계값보다 큰지 여부가 판정될 수 있다. 임계값은 특히 GUI 요소 애플리케이션, 사용자가 GUI 요소와 인터페이스하는데 사용하는 인터페이스 장치에 기초해서 선택될 수 있다. 슬라이더 바의 속도가 임계값보다 크면, 방법(300)은 블록(328)으로 진행될 수 있다. 슬라이더 바의 속도가 임계값보다 크지 않으면, 방법은 블록(330)으로 진행될 수 있다.
블록(324)에서, 슬라이더 요소의 속도에 기초해서 보다 높은 값의 엔드포인트에 대한 업데이트가 결정될 수 있다. 보다 높은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소의 속도와 위치에 기초할 수 있다. 그와 달리 혹은 그에 더해서, 보다 높은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소에 의해 이동되는 속도 및 거리에 기초할 수 있다.
블록(326)에서, 슬라이더 요소의 속도에 기초해서 보다 낮은 값의 엔드포인트에 대한 업데이트가 결정될 수 있다. 보다 낮은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소의 속도와 위치에 기초할 수 있다. 그와 달리 혹은 그에 더해서, 보다 낮은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소에 의해 이동되는 속도 및 거리에 기초할 수 있다. 블록(326) 이후에, 본 방법은 블록(332)으로 진행될 수 있다.
블록(328)에서, 슬라이더 요소의 속도에 기초해서 보다 높은 값의 엔드포인트에 대한 업데이트가 결정될 수 있다. 보다 높은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소의 속도와 위치에 기초할 수 있다. 그와 달리 혹은 그에 더해서, 보다 높은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소에 의해 이동되는 속도 및 거리에 기초할 수 있다. 블록(328) 후에, 본 방법은 블록(332)으로 진행될 수 있다.
블록(330)에서, 슬라이더 요소의 속도에 기초하여 보다 낮은 값의 엔드포인트에 대한 업데이트가 결정될 수 있다. 보다 낮은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소의 속도와 위치에 기초할 수 있다. 그와 달리 혹은 그에 더해서, 보다 낮은 값의 엔드포인트에 대한 업데이트는 슬라이더 요소에 의해 이동되는속도 및 거리에 기초할 수 있다. 블록(330) 후에, 본 방법은 블록(332)으로 진행할 수 있다.
블록(332)에서, GUI 요소는 업데이트된 엔드포인트 값들로 업데이트될 수 있다. 일부 실시예에서, GUI 요소를 업데이트하는 것은, 업데이트된 엔드포인트 값을 GUI 요소를 제시하는 것을 포함할 수 있다. 일부 실시예에서, GUI 요소의 엔드포인트 값을 업데이트하면, 슬라이더 바의 스케일링을 변경할 수 있다.
당업자라면, 본 명세서에 개시된 이러한 처리, 동작 및 방법, 그리고 다른 처리, 동작 및 방법에 대해서, 수행되는 기능 및/또는 동작은 상이한 순서로 구현 될 수도 있다는 것을 이해할 것이다. 또한, 개략 설명된 기능 및 동작은 단지 예로서 제공된 것으로, 일부 기능 및 동작은 선택적일 수도 있고, 더 적은 수의 기능 및 동작으로 결합되거나, 개시된 실시예의 본질을 손상시키지 않으면서 부가적인 기능 및 동작으로 확장될 수도 있다.
예컨대, 일부 실시예에서, 방법(300)은 블록(306, 308, 310)을 포함하지 않을 수도 있다. 그와 달리 혹은 그에 더해서, 방법(300)은 블록(312 또는 316)을 포함하지 않을 수도 있다. 일부 실시예에서, 블록(312, 314, 316)은 상이한 순서로 배열될 수도 있다. 예컨대, 블록(316)은 블록(312, 314) 앞에 배치될 수도 있다. 다른 예로서, 일부 실시예에서, 블록(318)은 블록(320) 이후가 될 수도 있다.
도 4는 그래픽 사용자 인터페이스 요소를 조정하기 위한 예시적인 동작들(400)의 흐름도이다. 동작들(400)은 본 개시에서 설명된 적어도 하나의 실시예에 따라 배열될 수 있다. 동작들(400)은 일부 실시예들에서, 도 1 및 도 5의 시스템(100 및/또는 500)과 같은 시스템에 의해 각각 수행될 수 있다. 이들 및 다른 실시예들에서, 동작들(400)은 하나 이상의 비일시적인 컴퓨터 판독 가능 매체에 저장된 명령의 실행에 기초하여 수행될 수 있다. 비록 개별적인 블록으로 도시되어 있지만, 다양한 블록은 소망의 구현예에 따라서 추가 블록으로 분할되거나 더 적은 블록으로 결합되거나 제거될 수도 있다.
동작들(400)은 블록(402)에서 시작될 수 있으며, 여기서 그래픽 사용자 인터페이스 요소가 제시될 수 있다. 그래픽 사용자 인터페이스 요소는 조정 가능한 요소를 포함할 수 있으며, 이는 제 1 엔드 값과 제 2 엔드 값 사이의 값의 선택을 조정하도록 이동하도록 구성된다. 일부 실시예에서, 제 1 엔드 값 및 제 2 엔드 값은 그래픽 사용자 인터페이스 요소에 제시될 수 있다. 일부 실시예에서, 그래픽 사용자 인터페이스 요소는 슬라이더 바를 포함할 수 있다. 이들 및 다른 실시예에서, 조정 가능한 요소는, 제 1 엔드 값과 제 2 엔드 값 사이의 범위의 값을 갖는 선을 따라 슬라이딩하는 슬라이더 바 상의 슬라이더 요소가 될 수 있다.
일부 실시예에서, 값의 선택을 조정하기 위한 조정 가능한 요소의 이동에 응답하여, 동작들(400)은 블록(404, 406, 408, 410, 412, 414)을 더 포함할 수 있다.
블록(404)에서, 그래픽 사용자 인터페이스 요소에서 조정 가능한 요소에 의해 이동되는 거리가 획득될 수 있다. 블록(406)에서, 조정 가능한 요소의 이동 시간이 획득될 수 있다.
블록(408)에서, 조정 가능한 요소의 이동 후의 조정 가능한 요소의 위치가 획득될 수 있다. 블록(410)에서, 제 1 엔드 값은 조정 가능한 요소의 거리, 시간 및 위치에 기초하여 조정되도록 선택될 수 있다. 제 1 엔드 값은 선택된 엔드 값일 수 있다.
블록(412)에서, 업데이트된 엔드 값은 선택된 엔드 값, 거리 및 시간에 기초하여 결정될 수도 있다. 블록(414)에서, 업데이트된 엔드 값은 선택된 엔드 값 대신에 그래픽 사용자 인터페이스 요소에 제시될 수도 있다.
당업자라면, 본 명세서에 개시된 이러한 처리, 동작 및 방법, 그리고 다른 처리, 동작 및 방법에 대해서, 수행되는 기능 및/또는 동작은 상이한 순서로 구현 될 수도 있다는 것을 이해할 것이다. 또한, 개략 설명된 기능 및 동작은 단지 예로서 제공된 것으로, 일부 기능 및 동작은 선택적일 수도 있고, 더 적은 수의 기능 및 동작으로 결합되거나, 개시된 실시예의 본질을 손상시키지 않으면서 부가적인 기능 및 동작으로 확장될 수도 있다.
예컨대, 일부 실시예에서, 동작들(400)은 제 2 엔드 값, 거리 및 시간에 기초해서 제 2 업데이트된 엔드 값을 결정하는 것을 더 포함할 수 있다. 동작들(400)은 제 2 엔드 값 대신에 그래픽 사용자 인터페이스 요소에 제 2 업데이트된 엔드 값을 제시하는 것을 더 포함할 수 있다.
그와 달리 혹은 그에 더해서, 제 1 엔드 값과 제 2 엔드 값 사이의 중간인 제 3 값에 대략 위치하는 위치 값에 대응하는 조정 가능한 요소의 위치에 응답하여, 동작들(400)은 조정할 제 2 엔드 값을 선택하는 것을 더 포함할 수도 있다.
일부 실시예에서, 동작들(400)은, 조정 가능한 요소가 거리 및 시간에 기초하여 이동될 때, 조정 가능한 요소의 속도를 결정하는 것을 더 포함할 수 있다. 이들 및 다른 실시예에서, 속도가 임계값보다 작으면 제 1 엔드 값은 제 2 엔드 값보다 낮은 값일 수 있고, 속도가 임계값보다 크면 제 1 엔드 값은 제 2 엔드 값보다 높은 값일 수 있다.
일부 실시예에서, 선택된 엔드 값 대신에 그래픽 사용자 인터페이스 요소에서 업데이트된 엔드 값을 제시한 후에, 동작들(400)은 값의 선택을 더 조정하기 위해 조정 가능한 요소의 제 2 동작을 획득하는 것을 더 포함할 수 있다. 이러한 실시예 및 다른 실시예에서, 값의 선택은 업데이트된 엔드 값과 제 2 엔드 값 사이로 제한된다.
일부 실시예에서, 값의 선택을 조정하기 위한 조정 가능한 요소의 이동은, 그래픽 사용자 인터페이스 요소에 포함된 슬라이더 바의 라인을 따를 수 있다. 일부 실시예에서, 그래픽 사용자 인터페이스 요소는 슬라이더 바에 인접한 다중 값 디스플레이 요소를 더 포함할 수 있다. 이들 및 다른 실시예에서, 라인으로부터 벗어난 조정 가능한 요소의 이동에 응답하여, 다중 값 디스플레이 요소 중 하나의 값으로 값의 선택을 조정하는 것을 더 포함할 수 있다. 일부 실시예에서, 다중 값 디스플레이 요소 중 하나의 값 및 다중 값 디스플레이 요소 중 다른 것의 값은 제 1 엔드 값과 제 2 엔드 값 사이에 있다.
도 5는 그래픽 사용자 인터페이스 요소를 조정하도록 구성된 또 다른 예시적인 시스템(500)을 도시한다. 시스템(500)은 본 개시에 설명된 적어도 하나의 실시예에 따라서 배열될 수 있다. 시스템(500)은 GUI 요소를 조정하도록 구성된 임의의 적합한 시스템, 장치 또는 장치를 포함할 수 있다. 시스템(500)은 프로세서(510), 메모리(520), 데이터 저장부(530), 통신 장치(540) 및 사용자 인터페이스 유닛(550)을 포함할 수 있으며, 이들은 모두 통신 가능하게 결합될 수 있다.
일반적으로, 프로세서(510)는 임의의 적합한 특수 목적 컴퓨터나 범용 컴퓨터, 컴퓨팅 엔티티, 또는 다양한 컴퓨터 하드웨어 또는 소프트웨어 모듈을 포함하는 처리 장치를 포함할 수도 있고, 임의의 적용 가능한 컴퓨터 판독 가능 저장 매체에 저장된 명령어를 실행하도록 구성될 수도 있다. 예컨대, 프로세서(510)는 마이크로 프로세서, 마이크로 컨트롤러, DSP(digital signal processor), ASIC(application-specific integrated circuit), FPGA(Field-Programmable Gate Array), 또는 프로그램 명령어를 해석 및/또는 실행하고 및/또는 데이터를 처리하도록 구성된 임의의 다른 디지털 또는 아날로그 회로를 포함할 수 있다.
프로세서(510)가 도 5에서 단일 프로세서로서 도시되어 있지만, 본 명세서에서 설명되는 임의의 수의 동작을 개별적으로 또는 통합적으로 수행하도록 구성된 임의의 수의 네트워크 또는 물리적 위치에 분산되어 있는 임의의 수의 프로세서를 포함할 수도 있다. 일부 실시예에서, 프로세서(510)는 메모리(520)나 데이터 저장 부(530), 혹은 메모리(520)와 데이터 저장부(530)에 저장된 프로그램 명령어를 해석 및/또는 실행하고, 및/또는 데이터를 처리할 수 있다. 일부 실시예에서, 프로세서(510)는 데이터 저장부(530)로부터 프로그램 명령어를 가져와서 메모리(520)에 로딩할 수도 있다.
프로그램 명령어들이 메모리(520)에 로딩된 이후에, 프로세서(510)는 프로그램 명령들을 실행할 수 있다. 예컨대, 시스템(500)은 도 1의 장치(130)의 일부가 될 수도 있다. 이들 및 다른 실시예에서, 명령어는 GUI 요소(140)를 표시하도록 디스플레이(132)에 지시하는 프로세서(510)를 포함할 수 있다. 그에 더해서 혹은 그와 달리, 프로세서(510)는 조정 가능한 요소(146)의 이동을 결정할 수 있고, 이동에 기초해서 제 1 엔드 값(142) 및/또는 제 2 엔드 값(144)에 대한 업데이트를 결정할 수도 있다.
메모리(520) 및 데이터 저장부(530)는, 컴퓨터 실행 가능 명령어 또는 데이터 구조를 저장하거나 전달하기 위한 컴퓨터 판독 가능 저장 매체 또는 하나 이상의 컴퓨터 판독 가능 저장 매체를 포함할 수 있다. 이러한 컴퓨터 판독 가능 저장 매체는 프로세서(510)와 같은 범용 컴퓨터 또는 특수 목적 컴퓨터에 의해 액세스 될 수 있는 임의의 이용 가능한 매체일 수 있다. 예컨대, 이러한 컴퓨터 판독 가능 저장 매체는 RAM, ROM, EEPROM(Electrically Erasable Programmable Read-Only Memory), CD-ROM 또는 다른 광 디스크 저장 장치, 자기 디스크 저장 장치 또는 다른 자기 저장 장치, 플래시 메모리 장치(예컨대, 고체 메모리 장치) 혹은 컴퓨터 실행 가능 명령어 또는 데이터 구조의 형태로 소망의 프로그램 코드를 전달 또는 저장하는데 사용될 수 있으며 범용 컴퓨터 또는 특수 목적 컴퓨터에 의해 액세스 될 수 있는 임의의 다른 저장 매체 등을 포함하는 비일시적 컴퓨터 판독 가능 저장 매체를 포함할 수 있다. 이들의 조합도 컴퓨터 판독 가능 저장 매체의 범주 내에 포함될 수 있다. 컴퓨터 실행 가능 명령어는 예컨대, 프로세서(510)가 동작들(400) 중 하나 이상 혹은 방법(300)의 하나 이상의 블록들과 같은, 특정 동작 또는 동작 그룹을 수행하게 하도록 구성된 명령어 및 데이터를 포함할 수 있다.
통신 장치(540)는 네트워크를 통해 정보를 송신 또는 수신하도록 구성된 임의의 컴포넌트, 장치, 시스템 또는 이들의 조합을 포함할 수 있다. 일부 실시예에서, 통신 장치(540)는 다른 위치, 동일한 위치, 또는 동일한 시스템 내의 다른 컴포넌트에 있는 다른 장치와 통신할 수 있다. 예컨대, 통신 장치(540)는 모뎀, 네트워크 카드(무선 또는 유선), 적외선 통신 장치, 무선 통신 장치(안테나 등) 및/또는 칩셋(블루투스 장치, 802.6 장치(예컨대, MAN(Metropolitan Area Network), WiFi 장치, WiMax 장치, 셀룰러 통신 설비 등과 같은) 및/또는 이와 유사한 장치를 포함할 수 있다. 통신 장치(540)를 통해서 데이터가 네트워크 및/또는 본 개시에 개시된 임의의 다른 디바이스나 시스템과 교환될 수 있다. 예컨대, 시스템(500)이 도 1의 호스트 시스템(120)에 포함되는 경우에, 통신 장치(540)는 호스트 시스템(120)이 도 1의 네트워크(110)를 통해 장치(130)와 통신하는 것을 가능하게 할 수 있다.
사용자 인터페이스 유닛(550)은 사용자가 시스템(500)과 인터페이스할 수 있게 하는 임의의 장치를 포함할 수 있다. 예컨대, 사용자 인터페이스 유닛(550)은 여러 장치들 중에서, 마우스, 트랙 패드, 키보드, 터치스크린을 포함할 수 있다. 사용자 인터페이스 유닛(550)은 사용자로부터 입력을 수신하고 그 입력을 프로세서(510)에 제공할 수 있다. 예컨대, 사용자 인터페이스 유닛(550)은 도 1의 사용자 인터페이스 장치(134)의 일 실시예일 수 있다. 본 개시의 범주를 벗어나지 않으면서, 시스템(500)에 대한 수정, 추가 또는 생략이 이루어질 수 있다.
전술한 바와 같이, 본 명세서에서 설명되는 실시예는 다양한 컴퓨터 하드웨어 또는 소프트웨어 모듈을 포함하는 특수 목적 컴퓨터 또는 범용 컴퓨터(예컨대, 도 5의 프로세서(510))의 사용을 포함할 수 있으며, 이에 대해서는 이하에서 더 상세하게 설명된다. 나아가, 전술한 바와 같이, 본 명세서에 개시된 실시예는 컴퓨터 실행 가능 명령어 또는 데이터 구조를 전달하거나 저장하도록 컴퓨터 판독 가능 매체(예컨대, 도 5의 메모리(520) 또는 데이터 저장부(530))를 사용해서 구현될 수 있다.
일부 실시예에서, 본 명세서에 개시된 상이한 컴포넌트, 모듈, 엔진 및 서비스는 컴퓨팅 시스템에서 실행되는 객체 또는 프로세스로서(예컨대, 개별 스레드로서) 구현될 수 있다. 본 명세서에 설명되는 시스템 및 방법 중 일부는 일반적으로(범용 하드웨어에 의해 저장 및/또는 실행되는) 소프트웨어로 구현되는 것으로 설명되지만, 특정 하드웨어 구현 또는 소프트웨어 및 특정 하드웨어 구현의 조합도 가능하고 고려될 수 있다.
첨부된 청구항(예컨대, 첨부된 청구항의 본문들)에서 사용되는 용어는 일반적으로 "열린" 용어들로 의도된다(예컨대, "포함하는"이라는 용어는 "포함하지만 이에 제한되지 않는" 것으로, "갖는"이라는 용어는 "적어도 갖는" 것으로, "포함한다"는 용어는 "포함하지만 제한되지는 않는다"로 해석되어야 한다).
추가적으로, 특정 수의 도입된 청구항 열거를 의도했다면, 그러한 의도를 청구항에 명시적으로 개시했으며, 이러한 개시가 없다면, 이러한 의도는 존재하지 않는 것이다. 예컨대, 이해를 돕기 위해, 이하의 첨부된 청구항에서는 청구항 열거를 도입하기 위해, "적어도 하나" 및 "하나 이상"의 도입 어구들의 사용을 포함할 수 있다. 그러나, 그러한 어구들의 사용은, 동일한 청구항이 도입 어구들 "하나 이상" 또는 "적어도 하나", 및 "a" 또는 "an"과 같은 부정 관사를 포함하는 경우에도, 부정 관사 "a" 또는 "an"에 의한 청구항 인용의 도입이 이러한 도입된 청구항 인용을 포함하는 임의의 특정 청구항을 열거된 것을 오직 하나만 포함하는 실시예로 제한한다는 것을 의미하는 것으로 해석되어서는 안되며(예를 들어, "a" 및/또는 "an"은 "적어도 하나" 또는 "하나 이상"을 의미하는 것으로 해석되어야 함); 이는 청구항 열거를 도입하기 위해 사용되는 정관사들의 사용에 대해서도 동일하게 적용된다.
나아가, 특정 수의 도입된 청구항 열거가 명시적으로 개시되어 있는 경우에도, 본 기술분야의 통상의 기술자들은, 이러한 열거가 적어도 그 개시된 수를 의미하는 것으로 해석되어야 함을 인식할 것이다(예컨대, 다른 수정자 없이 "2개의 열거"를 단순히 개시했다면, 적어도 2개의 열거 또는 2 이상의 열거를 의미한다). 또한, "A, B 및 C 등 중 적어도 하나" 또는 "A, B 및 C 등 중 하나 이상"와 유사한 관용 어구가 사용되는 예에서, 일반적으로 이러한 구성은, A 단독, B 단독, C 단독, A 및 B 함께, A 및 C 함께, B 및 C 함께, 또는 A, B 및 C 함께 등을 포함하도록 의도한 것이다. 예컨대, "및/또는"이라는 용어의 사용은 이러한 방식으로 해석되는 것으로 의도된다.
또한, 상세한 설명, 청구 범위 또는 도면에서 2개 이상의 택일적인 용어를 제시하는 분리(disjunctive) 단어 혹은 어구는, 용어 중 하나, 또는 용어 모두를 포함하는 가능성을 고려한 것으로 이해되어야 한다. 예컨대 "A 또는 B"는 "A" 또는 "B" 또는 "A 및 B"의 가능성을 포함하는 것으로 이해해야 한다.
그러나, 그러한 어구들의 사용은, 동일한 청구항이 도입 어구들 "하나 이상" 또는 "적어도 하나", 및 "a" 또는 "an"과 같은 부정 관사를 포함하는 경우에도, 부정 관사 "a" 또는 "an"에 의한 청구항 인용의 도입이 이러한 도입된 청구항 인용을 포함하는 임의의 특정 청구항을 열거된 것을 오직 하나만 포함하는 실시예로 제한한다는 것을 의미하는 것으로 해석되어서는 안되며(예를 들어, "a" 및/또는 "an"은 "적어도 하나" 또는 "하나 이상"을 의미하는 것으로 해석되어야 함); 이는 청구항 열거를 도입하기 위해 사용되는 정관사들의 사용에 대해서도 동일하게 적용된다.
추가적으로, 용어 "제1", "제2", "제3" 등을 사용했다고 해서 본원에서 반드시 특정 순서를 의미하기 위해 사용되는 것은 아니다. 일반적으로, 용어 "제1", "제2", "제3" 등은 상이한 요소들을 구별하기 위해 사용된 것이다. 용어 "제1", "제2", "제3" 등이 특정 순서를 나타낸다고 특별히 명시되어 있지 않다면, 이들 용어들은 특정 순서를 나타내는 것으로 이해되어서는 안된다.
본원에 기재된 모든 예 및 조건부 언어는, 발명자가 기술분야를 발전시키기 위해 기여하고 있는 발명 및 개념을 독자가 이해할 수 있게 하기 위한 설명의 목적을 의도한 것으로, 이 특정하게 기재된 예 및 조건으로 한정되는 것은 아니라고 해석되어야 한다. 비록 본 개시의 실시예를 상세히 설명했지만, 본 개시의 개념 및 범주로부터 벗어나지 않으면서, 이에 대한 다양한 변경, 치환 및 수정이 이루어질 수 있다는 것을 이해하여야 한다.

Claims (20)

  1. 하나 이상의 프로세싱 시스템에 의해 실행될 때 동작을 수행하는 명령어를 저장하도록 구성된 하나 이상의 비일시적 컴퓨터 판독 가능 매체로서,
    상기 동작은,
    슬라이더 라인을 포함하는 그래픽 사용자 인터페이스 요소를 제시하는 것 - 상기 슬라이더 라인은 상기 그래픽 사용자 인터페이스 요소 내에서 제 1 엔드 값과 제 2 엔드 값 사이에 연장됨 - 과,
    상기 제 1 엔드 값과 상기 제 2 엔드 값 사이의 값의 선택을 조정하기 위해 상기 슬라이더 라인을 따라 이동되도록 구성된 조정 가능한 요소를 상기 슬라이더 라인 상에 제시하는 것과,
    상기 값의 선택을 조정하기 위해 상기 슬라이더 라인을 따라 상기 조정 가능한 요소가 이동하는 것을 감지하는 것과,
    상기 조정 가능한 요소의 이동 거리 및 상기 조정 가능한 요소의 이동 시간을 획득하는 것과,
    상기 조정 가능한 요소의 상기 이동 거리 및 상기 조정 가능한 요소의 상기 이동 시간에 기초하여 상기 조정 가능한 요소의 이동의 속도를 결정하는 것과,
    상기 속도가 임계값보다 작으면 상기 제 1 엔드 값을 조정을 위해 선택하고 상기 속도가 상기 임계값보다 크거나 같으면 상기 제 2 엔드 값을 조정을 위해 선택하는 것과,
    상기 선택된 엔드 값 및 상기 속도에 기초해서 업데이트된 엔드 값을 결정하는 것과,
    상기 선택된 엔드 값 대신 상기 그래픽 사용자 인터페이스 요소에 상기 업데이트된 엔드 값을 제시하는 것
    을 포함하는
    비일시적 컴퓨터 판독 가능 매체.
  2. 제 1 항에 있어서,
    상기 제 1 엔드 값은 상기 슬라이더 라인의 좌측에 위치하고 상기 제 2 엔드 값은 상기 슬라이더 라인의 우측에 위치하는
    비일시적 컴퓨터 판독 가능 매체.
  3. 제 1 항에 있어서,
    상기 제 2 엔드 값은 상기 슬라이더 라인의 좌측에 위치하고 상기 제 1 엔드 값은 상기 슬라이더 라인의 우측에 위치하는
    비일시적 컴퓨터 판독 가능 매체.
  4. 삭제
  5. 제 1 항에 있어서,
    상기 동작은, 상기 선택된 엔드 값 대신 상기 그래픽 사용자 인터페이스 요소에 상기 업데이트된 엔드 값을 제시한 이후에, 상기 조정 가능한 요소의 제 2 이동을 획득해서 상기 값의 선택을 더 조정하는 것을 더 포함하고,
    상기 값의 선택은, 상기 업데이트된 엔드 값과 상기 제 1 엔드 값 및 상기 제 2 엔드 값 중 선택되지 않은 엔드 값 사이로 제한되는
    비일시적 컴퓨터 판독 가능 매체.
  6. 제 1 항에 있어서,
    상기 슬라이더 라인 상의 값들은 상기 제 1 엔드 값과 상기 제 2 엔드 값 사이의 범위인
    비일시적 컴퓨터 판독 가능 매체.
  7. 제 1 항에 있어서,
    상기 그래픽 사용자 인터페이스 요소는 상기 슬라이더 라인에 인접한 다중 값 디스플레이 요소를 더 포함하며,
    상기 동작은, 상기 슬라이더 라인으로부터 벗어난 상기 조정 가능한 요소의 이동에 응답하여, 상기 다중 값 디스플레이 요소 중 하나의 값으로 상기 값의 선택을 조정하는 것을 더 포함하는
    비일시적 컴퓨터 판독 가능 매체.
  8. 제 7 항에 있어서,
    상기 다중 값 디스플레이 요소 중 하나의 값 및 상기 다중 값 디스플레이 요소 중 다른 것의 값은 상기 제 1 엔드 값과 상기 제 2 엔드 값 사이에 있는
    비일시적 컴퓨터 판독 가능 매체.
  9. 하나 이상의 프로세싱 시스템에 의해 실행될 때 동작을 수행하는 명령어를 저장하도록 구성된 하나 이상의 비일시적 컴퓨터 판독 가능 매체로서,
    상기 동작은,
    슬라이더 라인을 포함하는 그래픽 사용자 인터페이스 요소를 제시하는 것 - 상기 슬라이더 라인은 상기 그래픽 사용자 인터페이스 요소 내에서 제 1 엔드 값과 제 2 엔드 값 사이에 연장됨 - 과,
    상기 제 1 엔드 값과 상기 제 2 엔드 값 사이의 값의 선택을 조정하기 위해 상기 슬라이더 라인을 따라 이동되도록 구성된 조정 가능한 요소를 상기 슬라이더 라인 상에 제시하는 것과,
    상기 값의 선택을 조정하기 위해 상기 슬라이더 라인을 따라 상기 조정 가능한 요소가 이동하는 것을 감지하는 것과,
    상기 조정 가능한 요소의 이동의 속도를 결정하는 것과,
    상기 속도가 임계값보다 작으면 상기 제 1 엔드 값을 조정을 위해 선택하고 상기 속도가 상기 임계값보다 크거나 같으면 상기 제 2 엔드 값을 조정을 위해 선택하는 것과,
    상기 선택된 엔드 값 및 상기 속도에 기초해서 업데이트된 엔드 값을 결정하는 것과,
    상기 선택된 엔드 값 대신 상기 그래픽 사용자 인터페이스 요소에 상기 업데이트된 엔드 값을 제시하는 것
    을 포함하는
    비일시적 컴퓨터 판독 가능 매체.
  10. 제 9 항에 있어서,
    상기 제 1 엔드 값은 상기 슬라이더 라인의 좌측에 위치하고 상기 제 2 엔드 값은 상기 슬라이더 라인의 우측에 위치하는
    비일시적 컴퓨터 판독 가능 매체.
  11. 제 9 항에 있어서,
    상기 제 2 엔드 값은 상기 슬라이더 라인의 좌측에 위치하고 상기 제 1 엔드 값은 상기 슬라이더 라인의 우측에 위치하는
    비일시적 컴퓨터 판독 가능 매체.
  12. 삭제
  13. 삭제
  14. 제 9 항에 있어서,
    상기 슬라이더 라인 상의 값들은 상기 제 1 엔드 값과 상기 제 2 엔드 값 사이의 범위인
    비일시적 컴퓨터 판독 가능 매체.
  15. 그래픽 사용자 인터페이스 요소 조정의 컴퓨터 구현 방법으로서,
    슬라이더 라인을 포함하는 그래픽 사용자 인터페이스 요소를 제시하는 단계 - 상기 슬라이더 라인은 상기 그래픽 사용자 인터페이스 요소 내에서 제 1 엔드 값과 제 2 엔드 값 사이에 연장됨 - 와,
    상기 제 1 엔드 값과 상기 제 2 엔드 값 사이의 값의 선택을 조정하기 위해 상기 슬라이더 라인을 따라 이동되도록 구성된 조정 가능한 요소를 상기 슬라이더 라인 상에 제시하는 단계와,
    상기 값의 선택을 조정하기 위해 상기 슬라이더 라인을 따라 상기 조정 가능한 요소가 이동하는 것을 감지하는 단계와,
    상기 조정 가능한 요소의 이동의 속도를 결정하는 단계와,
    상기 속도가 임계값보다 작으면 상기 제 1 엔드 값을 조정을 위해 선택하고 상기 속도가 상기 임계값보다 크거나 같으면 상기 제 2 엔드 값을 조정을 위해 선택하는 단계와,
    상기 선택된 엔드 값 및 상기 속도에 기초해서 업데이트된 엔드 값을 결정하는 단계와,
    상기 선택된 엔드 값 대신 상기 그래픽 사용자 인터페이스 요소에 상기 업데이트된 엔드 값을 제시하는 단계
    를 포함하는
    컴퓨터 구현 방법.
  16. 제 15 항에 있어서,
    상기 제 1 엔드 값은 상기 슬라이더 라인의 좌측에 위치하고 상기 제 2 엔드 값은 상기 슬라이더 라인의 우측에 위치하는
    컴퓨터 구현 방법.
  17. 제 15 항에 있어서,
    상기 제 2 엔드 값은 상기 슬라이더 라인의 좌측에 위치하고 상기 제 1 엔드 값은 상기 슬라이더 라인의 우측에 위치하는
    컴퓨터 구현 방법.
  18. 제 15 항에 있어서,
    상기 방법은, 상기 선택된 엔드 값 대신 상기 그래픽 사용자 인터페이스 요소에 상기 업데이트된 엔드 값을 제시한 이후에, 상기 조정 가능한 요소의 제 2 이동을 획득해서 상기 값의 선택을 더 조정하는 단계를 더 포함하고,
    상기 값의 선택은, 상기 업데이트된 엔드 값과 상기 제 1 엔드 값 및 상기 제 2 엔드 값 중 선택되지 않은 엔드 값 사이로 제한되는
    컴퓨터 구현 방법.
  19. 제 15 항에 있어서,
    상기 그래픽 사용자 인터페이스 요소는 상기 슬라이더 라인에 인접한 다중 값 디스플레이 요소를 더 포함하며,
    상기 방법은, 상기 슬라이더 라인으로부터 벗어난 상기 조정 가능한 요소의 이동에 응답하여, 상기 다중 값 디스플레이 요소 중 하나의 값으로 상기 값의 선택을 조정하는 단계를 더 포함하는
    컴퓨터 구현 방법.
  20. 제 19 항에 있어서,
    상기 다중 값 디스플레이 요소 중 하나의 값 및 상기 다중 값 디스플레이 요소 중 다른 것의 값은 상기 제 1 엔드 값과 상기 제 2 엔드 값 사이에 있는
    컴퓨터 구현 방법.
KR1020187026870A 2016-03-18 2017-03-15 그래픽 사용자 인터페이스 요소 조정 KR102225544B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020217006438A KR102352648B1 (ko) 2016-03-18 2017-03-15 그래픽 사용자 인터페이스 요소 조정

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US15/074,704 2016-03-18
US15/074,704 US10203860B2 (en) 2016-03-18 2016-03-18 Graphical user interface element adjustment
PCT/US2017/022589 WO2017161047A1 (en) 2016-03-18 2017-03-15 Graphical user interface element adjustment

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020217006438A Division KR102352648B1 (ko) 2016-03-18 2017-03-15 그래픽 사용자 인터페이스 요소 조정

Publications (2)

Publication Number Publication Date
KR20180112859A KR20180112859A (ko) 2018-10-12
KR102225544B1 true KR102225544B1 (ko) 2021-03-10

Family

ID=59846957

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020217006438A KR102352648B1 (ko) 2016-03-18 2017-03-15 그래픽 사용자 인터페이스 요소 조정
KR1020187026870A KR102225544B1 (ko) 2016-03-18 2017-03-15 그래픽 사용자 인터페이스 요소 조정

Family Applications Before (1)

Application Number Title Priority Date Filing Date
KR1020217006438A KR102352648B1 (ko) 2016-03-18 2017-03-15 그래픽 사용자 인터페이스 요소 조정

Country Status (5)

Country Link
US (3) US10203860B2 (ko)
EP (1) EP3430503A4 (ko)
KR (2) KR102352648B1 (ko)
CN (3) CN114168054A (ko)
WO (1) WO2017161047A1 (ko)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10203860B2 (en) 2016-03-18 2019-02-12 Ebay Inc. Graphical user interface element adjustment
US10936662B1 (en) * 2017-05-02 2021-03-02 Amazon Technologies, Inc. Detection of automated agents through interaction element presentation
CN110942492A (zh) * 2019-11-25 2020-03-31 网易（杭州）网络有限公司 色值选择方法、装置、电子设备及计算机可读介质
KR102372759B1 (ko) * 2020-06-16 2022-03-11 오스템임플란트 주식회사 보철물의 인접치 컨택 수정 방법, 인접치 컨택 수정 장치 및 기록매체
CN112083869A (zh) * 2020-08-27 2020-12-15 小米数字科技有限公司 数字输入方法、数字输入装置及存储介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120131461A1 (en) * 2010-11-23 2012-05-24 Levels Beyond Dynamic synchronization tool

Family Cites Families (39)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5371846A (en) 1991-10-16 1994-12-06 International Business Machines Corporation Non-linear scroll bar
US5828370A (en) 1996-07-01 1998-10-27 Thompson Consumer Electronics Inc. Video delivery system and method for displaying indexing slider bar on the subscriber video screen
US5872566A (en) 1997-02-21 1999-02-16 International Business Machines Corporation Graphical user interface method and system that provides an inertial slider within a scroll bar
US6157381A (en) 1997-11-18 2000-12-05 International Business Machines Corporation Computer system, user interface component and method utilizing non-linear scroll bar
US6191785B1 (en) 1997-12-02 2001-02-20 International Business Machines Corporation Method and system for dynamically manipulating values associated with graphical elements displayed within a graphical user interface
US6922816B1 (en) 2000-08-24 2005-07-26 International Business Machines Corporation Method and system for adjusting settings with slider controls having variable sensitivity
GB2367225B (en) 2000-09-26 2002-08-07 Oracle Corp User interface
US7312785B2 (en) 2001-10-22 2007-12-25 Apple Inc. Method and apparatus for accelerated scrolling
US7117450B1 (en) * 2002-03-15 2006-10-03 Apple Computer, Inc. Method and apparatus for determining font attributes
US7222308B2 (en) 2002-07-31 2007-05-22 Sap Aktiengesellschaft Slider bar scaling in a graphical user interface
US7184056B2 (en) 2002-11-20 2007-02-27 Apple Computer, Inc. Method and apparatus for user customized shading of a graphical user interface
US20050138565A1 (en) * 2003-12-18 2005-06-23 Denny Jaeger System and method for changing the sensitivity of graphic control devices
US20060031880A1 (en) 2004-04-30 2006-02-09 Vulcan Inc. Time-based graphical user interface for television program information
JP4366592B2 (ja) * 2004-07-12 2009-11-18 ソニー株式会社 電子機器、電子機器における表示制御方法およびグラフィッカル・ユーザ・インターフェース用プログラム
US7562310B2 (en) * 2006-04-04 2009-07-14 International Business Machines Corporation Slider control movable in a two-dimensional region for simultaneously adjusting values of multiple variables
US8677257B2 (en) 2006-08-04 2014-03-18 Apple Inc. Granular graphical user interface element
US8519963B2 (en) * 2007-01-07 2013-08-27 Apple Inc. Portable multifunction device, method, and graphical user interface for interpreting a finger gesture on a touch screen display
US9569088B2 (en) * 2007-09-04 2017-02-14 Lg Electronics Inc. Scrolling method of mobile terminal
KR101432587B1 (ko) * 2007-09-04 2014-08-21 엘지전자 주식회사 휴대단말기 및 메뉴검색 피드백 방법
US20090293019A1 (en) 2008-05-22 2009-11-26 Keith Raffel User interface having slider controls for weighted parameters in searching or decision making processes
US9552146B2 (en) 2008-07-07 2017-01-24 International Business Machines Corporation Notched slider control for a graphical user interface
JP2010165337A (ja) * 2008-12-15 2010-07-29 Sony Corp 情報処理装置、情報処理方法およびプログラム
CN105607837A (zh) * 2008-12-18 2016-05-25 日本电气株式会社 滑动条显示控制装置以及滑动条显示控制方法
US8601389B2 (en) * 2009-04-30 2013-12-03 Apple Inc. Scrollable menus and toolbars
US8854549B2 (en) 2009-07-30 2014-10-07 Vizio, Inc. Dual slider bar control
US8624933B2 (en) * 2009-09-25 2014-01-07 Apple Inc. Device, method, and graphical user interface for scrolling a multi-section document
US9612716B2 (en) 2009-11-04 2017-04-04 International Business Machines Corporation Enhanced slider bar system
US8510677B2 (en) 2010-01-06 2013-08-13 Apple Inc. Device, method, and graphical user interface for navigating through a range of values
US8468465B2 (en) 2010-08-09 2013-06-18 Apple Inc. Two-dimensional slider control
CH703723A1 (de) * 2010-09-15 2012-03-15 Ferag Ag Verfahren zur konfiguration einer grafischen benutzerschnittstelle.
JP5516532B2 (ja) * 2011-08-09 2014-06-11 カシオ計算機株式会社 電子機器、及びプログラム
CN103365559B (zh) * 2012-04-09 2018-07-06 腾讯科技（深圳）有限公司 一种绘制滑动轨迹的方法及移动终端
EP2889745A4 (en) * 2012-08-22 2016-07-06 Nec Corp ELECTRONIC APPARATUS, DOCUMENT DISPLAY METHOD, AND COMPUTER-READABLE RECORDING MEDIUM ON WHICH A PROGRAM IS RECORDED
SG10201601697SA (en) * 2012-10-05 2016-04-28 Tactual Labs Co Hybrid systems and methods for low-latency user input processing and feedback
CN106662972A (zh) * 2014-06-04 2017-05-10 瑞典爱立信有限公司 用于访问电视服务的方法和装置
CN104317513B (zh) * 2014-10-17 2018-11-13 广东欧珀移动通信有限公司 一种控制蓝光播放器ui界面光标移动速度的方法
US9495088B2 (en) 2014-12-26 2016-11-15 Alpine Electronics, Inc Text entry method with character input slider
CN105194873B (zh) * 2015-10-10 2019-01-04 腾讯科技(成都)有限公司 一种信息处理方法、终端及计算机存储介质
US10203860B2 (en) 2016-03-18 2019-02-12 Ebay Inc. Graphical user interface element adjustment

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120131461A1 (en) * 2010-11-23 2012-05-24 Levels Beyond Dynamic synchronization tool

Also Published As

Publication number Publication date
EP3430503A4 (en) 2019-11-13
KR102352648B1 (ko) 2022-01-18
KR20180112859A (ko) 2018-10-12
CN114168053A (zh) 2022-03-11
US20190138195A1 (en) 2019-05-09
US10901594B2 (en) 2021-01-26
US20210034229A1 (en) 2021-02-04
KR20210028734A (ko) 2021-03-12
US20170269825A1 (en) 2017-09-21
EP3430503A1 (en) 2019-01-23
WO2017161047A1 (en) 2017-09-21
CN108780380B (zh) 2021-11-19
US11429269B2 (en) 2022-08-30
US10203860B2 (en) 2019-02-12
CN108780380A (zh) 2018-11-09
CN114168054A (zh) 2022-03-11

Similar Documents

Publication Publication Date Title
KR102225544B1 (ko) 그래픽 사용자 인터페이스 요소 조정
KR102151324B1 (ko) 복수의 장치 상의 정보의 제공
US10088999B2 (en) Scroll end effects for websites and content
CN105593852B (zh) 与搜索栏相关联来提供信息
EP3350724B1 (en) Systems and methods for determining application zoom levels
US20130254706A1 (en) Information and action bar for a user interface
JP5749819B1 (ja) 配信装置、端末装置、配信方法及び配信プログラム
JP5774661B2 (ja) 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム
JP6360114B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置
EP3129879A1 (en) Perception of page download time by optimized resource scheduling
JP5917753B1 (ja) 情報処理装置、情報処理方法、情報処理プログラムおよび配信装置
JP6203140B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置
JP6096841B2 (ja) 表示制御プログラム及び端末装置
JP5960736B2 (ja) 表示制御方法、表示制御装置及び表示制御プログラム
JP6644655B2 (ja) 通知装置
JP2021120885A (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
GRNT Written decision to grant