KR20070059936A

KR20070059936A - 단일 페이지 웹사이트 구성 방법

Info

Publication number: KR20070059936A
Application number: KR1020060101810A
Authority: KR
Inventors: 푸 셍 츄
Original assignee: 에라 디지털 미디어 컴퍼니 리미티드
Priority date: 2005-12-07
Filing date: 2006-10-19
Publication date: 2007-06-12
Also published as: TW200723049A; JP2007157111A; US20070130538A1; GB2433141A9; GB0614463D0; GB2433141A

Abstract

단일 페이지 웹사이트 구성 방법은 단일 페이지, 멀티미디어의 미리 보기에서 다수의 기능을 특징으로 하고, 스크롤링의 사용은 넓은 공간을 통해 그들을 확산하는 대신 다수의 제품을 시간 주기 동안에 작은 에어리어에 적합하도록 제어한다. 제어 방법은 스크롤링 스틸 이미지 리스트뿐만 아니라 카메라 앵글 및 시야를 보여주는 스타디움 레이아웃 제어부와 같이 더 복잡한 애플리케이션-특정 제어부를 포함한다. 디자인 방법에 의해 제작되는 인터페이스는 스포츠계 행사, 인터뷰 및 상품 판매 및 마케팅을 포함하는 광범위한 비즈니스 및 애플리케이션에 맞춰질 수 있다.

단일 페이지 웹사이트, 카메라 앵글, 레이아웃 제어부, 서브페인(subpane)

Description

단일 페이지 웹사이트 구성 방법{SINGLE PAGE WEBSITE ORGANIZATION METHOD}

도1은 본 발명의 제품을 마케팅하는 단일 페이지 웹 사이트의 예시적인 아웃라인;

도2는 본 발명의 제품을 마케팅하는 단일 페이지 웹 사이트의 예시적인 아웃 라인;

도3은 본 발명의 단일 페이지 웹 사이트에 대한 스크롤링 스틸 이미지 바 제어부의 상세도;

도4는 본 발명의 단일 페이지 웹 사이트에 대한 다수의 페인의 상세도;

도5는 본 발명의 스포츠계의 행사 단일 페이지 웹 사이트의 예시적인 아웃라인;

도6은 본 발명의 스포츠계의 행사 단일 페이지 웹 사이트의 예시적인 아웃라인;

도7은 본 발명의 단일 페이지 웹 사이트에 대한 다수의 카메라 앵글 제어부의 상세도;

도8은 본 발명의 스포츠계 행사 단일 페이지 웹 사이트의 예시적인 아웃라인;

도9는 본 발명의 단일 페이지 웹사이트에 대한 멀티레벨 다수의 카메라 앵글 제어부에 대한 제1 레벨의 상세도;

도10은 본 발명의 단일 페이지 웹사이트에 대한 멀티레벨 다수의 카메라 앵글 제어부에 대한 제2 레벨의 상세도;

도11은 본 발명의 단일 페이지 웹사이트에 대한 다수의 카메라 앵글 제어부의 상세도;

도12는 본 발명의 콘서트 단일 페이지 웹사이트의 예시적인 아웃라인;

도13은 본 발명의 웹사이트 인터페이스 구성 방법에 대한 제1 실시예를 도시하는 흐름도;

도14는 본 발명의 웹사이트 인터페이스 구성 방법에 대한 제2 실시예를 도시하는 흐름도;

도15는 본 발명의 웹사이트 인터페이스 구성 방법에 대한 제3 실시예를 도시하는 흐름도;

본 발명은 웹사이트 인터페이스에 관한 것이다. 특히, 본 발명은 혼동을 감소시키고 상호작용을 단순화하도록 하는 단일 페이지 웹사이트 구성 방법을 개시한다.

전형적으로, 사용자는 새로운 페이지를 열기 위해서 링크를 사용함으로써 웹사이트를 통해 웹사이트 이곳저곳을 돌아다닌다. 다음 페이지를 열 때, 사용자는 다음 페이지를 열면 이전 페이지는 시야에서 사라진다. 브라우저는 전형적으로 방문 페이지의 "이력"를 저장하여 사용자가 이전에 방문한 사이트로 돌아갈 수 있다. 또한, 소정의 웹 페이지는 종종 부가적인 정보를 포함하는데, 이는 적절한 공간에 적합하고, 그래서 사용자는 정보를 더 보기 위해서 위아래로 스크롤링해야만 한다.

