KR101750253B1 - 대형화면을 갖는 휴대단말기에서 쇼핑용 어플리케이션의 제어방법 - Google Patents

Abstract

디스플레이 및 상기 디스플레이에 대응하는 터치센서를 포함하는 휴대 단말기에서 쇼핑용 어플리케이션을 제어하는 방법은, 소정의 URL(Uniform Resource Locator)에 의해서 특정되는 쇼핑 웹사이트에 접속하는 단계, 쇼핑 웹사이트를 디스플레이하는 단계, 터치센서를 통해 디스플레이의 일 지점에서 사용자의 초기 터치 및 초기 터치 이동을 감지하는 단계, 사용자의 초기 터치 이동에 대응하여 디스플레이의 화면 중 일부의 화면을 변위시키는 단계, 변위된 화면의 주변으로 쇼핑 웹사이트에 포함된 하이퍼 링크와 연계되는 적어도 하나의 그래픽 버튼을 같이 제공하는 단계, 그래픽 버튼에 대한 사용자의 버튼 터치를 수신하는 단계, 및 터치된 그래픽 버튼과 연계된 하이퍼 링크의 기능을 실행하는 단계를 포함하며, 상기 그래픽 버튼은 쇼핑 웹사이트에 포함된 하이퍼 링크로서 즉시구매, 장바구니 담기, 리뷰 보기, 내 계정, 주문/배송확인, 장바구니 보기, 위시리스트, 최근 본 상품 및 상단으로 이동 중 적어도 하나와 연계되며, 상기 그래픽 버튼은 URL 또는 쇼핑 웹사이트와 무관하게 같은 패턴 또는 같은 종류로 제공되는 것을 특징으로 한다.

Description

대형화면을 갖는 휴대단말기에서 쇼핑용 어플리케이션의 제어방법 {METHOD OF CONTROLLING APPLICATION FOR SHOPPING IN PORTABLE DEVICE HAVING LARGE TOUCH SCREEN}

본 발명은 대형화면을 갖는 휴대단말기을 위한 쇼핑용 어플케이션을 개발 또는 사용하는 과정에서 한 손의 사용을 용이하게 하고 통일된 사용 경험을 제공하기 위한 제어방법에 관한 것이다.

스마트폰, 태블릿 컴퓨터, 패드형 단말기 등 휴대단말기의 사용이 증가하고 있으며, 넓은 화면을 요구하면서 휴대단말기의 디스플레이도 같이 증가하고 있는 실정이다. 최근에는 터치 기능을 겸한 디스플레이가 5인치 이상인 제품이 주류이며, 디스플레이의 대형화 추세는 계속될 전망이다.

하지만, 디스플레이가 5인치보다 작았던 이전에 비해 5인치 이상인 제품을 보면, 한 손으로 원하는 위치에 터치하는 것이 어려워졌다. 실제로 성인 남자를 기준으로 한 손으로 휴대단말기를 파지한 상태에서 디스플레이의 모든 위치를 터치하는 것은 불가능하다.

휴대단말기는 실생활에서 밀접하게 사용되는 물건으로서 한 손으로 사용할 수밖에 없는 경우가 많이 있으며, 대형 디스플레이를 가진 휴대단말기를 한 손으로 억지로 사용하다가 보면 의도하지 않은 사고가 쉽게 발생할 수가 있다.

이에 대한 개선이 필요함에도 불구하고, 디스플레이의 대형화만 가속되고 있으며, 사용자의 편의 및 안전을 고려한 인터페이스 개발이나 시스템 개발이 부족한 실정이다.

넓은 화면은 쇼핑용 어플리케이션에서도 좋은 환경을 제공하지만, 화면이 넓어진만큼 한 손으로 사용하는 것은 어려워졌다. 또한, 쇼핑 웹사이트는 그 종류 또는 개발자마다 다양한 구조를 가지기 때문에, 처음 사용자는 원하는 기능을 찾아서 연계하기가 어려우며, 경험이 있는 사용자라도 여러 쇼핑 웹사이트를 사용하면서 특정 웹사이트에서는 혼란을 경험하기도 한다.

본 발명은 쇼핑 웹사이트에 접속하여 사용자가 자유로운 쇼핑을 하도록 도움을 줄 수 있는 쇼핑용 어플리케이션을 제공하며, 구체적으로 한 손으로도 사용자가 원하는 웹사이트에 있는 하이퍼 링크 기능을 정확하면서도 안전하게 터치할 수 있는 인터페이스를 제공하는 쇼핑용 어플리케이션의 제어방법을 제공한다.

본 발명은 쇼핑 웹사이트마다 각각 다른 구조, 다른 패턴, 다른 용어, 다른 위치를 사용하는 하이퍼 링크 기능들 중 기본적인 기능을 통일하여 사용자가 어려움 없이 사용할 수 있도록 도움을 줄 수 있는 쇼핑용 어플리케이션의 제어방법을 제공한다.

