[go: up one dir, main page]

KR20140078629A - 인플레이스 방식으로 값을 편집하는 사용자 인터페이스 - Google Patents

인플레이스 방식으로 값을 편집하는 사용자 인터페이스 Download PDF

Info

Publication number
KR20140078629A
KR20140078629A KR1020147007393A KR20147007393A KR20140078629A KR 20140078629 A KR20140078629 A KR 20140078629A KR 1020147007393 A KR1020147007393 A KR 1020147007393A KR 20147007393 A KR20147007393 A KR 20147007393A KR 20140078629 A KR20140078629 A KR 20140078629A
Authority
KR
South Korea
Prior art keywords
value
display
user interface
displaying
swipe gesture
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
KR1020147007393A
Other languages
English (en)
Other versions
KR102033801B1 (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 마이크로소프트 코포레이션
Publication of KR20140078629A publication Critical patent/KR20140078629A/ko
Application granted granted Critical
Publication of KR102033801B1 publication Critical patent/KR102033801B1/ko
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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 OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

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

문서 내의 값들의 인플레이스 편집(in place editing)을 위한 사용자 인터페이스 요소가 디스플레이된다. 예를 들어, 한 값의 선택에 응답하여, 그 값을 인플레이스 방식으로 조정하기 위한 슬라이드 제스처를 수신하는 사용자 인터페이스가 그 값 가까이에 디스플레이된다. 사용자 인터페이스는 슬라이드 제스처의 레벨 변경에 응답하여 값의 여러 부분들 중 하나를 선택하도록 구성될 수 있다. 예를 들어, 사용자는 날짜 값을 조정하는데 사용된 레벨로부터 년도 값을 나타내는 레벨로 스와이프 제스처를 이동시킬 수 있다. 디스플레이된 사용자 인터페이스 및 사용된 방법은 값의 유형과 문서의 구조 및 내용에 기초할 수 있다.

Description

인플레이스 방식으로 값을 편집하는 사용자 인터페이스{USER INTERFACE FOR EDITING A VALUE IN PLACE}
모바일 컴퓨팅 장치(예컨대, 스마트 폰, 태블릿)에서 작업할 때, 흔히 스크린 화면 면적(screen real estate) 및 이용가능한 입력 장치가 제한적이어서, 디스플레이된 컨텐츠의 편집이 많은 사용자에게 과제가 되고 있다. 예를 들어, 디스플레이는 크기가 제한될 뿐만 아니라, 많은 장치들이 물리적 키보드 대신에 SIP(Software-based Input Panel)를 사용한다. SIP의 디스플레이는 제한된 화면 공간 중 많은 양의 공간을 사용하므로 컴퓨팅 장치 상의 애플리케이션과 연관되는 정보를 보여주는데 이용가능한 공간을 거의 남기지 않을 수 있다.
본 요약은 이하의 상세한 설명에서 보다 자세히 설명될 선택적인 개념들을 단순화된 형태로 소개하고자 제공된다. 본 요약은 청구 대상의 필수 특징 또는 핵심 특징을 나타내고자 하는 것이 아니며, 청구 대상의 범위를 한정하기 위해 사용되는 것도 아니다.
문서 내의 값들의 인플레이스 편집(in place editing)을 위한 사용자 인터페이스 요소가 디스플레이된다. 예를 들어, 한 값의 선택에 응답하여, 그 값을 인플레이스 방식으로(in place) 조정하기 위한 슬라이드 제스처를 수신하는 사용자 인터페이스가 그 값 가까이에 디스플레이된다. 사용자 인터페이스는 슬라이드 제스처의 레벨 변경에 응답하여 값의 여러 부분들 중 하나를 선택하도록 구성될 수 있다. 예를 들어, 사용자는 날짜 값을 조정하는데 사용된 레벨로부터 년도 값을 나타내는 레벨로 스와이프 제스처를 이동시킬 수 있다. 디스플레이된 사용자 인터페이스 및 사용된 방법은 값의 유형과 문서의 구조 및 내용에 기초할 수 있다.
도 1은 예시적인 컴퓨팅 환경을 도시한 도면.
도 2는 사용자 인터페이스를 사용하여 값들을 적절히 편집하기 위한 시스템을 도시한 도면.
도 3은 사용자 인터페이스 요소를 사용하여 인플레이스 방식으로 값을 선택하고 조정하기 위한 프로세스를 도시한 도면.
도 4는 값의 여러 부분들을 선택하고 조정하기 위한 프로세스를 도시한 도면.
도 5는 스프레드시트 내의 인플레이스 방식으로 값을 조정하기 위한 디스플레이를 도시한 도면.
도 6은 스프레드시트 내의 인플레이스 방식으로 값을 조정하기 위한 디스플레이를 도시한 도면.
도 7은 문서 내의 인플레이스 방식으로 값을 조정하기 위한 디스플레이를 도시한 도면.
도 8은 슬라이드 UI 요소를 사용하여 문서 내의 인플레이스 방식으로 값을 조정하기 위한 디스플레이를 도시한 도면.
이하에서는 도면을 참조하여 다양한 실시예를 설명하는데, 도면에서 유사한 참조번호는 유사한 요소를 나타낸다. 구체적으로, 도 1 및 관련 설명은 실시예들을 구현할 수 있는 적절한 컴퓨팅 환경에 대한 단순하고 일반적인 설명을 제공한다.
일반적으로, 프로그램 모듈은 특정 작업을 수행하거나 또는 특정한 추상 데이터 타입을 구현하는 루틴, 프로그램, 컴포넌트, 데이터 구조 및 기타 유형의 구조를 포함한다. 핸드헬드 장치, 멀티프로세서 시스템, 마이크로프로세서 기반 또는 프로그램 가능형 가전제품, 미니컴퓨터, 메인프레임 컴퓨터 등을 포함하는 다른 컴퓨터 시스템 구성이 사용될 수도 있다. 또한 통신 네트워크를 통해 링크되는 원격 처리 장치에 의해 작업이 수행되는 분산 컴퓨팅 환경이 사용될 수도 있다. 분산 컴퓨팅 환경에서, 프로그램 모듈은 로컬(local) 및 원격(remote) 메모리 저장 장치에 위치할 수 있다.
이제 도 1을 참조하여, 다양한 실시예에 사용되는 컴퓨터(100)를 위한 예시적인 컴퓨터 환경을 설명할 것이다. 도 1에 도시된 컴퓨터 환경은, 모바일 컴퓨팅 장치(예컨대, 폰, 태블릿, 넷북, 랩탑), 서버, 데스크탑 또는 일부 다른 유형의 컴퓨팅 장치로서 구성될 수 있는 컴퓨팅 장치를 포함하고, 중앙 처리 장치(CUP)(5)와, RAM(9) 및 ROM(10)을 포함하는 시스템 메모리(7)와, 메모리를 CPU(5)에 연결하는 시스템 버스(12)를 포함한다.
예컨대 시동(startup) 동안에 컴퓨터 내의 요소들 사이에서 정보를 전달하는 것을 돕는 기본 루틴을 포함하는 기본 입력/출력 시스템이 ROM(10)에 저장된다. 컴퓨터(100)는 운영 체제(16), 애플리케이션(24)(예컨대, 생산성 애플리케이션(productivity application), 웹 브라우저 등) 및 사용자 인터페이스 관리자(26)을 저장하는 대용량 저장 장치(14)를 더 포함하는데, 이들에 대해서는 아래에 보다 상세히 설명할 것이다.
대용량 저장 장치(14)는 버스(12)에 연결된 대용량 저장 장치 컨트롤러(도시되어 있지 않음)를 통해 CPU(5)에 연결된다. 대용량 저장 장치(14) 및 관련 컴퓨터 판독가능 매체는 컴퓨터(100)에 비휘발성 저장을 제공한다. 본 명세서에 포함된 컴퓨터 판독가능 매체에 대한 설명은, 하드 디스크 또는 CD-ROM과 같은 대용량 저장 장치를 지칭하지만, 컴퓨터 판독가능 매체는 컴퓨터(100)에 의해 액세스될 수 있는 어떠한 이용가능 매체일 수도 있다.
예를 들어, 컴퓨터 판독가능 매체는, 컴퓨터 저장 매체 및 통신 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 착탈식 및 비착탈식 매체를 포함한다. 컴퓨터 저장 매체는, RAM, ROM, EPROM(Erasable Programmable Read Only Memory), EEPROM(Electrically Erasable Programmable Read Only Memory), 플래시 메모리 또는 기타 고체 상태(solid state) 메모리 기술, CD-ROM, DVD(digital versatile disk) 또는 다른 광학 저장 장치, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 자기 저장 장치, 또는 원하는 정보를 저장하는데 사용될 수 있으며 컴퓨터(100)에 의해 액세스될 수 있는 임의의 다른 매체를 포함하지만, 이들로 한정되는 것은 아니다.
컴퓨터(100)는, 인터넷과 같은 네트워크(18)를 통해 원격 컴퓨터에 논리적으로 연결되는 것을 이용하는 네트워킹된 환경에서 동작한다. 컴퓨터(100)는 버스(12)에 연결된 네트워크 인터페이스 유닛(20)을 통해 네트워크(18)에 연결될 수 있다. 네트워크 접속은 무선 및/또는 유선으로 이루어질 수 있다. 네트워크 인터페이스 유닛(20)은 다른 유형의 네트워크 및 원격 컴퓨터 시스템에 연결하는데 이용될 수 있다. 컴퓨터(100)는 또한, 키보드, 마우스, 터치 입력 장치, 또는 전자 스타일러스(도 1에 도시되어 있지 않음)를 포함하는 다수의 다른 장치들로부터의 입력을 수신하고 처리하는 입력/출력 제어기(22)를 포함할 수 있다. 이와 유사하게, 입력/출력 제어기(22)는 디스플레이 스크린(23), 프린터, 또는 다른 유형의 출력 장치에 입력/출력을 제공할 수 있다.
터치 입력 장치는 단일/멀티 터치 입력이 인식될 수 있게 하는(터치(touching)/비터치(non-touching)) 임의의 기술을 이용할 수 있다. 예를 들어, 이 기술들은, 열(heat), 손가락 압력, 하이 캡처 레이트 카메라(high capture rate camera), 적외선, 광학 캡처, 조정된 전자기 유도(tuned electromagnetic induction), 초음파 수신기, 변환기 마이크로폰, 레이저 레인지파인더, 섀도우 캡처(shadow capture) 등을 포함할 수 있지만, 이들로 한정되는 것은 아니다. 일실시예에 따르면, 터치 입력 장치는 니어 터치(near-touch)(즉, 터치 입력 장치의 소정 거리 내에 있지만 터치 입력 장치를 물리적으로 터치하지 않는 것)를 검출하도록 구성될 수 있다. 터치 입력 장치는 또한 디스플레이로서 동작할 수도 있다. 입력/출력 제어기(22)는 또한 하니 이상의 디스플레이 스크린(23), 프린터 또는 다른 유형의 입력/출력 장치에 출력을 제공할 수 있다.
카메라 및/또는 다른 감지 장치는 하나 이상의 사용자를 등록시키고 컴퓨팅 장치의 사용자에 의해 만들어진 모션 및/또는 제스처를 캡처할 수 있도록 동작할 수 있다. 감지 장치는, 예컨대 마이크로폰으로 말해진 단어들을 캡처하고/또는 예컨대 키보드 및/또는 마우스(도시되어 있지 않음)로 사용자로부터의 다른 입력을 캡처하도록 동작할 수 있다. 감지 장치는 사용자의 움직임을 검출할 수 있는 임의의 모션 검출 장치를 포함할 수 있다. 예를 들어, 카메라는 복수의 카메라 및 복수의 마이크를 포함하는 MICROSOFT KINECT® 모션 캡처 장치를 포함할 수 있다.
본 발명의 실시예는, 도면들에 도시된 컴포넌트들/프로세스들 각각 또는 다수가 단일 집적 회로에 집적될 수 있는 SOC(system-on-chip)를 통해 실시될 수 있다. 이러한 SOC 장치는 하나 이상의 처리 유닛, 그래픽 유닛, 통신 유닛, 시스템 가상화 유닛 및 다양한 애플리케이션 기능을 포함할 수 있는데, 이들 모두는 단일 집적 회로로서 칩 기판 상에 통합(또는 융합(burned))된다. SOC를 통해 동작할 때, 본 명세서에 기술된 기능의 전부/일부는 애플리케이션 특정 로직을 통한 통합 커뮤니케이션(Unified Communication)에 비해 단일 집적 회로(칩) 상의 컴퓨팅 장치/시스템(100)의 다른 컴포넌트들과 통합된다.
위에서 간략히 언급한 바와 같이, 워싱턴 레드몬드의 마이크로소프트사의 WINDOWS PHONE 7®, WINDOWS 7®, 또는 WINDOWS SERVER® 운영 체제와 같은 컴퓨터의 동작을 제어하기에 적합한 운영 체제(16)를 포함한 다수의 프로그램 모듈 및 데이터 파일이 컴퓨터(100)의 대용량 저장 장치(14) 및 RAM(9)에 저장될 수 있다. 대용량 저장 장치(14) 및 RAM(9)은 또한 하나 이상의 프로그램 모듈을 저장할 수도 있다. 구체적으로, 대용량 저장 장치(14) 및 RAM(9)은 스프레드시트 애플리케이션, 워드 프로세싱 애플리케이션 및/또는 기타 애플리케이션과 같은 하나 이상의 애플리케이션 프로그램을 저장할 수 있다. 일실시예에 따르면, MICROSOFT OFFICE suite 애플리케이션들이 포함될 수 있다. 이들 애플리케이션은 클라이언트 기반 및/또는 웹 기반일 수 있다. 예를 들어, MICROSORT SINDOWS LIVE, MICROSOFT OFFICE 365 또는 그 외 몇몇 네트워크 기반 서비스와 같은 네트워크 서비스(27)가 사용될 수 있다.
사용자 인터페이스 관리자(26)는 인플레이스 방식으로 값을 편집/조정하기 위한 사용자 인터페이스 요소(예컨대, UI(28))를 제공하도록 구성된다. 사용자 인터페이스 관리자(26)는, 예컨대 스프레드시트 애플리케이션 또는 애플리케이션으로 보여지거나 또는 그 일부일 수 있는 기타 몇몇 애플리케이션과 같은 애플리케이션 외부에 위치할 수 있다. 또한, 사용자 인터페이스 관리자(26)에 의해 제공된 기능의 전부/일부는 애플리케이션 내부/외부에 위치할 수 있으며, 이 애플리케이션에 있어서 사용자 인터페이스 요소가 인플레이스 방식으로 값을 편집하는데 사용될 수 있다. 사용자 인터페이스 관리자에 대한 보다 상세한 사항은 후술한다.
도 2는 값의 인플레이스 편집을 위한 사용자 인터페이스의 사용을 포함하는 시스템을 도시한 것이다. 도시된 바와 같이, 시스템(200)은 애플리케이션 프로그램(210), 사용자 인터페이스(UI) 관리자(26) 및 터치 스크린 입력 장치/디스플레이(215)를 포함한다.
UI 관리자(26)와의 통신을 용이하게 하기 위하여, 하나 이상의 콜백(callback) 루틴이 구현될 수 있다. 일실시예에 따르면, 애플리케이션 프로그램(210)은 터치 감지 입력 장치(215) 및/또는 키보드 입력(예컨대, 물리적 키보드 및/또는 SIP)으로부터 수신하도록 구성되는 비즈니스 생산성 애플리케이션이다. 예를 들어, UI 관리자(26)는, 값을 선택하고 선택된 값을 조정하기 위해 사용자 인터페이스 요소(216) 상에서의 스와이프 제스처를 수행하는 사용자의 제스처(즉, 손(230)의 손가락)에 응답하여 애플리케이션(210)에 정보를 제공한다. "스와이프 제스처(swipe gesture)"란 용어는 스와이핑 동작 및/또는 드래깅 동작을 포함할 수 있다.
도시된 시스템(200)은 터치 입력이 수신된 때(예컨대, 손가락이 터치 스크린을 터치하거나 또는 거의 터치하는 것)를 검출하는 터치 스크린 입력 장치/디스플레이(215)를 포함한다. 사용자의 터치 입력을 검출하는 임의의 유형의 터치 스크린이 이용될 수 있다. 예를 들어, 터치 스크린은 터치 입력을 검출하는 하나 이상의 용량 재료층(layer of capacitive material) 을 포함할 수 있다. 용량 재료에 더하여 또는 그 대신에 다른 센서가 사용될 수 있다. 예를 들어, IR(Infrared) 센서가 사용될 수 있다. 일실시예에 따르면, 터치 스크린은 터치가능 표면에 접촉하거나 또는 그 위에 있는 물체(object)들을 검출하도록 구성된다. "위(above)"라는 용어가 본 명세서에 사용되지만, 터치 패널 시스템의 배향(orientation)은 관련이 없다는 점을 이해해야 한다. "위"라는 용어는 그러한 모든 배향에 적용될 수 있다. 터치 스크린은 터치 입력이 수신되는 위치(예컨대, 시작점, 중간 지점 및 종료 지점)를 판정하도록 구성될 수 있다. 터치 가능한 표면과 물체 사이의 실제 접촉은, 예컨대, 터치 패널에 결합된 진동 센서 또는 마이크로폰을 포함한 적절한 수단에 의해 검출될 수 있다. 접촉을 검출하기 위한 센서의 예들로는 압력 기반 메커니즘, 마이크로머신(micro-machined) 가속기, 압전 소자, 용량 센서, 저항 센서, 인덕티브 센서, 레이저 바이브로미터(laser vibrometer), 및 LED 바이브로미터를 들 수 있다.
UI 관리자(26)는 선택된 값의 인플레이스 편집을 위한 UI 요소를 디스플레이하고 수신된 입력 장치/디스플레이(202)를 처리하도록 구성된다. 사용자 인터페이스 요소(216)는 선택되는 값에 응답하여 값의 인플레이스 편집을 위해 디스플레이된다. 인플레이스로 값을 조정하기 위한 슬라이드 제스처를 수신하는 UI 요소(216)가 그 값 가까이에 디스플레이된다. 도시된 바와 같이, 선택된 셀은, 그 셀의 필 컬러(fill color)를 변경하고 현재 편집/조정되고 있는 값의 부분을 선택함으로써, 다른 셀들과 구별된다. 선택된 셀을 구별하기 위해 다른 방법(예컨대, 셀 주위의 경계, 상이한 필 패턴, 값의 디스플레이 변경 등)이 이용될 수도 있다. 본 예에서는, 사용자가 스와이프 제스처를 수행하는 것에 더하여 값을 변경하기 위해 "+" 또는 "-" 표시를 누를 수 있다. 사용자 인터페이스는 날짜 값의 부분들 각각에 대해 상이한 레벨을 디스플레이한다. 도시된 바와 같이, 사용자는 현재 "15"에서 "16"으로의 변경을 보여주는 제1 레벨에서 스와이프 제스처를 수행하였다. 사용자가 스와이프 제스처를 종료할 때, 셀 내의 값은 현재 선택된 값으로 설정된다. 스와이프 제스처가 수행되고 있을 때 셀 내의 값은 또한 실시간으로 업데이트될 수 있다. 날짜 값 내의 년도 값 또는 월 값을 변경하기 위해, 사용자는 스와이프 제스처를 일자 레벨에서부터 원하는 레벨로 이동시킨다. 디스플레이된 사용자 인터페이스 및 값을 조정하기 위해 사용된 방법은 값의 유형 및 문서의 구조 및 내용에 기초할 수 있다. 예를 들어, 선택된 셀 가까이의 셀의 내용은 값의 유형, 예측 값 등을 결정하는데 사용될 수 있다.
도 3 및 4는 인플레이스로 값을 편집하는 사용자 인터페이스 요소를 디스플레이하고 이와 상호작용하는 프로세스를 도시한 것이다. 본 명세서에 제시된 루틴에 대한 논의를 참고하면, 다양한 실시예들의 논리적 동작이 (1) 컴퓨팅 시스템 상에서 실행되는 일련의 컴퓨터 구현 동작 또는 프로그램 모듈로서 및/또는 (2) 컴퓨팅 시스템 내의 상호연결된 머신 로직 회로 또는 회로 모듈로서 구현된다는 것을 알 수 있을 것이다. 이 구현은 본 발명을 구현하는 컴퓨팅 시스템의 성능 요건에 의존하는 선택 사항이다. 따라서, 본 명세서에 기술된 실시예를 구성하는 예시된 논리적 동작은 동작들, 구성 장치들, 작용들 또는 모듈들로서 다양하게 참조된다. 이들 동작들, 구성 장치들, 작용들 및 모듈들은 소프트웨어, 펌웨어, 특수 목적 디지털 로직 및 이들의 임의의 조합으로 구현될 수 있다.
도 3은 사용자 인터페이스 요소를 사용하여 인플레이스로 값을 선택하고 조정하는 프로세스를 도시한 것이다.
시작 블록 후에, 프로세스(300)는 동작(310)으로 진행하며, 여기서 그래픽 윈도우 내에 값이 디스플레이된다. 이 값은 하나 이상의 애플리케이션과 연관될 수 있다. 예를 들어, 이 애플리케이션은 오피스 생산성 애플리케이션(예컨대, 스프레드시트, 워드 프로세싱, 프리젠테이션 등) 또는 다른 유형의 애플리케이션일 수 있다. 이 값은 문서 내에 및/또는 값을 설정하는데 사용되는 사용자 인터페이스 내에 디스플레이될 수 있다. 일실시예에 따르면, 조정될 값이 스프레드시트, 워드 프로세싱 문서, 테이블 등과 같은 문서에 디스플레이된다.
동작(320)에 따라, 편집을 위해 값이 언제 선택되는지에 대한 판정이 이루어진다. 값은 다양한 방법을 사용하여 선택될 수 있다. 예를 들어, 사용자는 값/셀/사용자 인터페이스 옵션을 누르거나, 값/셀/사용자 인터페이스 옵션 위에서 포인터(예컨대, 마우스, 펜)를 이동시키거나, 값/셀/사용자 인터페이스 옵션 위에서 포인터(예컨대, 마우스, 펜)를 이동시키고 클릭하거나 함으로써 셀을 선택할 수 있다.
동작(330)으로 이동하면, 어떤 값의 유형이 선택되는지에 대한 판정이 이루어진다. 값은 단일 부분 또는 하나보다 많은 부분(예컨대, 날짜, 소셜 시큐러티 넘버(social security number), 복소수 등)을 포함할 수 있다. 값의 유형은 한 세트의 값에서 선택되는 이산 값(discrete value) 또는 숫자 값일 수 있다. 예를 들어, 이 값은 날짜, 달, 항목의 유형, 행/열에서 선택된 값 등일 수 있다. 값의 유형은 문서/테이블 내의 셀/위치/필드에 의해 허용되는 값의 유형으로부터 결정될 수 있고/또는 선택된 값 주위의 컨텐츠로부터 결정될 수 있다. 예를 들어, 스프레드시트 내의 하나 이상의 셀이 선택된 셀 가까이의 셀 내의 값의 유형을 결정하기 위해 검사될 수 있다(예컨대, 선택된 셀이 현재는 비어 있다 하더라도 현재 년도 "2011" 가까이에 있는 날짜를 포함해야 한다고 결정될 수 있다). 일반적으로, 값의 유형은 선택된 값 가까이에 디스플레이되는 값의 임의의 유형일 수 있다. 예를 들어, 값들은 선택된 값의 동일 행/열로부터 올 수 있다.
동작(340)으로 진행하면, 인플레이스로 값을 편집하는 사용자 인터페이스 요소가 디스플레이된다. 선택, 셀/값/필드가 편집되어야 하고/또는 몇몇 다른 UI를 통해 UI 요소를 런칭해야 함을 나타내는 동작 등에 응답하여, UI 요소가 디스플레이될 수 있다. 값을 조정하기 위한 입력이 값의 디스플레이 가까이에서 수신되도록, UI 요소가 값의 디스플레이 가까이에 디스플레이된다. 일실시예에 따르면, UI 요소는 이 값의 양쪽에서 바깥쪽으로 연장되는 라인의 디스플레이를 포함한다(도 8 참조). 다른 실시예에 따르면, UI가 이 값의 디스플레이 가까이에 나타나고 그 값의 각 부분에 대한 디스플레이된 레벨을 포함한다(도 4 내지 7 참조). 일실시예에 따르면, UI 요소가 알파 블렌드되어, UI 요소 아래에 디스플레이된 컨텐츠가 보이도록 유지된다.
동작(350)에 따라, 값을 조정하기 위한 스와이프 제스처가 수신된다. 스와이프 제스처는 터치 입력 및/또는 다른 입력 장치를 사용하여 수신된 입력일 수 있다. 일실시예에 따르면, 스와이프 제스처는 손가락의 스와이프(예컨대, 시작 지점으로부터 종료 지점으로 이동하는 수평/수직 이동)를 검출하는 터치 입력이다. 스와이프 제스처는 선택된 값으로부터 스와이프의 위치에 따라 상이한 속도로 값을 조정할 수 있다. 예를 들어, 스와이프가 그 값 가까이에 있으면 스와이프가 이 값은 단일 값만큼 증분될 수 있는 반면에, 스와이프가 멀리 있으면 이 값은 이 값으로부터의 거리에 따라 배수(예컨대, 2배, 4배, 10배)만큼 증분될 수 있다. 잠재적인 값의 범위가 또한 조정의 속도를 결정하는데 사용될 수 있다. 예를 들어, 값의 범위가 작을 경우(예컨대, 1 내지 10) 값의 조정은 보다 느릴 수 있다. 값의 범위가 보다 큰 경우(예컨대, 1000 내지 100,000) 값의 조정은 보다 빠르고/또는 배율기(multiplier)가 보다 커질 수 있다. 값의 하나 이상의 부분을 설정하기 위해 동일한 스와이프 제스처가 사용될 수 있다. 예를 들어, 사용자는 자신의 손가락을 UI 요소에 위치시켜 눌러 제1 레벨로 이동하고 좌우로 이동하여 제1 레벨 내에서 값을 설정한 후에, 손가락을 들어올리지 않고 다른 레벨로 이동한 다음, 좌/우로 이동하여 그 레벨에 대한 값을 설정할 수 있다. 일실시예에 따르면, 사용자는, 동일한 스와이프 제스처(예컨대, 손가락 끝을 디스플레이를 누른 상태로 유지한다)가 검출되는 한 상이한 레벨로 이동하고 그 레벨에 대한 값을 선택함으로써, 계속해서 값의 다른 부분들을 조정할 수 있다.
동작(360)으로 이동하여, 디스플레이가 조정된 값으로 업데이트된다. 스와이프 제스처가 수신되는 시간 동안에 및/또는 스와이프 제스처가 완료된 후에 값의 디스플레이가 업데이트될 수 있다. 예를 들어, 사용자가 스와이프 제스처를 수행하고 있는 동안, 값이 변경되는 것으로 보여질 수 있다. 일실시예에 따르면, UI 요소의 디스플레이는 선택된 값의 디스플레이를 업데이트하지 않고 현재의 조정된 값을 반영하도록 업데이트된다.
동작(370)으로 이동하여, 스와이프 제스처가 종료될 때 조정된 값이 설정된다(예컨대, 사용자는 디스플레이로부터 자신의 손가락을 치우거나 사용자가 일부 다른 입력 방법을 사용하여 값을 선택 해제한다).
그 후 이 프로세스는 종료 블록으로 진행하고 다른 동작 처리로 돌아간다.
도 4는 값의 상이한 부분들을 선택하고 조정하는 프로세스를 보여준다.
시작 블록 후에, 프로세스(400)는 동작(410)으로 이동하며, 여기서 값의 상이한 부분들이 결정된다. 이 값은 하나 이상의 부분들을 포함할 수 있다. 예를 들어, 정수 값은 한 부분을 포함하는 반면에, 날짜 값 및 소셜 시큐리티 값 각각은 3개의 상이한 부분을 포함한다. 일반적으로, 값의 부분은 값의 다른 부분으로부터 독립적으로 조정될 수 있다. 값은 중요한 숫자에 기초하여 부분들로 분리될 수도 있다. 부분들로의 값의 다른 분할이 결정될 수도 있다. 예를 들어, 값의 제1 부분은 1의 자릿수일 수 있고, 제2 부분은 10의 자릿수일 수 있으며, 제3 부분은 100의 자릿수일 수 있거나 할 수 있다.
판정 동작(420)으로 이동하여, 값이 하나보다 많은 부분을 갖는지에 대해 판정이 이루어진다.
값이 하나보다 많은 부분을 갖는 경우, 프로세스는 동작(430)으로 이동하며, 여기서 UI 요소의 디스플레이의 다른 레벨 상의 각 부분에 대한 디스플레이를 포함하는 UI 요소가 디스플레이된다.
값이 하나보다 많은 부분을 갖지 않을 경우, 이 프로세스는 동작(440)으로 진행하며, 여기서 UI 요소가 단일 레벨의 디스플레이로 디스플레이된다.
동작(430) 또는 동작(440)으로부터 동작(450)으로 이동하면, 스와이프 제스처가 수신된다.
동작(460)으로 진행하여, 스와이프가 어떤 레벨로 이루어졌는지에 대한 판정이 행해진다. 예를 들어, 한 레벨에서의 스와이프는 그 레벨과 연관되는 값의 부분을 조정한다. 전술한 바와 같이, 값의 하나보다 많은 부분은 동일한 스와이프 제스처를 사용하여 설정될 수 있다.
동작(470)으로 진행하여, 스와이프 제스처에 응답하여 값의 디스플레이가 업데이트된다.
그 다음에 이 프로세스는 종료 블록으로 진행하며 다른 동작 처리로 돌아간다.
도 5 내지 8은 값을 선택하는 것에 응답하여 디스플레이된 UI를 사용하여 값을 인플레이스로 조정하는 예시적인 윈도우를 도시하고 있다. 도 5 내지 8은 예시적인 것일 뿐 한정적인 것은 아니다.
도 5는 스프레드시트 내에서 인플레이스로 값을 조정하는 디스플레이를 도시한 것이다. 도시된 바와 같이, 윈도우(510) 및 윈도우(520)는 각각 Name 컬럼, GPA 컬럼, Exam Date 컬럼을 보여주는 스프레드시트(512)를 디스플레이한 것으로, 여기서 사용자는 UI 요소를 사용하여 현재 값 "2.6"을 인플레이스로 조정하기 위해 셀(520)을 선택하였다. 값들을 포함하는 보다 많거나 또는 보다 적은 컬럼/영역이 윈도우(510, 520) 내에 포함될 수 있다. 윈도우는 데스크탑 애플리케이션, 모바일 애플리케이션 및/또는 (예컨대, 브라우저에 의해 디스플레이된)웹 기반 애플리케이션과 연관되는 윈도우일 수 있다. 이 윈도우는 제한된 디스플레이 장치(예컨대, 스마트폰, 태블릿) 상에 또는 보다 큰 화면 장치 상에 디스플레이될 수 있다.
도시된 바와 같이, 선택된 셀(520)은, 그 셀이 현재 선택되어 있음을 사용자에게 알리기 위해, 스프레드시트의 다른 셀들과 다르게 디스플레이된다. 셀(520)은 강조(highlight)되는 것으로 도시되어 있지만, 셀이 선택됨을 알리기 위해 다른 디스플레이 옵션(예컨대, 셀 주위의 경계, 음영, 색 변경, 폰트 변경 등)이 사용될 수도 있다.
셀(520) 편집 결정(예컨대, 선택, 편집 액션, 다른 UI 요소의 선택 등)에 응답하여, UI 요소(514)가 디스플레이된다. 본 예에서는, GPA 값이 2개의 부분을 포함하기 때문에 UI 요소(514) 내에 2개의 레벨이 디스플레이된다. 일실시예에 따르면, 값의 디폴트 부분이 조정되도록 선택된다. 예컨대, GPA 값의 제2 부분은 디폴트로 제1 레벨 상에 디스플레이되는 값의 부분이 되도록 선택된다. UI 요소(514)를 참조하면, 제1 레벨은 값 4, 5, 6, 7 및 8을 보여주고, 제2 레벨은 값 1, 2 및 3을 보여준다. 보다 많거나 또는 보다 적은 잠재적인 값들이 각 레벨에 디스플레이될 수 있다. 예를 들어, GPA 값의 제2 레벨은 모든 잠재적 값(0 내지 4)을 보여줄 수 있다. 본 예에서는, 사용자가 셀을 누름으로써 셀(520)을 선택하였고, 그 후 자신의 손가락을 우측으로 드래그하여 조정된 값으로서 "7"을 선택하였다. 스와이프 제스처에 응답하여, 현재 조정된 값을 보여주기 위해 UI 요소(514) 내에 그래픽 표시기가 사용된다. 이 예에서, 현재의 스와이프 제스처에 기초한 현재의 값이 보다 크게 보여진다. 현재의 값을 표시하는 것의 다른 방법들(예컨대, 폰트 변경, 값 주위에 경계를 두는 것, 값의 색을 변경하는 것)이 보여질 수도 있다. 사용자가 스와이프 제스처를 종료할 때(예컨대, 디스플레이로부터 자신의 손가락을 치우거나, 마우스 버튼을 릴리스하거나 할 때), 값이 셀 내에서 조정된다. 사용자가 이 예에서 현재의 포인트에서 릴리스했다면, 2.6이 2.7로 교체될 것이다. 사용자는 처음에는 보여지지 않은 값을 선택하기 위해 UI 요소(514) 내에서 우/좌측으로 더 이동할 수 있다. 예를 들어, 사용자가 제1 레벨에서 "7" 값 또는 몇몇 다른 결정된 값을 지나서 이동할 경우, 부가적인 값들(예컨대, 9, 10...)이 UI 요소(514) 내에 보여질 수 있다. 이와 유사하게, 사용자가 좌측으로 이동할 경우, UI 요소(514) 내에 보다 작은 값(예컨대, 3, 2, 1)이 보여질 수 있다.
윈도우(520)는 사용자가 GPA에 대한 값의 제2 부분을 조정하는 것을 보여준다. 제2 레벨을 선택하기 위해, 사용자는 제2 레벨로 이동하였고 GPA에 대해 3 값을 선택하는 우측으로 이동하였다.
일실시예에 따르면, 셀의 내용 및 셀들을 둘러싸는 셀들(이 예에서는 GPA 컬럼)이 셀 내에 포함될 수 있는 잠재적 값들을 결정하는 것을 돕는데 사용된다. 이 정보는 얼마나 많은 레벨/잠재적 값이 UI 요소 내에 디스플레이되는지를 결정하는데 사용될 수 있다. 도시된 바와 같이, UI 요소(514)는 알파 블렌딩으로 디스플레이되어, UI 요소 아래의 컨텐츠의 부분이 여전히 보여질 수 있다. UI 요소(514)는 또한 상이한 방식(예컨대, 알파 블렌딩 없이, 상이한 컬러 등)을 이용하여 보여질 수 있다. UI 요소(514)는 다른 위치에 디스플레이될 수 있다. 예컨대, UI 요소(514)는 선택된 셀의 디스플레이 좌측, 우측 및/또는 위에 보여질 수 있다.
도 6은 스프레드시트 내에서 인플레이스로 값을 조정하는 디스플레이를 도시한 것이다. 도시된 바와 같이, 윈도우(610) 및 윈도우(620) 각각은 현재 Grade 컬럼, Sex 컬럼, 및 Siblings 컬럼을 보여주는 스플레드시트를 포함한다. 본 예에서, Grade 컬럼은 Freshman(FR), Sophomore(SO), Junior(JR) 및 Senior(SR)를 포함한다. Sex 컬럼은 Male(M0 값 또는 Female(F) 값을 포함할 수 있다. Siblings 컬럼은 0에서 시작하여 증가하는 값을 포함할 수 있다.
윈도우(610)는 사용자가 셀(D6)을 선택하는 것을 도시한 것으로, 셀(D6)은 그 셀 주위에 굵은 경계선을 디스플레이함으로써 선택되는 것임을 나타내고 있다. 이 선택에 응답하여, 등급 값에 대해 선택될 수 있는 4개의 잠재적인 상이한 값을 보여주는 UI 요소(612)가 디스플레이된다. UI 요소(612)에 보다 적은 잠재적 값(예컨대, 1, 2, 3)이 보여질 수도 있다. 본 예에서는, 사용자가 스와이프 제스처를 수행하여 UI 요소(612) 내에 보다 크게 보이는 빈 셀(D6)을 현재 선택하였다. 스와이프 제스처 종료에 응답하여, 셀(D6)은 "Senior"로 업데이트되며, 이는 윈도우(620)에서 확인할 수 있다. 선택 전에, 셀(D6)은 값을 포함할수도 있고 포함하지 않을 수도 있다.
윈도우(620)는 사용자가 셀(F6)을 선택하는 것을 도시하고 있는데, 셀 내에 필(fill)을 디스플레이함으로써 선택됨을 나타내고 있다. 이 선택에 응답하여, Siblings에 대해 선택될 수 있는 잠재적 값을 보여주는 UI 요소(622)가 디스플레이된다. 본 예에서, 사용자는 스와이프 제스처를 수행하여 현재 셀(D6)에 대해 값 3(경계 내에 보여짐)을 선택하였다. 전술한 바와 같이, 사용자가 UI 요소 내에서 처음에 디스플레이된 값들의 끝(end)을 넘어/근방으로 이동하면 보다 보다 큰 값이 보여질 수 있다. 예를 들어, 사용자가 처음에 디스플레이된 값들의 끝 또는 그 근처로 이동할 경우, UI 요소(624)가 디스플레이될 수 있다. 도시된 바와 같이, 사용자가 UI 요소(622) 내의 "8" 값으로 이동할 경우, (9, 10, 11)이 디스플레이된다.
도 7은 문서 내에서 인플레이스로 값을 조정하는 디스플레이를 도시한 것이다. 도시된 바와 같이, 윈도우(710), 윈도우(720), 윈도우(730) 및 윈도우(740) 각각은 인플레이스로 값을 변경하는 동안 선택될 수 있는 값을 포함하는 문서의 디스플레이를 포함한다.
윈도우(710)는 사용자가 문서 내에서 소셜 시큐리티 번호를 선택하는 것을 보여준다. 일실시예에 따르면, 문서 내의 임의의 이산 값이 선택될 수 있다.
윈도우(720)는 소셜 시큐리티 번호의 선택에 응답하여 디스플레이된 UI 요소(722)를 보여준다. 도시된 바와 같이, UI 요소(722)는 소셜 시큐리티 번호의 각 부분에 대해 잠재적 값의 디스플레이 레벨을 포함한다. 이 값은 여러 부분으로 분할될 수 있다. 예를 들어, 번호의 각 자릿수 또는 값의 상이한 청크(chunk)에 대해 레벨이 디스플레이될 수 있다(예컨대, 디스플레이된 값의 2211 부분은 각각이 2개의 자릿수를 갖는 2개의 상이한 레벨로서 보여질 수 있다). 이 예에서는, 소셜 시큐리티 번호의 제3 부분이 강조되어, 제3 부분이 이 값 중에서 조정을 수신하기 위해 현재 선택된 부분임을 나타낸다. 사용자가 스와이프 제스처를 좌측으로 이동시킴으로써 값(2210)이 선택된다. 좌측으로 더 멀리 이동시키면, UI 요소(722)는 잠재적 값들(예컨대, 2209, 2208, 2207...)의 디스플레이를 조정한다. 사용자는 스와이프 제스처를 원하는 레벨로 이동시킴으로써 다른 레벨을 선택할 수 있다.
윈도우(730)는 사용자가 문서에서 정수값(2)을 선택하는 것을 보여준다. 정수값의 선택에 응답하여, 선택을 위한 잠재적 값을 갖는 UI 요소(732)가 디스플레이된다.
윈도우(740)는 사용자가 B1 브랜드 값을 선택하는 것을 보여준다. 예를 들어, 이 값은 잠재적 값의 제한된 번호를 포함하는 차량 유형일 수 있다.
도 8은 슬라이드 UI 요소를 사용하여 문서 내에서 인플레이스로 값을 조정하는 디스플레이를 도시한 것이다.
디스플레이(808, 810, 811, 812, 814, 816)는 사용자가 슬라이드 UI 요소를 사용하여 인플레이스로 값을 조정하는 것을 보여준다.
디스플레이(808)는 인플레이스로 편집하기 위해 선택되기 전의 값 2를 보여준다.
디스플레이(810)는 값 2가 선택되는 것에 응답하여 디스플레이되는 UI 요소의 최초 디스플레이를 보여준다. 도시된 바와 같이, 인플레이스로 편집할 값의 좌측 및 우측으로 라인이 놓여있다. 이 라인은 상이한 방법을 이용하여 디스플레이될 수 있다. 예를 들어, 숫자의 좌측 라인 부분은 제1 컬러를 사용하여 디스플레이될 수 있고, 숫자의 우측 라인 부분은 다른 컬러를 사용하여 디스플레이될 수 있다. 슬라이더를 보여주기 위해 박스가 디스플레이될 수도 있다(예컨대, 디스플레이(811)).
디스플레이(812)는 값 2를 우측으로 슬라이딩하여 현재의 값이 6이 됨을 보여준다. 일실시예에 따르면, 이 값 자체가 라인을 따라서 이동한다. 일실시예에 따르면, 최초 값이 최초 위치에 유지되고 현재 편집된 값의 값이 슬라이드 라인을 따라 보여질 수도 있다. 다른 실시예에 따르면, 이 값은 스와이프 제스처에 응답하여 처음에 디스플레이된 위치에서 업데이트된다. 예를 들어, 디스플레이(817)는 사용자가 자신의 손가락을 숫자의 우측으로 슬라이딩하고 이 슬라이딩에 응답하여 값이 업데이트됨을 보여준다. 값은 그 숫자로부터 제스처까지의 거리 및/또는 숫자로부터의 이동 속도에 기초하여 업데이트될 수 있다. 예를 들어, 제스처를 더 멀리/더 빠르게 할수록 숫자가 더 빠르게 변한다. 값은 다른 액션에 응답하여 변경을 멈출 수 있다. 예를 들어, 사용자는 자신의 손가락을 디스플레이로부터 벗어나도록 이동시킴으로써 제스처를 종료할 수 있거나 또는 손가락을 디스플레이(818)에 도시된 바와 같이 처음에 디스플레이된 위치로 다시 이동할 수 있다.
디스플레이(814)는 사용자가 값을 현재 값 1로 좌측으로 다시 슬라이딩하는 것을 보여준다.
디스플레이(816)는 사용자가 스와이프 제스처를 종료하는 것에 응답하여 값 1을 설정 값으로 한 것을 보여준다. 스와이프 제스처를 종료하는 것은 마지막에 편집된 값이 "스냅인(snap in)" 플레이스로 나타남(즉, 값의 위치를 최초 위치로 리턴함)을 보여준다.
윈도우(820), 윈도우(830) 및 윈도우(840)는 각각 호텔을 검색하는 옵션을 설정하는 선택을 수신하도록 구성되어 있는 사용자 인터페이스를 보여준다. 사용자 인터페이스는 다른 애플리케이션용으로 그리고 다른 값을 수신하도록 구성될 수 있다. 도시된 바와 같이, 윈도우(820)는 호텔을 검색하기 위한 옵션, 체크인 날짜를 설정하기 위한 옵션, 체크아웃 날짜를 설정하기 위한 옵션, 다수의 제스처를 설정하기 위한 옵션, 다수의 방을 설정하기 위한 옵션 및 검색 옵션을 보여준다. 이 예에서, 값을 설정하는 각각의 옵션은 본 명세서에 기술되고 도시된 UI 요소를 사용하여 설정될 수 있다.
예를 들어, 사용자는 제스처 수에 대한 값을 조정하기 위해 슬라이더 UI 요소를 사용하도록 제스처 값을 선택할 수 있다. 도 4 내지 7에 도시된 UI 요소가 또한 사용될 수 있다. 또한, UI 요소들의 조합이 함께 사용될 수 있다.
윈도우(830)는 사용자가 값을 4로 슬라이딩하는 것을 보여준다. 값을 해제하는 것과 슬라이딩 제스처를 종료하는 것에 응답하여, 값 4가 조정된 값으로 설정된다.
이상의 사양, 예들 및 데이터는 본 발명의 제품 및 사용에 대한 완전한 설명을 제공한다. 본 발명의 사상 및 범주로부터 벗어나지 않고 본 발명의 많은 실시예들이 이루어질 수 있기 때문에, 본 발명은 이하에 첨부된 청구범위에 귀속된다.

Claims (10)

  1. 입력을 수신하여 값을 조정하는 방법으로서,
    그래픽 디스플레이 내에 값을 디스플레이하는 단계와,
    값이 선택되는지 판정하는 단계와,
    상기 값을 편집하기로 결정하는 것에 응답하여, 상기 값을 이산 값들로부터 결정되는 새로운 값으로 조정하기 위한 스와이프 제스처와 함께 사용되는 표시기(indicator)를 디스플레이하는 사용자 인터페이스 요소를 상기 값 가까이에 디스플레이하는 단계와,
    상기 값을 조정하기 위한 스와이프 제스처(swipe gesture)를 수신하는 단계와,
    상기 스와이프 제스처를 수신하는 동안, 상기 스와이프 제스처에 응답하여 상기 사용자 인터페이스 요소의 디스플레이 및 상기 값의 디스플레이를 인플레이스 방식으로(in place) 조정하는 단계와,
    상기 값을 상기 조정된 값으로 설정하는 단계
    를 포함하는 방법.
  2. 제1항에 있어서,
    상기 스와이프 제스처에 응답하여, 상기 값은 상기 라인을 따라 슬라이드하는 것으로 나타나는
    방법.
  3. 제1항에 있어서,
    상기 사용자 인터페이스 요소를 디스플레이하는 단계는, 상이한 레벨에서 설정될 수 있는 값의 각 부분에 대한 잠재적 값을 디스플레이하는 것을 포함한, 상기 값의 디스플레이 위에 잠재적 값을 디스플레이하는 단계를 포함하는
    방법.
  4. 제1항에 있어서,
    상기 스와이프 제스처를 수신하는 단계는 상기 스와이프의 레벨을 결정하는 단계와, 상기 스와이프의 레벨에 대응하는 상기 값의 부분을 조정하는 단계를 포함하는
    방법.
  5. 제1항에 있어서,
    상기 잠재적 값을 디스플레이하는 단계는, 상기 잠재적 값의 디스플레이 아래에 위치하는 상기 디스플레이의 일부분이 보이도록 상기 잠재적 값을 알파 블렌드(alpha blend)로서 디스플레이하는 단계를 포함하는
    방법.
  6. 제1항에 있어서,
    상기 스와이프 제스처에 응답하여 상기 사용자 인터페이스 요소의 디스플레이 및 상기 값의 디스플레이를 인플레이스 방식으로 조정하는 단계는, 상기 값으로부터 현재 스와이프 위치까지의 거리를 결정하는 단계와 상기 위치의 상승에 응답하여 상기 값의 변경 속도를 조정하는 단계를 포함하는
    방법.
  7. 인플레이스 방식으로 값을 편집하기 위한 컴퓨터 실행가능 명령어를 저장하는 컴퓨터 판독가능 매체로서,
    상기 컴퓨터 실행가능 명령어는
    그래픽 디스플레이 내에 값을 디스플레이하는 단계와,
    값이 선택되는지 판정하는 단계와,
    상기 값이 선택된다는 판정에 응답하여, 상기 값의 선택을 그래픽으로 표시하고, 상기 선택된 값 가까이에 잠재적 값을 디스플레이하고 상기 값을 이산 값들로부터 결정되는 새로운 값으로 조정하기 위한 스와이프 제스처를 수신하도록 구성되는 사용자 인터페이스 요소를 상기 값 가까이에 디스플레이하는 단계와,
    상기 값을 조정하기 위한 스와이프 제스처인 터치 입력을 수신하는 단계와,
    상기 스와이프 제스처를 수신하는 동안, 상기 스와이프 제스처에 응답하여 상기 사용자 인터페이스 요소의 디스플레이 및 상기 값의 디스플레이를 인플레이스 방식으로 조정하는 단계와,
    상기 값을 상기 조정된 값으로 설정하는 단계
    를 수행하는 컴퓨터 판독가능 매체.
  8. 인플레이스 방식으로 값들을 편집하는 장치로서,
    터치 입력을 수신하도록 구성된 디스플레이와,
    프로세서 및 메모리와,
    상기 프로세서를 사용하여 실행되는 운영 환경과,
    변경될 수 있는 값들을 포함하는 애플리케이션과,
    상기 애플리케이션과 함께 동작하는 사용자 인터페이스 관리자를 포함하되,
    상기 사용자 인터페이스 관리자는
    디스플레이 상에 값을 디스플레이하는 동작과,
    디스플레이 상에서 값이 선택되는지 판정하는 동작과,
    상기 값이 선택된다는 판정에 응답하여, 상기 값의 선택을 그래픽으로 표시하고, 상기 값의 각각의 이산 부분에 대한 잠재적 값의 레벨을 디스플레이하고 상기 값을 이산 값들로부터 결정되는 새로운 값으로 조정하기 위한 터치 입력을 수신하도록 구성되는 사용자 인터페이스 요소를 상기 값 가까이에 디스플레이하는 동작과,
    상기 값을 조정하기 위한 스와이프 제스처인 터치 입력을 수신하는 동작과,
    상기 스와이프 제스처를 수신하는 동안, 현재 선택된 잠재적 값을 보여주도록 상기 사용자 인터페이스 요소의 디스플레이를 조정하는 동작과,
    상기 값을 상기 조정된 값으로 설정하는 동작
    을 수행하도록 구성되는 장치.
  9. 제8항에 있어서,
    상기 사용자 인터페이스 요소를 디스플레이하는 동작은, 상기 사용자 인터페이스 요소의 디스플레이 아래에 위치하는 상기 디스플레이의 일부분이 보이도록 상기 사용자 인터페이스 요소를 알파 블렌드(alpha blend)로서 디스플레이하는 동작을 포함하는
    장치.
  10. 제8항에 있어서,
    상기 스와이프 제스처에 응답하여 상기 사용자 인터페이스 요소의 디스플레이 및 상기 값의 디스플레이를 인플레이스 방식으로 조정하는 동작은, 상기 값으로부터 현재 스와이프 위치까지의 거리를 결정하는 동작과 상기 위치의 상승에 응답하여 상기 값의 변경 속도를 조정하는 동작을 포함하는
    장치.
KR1020147007393A 2011-09-22 2012-09-22 인플레이스 방식으로 값을 편집하는 사용자 인터페이스 제공 기법 Expired - Fee Related KR102033801B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US13/240,547 2011-09-22
US13/240,547 US9720583B2 (en) 2011-09-22 2011-09-22 User interface for editing a value in place
PCT/US2012/056778 WO2013044189A1 (en) 2011-09-22 2012-09-22 User interface for editing a value in place

Publications (2)

Publication Number Publication Date
KR20140078629A true KR20140078629A (ko) 2014-06-25
KR102033801B1 KR102033801B1 (ko) 2019-10-17

Family

ID=47644331

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020147007393A Expired - Fee Related KR102033801B1 (ko) 2011-09-22 2012-09-22 인플레이스 방식으로 값을 편집하는 사용자 인터페이스 제공 기법

Country Status (12)

Country Link
US (3) US9720583B2 (ko)
EP (1) EP2758857A4 (ko)
JP (1) JP6126608B2 (ko)
KR (1) KR102033801B1 (ko)
CN (2) CN108182032B (ko)
AU (2) AU2012312073B2 (ko)
BR (1) BR112014006403A2 (ko)
CA (1) CA2848407C (ko)
IN (1) IN2014CN02052A (ko)
MX (1) MX338330B (ko)
RU (1) RU2627113C2 (ko)
WO (1) WO2013044189A1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170084091A (ko) * 2014-11-17 2017-07-19 엘지전자 주식회사 디지털 디바이스 및 그 제어 방법

Families Citing this family (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20120013727A (ko) 2010-08-06 2012-02-15 삼성전자주식회사 디스플레이장치 및 그 제어방법
JP6034649B2 (ja) * 2012-10-16 2016-11-30 キヤノン株式会社 情報処理装置、情報処理装置の制御方法、及びプログラム
WO2014097553A1 (ja) * 2012-12-20 2014-06-26 パナソニック株式会社 加熱調理器
US20140258899A1 (en) * 2013-03-07 2014-09-11 Brian Mantuano Modifying numeric values
US10133447B2 (en) 2014-06-27 2018-11-20 Microsoft Technology Licensing, Llc Merged experience of reading and editing with seamless transition
EP3012728B1 (en) * 2014-10-24 2022-12-07 Electrolux Appliances Aktiebolag Graphical user interface
US10268366B2 (en) 2015-06-05 2019-04-23 Apple Inc. Touch-based interactive learning environment
CN106547526A (zh) * 2015-09-21 2017-03-29 阿里巴巴集团控股有限公司 一种调节时间的方法及装置
WO2017090121A1 (ja) * 2015-11-25 2017-06-01 株式会社ミスミグループ本社 タッチ操作による数値入力方法、及びタッチ操作による数値入力用プログラム
CN105549879A (zh) * 2015-12-08 2016-05-04 联想(北京)有限公司 一种信息处理方法及电子设备
US10896192B2 (en) * 2016-09-08 2021-01-19 Salesforce.Com, Inc. Allowing in-line edit to data table of linked data of a data store
CN106708540B (zh) * 2017-02-09 2020-01-07 北京天元创新科技有限公司 一种通用时间选择方法
CN108874899B (zh) * 2018-05-23 2022-02-18 网易乐得科技有限公司 数据处理方法及装置、介质和计算设备
US11010044B2 (en) * 2019-05-28 2021-05-18 Shopify Inc. Swipe-based PIN entry
US10908811B1 (en) * 2019-12-17 2021-02-02 Dell Products, L.P. System and method for improving a graphical menu
US11995615B2 (en) * 2020-06-21 2024-05-28 Apple Inc. User interfaces for indicating time and/or date on an electronic device

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080122796A1 (en) * 2006-09-06 2008-05-29 Jobs Steven P Touch Screen Device, Method, and Graphical User Interface for Determining Commands by Applying Heuristics
US20080165151A1 (en) * 2007-01-07 2008-07-10 Lemay Stephen O System and Method for Viewing and Managing Calendar Entries
US20110080351A1 (en) * 2009-10-07 2011-04-07 Research In Motion Limited method of controlling touch input on a touch-sensitive display when a display element is active and a portable electronic device configured for the same

Family Cites Families (39)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5848187A (en) * 1991-11-18 1998-12-08 Compaq Computer Corporation Method and apparatus for entering and manipulating spreadsheet cell data
JPH08249125A (ja) 1995-03-14 1996-09-27 Yaskawa Electric Corp ポインタによる数値入力方法
GB2307383A (en) 1995-11-13 1997-05-21 Ibm Improving resolution of graphical user interface-specified values in a computersystem
US7768501B1 (en) 1998-05-01 2010-08-03 International Business Machines Corporation Method and system for touch screen keyboard and display space sharing
JPH11338600A (ja) 1998-05-26 1999-12-10 Yamatake Corp 設定数値変更方法および設定数値変更装置
US7469381B2 (en) 2007-01-07 2008-12-23 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US20080122799A1 (en) * 2001-02-22 2008-05-29 Pryor Timothy R Human interfaces for vehicles, homes, and other applications
JP2001315179A (ja) 2000-05-10 2001-11-13 Nissei Plastics Ind Co 射出成形機の入力装置
US6501464B1 (en) 2000-10-31 2002-12-31 Intel Corporation On-screen transparent keyboard interface
JP2003256098A (ja) 2002-02-26 2003-09-10 Hitachi Information Systems Ltd 日付情報入力方法及びそのシステム並びに日付／時間情報入力方法及びそのシステム
US6882337B2 (en) 2002-04-18 2005-04-19 Microsoft Corporation Virtual keyboard for touch-typing using audio feedback
US7081887B2 (en) 2002-12-19 2006-07-25 Intel Corporation Method and apparatus for positioning a software keyboard
JP2004206533A (ja) 2002-12-26 2004-07-22 Yamatake Corp 情報入力装置、情報入力プログラム及び情報入力方法
US7382358B2 (en) 2003-01-16 2008-06-03 Forword Input, Inc. System and method for continuous stroke word-based text input
US7620915B2 (en) * 2004-02-13 2009-11-17 Ludwig Lester F Electronic document editing employing multiple cursors
US8040319B2 (en) * 2007-04-13 2011-10-18 Apple Inc. Modifying a value based on a user's directional motions independent of cursor position
US7565623B2 (en) * 2004-04-30 2009-07-21 Microsoft Corporation System and method for selecting a view mode and setting
US7424485B2 (en) 2004-06-03 2008-09-09 Microsoft Corporation Method and apparatus for generating user interfaces based upon automation with full flexibility
US7782324B2 (en) * 2005-11-23 2010-08-24 Dreamworks Animation Llc Non-hierarchical unchained kinematic rigging technique and system for animation
US9019300B2 (en) * 2006-08-04 2015-04-28 Apple Inc. Framework for graphics animation and compositing operations
US7542039B2 (en) * 2006-08-21 2009-06-02 Pitney Bowes Software Inc. Method and apparatus of choosing ranges from a scale of values in a user interface
US8351989B2 (en) 2007-02-23 2013-01-08 Lg Electronics Inc. Method of displaying menu in a mobile communication terminal
US8645863B2 (en) 2007-06-29 2014-02-04 Microsoft Corporation Menus with translucency and live preview
US20090231361A1 (en) * 2008-03-17 2009-09-17 Sensormatic Electronics Corporation Rapid localized language development for video matrix switching system
US8477139B2 (en) 2008-06-09 2013-07-02 Apple Inc. Touch screen device, method, and graphical user interface for manipulating three-dimensional virtual objects
US20100053211A1 (en) * 2008-06-27 2010-03-04 Vala Sciences, Inc. User interface method and system with image viewer for management and control of automated image processing in high content screening or high throughput screening
US20100033486A1 (en) * 2008-07-01 2010-02-11 Karl Erik Vilhelm Dahlen Method and system of determining and visualizing dependencies between industrial process parameters
US8493408B2 (en) * 2008-11-19 2013-07-23 Apple Inc. Techniques for manipulating panoramas
JP2010165337A (ja) * 2008-12-15 2010-07-29 Sony Corp 情報処理装置、情報処理方法およびプログラム
US8274536B2 (en) 2009-03-16 2012-09-25 Apple Inc. Smart keyboard management for a multifunction device with a touch screen display
US8543921B2 (en) * 2009-04-30 2013-09-24 Apple Inc. Editing key-indexed geometries in media editing applications
JP5503438B2 (ja) * 2009-07-21 2014-05-28 富士フイルム株式会社 ３次元画像表示装置及び３次元画像表示方法
US8516367B2 (en) 2009-09-29 2013-08-20 Verizon Patent And Licensing Inc. Proximity weighted predictive key entry
US20110175826A1 (en) 2010-01-15 2011-07-21 Bradford Allen Moore Automatically Displaying and Hiding an On-screen Keyboard
CN101819500A (zh) 2010-03-08 2010-09-01 广东欧珀移动通信有限公司 一种手持设备列表行显浏览调整方法
JP5186715B2 (ja) * 2010-06-14 2013-04-24 任天堂株式会社 表示制御プログラム、表示制御装置、表示制御方法、および、表示制御システム
US8571400B2 (en) * 2010-08-05 2013-10-29 Kevin James King Methods and apparatus for flash intensity value management in a photographic environment
US20120124500A1 (en) * 2010-11-16 2012-05-17 Motorola Mobility, Inc. Use of discrete input to control controllable device
US9086794B2 (en) * 2011-07-14 2015-07-21 Microsoft Technology Licensing, Llc Determining gestures on context based menus

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080122796A1 (en) * 2006-09-06 2008-05-29 Jobs Steven P Touch Screen Device, Method, and Graphical User Interface for Determining Commands by Applying Heuristics
US20080165151A1 (en) * 2007-01-07 2008-07-10 Lemay Stephen O System and Method for Viewing and Managing Calendar Entries
US20110080351A1 (en) * 2009-10-07 2011-04-07 Research In Motion Limited method of controlling touch input on a touch-sensitive display when a display element is active and a portable electronic device configured for the same

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170084091A (ko) * 2014-11-17 2017-07-19 엘지전자 주식회사 디지털 디바이스 및 그 제어 방법

Also Published As

Publication number Publication date
RU2627113C2 (ru) 2017-08-03
US20190050141A1 (en) 2019-02-14
CA2848407A1 (en) 2013-03-28
CA2848407C (en) 2021-08-24
US20130076642A1 (en) 2013-03-28
EP2758857A1 (en) 2014-07-30
EP2758857A4 (en) 2015-07-01
AU2017201563B2 (en) 2018-04-26
IN2014CN02052A (ko) 2015-05-29
US10705707B2 (en) 2020-07-07
JP6126608B2 (ja) 2017-05-10
WO2013044189A1 (en) 2013-03-28
AU2017201563A1 (en) 2017-03-23
CN108182032B (zh) 2021-04-23
CN102929511A (zh) 2013-02-13
RU2014111051A (ru) 2015-10-10
MX2014003535A (es) 2014-07-14
CN108182032A (zh) 2018-06-19
KR102033801B1 (ko) 2019-10-17
US10133466B2 (en) 2018-11-20
AU2012312073B2 (en) 2017-04-06
AU2012312073A1 (en) 2014-04-10
US9720583B2 (en) 2017-08-01
MX338330B (es) 2016-04-11
BR112014006403A2 (pt) 2017-03-28
JP2014526762A (ja) 2014-10-06
US20170220238A1 (en) 2017-08-03

Similar Documents

Publication Publication Date Title
KR102033801B1 (ko) 인플레이스 방식으로 값을 편집하는 사용자 인터페이스 제공 기법
CN103049167B (zh) 文档中的对象和文本的最佳显示和缩放
US8990686B2 (en) Visual navigation of documents by object
US20130111391A1 (en) Adjusting content to avoid occlusion by a virtual input panel
KR102009054B1 (ko) 제한된 디스플레이 장치에서의 수식 입력 기법
US20130191785A1 (en) Confident item selection using direct manipulation
US20130061122A1 (en) Multi-cell selection using touch input
US20120179963A1 (en) Multi-touch electronic device, graphic display interface thereof and object selection method of multi-touch display
CN113268182A (zh) 应用图标的管理方法和电子设备
HK1180058A (en) User interface for editing a value in place
HK1181158A (en) Adjusting content to avoid occlusion by a virtual input panel
HK1181163A (en) Visual navigation of documents by object

Legal Events

Date Code Title Description
PA0105 International application

St.27 status event code: A-0-1-A10-A15-nap-PA0105

PG1501 Laying open of application

St.27 status event code: A-1-1-Q10-Q12-nap-PG1501

N231 Notification of change of applicant
PN2301 Change of applicant

St.27 status event code: A-3-3-R10-R13-asn-PN2301

St.27 status event code: A-3-3-R10-R11-asn-PN2301

A201 Request for examination
P11-X000 Amendment of application requested

St.27 status event code: A-2-2-P10-P11-nap-X000

P13-X000 Application amended

St.27 status event code: A-2-2-P10-P13-nap-X000

PA0201 Request for examination

St.27 status event code: A-1-2-D10-D11-exm-PA0201

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

St.27 status event code: A-1-2-D10-D21-exm-PE0902

P11-X000 Amendment of application requested

St.27 status event code: A-2-2-P10-P11-nap-X000

P13-X000 Application amended

St.27 status event code: A-2-2-P10-P13-nap-X000

E701 Decision to grant or registration of patent right
PE0701 Decision of registration

St.27 status event code: A-1-2-D10-D22-exm-PE0701

PR0701 Registration of establishment

St.27 status event code: A-2-4-F10-F11-exm-PR0701

PR1002 Payment of registration fee

St.27 status event code: A-2-2-U10-U12-oth-PR1002

Fee payment year number: 1

PG1601 Publication of registration

St.27 status event code: A-4-4-Q10-Q13-nap-PG1601

PR1001 Payment of annual fee

St.27 status event code: A-4-4-U10-U11-oth-PR1001

Fee payment year number: 4

PR1001 Payment of annual fee

St.27 status event code: A-4-4-U10-U11-oth-PR1001

Fee payment year number: 5

PC1903 Unpaid annual fee

St.27 status event code: A-4-4-U10-U13-oth-PC1903

Not in force date: 20241012

Payment event data comment text: Termination Category : DEFAULT_OF_REGISTRATION_FEE

PC1903 Unpaid annual fee

St.27 status event code: N-4-6-H10-H13-oth-PC1903

Ip right cessation event data comment text: Termination Category : DEFAULT_OF_REGISTRATION_FEE

Not in force date: 20241012