그러나 이는 사이트에서 사용자가 길을 잃게 된다. 양호하지 않은 디자인, 계획적인 애매함(obfuscation), 또는 불필요한 복잡성을 통해서든지 아니든지, 사용자는 다수의 페이지를 통해서 앞뒤로 웹사이트 이곳저곳을 돌아다녀야만 하는데, 이는 예컨대 쇼핑 카트로부터 아이템 페이지로, 다시 쇼핑 카트로, 그 후에 배송을 통해서 다른 아이템 페이지로, 다시 쇼핑 카트로, 확인 화면 등으로 간다. 사용자가 결정을 위해서 필요로 할 수 있는 정보-현재 총 요금, 아이템의 수, 배송 무게, 아이템 유용성-이 더 이상 보여질 수 없다. 사용자는 브라우저의 이력으로 다시 가야만 하고, 심지어 사이트의 이력 메커니즘에 따른 데이터를 손실할 수 있다. 이들 전부는 시간이 필요하고, 잠재적인 사용자 오류가 많다.

게다가, 이런 인터페이스의 불편함은 사용자가 흥미를 잃고, 아이템을 잊거나 실망하게 할 수 있다. 게다가, 사용자가 소비자 서비스 섹션과 같은 사이트의 상당히 많은 섹션으로 웹사이트 이곳저곳을 돌아다니길 원한다면, 사용자는 상기 섹션에 도달하기 전에 다른 복잡한 시리즈의 링크를 수행해야만 한다. 이들 이슈는 사이트가 수익 잠재성 및 사용자의 흥미를 유지할 수 있는 시간의 양을 감소시키도록 결합되므로, 가격 및 사이트의 유용함을 낮춘다.

그러므로 개선된 웹사이트 구성 방법을 필요로 한다.

이런 장점 및 다른 장점을 성취하기 위해서 그리고 여기서 광범위하게 설명되고 예시되는 바와 같은 본 발명의 목적에 따르는 통상적인 방법의 단점을 극복하기 위해서, 본 발명은 다수의 서브페인(subpane)에 사용자 정보가 존재하는 단일 페이지 웹사이트 인터페이스를 제공한다.

본 발명은 또한 단일 페이지 웹사이트 인터페이스를 갖는 웹사이트를 구성하는 방법을 제공한다.

본 발명은 또한 미리 보기 페인 및 디스플레이 윈도우를 갖는 스크롤링 스틸 이미지 바를 사용하는 단일 페이지 웹사이트 인터페이스를 제공함으로써, 사용자가 보다 상세하게 조사하기 위해서 다수의 아이템들 중에서 선택하도록 한다.

본 발명은 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부를 갖는 단일 페이지 웹사이트 인터페이스 구성 방법을 제공함으로써, 사용자가 여러 시점 중에서 선택하도록 한다.

본 발명은 카메라 또는 카메라들을 후원하기 위한 자격에 대한 솔루션(solution)을 제공하므로, 광고 수익 모형을 제공한다.

본 발명의 이런 목적 및 다른 목적은 바람직한 실시예의 이하 상세한 설명을 판독한 후에 당업자에게 명백해질 것이다.

상기 일반적인 설명 및 이하 상세한 설명 둘 다는 예시적인 것이고, 청구항에 따라 본 발명의 부가적인 설명을 제공하도록 한다는 것을 숙지해야 한다.

첨부된 도면은 본 발명을 더 이해하도록 하고, 본원의 일부를 통합하여 구성 한다. 도면은 본 발명의 실시예를 도시하고, 설명과 함께, 본 발명의 원리를 설명한다.

이제 본 발명의 바람직한 실시예를 상세히 참조하는데, 이런 예들은 첨부된 도면에서 설명된다. 가능한 어떤 곳에서든, 동일한 참조번호가 동일하거나 같은 부분에 관한 도면 및 설명에 사용된다.

본 발명의 양방향 멀티미디어 제품을 더 이해하기 위해서, 본 발명을 사용하는 시스템의 상세한 설명이 주어진다.

본 발명의 단일 페이지 웹사이트에 대한 다수의 페인의 상세도를 도시하는 도4를 참조하자. 다수의 페인(110)은 디스플레이 에어리어(111), 볼륨 제어부(112), 일시 정시/재생 버튼(113) 및 주문 버튼(114)을 포함한다. 이는 웹사이트 디자이너에 의해 선택되는 바와 같이, 스틸 이미지 또는 비디오의 시퀀스를 디스플레이한다.