본 발명의 예시적인 일 실시예에 따르면, 디스플레이 및 상기 디스플레이에 대응하는 터치센서를 포함하는 휴대 단말기에서 쇼핑용 어플리케이션을 제어하는 방법은, 소정의 URL(Uniform Resource Locator)에 의해서 특정되는 쇼핑 웹사이트에 접속하는 단계, 쇼핑 웹사이트를 디스플레이하는 단계, 터치센서를 통해 디스플레이의 일 지점에서 사용자의 초기 터치 및 초기 터치 이동을 감지하는 단계, 사용자의 초기 터치 이동에 대응하여 디스플레이의 화면 중 일부의 화면을 변위시키는 단계, 변위된 화면의 주변으로 쇼핑 웹사이트에 포함된 하이퍼 링크와 연계되는 적어도 하나의 그래픽 버튼을 같이 제공하는 단계, 그래픽 버튼에 대한 사용자의 버튼 터치를 수신하는 단계, 및 터치된 그래픽 버튼과 연계된 하이퍼 링크의 기능을 실행하는 단계를 포함한다.

변위된 화면은 사용자의 손가락으로부터 멀리 있는 영역의 화면을 사용자에게 가깝게 이동시킬 수 있으며, 이 과정에서 변위된 화면은 멀리 있는 영역의 화면을 확대, 축소 또는 그대로 유지하면서 이동시킬 수 있다.

변위된 화면은 사용자의 중간 터치를 수신할 때까지 고정될 수 있으며, 변위된 화면에서 사용자의 중간 터치를 수신하면 중간 터치된 지점과 변위된 화면의 좌표를 매칭하여 연계된 기능을 실행할 수 있다. 변위된 화면은 터치 이동의 이동량에 비례하여 점진적으로 조절될 수 있지만, 2단 또는 그 이상의 단계로 크기를 단계적으로 조절하여 제공될 수도 있다.

그래픽 버튼(graphic button)은 변위된 화면의 주변에 제공될 수 있다. 사용자는 변위된 화면에서 중간 터치를 수행하여 멀리 있는 영역의 터치도 한 손으로 완료할 수 있다. 하지만, 본 발명과 같이, 변위된 화면의 주위로 제공되는 임시 공간, 즉 중간 터치의 수신까지 일시적으로 제공되는 영역에 그래픽 버튼을 배치할 수 있다. 그래픽 버튼은 원래 쇼핑 웹사이트에 포함된 하이퍼 링크 중 선택된 일부와 연계될 수 있으며, 쇼핑 웹사이트에 해당 하이퍼 링크가 어디에 있던지 변위된 화면을 호출하는 간단한 동작으로 그에 상응하는 그래픽 버튼을 호출할 수 있다는 장점이 있다.

그래픽 버튼은 쇼핑 웹사이트에 포함된 다양한 하이퍼 링크와 매칭될 수 있다. 하지만, 주로 사용자들이 많이 사용하는 하이퍼 링크 기능, 즉 즉시구매, 장바구니 담기, 리뷰 보기, 내 계정, 주문/배송확인, 장바구니 보기, 위시리스트, 최근 본 상품 및 상단으로 이동 중 적어도 하나와 연계되는 것이 바람직하다.

또한, 같은 하이퍼 링크의 기능이라도 쇼핑 웹사이트마다 각 다른 위치, 다른 용어, 다른 패턴으로 사용할 수 있다. '장바구니 담기'도 쇼핑 웹사이트에 따라 "Add to Cart", "장바구니" 등으로 대체될 수 있고, 크기, 색깔, 위치 등이 다른 것은 비일비재하다. 따라서, 본 발명의 그래픽 버튼은 URL 또는 쇼핑 웹사이트와 무관하게 같은 패턴, 같은 용어, 같은 종류(색, 모양, 크기 등)로 제공되는 것이 바람직하다. 혹시라도 해당 하이퍼 링크가 특정 쇼핑 웹사이트에 없다해도, 해당 그래픽 버튼(ex. 즉시구매)은 비활성으로 표시될 수도 있다.

터치센서는 디스플레이의 경계 위, 안쪽 또는 바깥쪽에서부터의 초기 터치(initial touch)를 감지하고 초기 터치 이후에 연속되는 터치 이동에 따라 디스플레이된 화면을 터치가 용이하게 변위시킬 수 있다. 이를 위해 쇼핑용 어플리케이션에서는 쇼핑 웹사이트에서 디스플레이된 화면을 특정하여 변위시키고, 변위된 화면을 일시적으로 고정할 수 있다. 고정된 화면에 대응하여 사용자가 화면 변위로 가까워진 지점을 중간 터치(mid touch)하면, 터치센서에 의한 중간터치 좌표와 디스플레이에서의 변위 화면의 좌표를 매칭하여 연계된 기능을 할 수 있다.

여기서, 변위된 화면이 고정되었다고 함은 그 경계의 크기 및 위치가 일시적으로 고정되었음을 의미할 수 있으며, 경우에 따라서는 변위된 화면 내부에 표현된 내용은 스크롤과 같이 이동이 가능할 수 있다. 따라서, 변위된 화면은 마주하는 타 경계의 주변에 표시된 화면 중 전부 또는 일부를 표시할 수 있으며, 사용자의 터치 후 이동에 따라 변위된 화면 내에서 그 내용을 스크롤하게 할 수 있다.