본 발명을 따르는 비즈니스 웹 사이트 시스템에 대한 스크롤링 스틸 이미지 바 제어부를 상세하게 도시하는 도3을 참조하자. 스크롤링 스틸 이미지 바 제어부(120)는 윈도우쉐이드 바(windowshade bar)(121), 토글 버튼(122), 미리 보기 페인(123) 및 활성 버튼(124) 및 색인되는 스크롤링할 수 있는 리스트(125)를 포함한다. 색인되는 스크롤링할 수 있는 리스트(125)는 왼쪽 버튼(1251) 및 오른쪽 버튼(1252), 이미지 에어리어(1253), 다수의 색인표(1255~1256)를 갖는 색인표 바(1254)(tab bar), 및 다수의 이미지(1257~1260)를 포함한다. 어떤 소정의 시간 동안에 나타내지는 이미지의 수는 이미지의 외관 비율 및 크기뿐만 아니라 이미지 에어리어(1253)의 폭 및 높이, 또한 디스플레이될 이미지의 총 수에 따라 바뀔 수 있다. 색인표 바(1254)는 다수의 색인표(1255~1256)를 포함하는데, 이는 전형적으로 여러 그룹의 제품 또는 아이템 또는 토픽을 선택하는데 사용되고; 어떤 소정의 시간 동안에 색인표의 수는 웹 디자이너의 선택, 제품 또는 아이템 또는 토픽의 수, 및 이미지 에어리어(1253)의 폭에 따라 바뀔 수 있다. 색인표(1255~1256)는 그룹에 대한 단순한 설명으로 이름이 붙여진다. 왼쪽 버튼(1251) 또는 오른쪽 버튼(1252)을 클릭하면 전형적으로 그룹의 제품 또는 아이템 또는 토픽을 선택하여 관련된 이미지(1257~1260)가 이미지 에어리어(1253)에서 스크롤링되도록 한다. 왼쪽 버튼(1251) 또는 오른쪽 버튼(1252)을 클릭하면 이미지가 왼쪽 또는 오른쪽으로 각각 스크롤링되도록 한다.

게다가, 이미지가 사용자가 왼쪽 버튼(1251) 또는 오른쪽 버튼(1252)을 클릭하지 않을 때, 자동으로 디폴트 방향으로 스크롤링될 수 있다. 또한, 왼쪽 버튼(1251) 또는 오른쪽 버튼(1252)을 클릭하면 버튼을 클릭한 후에 구성할 수 있는 시간 동안에 스크롤링 움직임을 간단하게 일시정지 할 수 있어서, 사용자가 아마도 사용자 행동을 트리거하는 특정한 흥미있는 아이템을 보도록 한다. 이미지(1257,1258,1259,1260)를 클릭하면 미리 보기가 미리 보기 페인(123)에 디스플레이된다. 그리고 활성 버튼(124)을 클릭하면 완전한 프리젠테이션이 멀티미디어 페인(110)의 디스플레이 에어리어(11)에 도시되도록 한다.

본 발명을 따르는 비즈니스 웹 사이트 시스템의 예시적인 아웃라인을 도시하 는 도1을 참조하자. 페이지(100)는 타이틀 에어리어(101), 멀티미디어 페인(110), 스크롤링 스틸 이미지 제어부(120), 이벤트 페인(130), 광고 페인(140), 멀티기능 페인(150), 및 미문(footer)(160)을 갖는다. 이런 예시적인 아웃라인은 왼쪽 섹션 및 오른쪽 섹션으로 나뉘고; 왼쪽 섹션은 멀티미디어 페인(110), 스크롤링 스틸 이미지 제어부(120), 및 이벤트 페인(130)을 포함하고; 오른쪽 섹션은 광고 페인(140) 및 멀티기능 페인(150)을 포함한다. 스크롤링 스틸 이미지 제어부(120), 이벤트 페인(130), 및 멀티기능 페인(150)은 윈도우쉐이드 바(121,131,151), 및 토글 버튼(toggle buttons)(122,132,152)을 각각 가지며; 열린 페인의 토글 버튼(122,132)을 클릭하면 버튼의 개별적인 페인이 자신의 개별적인 윈도우쉐이드 바의 크기를 세로로 줄어들게 하므로, 멀티미디어 페인(110)에 대한 페이지에서 에어리어를 더 넓어지게 하여 그의 디스플레이 에어리어(111)의 크기를 증가하도록 한다; 디스플레이 에어리어(111)의 외관 비율은 유지되거나 자신의 콘텐츠에 적합하도록 외관 비율이 바뀔 수 있다. 반대로, 닫힌 페인의 토글 버튼(122,132)을 클릭하면 버튼의 개별적인 페인이 자신의 원래 레이아웃 크기로 세로로 길어지고, 멀티미디어 페인(110)에 대한 페이지 상의 사용 가능한 에어리어가 줄어들게 한다. 멀티미디어 페인(110)은 자동으로 최소 사용 가능한 에어리어를 차지하기 위해서 다시 크기를 정함으로써, 디스플레이 에어리어(11)에서 현재 멀티미디어 프리젠테이션의 최대 가능한 화면을 사용자에게 제공하고, 다시 자신의 콘텐츠에 적합하도록 프리젠테이션의 외관 비율을 유지하거나 바꾼다. 게다가 토글 버튼(152)을 클릭하면 멀티기능 페인(150)이 현재 각각 열려있는지 닫혀있는지에 따라 자신의 사이즈 를 감소시키거나 커지도록 함으로써, 광고 페인(140)이 자동으로 커지거나 작아지도록 개별적으로 허용한다. 멀티기능 페인(150)은 소비자 조사, 소비자 서비스 대화방, 판매 대리점에 대한 애플리케이션, 제품 또는 서비스 정보, 제품 평가 조사, 및 다수의 제품 사이의 특징 비교 단체를 포함하는 여러 종류의 가능한 애플리케이션을 갖는다.

본 발명을 따르는 비즈니스 웹 사이트 시스템의 예시적인 아웃라인을 도시하는 도2를 참조하자. 이런 레이아웃은 윈도우쉐이드 바(131)의 토글 버튼을 클릭한 후에, 이벤트 패널의 윈도우쉐이드 바(131)의 크기로 감소된 이벤트 패널(130) 및 마찬가지로, 윈도우쉐이드 바(151)의 토글 버튼(152)을 클릭한 후에, 멀티기능 패널(150)의 윈도우쉐이드 바(151)의 크기로 감소된 멀티기능 페널(150)을 갖는 페이지를 도시하는데; 멀티미디어 페인(110) 및 광고 페인(140)은 이에 따라 커지고, 멀티미디어 페인(110)의 디스플레이 에어리어(111)는 마찬가지로 크기가 커지고, 볼륨 제어부(112), 일시정지/재생 버튼(113) 및 주문 버튼(114)이 가능한 가장 큰 디스플레이 에어리어(111)를 조절하는 레이아웃 관리자에 의해서 자동으로 재배치되는 반면 디스플레이 에어리어(111)의 외관 비율은 유지된다.

본 발명을 따르는 비즈니스 웹 사이트 시스템의 예시적인 레이아웃을 도시하는 도5를 참조하자. 인터페이스(500)는 타이틀 에어리어(101), 멀티미디어 페인(110), 스크롤링 스틸 이미지 제어부(120), 폴 결과 페인(530), 광고 및 폴링 페인(540), 대화방 페인(550), 및 미문(160)을 포함한다. 멀티미디어 페인(110) 및 스크롤링 스틸 이미지 제어부(120)는 상기 제1 실시예에서와 유사하지만; 다른 페 인이 여러 목적으로 사용된다. 폴 결과 페인(530)은 현재 폴 및/또는 폴에 대한 전체 결과와 같은 지난 유사한 폴에 대한 결과, 제품 브랜드 및 개별적인 제품을 디스플레이한다. 폴 결과 페인(530)은 윈도우쉐이드 바(531), 토글 버튼(532), 결과 디스플레이 에어리어(533) 및 다수의 색인표(534~536)를 포함하는데; 상기 색인표들은 사용자가 여러 그룹의 제품 또는 폴을 선택하도록 한다. 예를 들어, 행사가 야구 게임이라면, 회당 점수가 하나의 탭에서 보여질 수 있고, 두 번째로 제 2 타수의 히스토리, 세 번째로 팀의 기록이 보여질 수 있다. 다소의 색인표가 희망하는 바와 같이 사용될 수 있다는 것을 주의하자. 광고 및 폴링 페인(540)은 스폰서가 광고를 디스플레이하고 행사의 최고 가치있는 선수 또는 가장 주목할만할 경기와 같은, 사용자의 폴링 질문에 대답함으로써 사용자 흥미를 발생하도록 하고; "최상의 맥주는, 라이트인가 드래프트인가?"와 같이 유머러스한 특이한 광고주의 폴이 또한 가능하다. 폴을 디스플레이할 때, 제출 버튼(541) 및 다수의 폴 선택(542~544)은 사용자를 위한 형식을 선택하도록 디스플레이된다. 대화방 페인(550)은 팬(fans)이 이벤트 및 다른 토픽에 관하여 논의하도록 하고, 이런 논의는 선택적으로 사이트 관리자가 조정역을 맡는다. 대화방 페인(550)은 윈도우쉐이드 바(551), 토글 버튼(552), 디스플레이 에어리어(553) 및 사용자 입력 에어리어(554)를 포함한다.

본 발명의 단일 페이지 웹 사이트에 대한 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부를 도시하는 도7을 참조하자. 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부(610)는 윈도우쉐이드 바(121), 토글 버튼(122), 미리 보기 페 인(123) 및 활성 버튼(124) 및 스타디움 카메라 레이아웃(625)을 포함한다. 스타디움 카메라 레이아웃은 스타디움 레이아웃(630), 다수의 표시된 카메라 위치(640~645), 다수의 카메라 버튼(650~655), 및 다수의 콜아웃 라인(660~665)을 포함한다. 카메라 위치당 하나의 카메라 버튼이 있는데, 각각의 카메라 버튼은 그에 대응하는 카메라 위치를 나타내는 하나의 콜아웃 라인을 갖는다. 소정의 카메라 버튼 또는 카메라 위치, 예컨대 카메라 버튼(650)을 마우스로 클릭하면 대응하는 카메라 위치(이런 경우에 카메라 위치(640))의 대응하는 시야(670)가 스타디움 레이아웃(630) 상에서 나타내지도록 한다. 카메라 버튼(650~655)을 클릭하면 미리 보기는 미리 보기 페인(123)에 디스플레이하도록 한다. 그 결과 활성 버튼(124)을 클릭하면 완전한 프리젠테이션이 멀티미디어 페인(110)의 디스플레이 에어리어(111)에 도시될 것이다.