디스플레이된 화면을 변위하는 과정은 다양한 조건으로 결정될 수 있다. 예를 들어, 초기 터치 및 초기 터치 이동이 디스플레이의 경계에서부터 감지되는 경우에 화면 변위 과정을 활성화될 수 있으며, 그 변위 기준은 초기 터치의 지점 또는 초기 터치 이동의 방향에 따라 결정될 수가 있다.

보다 구체적으로, 초기 터치가 디스플레이의 일 수평 경계의 중앙부 또는 그 주변에 인접한 경우, 변위된 화면은 일 수평 경계에서부터 마주하는 타 수평 경계의 주변에 표시된 화면을 노출시킬 수 있다. 그리고, 초기 터치가 디스플레이의 일 수직 경계의 중앙부 또는 그 주변에 인접한 경우, 변위된 화면은 일 수직 경계에서부터 마주하는 타 수직 경계의 주변에 표시된 화면을 노출시킬 수 있다.

상기와 같이 화면을 변위 및 고정하는 단계에서, 사용자의 상기 터치 이동의 이동량에 따라 변위된 화면의 크기를 달리할 수 있다. 예를 들어, 디스플레이의 일 지점을 경계로 그보다 가까운 거리에서 터치 이동이 종료하면 그 경계를 넘어선 터치 이동에 비해 상대적으로 작은 크기로 변위된 화면을 형성할 수가 있다.

여기서 그래픽 버튼은 변위된 화면의 주변에 제공될 수 있으며, 경우에 따라서는 사용자의 손가락이 미치지 않는 영역에 형성될 수가 있다. 이때 사용자는 변위된 화면이 고정된 상태에서 추가 터치를 수행하여 변위된 화면에 있던 자리로 그래픽 버튼의 전부 또는 일부를 이동시킬 수 있다.

그래픽 버튼가 변위된 화면이 있던 자리로 이동하기 위해서, 원래 변위된 화면의 이동 없이 그 위에 겹쳐서 제공될 수도 있고, 변위된 화면이 사라진 후 변위된 화면이 있던 자로로 이동할 수도 있으며, 변위된 화면이 특정 위치로 이동하게 하고 그 변위된 화면이 있던 자리로 그래픽 버튼이 이동할 수가 있다.

추가 터치는 단 한번의 터치, 예를 들어 일 경계를 터치하는 동작만으로도 그래픽 버튼의 이동을 유도할 수 있다. 이 외에도 추가 터치는 복수개 연속되거나 특정 패턴을 보이거나 다른 추가 터치 이동과 조합을 이루어 그래픽 버튼의 이동 및 변위된 화면의 이동방향 등을 조절할 수 있다.

중간 터치 지점과 변위된 화면의 좌표를 매칭하여 목적된 지점의 클릭, 버튼 입력 등과 같은 연계된 기능을 실행할 수 있으며, 그 이후 상기 변위된 화면을 복원할 수가 있다. 물론, 복원 이전에 연계된 기능을 수행하기 위해 다른 화면으로 바로 전환되는 것도 가능하다.

본 발명의 쇼핑용 어플리케이션은 다양한 쇼핑 웹사이트에 접속하여 사용자가 자유로운 쇼핑을 하도록 도움을 줄 수다.

구체적으로, 휴대 단말기가 크더라도 한 손으로도 사용자가 원하는 웹사이트에 있는 하이퍼 링크 기능을 정확하면서도 안전하게 터치할 수 있는 인터페이스를 제공한다.

또한, 쇼핑 웹사이트마다 하이퍼 링크들이 각각 다른 구조, 다른 패턴, 다른 용어, 다른 위치에서 사용되고 있어 사용자에게 혼란을 줄 수가 있다. 하지만, 본 발명은 하이퍼 링크 기능들 중 기본적인 기능을 통일하여 사용자가 어려움 없이 사용할 수 있도록 도움을 줄 수 있다.

도 1은 본 발명의 일 실시예에 따른 터치제어방법을 설명하기 위한 정면도이다.
도 2 내지 도 4은 본 발명의 일 실시예에 따른 구체적인 터치제어방법을 설명하기 위한 정면도들이다.
도 5 및 도 6은 사용자의 초기 터치 및 초기 터치 이동에 대응하여 변위된 화면을 단계적으로 조절하는 과정을 설명하기 위한 정면도들이다.
도 7은 서로 다른 형식의 쇼핑 웹사이트를 설명하기 위한 정면도들이다.
도 8 내지 도 10은 도 7의 쇼핑 웹사이트에서 본 발명의 다른 실시예에 따른 쇼핑용 어플리케이션의 제어방법을 설명하기 정면도들이다.

도 1은 본 발명의 일 실시예에 따른 쇼핑용 어플리케이션의 제어방법을 설명하기 위한 정면도이다.

도 1을 참조하면, 휴대단말기(100)는 대형 디스플레이(110)를 포함한다. 디스플레이(110) 상에는 터치센서(미도시)가 제공되며, 일반적으로 터치센서에 의해서 감지된 좌표와 현재 디스플레이에 표시된 좌표를 매칭하고, 매칭된 지점이 터치된 것으로 감지하여 연계된 기능을 수행할 수 있다.

여기서 연계된 기능이라 하면, 소정의 위치에 정의된 하이퍼링크가 될 수도 있고, 브라우저나 어플리케이션에서 제공하는 그래픽 버튼(예를 들어, 뒤로 가기, 앞으로 가기, 북마크 등)이 될 수도 있다.

본 실시예에서 쇼핑용 어플리케이션은 기본적으로 브라우징 어플리케이션과 유사한 기능을 포함하며, 브라우징 어플리케이션 기능에 쇼핑몰 웹사이트를 정리 및 저장하고, 분류하는 기능을 더 포함할 수도 있고, 자체적으로 위시리스트를 공통으로 유지하는 기능도 더 포함할 수가 있다. 이와 관련하여서는, 브라우징 기능을 이용해서 쇼핑몰을 운용하는 어플리케이션을 참조할 수 있다.

도 1에서 R-R 라인은 대략 한 손으로 단말기(100)를 파지한 상태에서 손가락이 닿을 수 있는 범위를 의미할 수 있다. 상기 R-R 라인을 넘어서 터치를 하기 위해서는 현재 손이 파지하고 있는 상태를 느슨하게 하여 손가락을 더 멀리 도달하게 하거나 두 손을 모두 이용하여 하나로 잡고 다른 손으로 터치하는 방법이 가능하다.

도 2 내지 도 4은 본 발명의 일 실시예에 따른 구체적인 터치제어방법을 설명하기 위한 정면도들이다.

도 2를 참조하면, 사용자는 왼손으로 파지한 상태에서 엄지 손가락으로 좌측 수직 경계에서 초기 터치과 함께 우측으로 터치 이동을 수행할 수 있다. 사용자의 터치 이동에 대응하여 우측 수직 경계의 상부 주변에 있는 화면 일부가 좌측 수직 경계에서부터 노출되거나 노출되기 시작할 수가 있다. 물론, 우측 수직 경계의 주변에 있는 화면 전부가 반대측 경계에서부터 노출될 수도 있지만, 도시된 바와 같이 부분적인 화면만 노출되도록 할 수가 있다. 참고로, 변위된 화면에서의 중간 터치를 설명하기 위한 것으로, 그래픽 버튼의 버튼 터치는 이후에 설명하기로 한다.

도 2의 (b)를 보면, 목적한 우측 화살표(200)는 변환된 화면에 보이지 않는 경우가 발생할 수가 있다. 상기 변환된 화면은 그 내부를 터치 및 이동시킴으로써 통상시와 같이 스크롤이 되도록 할 수가 있다(도 2의 (c) 참조).

도 3의 (d)를 보면, 사용자는 스크롤을 통해서 목적한 우측 화살표(200)가 도달 가능한 위치에 오도록 조정할 수 있으며, (e)에서와 같이 목적한 우측 화살표(200)를 눌러 중간 터치를 실행할 수 있다.

본 실시예에서는 사용자의 손가락 이동에 대응하여 정해진 거리만큼 예를 들어 화면 폭의 50%, 30% 등과 같이 소정의 길이만큼 변환된 화면의 폭을 미리 결정하고, 사용자의 초기 터치 및 터치 이동이 감지되면 정해진 크기로 바로 변위되도록 할 수도 있다.

이와 같이, 사용자의 터치 이동에 대응하여 오른쪽 위 주변에 있는 화면의 일부가 왼쪽 아래의 모서리에서부터 노출되기 시작하거나 바로 정해진 크기로 노출될 수가 있다. 물론, 파지하는 손을 달리하는 경우 좌우 개념이 바뀔 수도 있다. 이때 원래 화면과 변환된 화면을 구분하기 위해서, 변위되어 노출된 화면의 경계를 표시하기 위한 네온 테두리 또는 그림자 테두리를 표현할 수가 있다. 참고로, 도면에서는 원래 화면이 흐리게 표현되어 변환된 화면과 구분되도록 하는 내용도 표현되어 있다.

이에 휴대단말기의 시스템 또는 어플리케이션 시스템은 변환된 화면의 좌표 및 터치센서에 의한 중간 터치 지점의 좌표를 상호 매칭할 수 있으며, 변환된 화면에서의 좌표와 원래 변환 전 화면의 좌표를 매칭하여 연계된 기능을 수행할 수가 있다. 이를 위해서 원래 변화 전 화면의 좌표 및 변환된 경계 좌표를 참조할 수 있으며, 변환 전 좌표와 변환 후 좌표를 매칭하는 것은 당업자에게 자명하기 때문에 이에 대한 구체적인 설명은 생략하기로 한다.

중간 터치로 특정되는 변환된 화면의 좌표와 원래 화면에서의 장바구니 아이콘의 위치가 매칭되면, 휴대단말기는 목적된 기능을 수행할 수 있다. 장바구니 아이콘의 기능에 따라 장바구니 화면으로 바로 전환될 수도 있고, 경우에 따라서는 장바구니에 현재 상품이 담겨 저장되면서 원래 화면으로 다시 복원되는 것도 가능하다.

본 실시예에서는 초기 터치의 지점 및 그 이후의 초기 터치 이동의 방향을 기준으로 화면 변환 과정을 활성화하는 과정을 설명하였지만, 다른 실시예에서는 초기 터치를 포함하는 터치 회수, 초기 터치의 유지 시간, 초기 터치 이전의 제스쳐, 초기 터치 이전의 버튼 입력 등에 따라 화면 변환 과정을 활성화하는 과정은 다양하게 선택될 수 있다.