본 발명의 단일 페이지 웹사이트의 예시적인 레이아웃을 도시하는 도6을 참조하자. 이런 페이지(600)는 도 5의 그것과 도7의 유사하지만 스크롤링 스틸 이미지 제어부(120) 및 통계 페인(530) 대신에 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부(610)를 갖는다.

본 발명의 스포츠계 행사 단일 페이지 웹사이트의 예시적인 레이아웃을 도시하는 도8을 참조하자. 페이지(800)는 전체 페이지(800)를 사용하기 위해서 최소화된 멀티미디어 페인(110)을 가져서, 이벤트에 대해 선택된 카메라의 전체 화면을 보여준다.

사용자가 선택할 수 있는 다수의 카메라 앵글 제어부에 대한 제1 및 제2 레 벨의 레이아웃을 개별적으로 도시하는 도9 및 도10을 참조하자. 실시예에서 특정한 스포츠계 행사는 골프 토너먼트이고, 가능한 많은 수의 카메라로 인해서, 다수의 레벨이 필요로 된다. 단지 두 개의 레벨이 간결하게 도시될지라도, 어떤 수의 레벨이 구현될 수 있다. 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부(610)는 처음에 최상부 레벨 레이아웃(626A)을 디스플레이하는데 이는 골프 코스의 개요를 디스플레이한다. 임의의 개별적인 홀(910~918)을 선택하면 개별적인 홀(913) 및 그의 카메라 위치(1010~1017)에 대한 레이아웃을 디스플레이하는 하부 레벨 레이아웃(626B)을 가져온다. 예를 들어, 홀당, 티(tee)(1010~1011)에서 카메라 또는 규칙적인 다수의 카메라 앵글, 페어웨이(fairway)(1012) 아래의 시야를 디스플레이하는 카메라, 러프(roughs)(1013~1014)를 보기 위한 각 측상의 카메라, 각각의 개별적인 트랩(1013) 상의 카메라, 하나 이상의 퍼팅 그린을 보는 카메라(1016~1017)가 하부 레벨 레이아웃으로부터 사용자에 의해 각각 선택될 수 있다. 편리성을 위해서, 카메라 버튼(1020~1027)이 구성된 로우(rows)에 위치되고, 콜아웃은 관련된 카메라 위치(1010~1017)를 나타낸다. 어떤 소정의 카메라 버튼 또는 카메라 위치, 예컨대, 카메라 버튼(1025)을 마우스로 클릭하면, 대응하는 카메라 위치(이런 경우에 카메라 위치(1015))의 대응하는 시야(1035)가 레이아웃(626B) 상에 나타내질 것이다. 임의의 하부 레벨 레이아웃(626B) 상의 업 버튼(626U)을 선택하면, 제어부로 돌아가서 다음의 더 높은 레벨 레이아웃을 디스플레이하는데, 이런 경우에 최상부 레벨 레이아웃(626A)이다. 두 개 이상의 레벨을 갖는 레이아웃 상에서, 어떤 하부 레벨 레이아웃(626B) 상의 선택적인 최상부 버튼(626T)을 선택하면, 제어부로 돌아가서 최상부 레벨 레이아웃(626A)을 디스플레이한다. (두 개의 레벨 레이아웃으로 여기서 도시될지라도, 최상부 버튼(626T)은 업 버튼(626U)에 동일하다.)

본 발명의 단일 페이지 웹사이트는 마케팅 및 스포츠계 행사를 제공하기 위해서만 검색되지 않는다. 그것은 애플리케이션의 광범위한 다양함으로 예컨대 그룹 인터뷰, 소비자 서비스, 시장 조사, 시장 피드백 조사, 및 비디오 데이팅이 필요하다. 멀리 떨어져 있는 동안에 사용자가 자신의 집을 감시할 수 있는 홈 감시(home surveillance)는 다른 유용한 애플리케이션이다. 본 발명은 작은 에어리어에 지리적으로 국한되는 것이 아니라; 지리적인 로드 시스템에 대한 트래픽 모니터링, 울타리를 치거나, 오픈 범위 방목을 하는 농부를 위한 가축 모니터링, 상업적인 파이프라인 및 인프라스트럭쳐(infrastructure) 모니터링, 및 심지어 월드-와이드 웹캠이 여행에 대한 흥미 및 판촉, 학술적이거나 교육적인 사용 모두에 연결된 "세계의 웹캠(webcam of the world)" 또는 실패 모니터링 및 회복이 모두 유용한 광범위한 애플리케이션이다.