또한, 초기 터치 지점이 왼쪽 아래 모서리에서 시작하는 것에 대응하여 오른쪽 위 모서리 주변의 화면이 노출될 수도 있고, 왼쪽 아래 모서리에서 시작하여도 터치 이동의 방향이 수직이거나 수평인지에 따라 후술하는 다른 양상으로 변환된 화면이 노출될 수 있다.

도 4를 참조하면, 역시 사용자가 왼손으로 휴대단말기를 잡고 있는 경우를 가정할 수 있다. 이번에도 안정된 그립을 유지하면서 멀리 있는 배너를 터치할 수가 없다고 가정하여 이하 내용을 설명한다.

이때 사용자는 엄지 손가락으로 아래 수평 경계의 중앙부에서 초기 터치를 할 수 있으며, 이 초기 터치과 함께 위로의 터치 이동을 순차적으로 입력할 수 있다. 이러한 초기 터치 조건에 대응하여 화면 변환 과정을 활성화시킬 수 있다.

그 이후 사용자는 초기 터치를 위한 손가락 접촉을 유지한 상태에서 아래 수평 경계로부터 중앙부 또는 위 수평 경계를 향해 터치 이동을 시킬 수 있다. 사용자의 터치 이동에 대응하여 상부 또는 위 수평 경계 주변에 있는 화면의 일부가 아래에서부터 노출되기 시작할 수 있다.

상부 화면이 아래 경계에서부터 노출되어 정해진 크기의 변위된 화면에서 나타날 수가 있다. 이에 사용자는 변위된 화면에서 목적한 배너가 엄지 손가락으로 닿을 수 있는 상태에 있음을 확인할 수 있으며, 목적한 배너를 눌러 중간 터치를 실행할 수 있다.

어느 경우던지 휴대단말기의 시스템 또는 어플리케이션 시스템은 변환된 화면의 좌표 및 터치센서에 의한 중간 터치 지점의 좌표를 상호 매칭할 수 있으며, 변환된 화면에서의 좌표과 원래 변환 전 화면의 좌표를 매칭하여 연계된 기능을 수행할 수가 있다.

중간 터치로 특정되는 변환된 화면의 좌표와 원래 화면에서의 배너 위치가 매칭되면, 휴대단말기는 배너에 링크된 기능을 수행할 수 있다.

또한, 초기 터치 지점이 아래 경계에서 시작하는 것에 대응하여 상부 화면을 노출시키는 과정을 설명하였지만, 초기 터치 지점이 위 경계일 수도 있으며, 터치 이동 방향에 따라 화면이 좌우로 이동하게 할 수도 있다.

그리고, 추가로 변환된 화면에서 스크롤을 이용하여 목적한 위치를 더욱 편한 위치에 오도록 조정하는 것도 가능하다.

도 5 및 도 6은 사용자의 초기 터치 및 초기 터치 이동에 대응하여 변위된 화면을 단계적으로 조절하는 과정을 설명하기 위한 정면도들이다.

도 5를 참조하면, 도 2와 같이 디스플레이의 좌측 경계에서부터 손가락 터치를 시작하여 우측으로 이동하는 경우라 할 수 있다. 이때, 손가락의 터치 이동이 어디서 끝나는가에 따라 변위된 화면의 크기를 단계적으로 조절할 수 있다.

예를 들어, 터치 이동이 ① 경계 이전에 종료하면 변위된 화면 없이 원래 디스플레이를 유지할 수가 있다. 하지만, ① 경계를 넘어 ② 경계 이전에 종료하는 경우 ② 경계 기준 또는 다른 크기 기준으로 변위된 화면의 좌우 폭을 결정할 수가 있다. 여기서 변위된 화면의 폭은 설정에 따라 다양하게 변경될 수도 있다.

터치 이동이 ①, ② 경계 사이에서 종료하는 경우, 변위된 화면은 원래 디스플레이의 우측 상부 화면을 손가락에 가까운 위치에서 표시할 수 있으며, '장바구니'와 같이 대각으로 멀리 떨어진 하이퍼 링크를 목적(200)으로 터치할 수 있게 할 수가 있다. 참고로 ①, ② 경계는 설계자에 따라 다양한 폭 및 크기로 설정되 f수있다.

도 6을 참조하면, 터치 이동이 ② 경계를 넘어 종료하는 경우, 변위된 화면은 디스플레이의 전체 폭만큼, 유사하게는 도 4와 같이 하부 수평 경계에서부터 초기 터치 및 터치 이동이 시작된 것 같이 100% 폭으로 변위된 화면을 제공할 수 있다. 단말기의 특성이나 제조업체의 소프트웨어에 따라서 수직 경계를 통하는 초기 터치 및 이동이 다른 터치에 비해 감지 또는 식별이 용이할 수 있으며, 안드로이드 레퍼런스 제품과 같이 단말기가 화면으로만 표시되는 소프트키를 이용하는 경우, 하단에서부터의 초기 터치 및 이동의 인식이 방해를 받을 수가 있다.

따라서, 최소 2단계로 수평 이동에 따른 변위된 화면의 조절하면, 수평 이동만으로도 수직 이동에서 기대할 수 있는 변위된 화면을 거의 동일하게 얻을 수 있다.

참고로, 도 5 및 도 6에서는 터치 이동의 최종 위치가 ② 경계를 기준으로 좌측 또는 우측에 있느냐에 따라 짧은 변위된 화면 또는 긴 변위된 화면을 제공하였지만, 터치 이동의 이동 거리를 누적하여 변위된 화면의 크기를 조절할 수 있다. 예를 들어, 터치 이동이 직선인 경우 도 5와 같이 짧은 변위된 화면을 제공할 수 있고, 터치 이동이 지그재그, 돼지꼬리으로 이동하는 경우 도 6과 같이 긴 변위된 화면을 제공할 수도 있다.

도 7은 서로 다른 형식의 쇼핑 웹사이트를 설명하기 위한 정면도들이며, 도 8 내지 도 10은 도 7의 쇼핑 웹사이트에서 본 발명의 다른 실시예에 따른 쇼핑용 어플리케이션의 제어방법을 설명하기 정면도들이다.

도 7을 참조하면, 좌우 모두 자전거를 판매하기 위한 웹사이트이다.

좌측 웹사이트(www.seller1.com)에서는 자전거를 팔기 위한 페이지에 (a)와 같은 구성으로 디스플레이를 구성하며, 우측의 다른 웹사이트(www.seller2.com)에서는 (a)와 다른 (b)와 같은 구성으로 디스플레이를 한다.

예를 들어, 내 쇼핑정보를 모아 둔 "MyOrder" 및 "My Account"의 터치 위치, 모양, 및 용어가 다르며, 장바구니에 대응하는 "Add Cart" 및 "Add to Cart" 역시 다른 버튼 형상, 다른 위치에서 사용되고 있다. 이 외에도 다른 구입자들 또는 다른 사용자들의 리뷰를 보고 싶을 때에도, 리뷰를 어디를 눌러야지 잘 드러나지 않는 경우도 있다.

이는 각 쇼핑 웹사이트마다 개발자가 다르고, 쇼핑몰의 구성이 다르기 때문이다. 하지만, 구매자는 각 사이트마다 다른 쇼핑몰 구성을 외우고 있어야 하며, 외우고 있는 쇼핑몰의 개수가 증가할수록 혼란을 경험하는 횟수도 같이 증가할 수 있다.

도 8을 참조하면, 도 2나 도 5에 설명된 바와 같이, 왼손으로 파지하고 있는 경우로서, 초기 터치 이동을 짧게 움직여 대략 중간 정도 크기의 변환된 화면이 고정된 경우를 설명할 수 있다. 도 8은 도 7의 (b)에 도시된 웹사이트(www.seller2.com)를 기준으로 설명한다.

도 8의 (a)를 참조하면, 변환된 화면의 우측으로 아래에서부터 "Buy Now", "Add Cart", "Review", "Cart", "My Acc."의 버튼이 일렬로 제공된다. 각 그래픽 버튼들은 변화된 화면 이전에 쇼핑 웹페이지에 포함된 지금 구매, 장바구니 넣기, 리뷰 또는 사용자 후기, 내 장바구니, 내 주문정보에 해당하는 하이퍼 링크와 연결될 수 있다.

그래픽 버튼과 하이퍼 링크를 연결하기 위해서, 쇼핑 어플리케이션이 자체적으로 웹페이지를 스크래핑, 파싱 등을 거쳐 "Buy Now", "Add Cart", "Review", "Cart", "My Acc."에 대응하는 태그를 발견할 수 있다. 이 외에도, 이미 인터넷 상의 검색 로봇이 목적된 웹사이트를 방문 및 로그인하면서 웹사이트를 분석 및 해석하여 이미 계약된 웹사이트나 리스트 상의 웹사이트의 하이퍼 링크 정보나 규칙을 미리 저장할 수 있다. 이 외에도 서비스 제공업체에서 작업자가 일일이 웹사이트를 분석하여 그 정보나 규칙을 저장할 수 있다.

쇼핑용 어플리케이션은 처음 구동시 업데이트를 통해서 웹사이트에 대한 정보나 규칙을 서버로부터 제공받을 수 있으며, 특정 웹사이트를 방문하기 전에 해당 웹사이트에 대한 정보나 규칙을 제공받을 수도 있다.

쇼핑용 어플리케이션으로 제공되는 쇼핑 웹사이트는 직접 쇼핑 웹사이트에 접속하여 디스플레이될 수 있고, 경우에 따라서는 서버가 입력된 URL의 웹사이트에 미리 접속하고, 이에 따라 쇼핑용 어플리케이션을 위해 개량된 형태로 디스플레이될 수도 있다.

구매자는 일반적으로 자주 사용하는 기능에 대해서는 쇼핑 웹사이트에 상관 없이 변위된 화면과 함께 나타나는 그래픽 버튼 및 그 위치만 기억함으로써 쇼핑 웹사이트와 무관하게 원하는 사용할 수가 있다. 즉, 도 7에 도시된 바와 같이, 리뷰를 볼 수 있는 위치나 터치 위치가 사이트마다 다름에도 불구하고, 도 8의 (a)에서 "Review"에 해당하는 그래픽 버튼은 터치함으로써, 항상 "Review" 기능을 호출할 수 있다.