하나의 잠재적으로 중요한 애플리케이션은 콘서트를 위한 것이다. 이런 행사를 위한 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부(610)는 도11에서 도시된 바와 같은 콘서트 레이아웃(627)을 포함한다. 카메라 버튼(650~657)을 사용하면, 사용자는 카메라 위치(640~647)를 선택할 수 있어서, 무대, 또는 그룹의 무대, 개별적인 연주자의 거시적인 모습을 보여준다. 개별적인 연주자의 다수의 투시도를 도시하는 카메라가 예컨대, 록 밴드에서 리드 싱어에 대한 일부 설정에서 필요로 될 수 있다. 다른 선택할 수 있는 카메라는 청중의 거시적인 모습을 보여준다. 사 람이 제어할 수 있고 또한 선택할 수 있는 카메라는 청중 각자에게 초점을 맞추거나 관중을 가로질러 카메라를 좌우로 회전한다(pan).

광고 및 폴링 페인(540)은 티셔츠 및 다른 의류 아이템, 현재 콘서트에 대한 오디오 또는 오디오-비디오 녹화(다운로드 할 수 있거나 메일로 주문할 수 있음), 자선 음악회를 위한 기증품 및 자선 경매 아이템과 같은 판촉 아이템을 콘서트 투어로부터 광고하는데 사용될 수 있다. 자선 경매 아이템은 폴링 메커니즘을 사용하여 입찰될 수 있고, 더 큰 아이템에 대한 신용 베팅(credit vetting)은 신용 카드를 확인함으로써 수행된다. 광고 및 폴링 페인(540)은 밴드에 대한 지난 녹화 및 비디오 아이템을 광고하여 판매하는데 사용될 수 있다. 사용자가 무대 상의 각각의 사람을 보여주는 카메라를 선택할 때, 광고는 상기 각각의 사람을 포함하는 지난 솔로 앨범 또는 공동 제작품 상에 타겟될 수 있고; 사용자가 대체적으로 그룹을 보여주는 카메라를 선택할 때, 광고는 그룹의 지나간 성과에 초점을 맞출 수 있다. 대화방 페인(550)은 시청자가 서로 상호작용하여, 공연 및 청중에 대해 논의할 수 있다.

광고-지원되는 카메라 외에도, 사용자가 무대 뒤 카메라를 보도록 하는 것은 부가적인 수익을 발생하는 옵션인데; 콘서트 프로덕트 및 반주를 보기를 원하는 사람을 위한 "무대 뒤 패스(backstage pass)"이다. 종래 콘서트에서, 콘서트 이후 휴식 시간 동안에, 사용자가 선택할 수 있는 다수의 카메라 앵글 제어부(610)는 선녹화된 인터뷰, 과거 콘서트 또는 가능한 흥미있는 다른 아이템이 보기 위해 선택될 수 있는 스크롤링 스틸 이미지 바(120)를 도시하기 위해서 바뀔 수 있다. 이는 사 용자의 흥미를 유지하는 것을 돕기 위해서 잠재적으로 부가적인 판매를 하는 부가적인 광고가 보여질 수 있다.

콘서트 후원자가 자신의 소유물의 판촉 및 광고 전체를 처리하지 않는 것을 희망한다면, 일부 또는 전체에서, 부가적인 수익은 액세스 동안에 상인이 타겟된 광고 시스템에 지불함으로써 생성될 수 있다.

인터뷰 또는 데이팅 애플리케이션에서, 사용자 웹캠 피드는 스크롤링 스틸 이미지 제어부와 함께 선택가능할 것이고, 대화방 페인은 현재 선택된 피드와 함께 그룹 대화나 1:1 대화이도록 사용자가 설정할 수 있고, 상기 선택된 피드는 멀티미디어 페인의 디스플레이 에어리어에 디스플레이된 하나이다. 애플리케이션에 따르면, 수평 또는 눈금과 같은 여러 레이아웃의 다양함으로, 보다 많거나 적은 페인이 사용될 수 있다. 본 발명의 단일 페이지 웹사이트는 단일 페이지, 멀티미디어의 미리 보기에서 다수의 기능을 특징으로 하고, 스크롤링의 사용은 넓은 공간을 통해 그들을 확산하는 대신 다수의 제품을 시간 주기 동안에 작은 에어리어에 적합하도록 제어한다.

본 발명은 또한 개별적인 카메라의 지원을 허용한다. 이는 비즈니스 모형이 지원되는 효율적인 광고에 제공되는데, 부가적이 카메라에 대한 비용은 지원된 광고에 의해서 상쇄될 수 있다. 이런 방법으로, 사용자가 특정 카메라 앵글을 선택할 때, 스폰서의 제품 또는 서비스에 대한 광고가 광고 페인에 디스플레이된다.

특정 레이아웃은 여러 요구 조건을 충족하도록 적응되거나 대체될 수 있다는 것을 주의해야만 한다.