도 8의 (b)를 참조하면, 변위된 화면에서는 대략 모든 위치를 터치할 수 있지만, 그 우측의 그래픽 버튼에 손가락이 닿지 않는 경우가 발생할 수도 있다. 이 경우를 대비하여 앞서 언급된 변위 과정을 이용할 수 있다.

본 실시예에서는 변위된 화면의 일 경계에서 추가 터치 및 안쪽으로 이동하는 추가 터치 이동에 의해서 변위된 화면이 있던 자리로 그래픽 버튼을 이동시킬 수 있다. 그래픽 버튼이 변위된 화면이 있던 자리로 이동하기 위해서는, (c)에 도시된 바와 같이, 변위된 화면이 우측으로 이동하고, 그 사이로 그래픽 버튼의 전부가 이동할 수도 있다. 변위된 화면은 그대로 있고 변위된 화면 위로 그래픽 버튼이 겹쳐진 상태로 이동할 수도 있고, 변위된 화면이 사라지고 변위된 화면이 있던 자리로 그래픽 버튼이 더 가깝게 이동할 수도 있다.

본 실시예에서는 추가 터치 후 추가 터치 이동이 안쪽으로 향하지만, 경우에 따라서는, 추가 터치만 있거나 동일한 자리에 추가 터치가 반복되는 경우에 대하여 변위된 화면이 이동하도록 할 수도 있다.

도 8의 (c)를 참조하면, 그래픽 버튼이 손가락에 가깝게 이동함으로써, 사용자는 "My Acc."에서 "Buy Now"까지 원하는 그래픽 버튼을 터치할 수 있다. 본 실시예에서는 사용자가 "My Acc."을 터치함으로써 자신의 주문정보 등을 알 수 있는 웹사이트로 이동할 수 있다.

도 9를 참조하면, 오른손으로 파지하고 있는 경우로서, 초기 터치 이동을 짧게 움직여 대략 중간 정도 크기의 변환된 화면이 고정된 경우를 설명할 수 있다. 도 9는 도 8과는 다른 웹사이트(www.seller1.com)를 기준으로 설명한다.

도 9의 (a)를 참조하면, 변환된 화면은 디스플레이의 우측 수직 경계에서부터 노출되며, 디스플레이의 좌측 수직 경계 중 상부에 인접한 화면을 표시하고 있다. 하지만, 디스플레이되는 화면을 다르더라도 그 좌측 아래에서부터 "Buy Now", "Add Cart", "Review", "Cart", "My Acc."의 버튼이 일렬로 제공된다. 이들 버튼의 형상, 배열은 도 8의 (a)와 동일한 것으로, 사용자는 웹사이트에 상관 없이 동일한 형상 및 배열의 그래픽 버튼을 기대할 수 있다.

그래픽 버튼과 하이퍼 링크를 연결하기 위해서, 본 실시예에 따른 쇼핑용 어플리케이션의 제어방법은 도 8의 웹사이트와 동일하거나 다른 방식으로 그래픽 버튼과 하이퍼 링크를 매칭시킬 수 있다. 경우에 따라, 해당 웹사이트에 정해진 버튼 중 어느 것과 매칭되는 기능이 없는 경우, 해당 그래픽 버튼을 보이지 않게 하거나 상대적으로 흐리거나 어둡게 표현하여 해당 기능이 구현되지 않음을 표시할 수 있다.

본 실시예에서는 쇼핑용 어플리케이션은 처음 구동시 업데이트를 통해서 웹사이트에 대해 미리 변경된 정보나 규칙을 서버로부터 제공받을 수 있으며, 특정 웹사이트를 방문하기 전에 해당 웹사이트에 대한 정보나 규칙을 제공받을 수도 있다.

도 9의 (b)를 참조하면, 변위된 화면에 대해 좌측에 위치하는 그래픽 버튼에 손가락이 닿지 않거나 쉽지 않은 경우가 발생할 수도 있으며, 이 경우 역시 변위된 화면을 이동시키거나 그래픽 버튼을 가깝게 이동시켜 그래픽 버튼의 터치가 원활하도록 할 수가 있다.

도 9의 (c)를 참조하면, 그래픽 버튼이 손가락에 가깝게 이동함으로써, 사용자는 목적한 "Buy Now"를 터치함으로써 웹사이트에 특정된 제품을 바로 구매할 수 있다. 웹사이트는 일반적으로 수직으로 길게 연장된 구조를 갖기 때문에 제품에 대한 상세한 정보를 검토하다가 보면, 바로구매 등과 같은 버튼으로 돌아가는 것이 귀찮을 수도 있다. 이 경우 변위된 화면과 같이 나타나는 "Buy Now"를 터치함으로써 최초 위치로 돌아갈 필요 없이 바로 원하는 기능을 실행할 수 있다.

물론, 바로구매를 터치한다고 해도 구체적인 제품 사양을 선택하지 않으면, 경고 문구가 나타날 수도 있는데, 이 경우 자동으로 웹사이트에서 제품 사용을 선택할 수 있는 위치로 이동시킬 수도 있다.