본 발명의 웹사이트 인터페이스 구성 방법을 도시하는 흐름도인 도13을 참조하자. 웹사이트 구성 방법(1000)은 단계(1010)에서 희망하는 단계를 결정하여 시작한다. 다음, 적절한 디스플레이 에어리어가 단계(1020)에 결정된다. 스크린 에어리어는 단계(1030)에서 할당받는다. 스크린 에어리어는 단계(1040)에서 다수의 서브페인으로 분할되어 서브 페인이 할당된 스크린 에어리어를 커버하고 서브페인의 수가 희망하는 특징의 수와 같거나 크도록 한다. 각각의 서브페인이 단계(1050)에서 사이트에 대해 희망하는 특징으로 할당되거나, 맵핑된다. 이상적으로 어떠한 서브페인도 사용되지 않고 남겨지지 않을 것이지만 이는 선택적인 것이라는 것을 주의해야만 한다.

본 발명의 웹사이트 인터페이스 구성 방법에 대한 제2 실시예를 도시하는 흐름도인 도14를 참조하자. 방법(2000)은 방법(1000)의 단계(1010~1050)를 포함한다. 일단 사이트가 단계(1050)에서 발생되는 것이 완료되면, 웹사이트는 사용자 입력을 대기함으로써 동작한다. 전형적인 웹사이트 활성외에도, 본 발명은 웹사이트 레이아웃을 관리하여 사용자가 윈도우쉐이드 토글 버튼을 클릭할 때, 대응하는 서브페인이 그의 처음 상태에 따라 열린 상태에서 닫힌 상태로 또는 닫힌 상태에서 열린 상태로 토글함으로써 리사이징되고, 다른 서브페인은 자동으로 적절하게 레이아웃 관리자에 의해 리사이징된다. 단계(1060)에서, 웹사이트는 소정의 서브페인에 대한 사용자 리사이징 요청을 수용한다. 단계(1070)에서, 웹사이트는 열리거나 닫히는데 적절하게 서브페인을 리사이징한다. 단계(1080)에서, 웹 사이트 레이아웃 관리자는 그의 레이아웃 정책에 따라 서브페인의 나머지 공간을 재할당한다.

본 발명의 웹사이트 인터페이스 구성 방법의 제3 실시예를 도시하는 흐름도인 도15를 참조하자. 도15는 멀티미디어 섹션 페인 및 멀티미디어 페인을 제공함으로써 도14를 확장한다. 방법(3000)은 방법(2000)의 단계(1010~1050)를 포함한다. 이들은 상술된 바와 같이 단계(1050)에서 맵핑된다. 사용자 멀티미디어 섹션 요청은 단계(1060)에서 수용될 때, 웹사이트가 단계(1090)를 계속하고 멀티미디어 페인에서 대응하는 멀티미디어 피드를 디스플레이한다. 웹사이트 방법은 그 결과 단계(1060)로 되돌아가서 사용자 입력을 대기한다.

본 발명의 이점은 전체 인터페이스 및 콘텐츠에 대한 데이터를 전송하는 대신, 업데이트될 필요가 있는 인터페이스의 에어리어 또는 페인에 대한 데이터만이 전송된다. 이런 방법으로, 인터페이스의 고정 에어리어에 대한 데이터는 계속 재전송될 필요가 없다. 이는 인터페이스의 속도 및 품질을 매우 개선한다.

게다가, 본 발명이 스크롤바가 없는 단일 스크린 인터페이스를 제공하기 때문에, 사용자 만족도는 증가되고 사용의 용이성이 증가된다. 결과적으로, 사용자는 더 자주 유지하고, 사용하며 되돌아갈 가능성이 더 있다.

다양한 수정 및 변화가 본 발명의 범위 및 정신에 벗어나지 않고 본 발명에서 행해질 수 있다는 것이 당업자에게 명백할 것이다. 앞서 보여지는 바와 같이, 본 발명은 본 발명의 수정 및 변화가 본 발명의 범위 및 그에 동등하게 존재한다면 이를 커버하도록 한다.

Claims

웹 사이트 인터페이스 구성 방법에 있어서,

제1 넘버를 갖는 상기 웹 사이트 인터페이스에 대한 다수의 특징을 결정하는 단계;

다수의 서브페인이 스크린 영역을 커버하기 위해서 제2 넘버를 갖는 상기 다수의 서브페인으로 상기 스크린 영역을 분할하는 단계; 및

상기 다수의 특징들 중 각각의 특징을 상기 다수의 서브페인들 중 하나에 맵핑하는 단계를 포함하는데;

상기 제2 넘버는 상기 제1 넘버와 같거나 더 큰 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
제 1항에 있어서,

상기 제2 넘버가 상기 제1 넘버와 같은 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
제 1항에 있어서,

사용자의 스크린에 대한 스크린 폭 및 스크린 높이를 결정하는 단계; 및

상기 스크린 영역이 상기 스크린 폭보다 작거나 같은 영역 폭을 갖고 상기 스크린 영역이 상기 스크린 높이보다 작거나 같은 영역 높이를 갖기 위해서 상기 스크린 영역을 할당하는 단계를 더 포함하는 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
제 1항에 있어서,

상기 다수의 서브페인들 중 하나의 서브 페인에 대한 크기를 바꾸기 위해서 사용자 리사이징 요청 입력을 수용하는 단계;

상기 사용자 리사이징 요청 입력에 따라 상기 다수의 서브페인들 중 하나의 서브페인에 대한 크기를 바꾸는 단계; 및

레이아웃 계획에 따라 상기 스크린 영역을 커버하기 위해서 상기 다수의 서브페인들 중 하나의 서브페인에 대한 서브셋의 크기를 조정하는 단계를 더 포함하는 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
제 1항에 있어서,

폴링 페인으로서 상기 다수의 서브페인들 중 하나의 서브페인을 할당하는 단계;

선택적인 사용자 입력에 대한 요청을 상기 폴링 서브페인에 디스플레이하는 단계;

사용자 입력을 수용하는 단계; 및

상기 폴링 서브페인을 상기 선택적인 사용자 입력에 대한 요청에 대응하는 정보로 업데이트하는 단계를 더 포함하는 것을 특징으로 하는 사이트 인터페이스 구성 방법.
제 1항에 있어서,

다수의 멀티미디어 피드를 제공하는 단계;

멀티미디어 섹터 서브페인으로서 상기 다수의 서브페인들 중 제1 서브페인을 할당하는 단계;

멀티미디어 서브페인으로서 상기 다수의 서브페인들 중 제2 서브페인을 할당하는 단계;

상기 멀티미디어 섹터 서브페인에 사용자 선택 입력을 허용하는 단계; 및

상기 사용자 선택 입력에 따라 상기 다수의 멀티미디어 피드들 중 하나의 멀티미디어 피드를 상기 멀티미디어 서브페인에 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 사이트 인터페이스 구성 방법.
제 6항에 있어서,

광고 서브페인으로서 상기 다수의 서브페인들 중 제3 서브페인을 할당하는 단계;

다수의 스폰서를 생성하는 단계;

상기 다수의 스폰서들 중 각각의 스폰서를 상기 다수의 멀티미디어 피드들 중 하나의 멀티미디어 피드에 할당하는 단계; 및

상기 사용자가 상기 스폰서에 할당된 상기 멀티미디어 피드를 선택할 때 스 폰서에 의해 제공되는 광고를 상기 광고 서브페인에 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
제 6항에 있어서,

각각의 대표 이미지가 상기 다수의 멀티미디어 피드들 중 하나의 멀티미디어 피드를 나타내기 위해서, 다수의 대표 이미지를 상기 멀티미디어 섹터 서브페인에서 보여주는 단계; 및

상기 사용자 선택 입력 이 상기 다수의 대표 이미지들 중 하나의 대표 이미지를 선택할 때, 상기 멀티미디어 서브페인에서 상기 대표 이미지에 의해 표현되는 상기 멀티미디어 피드를 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
제 6항에 있어서,

상기 다수의 멀티미디어 피드들 중 물리적인 레이아웃에 대한 대표 이미지를 디스플레이하는 단계;

다수의 핫스팟들 중에서 각각의 핫스팟이 상기 다수의 멀티미디어 피드들 중 하나의 멀티미디어 피드에 링크되기 위해서 상기 다수의 핫스팟을 제공하는 단계;

상기 멀티미디어 피드에 링크된 핫스팟이 활성될 때, 멀티미디어 피드에 관련된 대표 이미지를 디스플레이하는 단계; 및

상기 사용자 선택 입력이 상기 대표 이미지 또는 상기 핫스팟을 선택할 때, 상기 핫스팟에 링크되는 상기 멀티미디어 피드를 상기 멀티미디어 서브페인에 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 웹 사이트 인터페이스 구성 방법.
웹 사이트 인터페이스를 구성하는 방법에 있어서,

제1 넘버를 갖는 상기 웹사이트에 대한 다수의 특징을 결정하는 단계;

사용자의 스크린에 대한 스크린 폭 및 스크린 높이를 결정하는 단계;

스크린 영역이 상기 스크린 폭보다 작거나 같은 영역 폭을 갖고 상기 스크린 영역이 상기 스크린 높이보다 작거나 같은 영역 높이를 갖기 위해서 상기 스크린 영역을 할당하는 단계;

상기 다수의 서브페인이 상기 스크린 영역을 커버하기 위해서 상기 스크린 영역을 제2 넘버를 갖는 다수의 서브페인으로 분할하는 단계; 및

상기 다수의 서브페인들 중 하나에 상기 다수의 특징들 중 각각의 특징을 맵핑하는 단계를 포함하는 것을 특징으로 하는 사이트 인터페이스 구성 방법.