도 10을 참조하면, 손가락을 아래의 수평 경계에서부터 이동시켜 변위된 화면이 하부 경계에서부터 나타나 상부 경계 주변의 화면을 제공하는 경우이다. 상기와 같이 디스플레이의 폭으로 변위된 화면이 나타나기 위해서는 도 6과 같이, 손가락이 측면 수직 경계에서 시작하여 소정의 거리 이상 이동하여 변위된 화면을 노출시키는 경우도 고려할 수 있다.

도 10의 (a)를 참조하면, 변환된 화면은 디스플레이의 하부 경계에서부터 노출되며, 디스플레이의 상부 경계에 인접한 화면을 표시하고 있다. 하지만, 변위된 화면의 상부로 "Buy Now", "Add Cart", "Review", "My Acc.", "Cart"의 버튼이 일렬로 제공될 수 있다. 이들 버튼의 형상은 도 8 및 도 9의 (a)와 동일한 것으로, 사용자는 웹사이트에 상관 없이 동일한 형상의 그래픽 버튼을 기대할 수 있다. 물론 경우에 따라서, 일부 버튼의 배열(ex. "My Acc.", "Cart")이 변경될 수 있다.

도 10의 (b)를 참조하면, 변위된 화면에 대해 상부에 위치하는 그래픽 버튼에 손가락이 닿지 않거나 쉽지 않은 경우가 발생할 수도 있으며, 이 경우 역시 변위된 화면을 이동시키거나 그래픽 버튼을 가깝게 이동시켜 그래픽 버튼의 터치가 원활하도록 할 수가 있다. 여기서 변위된 화면의 하부 경계에서부터 추가 터치를 시작하고, 추가 터치 이후 상향으로 추가 터치 이동을 수행함으로써 변위된 화면을 위로 이동시키고, 그래픽 버튼을 변위된 화면이 있던 디스플레이의 하부 경계 근처로 이동시킬 수 있다.

도 10의 (c)를 참조하면, 그래픽 버튼이 손가락에 가깝게 이동함으로써, 사용자는 목적한 "Add Cart"를 터치함으로써 웹사이트에 특정된 제품을 바로 장바구니에 담을 수 있다. 웹사이트는 일반적으로 수직으로 길게 연장된 구조를 갖기 때문에 제품에 대한 상세한 정보를 검토하다가 보면, 장바구니 담기 등과 같은 버튼으로 돌아가는 것이 귀찮을 수도 있다. 이 경우 변위된 화면과 같이 나타나는 "Add Cart"를 터치함으로써 최초 위치로 돌아갈 필요 없이 바로 원하는 기능을 실행할 수 있다.

본 실시예에서는 사용자가 왼손으로 파지한 상태를 중심으로 설명하였지만, 오른손으로 파지한 상태 역시 동일한 원리로 설명될 수 있으며, 사용자는 짧은 수평 이동, 긴 수평 이동, 수직 이동을 적절히 조합하여 원하는 부분이 한 손으로 용이하게 닿을 수 있는 거리에 위치하도록 할 수가 있다.

100 : 휴대단말기 110:디스플레이

Claims (1)

1. 디스플레이 및 상기 디스플레이에 대응하는 터치센서를 포함하는 휴대 단말기에서 쇼핑용 어플리케이션을 제어하는 방법에 있어서,
   소정의 URL(Uniform Resource Locator)에 의해서 특정되는 쇼핑 웹사이트에 접속하는 단계;
   상기 쇼핑 웹사이트를 디스플레이하는 단계;
   상기 터치센서를 통해 상기 디스플레이의 일 지점에서 사용자의 초기 터치 및 상기 초기 터치 이후의 초기 터치 이동을 감지하는 단계;
   사용자의 상기 초기 터치 이동에 대응하여 상기 디스플레이의 화면 중 일부의 화면을 변위시키는 단계;
   상기 변위된 화면의 주변으로 상기 쇼핑 웹사이트의 내부 콘텐츠로 포함된 하이퍼 링크와 연계되는 적어도 하나의 그래픽 버튼을 같이 제공하는 단계;
   상기 그래픽 버튼에 대한 사용자의 버튼 터치를 수신하는 단계; 및
   터치된 상기 그래픽 버튼과 연계된 상기 하이퍼 링크의 기능을 실행하는 단계;를 포함하며,
   상기 그래픽 버튼은 상기 쇼핑 웹사이트에 포함된 상기 하이퍼 링크로서 즉시구매, 장바구니 담기, 리뷰 보기, 내 계정, 주문/배송확인, 장바구니 보기, 위시리스트, 최근 본 상품 및 상단으로 이동 중 적어도 하나와 연계되며,
   상기 그래픽 버튼은 상기 쇼핑 웹사이트에 상기 하이퍼 링크로 연계된 즉시구매, 장바구니 담기, 리뷰 보기, 내 계정, 주문/배송확인, 장바구니 보기, 위시리스트, 최근 본 상품 및 상단으로 이동 중 적어도 하나를 상기 쇼핑 웹사이트에 포함된 패턴, 위치 또는 순서와 무관하게 쇼핑용 어플리케이션에 의해서 미리 정해진 공통된 패턴, 공통된 위치 또는 공통된 순서로 상기 변위된 화면 주변에 직렬로 제공되는 것을 특징으로 하는 쇼핑용 어플리케이션의 제어방법.

Images