KR20130130748A

KR20130130748A - 멀티 모드 웹 브라우징

Info

Publication number: KR20130130748A
Application number: KR1020137015749A
Authority: KR
Inventors: 존 니콜라스 지트코프; 글렌 머피
Original assignee: 구글 인코포레이티드
Priority date: 2010-11-18
Filing date: 2011-11-18
Publication date: 2013-12-02
Also published as: AU2011329628A1; CA2818406C; US20120136756A1; WO2012068520A3; CA2818406A1; US20120131441A1; AU2011329628B2; WO2012068521A2; US10515144B2; JP2013544412A; WO2012068521A3; US20170046325A1; CN103403706A; WO2012068520A2

Abstract

웹 페이지를 표시하는 컴퓨터로 실시되는 방법은, 제1 웹 페이지의 코드를 수신하는 단계로서, 상기 코드는 적어도 2개의 상이한 표시 모드로 상기 웹 페이지를 표시하기 위한 포맷을 정의하는, 단계, 상기 브라우저에 제1 표시 모드로 웹 페이지를 표시하는 단계로서, 상기 제1 표시 모드는 브라우저 창 내의 전체 페이지 표시인, 단계, 제2 표시 모드로 상기 웹 페이지를 표시하기 위한 사용자 명령을 수신하는 단계, 및 제2 표시 모드로 상기 웹 페이지를 표시하는 단계로서, 상기 제2 표시 모드는 상기 제1 표시 모드의 크기 축소된 또는 잘라내어진 버전이 아닌, 단계를 포함한다.

Description

멀티 모드 웹 브라우징{MULTI-MODE WEB BROWSING}

본 출원은 2010년 11월 18일에 출원된 미국 Provisional Application Serial No. 61/415,339, "User Interaction in a Web Browsing System,"의 모든 내용에 대한 우선권을 주장한다. 이는 본 명세서에 참고로서 포함되어 있다.

본 명세서는 웹 브라우저의 사용자 간의 상호작용을 위한 시스템 및 기술(technique)에 관한 것이다.

현재 사용자들이 컴퓨팅 장치들과 함께 가지는 수많은 상호작용은 이른바 클라우드 안에서, 온라인 상에서 일어난다. 그러한 상호작용은 단순히 텍스트 기반의 웹 페이지를 읽을 수 있는 것에서부터 간단한 쇼핑과 여타 서비스로, 사용자가 이용할 수 있는 클라이언트 컴퓨팅 장치와 완전히 격리되어 관리(host)되는 풍부한 서비스로, 변화하여 왔다. 다양한 프로그래밍 기술은, 클라이언트 장치가 오프라인인 때의 동작들을 포함하여 복잡한 동작이 클라이언트 장치에서 일어나는 것을 가능하게 하였고, 이러한 동작들이 시스템의 사용자를 위한 다양한 서비스를 관리하는 서버 시스템과 조정(coordinate)되는 것을 가능하게 하였다.

그러므로, 현재 매우 풍부한 서비스는 웹 브라우저를 통하여 가능하다. 구글사(GOOGLE INC., of Mountain View, CA)의 크롬 브라우저와 같은 현대적인 브라우저들은 컴퓨터 코드를 구동시킬 수 있고, 다른 네이티브 어플리케이션(native application)에 의하여 수행될 수 있는 모든 기능을 기본적으로 수행할 수 있다. 결국, 컴퓨터 사용자들은 그들의 브라우저와 더 많은 시간을 보내고 있고, 브라우저와 효과적으로 상호작용하는 능력은 점점 더 중요해지고 있다.

본 명세서는 모바일 컴퓨팅 장치(예를 들어 스마트폰, 넷북 또는 태블릿)와 같은, 컴퓨팅 장치 상의 브라우저 어플리케이션 사용자와의 상호작용에 이용될 수 있는 시스템과 기술을 설명한다. 여기서 설명된 다양한 기술은, 현재 브라우저에 로드(load)된 페이지 간(예를 들어 탭(tab)된 브라우저에서의 탭들 간) 전환을 더 편리하게 하고, 웹 페이지 이름의 파비콘(favicon)을 자동적으로 생성하고, 즐겨찾기나 기록 목록과 같은 목록(list)에 있는 웹 페이지 명칭을 더 상호작용적(interactive)으로 하고, 기입(fillable) 웹 양식에 정보의 더욱 편리한 보안 부가를 가능케하고, 상이한 포맷으로 웹 페이지 콘텐츠를 화면에 제공하고, 그리고 캐스캐이딩 메뉴 구조(cascading menu structure)에 있어서 객체 및 동작의 선택에 편리한 메커니즘을 제공하는 것을 포함함으로써 브라우저와의 더 직관적인 사용자 상호작용을 위한 메커니즘을 제공할 수 있다.

예를 들어, 이하에 더욱 상세히 설명된 특정 실시예에 있어서, 사용자가 콘텐츠를 표시하고자 하는 창의 사이즈에 따라서, 웹 페이지로서 표시되는 콘텐츠의 다양한 버전 및 포맷은 웹 브라우저의 사용자가 이용 가능하도록 만들어질 수 있다. 예를 들어, 브라우저는, 하나의 모드가 큰 화면(예를 들어, 최대화된 브라우저 창) 및 전체 콘텐츠와 연관된 것이고, 그리고 다른 하나의 모드가 최소화된 화면(예를 들어 상기 큰 화면보다 훨씬 작은 가젯(gadget) 또는 위젯(widget)) 및, 축약된 콘텐츠와 연관된 것인, 듀얼 모드를 가질 수 있다. 상기 브라우저는 콘텐츠 제공자가 모든 세트의 콘텐츠(a full set of content)를 표시하도록 제공하는 것을 허용할 수 있고, 여기서 상기 제공되는 콘텐츠는 화면의 두 크기에 따라 상이하므로, 제공자들은 2개 또는 그 이상의 상이한 콘텐츠 세트를 정의하나, 그 콘텐츠를 단일 웹 페이지와 연관시키며, 그들이 현재 통상의 콘텐츠 및 모바일 콘텐츠에 대하여 하는 것 같은 방식으로, 여기서는 콘텐츠의 일 유형은 상기 콘텐츠를 요청하는 브라우저의 유형에 기초하여 제공된다. 이하에 더욱 상세히 설명된 기술을 이용하여, 서버 시스템이 일 콘텐츠 그룹 또는 그 외의 것을 제공하도록 하기 위해, 브라우저는, 상기 브라우저가 제1 모드 또는 제2 모드인지에 따라, 자기 자신을 상기 콘텐츠를 가진 서버 시스템에 대하여 상이한 방법으로 식별시킬 수도 있다. 상기 브라우저가 알리는 상기 모드는 상기 브라우저가 표시되고 있는 창의 현재 크기의 기능이다. 여기서 제공된 상기 예에 있어서, 제1 모드는 상기 브라우저의 상기 창이 최소화되지 않는 때는 언제나, 윈도우 환경에서 그 단어의 전통적인 의미로 작동된다. 제2 모드는, 상기 브라우저 창이 시스템 트레이(system tray)에 표시될 때, 브라우저와 함께 탐색하는데 이용되는 가젯 또는 위젯 또는 일반적으로 대부분의 또는 전체의 크롬이 결여된 다른 화면으로서 작동되며, 이는 전체 화면의 10% 이하 또는 5% 이하 등 전체 화면보다 훨씬 작다.

일례로서, 지속적으로 업데이트되는 웹 페이지와 아울러, 스코어 보드, 헤드라인, 광고 및 완전한 기사에 하이퍼 링크된 가장 최근의 간략화된 기사 목록을 통상적으로 퍼블리시하는 스포츠 웹 사이트를 고려한다. 여기서 설명된 상기 기술을 이용하여, 동 웹 사이트는, 스크롤하는 뉴스 피드(feed), 스크롤하는 스코어 보드 및 작은 광고를 표시하는 3단계 가젯과 같이, 훨씬 작은 화면에 더욱 적절한 하나의 콘텐츠 세트를 퍼블리시할 수 있다. 브라우저는 사용자가 상기 사이트의 URL을 입력할 때, 상기 웹 사이트의 콘텐츠의 전체 페이지 버전을 최초로 표시하도록, 그리고 사용자가 그 화면의 작은 버전으로 변환하기 위하여 컨트롤을 선택할 때 제2 콘텐츠 세트로 자동 전환하도록(예를 들어, 사용자가 또다른 어플리케이션에서 작업할 필요는 있지만 상기 스크롤하는 화면을 그의 모니터의 한 귀퉁이에 가지기 원하는 경우), 프로그래밍되어 있을 수 있다.

가장 기본적인 실시예에 있어서, 브라우저는, 그것이 큰 화면 모드일 때 자기 자신을 통상의 브라우저로서, 및 그것이 축소된 화면 크기 모드 일 때 모바일 브라우저로서 단순히 식별하기 위하여 프로그래밍되어 있을 수 있다. 그러한 실시예는 이미 듀얼 모드 콘텐츠를 제공하고 있을 수도 있는 상기 웹 사이트에 의한 활동에 있어서 어떠한 변화도 필요로 하지 않을 것이다. 하지만, 예를 들어 4인치 스마트 폰 스크린 및 사용자 상호작용에 의하여 이루어지는 모바일 모드는, 더욱 작고, 일반적으로 사용자와 상호작용하지 않을 수도 있는 가젯 모드에 적합하지 않을 수 있다. 따라서, 또다른 실시예는 분리된 브라우저 모드를 정의할 수 있고, 또한 콘텐츠의 퍼블리셔는 그 새로운 모드를 위한 상기 콘텐츠의 특정 버전을 포맷할 수도 있다. 그러한 콘텐츠는, 일반적으로 스크립트 또는 다른 툴에 의하여 자동 생성될 것이므로, 추가 모드 설정은 제공된 콘텐츠에 의한 소량의 선행된(up-front) 프로그래밍 및 약간의 다운스트림(downstream) 유지(maintenance)를 요할 수 있다.

상기 축소 모드 화면의 특정 포맷은 상기 퍼블리셔에 의해, 제한된 또는 자유로운 형식으로 특정될 수 있다. 예를 들어, 상기 브라우저의 개발자는 싱글 스크롤링 티커(scrolling ticker), 듀얼 스크롤링 티커, 광고를 수반한 티커, 수직 스크롤링 헤드라인 목록 및 그와 같은 수많은 미리 정의된 화면 포맷을 정의할 수 있다. 웹 페이지 퍼블리셔는 그러한 시스템의 API를 읽을 수 있고, 단순히 그들의 콘텐츠와 함께 식별자를 제공할 수도 있으며, 여기서 상기 식별자는 그들이 사용하길 원하는 미리 정의된 포맷을 나타낸다. 그러한 상태에서, 상기 퍼블리셔가 제공하는 상기 콘텐츠는, XML 피드 또는 그와 유사한 것의 형식과 같이, 기본적으로 포맷되지 않은 것일 수 있다. 대안적으로, 더욱 복잡한 퍼블리셔는 (예를 들어, 풍부한 콘텐츠, 자바 스크립트 및 애니메이션과 함께) 그들만의 포맷을 정의하는 것을 선택할 수 있으며, 미리 정해진 모드 중 하나를 선택하지 않고 축소 모드 콘텐츠의 요청을 생성하는 브라우저에 완전히 포맷된(fully formatted) 콘텐츠를 제공할 수도 있다.

여기서 설명된 상기 기술은, 특정 실시예에 있어서, 하나 또는 그 이상의 이점을 제공할 수 있다. 예를 들면, 일부 기술은, 리사이징(resizing)된, 더욱 작은 창에 여전히 의미있고 유익한 콘텐츠를 제공하면서도, 화면이 수많은 창으로 인해 복잡해지지 않도록, 사용자가 브라우징 창의 크기를 축소하게 할 수 있다. 일부 실시예에 있어서, 상기 리사이징된, 더 작은 창은 "최소화 모드"로 된 것으로 본다. 최소화 모드로 되어 있는 브라우저는, 축약된 텍스트 및 압축된 혹은 축소된 이미지를 표시하는 대신에, 과중한 멀티미디어(multimedia-heavy) 콘텐츠를 표시하는 것을 회피할 수 있다. 그러한 실시예는 그 웹 페이지 상의 가장 중요하고 또는 결정적인 정보만을 상기 사용자에게 안성맞춤으로 제공한다. 또한, 가젯 또는 위젯이 존재하는 화면과 유사할 수도 있으나, 웹 브라우저의 브라우징 모드 간 전환에 링크되지 않은, 그러한 모드에서, 복수의 상이한 웹 페이지 콘텐츠의 조각(piece)은, 스포츠 사이트의 티커, 파이낸스 마켓의 티커 및 뉴스 티커와 같이, 동시에 표시될 수 있다. 사용자는, 오래 전에 미리 설치한 특정 가젯에 의하지 않고, 브라우징 하는 동안 그들이 선호하는 웹 사이트를 찾아내고 그리고 나서 상기 브라우저 창 또는 탭의 제목바 위의 최소화 컨트롤을 선택하는 등, 최소화 모드로 단순히 전환하는 것만으로, 표시할 콘텐츠를 선택할 수 있다.

일 실시예에 있어서, 웹 페이지를 표시하기 위한 컴퓨터로 실시되는 방법은, 제1 웹 페이지의 코드를 수신하는 단계로서, 상기 코드는 적어도 2개의 상이한 표시 모드로 상기 웹 페이지를 표시하기 위한 포맷을 정의하는 단계; 브라우저에 제1 표시 모드로 상기 웹 페이지를 표시하는 단계로서, 상기 제1 표시 모드는 상기 브라우저의 창(pane) 내의 전체 페이지(full page) 표시인, 단계; 상기 웹 페이지를 제2 표시 모드로 표시하기 위한 사용자 명령(command)을 수신하는 단계; 및 상기 웹 페이지를 제2 표시 모드로 자동 표시하는 단계로서, 제2 표시 모드는 상기 제1 표시 모드의 크기 축소된 또는 잘라내어진(cropped) 버전(version)이 아닌, 단계를 포함한다. 일부 실시예에 있어서, 상기 제2 표시 모드는 상기 브라우저와 분리된 가젯으로 표시된다. 다른 실시예에 있어서는, 상기 방법은 상기 웹 페이지를 최소화시키기 위한 사용자 명령을 수신하는 단계, 및 상기 사용자 명령에 응답하여 운영체제에 있어서 상기 웹 페이지가 최소화되도록 자동적으로 야기시키는 단계를 더 포함한다. 일부 실시예에 있어서는, 상기 코드는 상기 제1 모드 및 상기 제2 모드로 표시되는 정보의 특정 유형을 정의한다. 상기 제2 모드는, 일부 예시에 있어서, 제1 모드로 표시되는 정보의 요약을 표시할 수 있다.

하나 또는 그 이상의 실시예들의 상세는 이하의 도면 및 발명을 실시하기 위한 구체적 내용과 함께 제시된다. 다른 특징과 이점은 발명을 실시하기 위한 구체적 내용, 도면, 특허 청구 범위로부터 명백해질 것이다.

본 명세서에 개시된 발명은 웹 브라우저의 사용자 간 상호작용을 위한 시스템 및 기술을 제공하는 등, 브라우저와의 더 직관적인 사용자 상호작용을 위한 메커니즘을 제공할 수 있다.

도1a 및 도1b는, 탭된 브라우저 시스템에 있어서 웹 페이지 미리보기(preview)를 나타내는 도면이다.
도 1c는 슬라이드 할 수 있는 정보 패널(information panel)을 가지는 브라우저의 스크린 샷(screen shot)을 나타낸다.
도 1d는 웹 페이지 양식에 정보를 제공하기 위한 드래그 가능한 아이콘의 사용의 일례를 나타낸다.
도 1e 내지 도1i은 운영체제에 있어서의 웹 브라우저에게 제공될 수 있는 예시 보충 컨트롤의 스크린 샷을 나타낸다.
도 1j는 사용자가 선택 가능한, 최근에 방문한 웹 페이지의 섬네일(thumbnail)을 표시하는 운영체제의 스크린 샷을 나타낸다.
도 1k는 사용자가 선택 가능한, 최근에 방문한 웹 페이지의 섬네일을 표시하는 운영체제의 스크린 샷을 나타낸다.
도 1l은 최대화 및 최소화된 형태의 웹 페이지의 예시 스크린 샷을 나타낸다.
도 2a 내지 도 2g 는 메타 웹 페이지를 형성하기 위한 시스템으로부터의 스크린 샷을 나타낸다.
도 3은 운영체제에 있어서 검색 화면을 표시하는 크롬이 아닌 브라우저의 스크린 샷이다.
도 4는 웹 브라우저 시스템의 사용자와의 상호작용을 위한 모바일 컴퓨팅 장치의 모식도이다.
도 5a는 웹 페이지 간 전환을 할 때 웹 페이지 미리보기를 표시하기 위한 프로세스의 플로차트이다.
도 5b는 웹 브라우저와 함께 표시될 수 있는 정보 패널과의 상호작용을 위한 프로세스의 플로차트이다.
도 5c는 웹 페이지의 파비콘을 자동적으로 생성하기 위한 프로세스의 플로차트이다.
도 5d는 기입 양식(fillable form) 과 같은 웹 페이지 상의 정보 수신부에 정보를 제공하기 위한 프로세스의 플로차트이다.
도 5e는 복수의 포맷으로 된 페이지의 웹 페이지 데이터를 표시하기 위한 프로세스의 플로차트이다.
도 6은 여기서 설명된 기술을 실시하는데 이용될 수 있는 컴퓨터 장치 및 모바일 컴퓨터 장치의 일례를 나타낸다.
다양한 도면에서의 동일한 참조 부호는 동일한 구성요소를 나타낸다.

본 명세서는, 예를 들어, 스마트폰과 같이, 장치 상에서 구동하는 운영체제의 요소를 이용하는 모바일 컴퓨팅 장치의 사용자와의 상호작용을 제공하기 위한 시스템 및 기술을 설명한다. 상기 시스템과 기술은 시각적으로, 청각적으로 또는 터치를 통하여 다양한 출력이 실시될 수 있는 메커니즘 및 상기 장치를 제어하기 위한 입력 메커니즘을 제공할 수 있다. 복수의 특정 예시 기술들은 여기에 설명되어 있으며, 상기 기술은 개별적으로, 또는 운영체제의 다른 측면들과 함께 실시될 수 있다.

도 1a 및 도 1b는 탭된 브라우저 시스템에 있어서 웹 페이지의 미리보기를 나타내는 도면이다. 일반적으로, 상기 화면들은, 사용자가 브라우저의 포커스(focus)를 이들 페이지로 전환할지 결정할 수 있도록, 웹 브라우저의 사용자에게 가려진(obscured) 페이지가 무엇과 같은지 알 수 있도록 보여준다.

제1 화면(102)은 한 페이지 한번에, 가려진 페이지를 미리 보기 위한 메커니즘을 보여준다. 이 예에서는, 탭된 웹 브라우저는 페이지(110)와 같이 수많은 페이지를 표시하는 것이 도시되어 있고, 페이지(110)는 URL 및 검색 입력 영역(108), 탭(106), 상기 탭 상의 파비콘(106A) 및 상기 탭 상의 페이지 제목(106B) 그리고 인포메이션 바(information bar)(104)를 포함한다. 상기 브라우저에 의하여 로드된 다른 페이지를 위한 탭들 또한 도시되어 있지만, 이러한 페이지들은 가려져(-상기 브라우저의 포커스된 페이지(110) 뒤에 가려짐) 있다. 이와 같이, 상기 브라우저 화면은 대체로 최신의 구글 크롬 브라우저의 그것과 유사하다. 이 예의 상기 브라우저는 자기 자신을 작동시키는 상기 장치와 통합될 수 있으며, 상기 장치 상에서 실행되는 단순한 어플리케이션일 수 있다. 이때, 사용자에 의하여 실행되는 어떠한 어플리케이션도 상기 브라우저 하에서 실행되어야만 한다.

선택 가능 컨트롤(118)은 상기 화면의 주변 인근에 탭 형식으로 페이지(110)의 작은 부분에 도시되어 있다. 상기 탭의 사용자 선택은 도 1c에 있어서 더욱 충실히 설명되어 있다.

포인터(112)는 상기 가려진 페이지 중 하나의 탭 위에 도시되어 있으며, 이는, 사용자가 그의 손가락을 상기 탭 위의 터치 화면상에 위치시킨 것 또는 마우스와 같은 입력 장치를 사용하여 상기 포인터가 상기 탭 위에서 맴돌고 있는 것을 나타낸다. 상기 사용자에 의한 그러한 동작에 대응하여, 상기 탭에 상응하는 상기 웹 페이지의 미리보기(114)는 페이지(110)의 상단에 표시되고 있다. 상기 미리보기는 상기 현재 페이지의 섬네일 이미지일 수 있고, 사용자가 상기 탭 위를 맴도는 것을 멈추거나 상기 탭을 선택할 때까지 표시될 수 있다. 상기 사용자가 맴도는 것을 멈추면 미리보기(114)는 간단히 사라지고, 상기 사용자가 상기 탭을 선택하면 페이지(110)는 가려진 페이지가 될 수 있으며, 상기 사용자가 맴돌고 있었던 상기 탭은 점프하여 연결되고, 이전에 가려져 있던 페이지는 포커스 페이지가 될 수 있다.

도 1b는 상기 논의한 컨셉(concept)의 유사한 응용을 나타내지만, 복수 페이지의 미리보기를 가진다. 이 예에 있어서, 브라우저의 메인 페이지와 상기 브라우저는, 화면(104)의 최상단에 있는 운영체제 배경의 위와 같이, 이전에 상기 브라우저의 최상단 끝부분 위에 있었던 공간에서의 포인터의 사용자 선택에 대응하여 아래 방향으로 슬라이드한다. 결과적으로, 3개의 미리보기(114A, 114B, 114C)는 상기 브라우저 탭 위의 방금 막 비워진 공간 안에 표시되고, 상기 특정 미리보기에 상응하는 상기 가려진 페이지의 상기 탭과 함께 정렬된다. 다시 말해, 상기 미리보기는 상기 가려진 페이지들 각각의 현재 화면으로부터 친숙한 방법으로 형성된 섬네일이다. 또한 상기 사용자는 시스템을 그것의 원래 상태로 되돌아가게 할 수 있고, 상기 미리보기들을 이들의 포인터를 페이지(110)의 내용(body)으로 물러나게 함으로써 사라지게 할 수 있으며, 또한 그들은 미리보기(114A, 114B, 114C) 중 하나를 선택함으로써 포커스 페이지를 상기 표시된 페이지들 중 하나로 전환시킬 수 있다.

도 1b에 도시된 브라우저는 도 1a에 도시된 브라우저보다 더욱 비(非)크롬(Chrome-free)하다. 예를 들어, 전자의 브라우저는 인포메이션 바(104)를 포함하지 않는다. 이와 유사한 방법으로, 다양한 다른 형태의 브라우저는 방금 막 논의한 바와 같은 미리보기 메커니즘을 포함할 수 있다.

복수의 미리보기를 표시하기 위한 대안적인 메커니즘은, 도 1a의 미리보기(114)와 같은 방법, 각각 연관된 탭의 아래에 정렬하는 것으로 복수의 미리보기를 표시하는 것이다. 그러한 경우, 미리보기가 상기 브라우저의 포커스 페이지인 페이지(110)의 일부를 가릴지라도, 상기 브라우저의 상단은 아래로 움직이지 않아도 된다.

도 1c는 슬라이드할 수 있는 정보 패널을 가지는 브라우저의 스크린 샷을 나타낸다. 다시 말해, 상기 브라우저는 상기 브라우저에 의하여 수많은 상이한 페이지가 열려진 탭된 브라우저이고, 일 특정 페이지(136)는 상기 브라우저의 현재 포커스 페이지이다.

정보 패널(124)은 도 1a 및 도 1b의 선택 가능 컨트롤(118)과 같은 선택 메커니즘(126)과 연관되어 있을 수 있고, 여기서 상기 메커니즘(126)에 대한 사용자 선택은 패널(124)이 표시되도록 한다. 상기 패널이 표시되면, 그것은 화면(120)의 옆에서부터 안쪽으로 슬라이드할 수 있고, 상기 화면상에 존재하는 아이템들을 오른쪽으로 밀어낸다. 또한 여기서 나타낸 바와 같이, 대안적으로 패널(124)은 탭(122)을 가지는 페이지(136)의 상단 위로 슬라이드할 수 있고, 그리고 나서 상기 메커니즘(이것의 화살표는 상기 2가지 상태 사이에 있어서 방향을 바꾼다)이 다시 선택되면 슬라이드하여 되돌아갈 수 있다.

패널(124)은 정보의 다양한 카테고리를 표시할 수 있고, 사용자는 그들의 패널(124)의 적절한 카테고리와 레이아웃(layout)을 선택할 수 있다. 이 예에 있어서는, 상기 카테고리는 북마크(bookmark)(128), 웹 브라우징 기록(130) 및 채팅 어플리케이션(132)를 포함한다. 알려진 바와 같이, 상기 북마크는 상기 사용자가 이전에 그들에게 있어 중요한 것으로 나타낸 웹 페이지의 제목과 링크이다. 상기 기록은 상기 사용자가 방문했던 페이지의 명칭과 링크의 목록이다. 특정 실시예에 있어서는, 상기 북마크와 기록은 하나의 목록으로 결합될 수 있다. 상기 채팅 어플리케이션(132)은 널리 알려진 형식을 취하고, 현재 온라인인 친구들의 아이콘을 나타내며, 상기 사용자가 그들의 친구들과 번갈아 가며 메모를 입력할 수 있는 메커니즘을 제공한다(예를 들어 텍스트 상자(134)).

이 도면에 있어서의 포커스는 북마크 섹션(128)의 특정 화면상에 있다. 그 섹션은 아이콘 및 제목(128A)으로 캡션(caption)되어 있고, 각각의 북마크된 페이지의 목록을 제공받는다. 명확성을 위해 여기서는 일반적으로 도시하였더라도, 기록 섹션(130)은 유사하게 표시될 수 있다.

상기 열거된 북마크에 있어서의 각 항목은 파비콘(128B), 제목(128C) 및 동적 콘텐츠(dynamic contents)(128D)를 포함한다. 상기 파비콘은 각 항목에 상응하는 웹 페이지의 퍼블리셔로부터 제공받을 수 있거나, 또는 도 5c와 관련된 상세한 설명에 설명되어 있는 바와 같은 프로세스에 의하여 자동적으로 생성될 수 있다. 특히, 이미지는 상기 파비콘을 생성하기 위하여 상기 페이지로부터 채택될 수 있고, 또한 상기 페이지의 토픽은 상기 페이지를 분석함으로써 정해질 수도 있으며, 상기 토픽(또는 토픽들)은 이미지 라이브러리로 제출(submit)될 수 있고, 그리고 상기 라이브러리로부터의 결과 중 하나는 파비콘으로서 재구성(reformat)되고 배치될 수 있다.

제목(128C)은 친숙한 형태를 가진다. 이는 상기 웹 페이지의 평범한 영어로 된 설명을 제공하는 정적 콘텐츠(static contents)이고, 상기 페이지의 저자(author)가 제공한 상응하는 태그(tag)로부터 얻어질 수도 있다.

동적 콘텐츠(128D)는 상기 제목에 첨부되고, 상기 페이지와 연관된 다양한 정보를 나타낸다. 예를 들면, 그 페이지가 스포츠와 관련된 페이지라면, 상기 동적 콘텐츠는 (도 1c의 ESPN 항목에 도시한 바와 같이) 현재 진행중인 스포츠 경기의 스코어를 포함할 수 있다. 만일 그 페이지가 지역 신문의 제1 면이라면, 상기 동적 콘텐츠는 (Star Tribune 및 Maui newspaper 항목에 표시한 바와 같이) 상기 신문의 도시의 현재 날씨일 수 있다. 그리고, 그 페이지가 전국지(全國紙, national newspaper)라면, 상기 동적 콘텐츠는 (New York Times 및 Wall Street Journal 항목에 나타낸 바와 같이) 현재 뉴스 기사의 헤드라인일 수 있다.

상기 콘텐츠는 단일 또는 복수의 콘텐츠일 수 있다. 전자에 있어서는, 상기 콘텐츠에 변화가 일어났을 때 업데이트되더라도, 콘텐츠의 한 부분은 정적으로 표시될 수도 있다. 예를 들어, 만일 기온이 변화하면, Star Tribune 항목에 있어서 미니애폴리스(Minneapolis)의 기온은 업데이트될 수 있다. 후자에 있어서, 상기 콘텐츠는, 공통(common) 카테고리 아래로 늘어뜨려지는 정보의 다른 하위 카테고리를 나타내기 위하여 계속하여 변화할 수 있다. 예를 들어 상기 ESPN 항목에 있어서, 모든 진행중인 야구 경기의 스코어는 동적 콘텐츠(128D)에 잇달아 표시될 수 있다. 예를 들어, 상기 표시는 슬라이드 쇼의 형태일 수 있고, 상기 슬라이드 쇼에서 상기 표시된 경기는 매 수 초마다 차례로 딸깍 소리내며 전환된다. 또한 상기 변화는 수평으로 움직이는 티커 테이프(ticker-tape) 방식 또는 수직으로 스크롤할 수 있는 방식과 같이 애니메이션화 시킬 수 있으며, 이 경우 각 스코어가 그 라인 상에 충분히 표시되었을 때, 시스템은 멈출 수 있다.

상기 정보는 RSS 피드 등, 피드와 같이 널리 알려진 다양한 방법으로 제공받을 수 있다. 기본 페이지(underlying page)와 관련된 피드 사이의 관계는, 양자가 적절히 조정(coordinate)될 수 있도록 다양한 방법으로 도출될 수 있다. 예를 들어, 상기 페이지는 상기 피드로의 참조를 가지는 태그를 포함하게 할 수 있고, 상기 브라우저는 정보 동적 콘텐츠(128D)에 배치될 수 있는 상기 피드로부터의 정보를 수신 시작하기 위하여 그 태그를 읽을 수 있다.

이러한 방식으로, 상기 도면에 도시된 상기 시스템은 사용자에게 페이지 명칭의 목록에 더욱 유용한 정보를 제공할 수 있다. 그리고 나서, 그러한 목록은, 그러한 표시가 상기 화면상의 공간을 차지하더라도, 사용자에 의하여 더욱 자주 표시될 수 있다. 이로써, 상기 사용자는 추가적인 정보 및 그의 북마크 또는 기록 목록에 열거된 페이지로의 더욱 빠른 접근을 가짐으로써 이익을 얻을 수 있다.

도 1d는 웹 페이지 양식에 정보를 제공하기 위한 드래그 가능한 아이콘(148)의 사용의 일례를 나타낸다. 이 예시에 있어서는, 상기 아이콘은 간단한 메커니즘을 제공하며, 이 메커니즘에 의하여 사용자는 메모지철(scratch)로부터 타이핑(typing)할 필요없이 상기 정보를 입력할 수 있다. 그럼에도, 상기 사용자는 아이콘(148)으로 대표되는 상기 정보가 웹 페이지의 제공자에게 주어지기 전에 동의하는(affirmative) 행위를 취해야만 하므로, 상기 메커니즘은 자동 채우기 형식(auto-filling form)보다 더욱 안전하다. 이러한 방식으로, 상기 사용자는 상대적으로 간단하고 그럼에도 상대적으로 안전한 경험을 가질 수 있다. 프로세스의 자세한 설명은 도 5d와 관련하여 이하에 제공된다.

이제 더욱 자세히 도 1d를 참조하면, 랩탑(laptop) 컴퓨터, 노트북 또는 스마트 폰과 같은 컴퓨팅 장치 상의 그래픽 디스플레이의 전부 또는 일부일 수 있는 화면(140)이 도시되어 있다. 대부분의 비(非) 크롬 방식에 있어서, 상기 디스플레이에 도시된 것은, 주된 웹 페이지를 표시하고, 브라우저에 열려 있지만 현재 브라우저의 포커스 페이지가 아닌 복수의 가려진 웹 페이지의 탭을 나타낸, 브라우저(142)이다.

상기 주된 페이지 상의 브라우저(142)에 표시된 광고(144)는 기입 양식으로의 정보 제출을 위한 선택 가능 컨트롤인 아이콘(146)을 포함한다. 이 예에 있어서는, 상기 광고는 상기 페이지 상의 아이프레임 엘리먼트(iFrame element)로 만들어진 가젯 형식으로 되어 있다. 상기 광고는 온라인 신문 정기구독으로의 접속(access)을 수신하도록 되어 있고, 상기 사용자는 접속 자격 증명(access credential)을 확인하기 위하여 그들의 이메일 주소를 입력할 수 있다. 또한 메커니즘은, 얼마나 오랫동안 그들이 정기구독을 원하는지를 확인하기 위하여, 그리고 청구 정보(billing information)를 수동으로 입력하기 위한 화면으로 옮겨지는 URL 을 선택하기 위하여((예를 들어 'EPAY' 및 '신용카드 데이터 입력'), 사용자에게 제공된다.

하지만, 광고(144)는 또한 신용카드 또는 다른 청구 정보를 거의 완전히 자동적으로 제공하기 위한 아이콘(146) 형식의 메커니즘 및 그것의 기본 코드(underlying code)를 제공한다. 아이콘(146)은 사용자에게 그러한 단순화되고 안전한 정보 제출 기술의 유용성을 알리기 위하여 그러한 기술(이 예에서는 "DRAG PAY")의 이름으로 이름붙여져 있다. 따라서, 파선으로 된 휘어진 화살표로 도시한 바와 같이, 상기 사용자는, 그들의 신용카드 정보가 아이콘(146)의 밑에 깔려있는(underlying) 어플리케이션에 적용되도록 하기 위한 의도를 나타내기 위하여 아이콘(148)을 클릭하여 아이콘(146) 위로 드래그하고 놓는다. 이 예에 있어서, 상기 사용자는 아이콘(148) 밑에 깔려있는 상기 어플리케이션이 그 정보를 판정할 수 있도록 그들의 신용카드 정보를 미리 양식에 기입하였고, 그리고 그러한 저장 및 정보의 처리는, 아이콘(146) 밑에 깔려있는 상기 어플리케이션이 그것이 수신하는 상기 정보를 적절히 다룰 수 있도록, 공공 API(public API)를 준수하는 포맷으로 되어 있을 수 있다.

도 1e 내지 도 1l은 운영체제에 있어서의 웹 브라우저로 제공될 수 있는 예시 보조 컨트롤의 스크린 샷을 나타낸다. 예를 들어, 특정 실시예에 있어서, 이하에 더욱 상세히 설명되어 있듯이, 상기 창의 크기에 따라서 콘텐츠의 다양한 버전(version) 및 포맷이 이용 가능하다. 예를 들어, 브라우저는, 하나의 모드는 전체 콘텐츠(또는, "최대화 모드")와 연관되고, 다른 하나의 모드는 축약된 콘텐츠(또는, "최소화 모드")와 연관되어있는 듀얼 모드(dual mode)를 가질 수 있다. 상기 브라우저는 콘텐츠 제공자가 화면에 표시될 전체 콘텐츠를 제공하도록 할 수 있다. 그리고, 브라우저의 모드에 따라서, 상기 제공된 콘텐츠의 전체 또는 축약된 버전이 제공된다. 일부 실시예에 있어서는, 상기 콘텐츠 제공자는 상기 콘텐츠 및 상기 각 모드의 제공 방식(presentation)을 특정한다. 또다른 실시예에 있어서는, 상기 브라우저는 각 모드의 세트 포맷(set format)을 제공하고, 상기 제공된 콘텐츠는 상기 브라우저에 의하여 정의된 바와 같이 그 모드에 따라서 포맷된다.

도 1e에 있어서, 탭된 브라우저는 운영체제에서의 데스크탑 상단에, 3개의 열려진 페이지와 함께 도시되어 있다. 상기 브라우저에는 웹 페이지가 표시되어 있고, 검색 상자는 상기 브라우저의 좌상단 코너에서 떨어져서 표시되어 있다. 여기서는, 탭의 존재는 상기 브라우저의 상단이 약간 떨어지게 하였고, 이렇게 하여 상기 검색 상자를 위한 공간을 만들었다. 또한, 상기 브라우저는 화면의 왼쪽 모서리를 따라서 작은 아이콘들을 위한 자리를 마련하기 위하여 상기 데스크탑의 왼쪽 모서리로부터 약간 밀어내어지며, 상기 사용자는 그들에게 추가적인 정보를 표시하게 하기 위하여 이를 선택할 수 있다.

도 1f는 사용자가 상기 사용자의 연락처와 관련된 아이콘을 선택한 이후의 아이콘의 완전한 배열을 나타낸다. 그러한 동작은 연락처 관련 패널이 상기 아이콘의 배열로부터 슬라이드하여 나오도록 하였고, 이는 상기 브라우저를 상기 화면의 오른쪽으로 밀어내었다. 또한, 상기 패널은 상기 브라우저의 상단 위로 슬라이드되도록 구성될 수 있다. 상기 연락처 어플리케이션은 친숙한 형태를 취하고, 다양한 연락처의 컴퓨터와 관련된 상태를 나타낸다. 다른 통상적인 어플리케이션들은 또한 상기 배열 상에 아이콘으로 나타내어지고, 사용자들은 그들이 가장 자주 사용하는 어플리케이션을 표시할 수 있도록, 그들이 적절하다고 생각하는 아이콘 등을 추가 또는 삭제할 수 있다.

도 1g에 있어서, 상기 연락처 어플리케이션은 채팅 어플리케이션으로 더욱 구체화되었고, 그것의 위치는 상기 화면의 하단에서부터 그것이 팝업(pop-up)하기 위하여 바뀌었다. 다른 화면상의 구성은 일반적으로 그대로 남아 있다. 또한 상기 채팅 어플리케이션은 그것의 제목바(title bar)가 상기 화면의 하단부에 따라서 나타나도록 최소화될 수 있다. 또한 복수개의 최소화된 어플리케이션의 제목바는 서로 인접하게 하여 표시될 수 있다.

도 1h에 있어서, 사용자는 그의 장치에서 지원되는 어플리케이션을 보기 위하여 선택하였고, 이것은 상기 화면의 좌측에 따른 상기 배열에 현재 나타나 있다. 결국, 다양한 어플리케이션의 아이콘 무리(cluster)는 생성되고, 다시 상기 브라우저는 오른쪽으로 밀어내어진다. 일부 실시예에 있어서, 다른 어플리케이션의 실시가 화면상의 아이템을 상기 브라우저의 상단 위에 생성시킬 수 있는 반면, 상기 배열에서부터의 특정 어플리케이션의 실시(invocation)는 상기 브라우저를 측면으로 밀어낼 수 있다.

도 1i는 사용자가 포인터를 상단 모서리 인근에 맴돌게 하는 등으로, 상기 화면의 상단 모서리에 따라 생성될 수 있는 툴바(toolbar)를 나타낸다. 이 툴바는 구글 툴바(GOOGLE TOOLBAR)와 매우 유사한 형태를 가지며, 검색 상자와 상기 툴바에 의하여 지원되는 수많은 기능을 위한 아이콘을 포함한다.

도 1j는 사용자가 선택할 수 있는, 최근에 방문한 웹 페이지의 섬네일을 나타내는 운영체제의 스크린 샷을 나타낸다. 예를 들면, 사용자가 앞선 도면들에 도시된 상기 브라우저를 최소화하는 것을 선택할 때, 그러한 화면이 나타날 수 있다. 보이는 바와 같이, 그러한 최소화는, 상기 탭과 상기 툴바의 일부만이 보이도록, 상기 브라우저를 상기 화면의 하단으로 슬라이드하도록 야기하였다. 이 예에 있어서, 상기 섬네일은 두 개의 카테고리를 포함하고 있으며, 두 개의 형식을 가진다. 제1 카테고리는 상기 사용자가 가장 많이 방문한 사이트들이며, 그 섬네일들은 그러한 페이지에 있어서의 화면 형태 거의 그대로의 스크린 샷을 나타낼 수 있고, 현재 구글 크롬 브라우저 또는 상기 구글 툴바가 설치된 인터넷 익스플로러(INTERNET EXPLORER) 브라우저에서 다수 일어나고 있다. 상기 페이지로부터의 상기 콘텐츠는 현재(예를 들어, 상기 사용자가 브라우저를 최소화하였을 때 가져올(fetch) 수 있다.) 또는 과거(다시 말해, 상기 사용자가 마지막으로 방문하였을 때 존재하였던 사이트를 나타낼 수 있다.)의 것일 수 있다.

섬네일의 다른 카테고리는 사용자가 최근에 방문한 사이트의 기록이며, 도 1k에 나타낸 바와 같이, 상기 이러한 사이트의 섬네일들은 다양한 크기를 가진다. 특히 이들은 상기 전체 웹 페이지의 실제 콘텐츠를 나타낸다. 따라서 짧은(short) 페이지들은 높은 레벨로 확대되어 도시되어 있고, 또한 상대적으로 짧다. 긴(longer) 페이지들은 낮은 레벨로 확대되어 있고, 또한 길다. 또한, 최근 페이지들의 상기 섬네일은 타임 라인(timeline)의 더 나은 시각적 인상을 주기 위하여 오래된 페이지들의 섬네일보다 더 크다. 사용자는 상기 브라우저에 있어서 기본 페이지 중 하나를 예시로서 나타내기 위하여 상기 섬네일들 중 어느 것을 선택할 수 있다.

도 1l은 최대화("최대화 모드") 및 최소화("최소화 모드")된 형태의 웹 페이지들의 예시 스크린 샷을 나타낸다. 그러한 특성은 페이지 콘텐츠의 퍼블리셔가 긴 형태 및 짧은 형태의 콘텐츠를 제공하는 것을 허용할 수 있고, 따라서 그들이 상기 브라우저에 집중할 때 및 그렇지 않을 때 모두에 사용자의 흥미를 유지하게 할 수 있다. 그러한 기능이 제공된 특정 프로세스는 도 5e와 관련하여 이하에 설명되어 있다.

좌측 화면에 도시된 바와 같이, 도면에 있는 것과 같은 브라우저는 3개의 페이지를 열었고 한 페이지(뉴욕 타임즈(the New York Times))를 포커스하였다. 우측 화면에 있어서, 사용자는 상기 브라우저를 최소화하는 선택을 하였고, 결국, (비록 단지 상기 화면의 하단으로 이동한 것에 불과하더라도,) 그것의 초기 형태 브라우저는 사라졌다. 그것의 공간에는 위젯 또는 가젯의 외형을 가지고, 그렇게 실제로 실시될 수 있는 화면상 객체가 있다. 상기 객체의 각각은 상기 브라우저의 이미 열린 페이지 중 하나에 상응하고, 작지만 혹은 축약된 형태지만, 연관된 페이지에 표시된 정보에 상응하는 정보를 나타낸다.

예를 들면, 상기 제1 페이지는 뉴욕 타임즈의 페이지이고, 상기 상응하는 객체는 상기 페이지와 동일한 페이지 제목을 나타내는 반면, 상기 신문은 전국지이므로, 단지 전국지의 헤드라인을 표시한다. 특정한 헤드라인은 상기 신문으로부터 뉴스 피드로 제공될 수 있고, 여기서 상기 뉴스 피드의 식별자는 상기 브라우저가 바로 상기 피드를 식별할 수 있도록 상기 페이지의 식별자(즉, URL 또는 부분적(partial) URL)와 직접적인 관계를 가지며, 상기 피드로부터 그것은 실장하는(populating) 상기 객체에 있는 정보를 추출한다. 또다른 예로서, 제2 웹 페이지는 스타 트리뷴(the Star Tribune) 지역지 신문의 페이지이며, 그 객체는 지역 뉴스 헤드라인을 나타낸다. 제 1 객체와 같이, 상기 헤드라인은 연관된 기사를 실은 그 신문의 웹 페이지로 연결되는 사용자가 클릭할 수 있는 URL의 일부분일 수 있다. 상기 웹 페이지 퍼블리셔의 희망에 따라, 각 페이지는 피드를 가질 수 있거나, 각 섹션은 분리 피드(separate feed)를 가질 수 있거나, 또는 전체 웹 사이트는 하나의 피드를 가질 수 있다. 일반적으로, 자금 지원을 받은 소유자를 가진 규모가 큰 사이트는 더 많은 피드를 가질 것이다.

이 예시에 있어서, 제3 페이지는 ESPN 스포츠 사이트이며, 따라서 피드 안에 있는 동적 콘텐츠는 스포츠 스코어이다. 더욱 특히, 상기 사용자는 메이저 리그 베이스볼(Major League Baseball) 페이지에 있었고, 그가 상기 브라우저를 최소화하였을 때, 그는 현재 진행되고 있는 야구 경기의 구체적인 피드를 받고 있다.

도 1l에 도시된 상기 위젯 또는 가젯 각각은 웹 사이트의 최소화(축소된) 모드 또는 콘텐츠 제공자에 의하여 웹 사이트로부터 제공된 콘텐츠의 축약된 버전의 예시이다. 그러한 축약된 버전들은 사용자에게 그가 링크를 클릭하는 것에 흥미가 있는지 확인할 수 있게 하는 충분한 관련된 콘텐츠를 여전히 제공하기 때문에, 그러나 그들은 충분히 작아서 복잡한 컴퓨터 화면상에 많은 공간을 차지하지 않아서, 유리하다.

일부 실시예에 있어서, 상기 브라우저는 최대화된 "최대화 모드"에서, 훨씬 더 작은 "최소화 모드"에 이르기까지 양자 사이에 다양한 레벨을 가질 수 있는 다양한 세트 모드를 가진다. 일부 실시예에 있어서, 브라우저는 듀얼 모드(: 최대화 모드 및 최소화 모드)를 지원한다. 일부 실시예에 있어서, 상기 브라우저는 상기 모드 각각의 포맷팅 규칙(formatting rule)을 정의한다. 예를 들면, 상기 최대화 모드 포맷팅은 상기 콘텐츠 제공자로부터 제공받은 어떤 및 모든 콘텐츠가 표시되도록 할 수 있다. 하지만, 창이 상기 최소화 모드로 최소화되면, 상기 최소화 모드의 상기 포맷팅 규칙은 단지 제목 및 콘텐츠의 첫 3 줄만이 표시되도록 지시할 수도 있다. 대안적으로, 상기 최소화 모드의 상기 포맷팅 규칙은 단치 제목 및 상기 페이지의 축소 사진이 표시되도록 지시할 수도 있다. 상기 포맷팅 규칙은 또한 상기 최소화 모드 화면을 압도할 수도 있는 비디오 또는 오디오의 표시를 방지할 수 있다. 다양한 다른 포맷팅 규칙은 고려될 수 있다. 이러한 실시예에 있어서는, 상기 브라우저 자체는 콘텐츠 제공자로부터 수신한 콘텐츠를 포맷한다.

대안적인 실시예에 있어서는, 상기 콘텐츠 제공자는 상이한 모드를 위한 동일한 콘텐츠의 다양한 버전을 제공할 수 있다. 그러한 실시예의 일례는 웹 사이트의 "m" 버전과 관련하여 이하에 논의된다. 또다른 실시예에 있어서는, 화면에 있는 모드에 따라서 상기 콘텐츠 제공자는 요청된 콘텐츠의 복수의 버전을 제공한다.

일부 실시예에 있어서는, 상기 브라우저는 상기 창이 상기 최소화 모드에까지 작아질 때, 그 자체를 모바일 브라우저라 할 수 있다. 그렇게 함으로써, 상기 사용자가 모바일 장치를 사용하고 있는 것과 같이(상기 사용자가 모바일 장치를 사용하고 있었는지를 불문하고), 상기 브라우저는 웹 페이지의 상기 모바일 버전(예를 들어, espn.go.com 대신에 m.espn.go.com과 같은 웹 사이트의 "m"버전)을 로드할 수 있다. 예를 들면, 사용자가 espn.go.com이라는 URL에서 콘텐츠를 보고 있었고 그리고 나서 그 창을 최소화시켰다면, 결과로서의 위젯 또는 가젯은 espn.go.com에서 표시되는 상기 콘텐츠의 모바일 버전인 m.espn.go.com으로부터의 콘텐츠를 표시할 것이다. 상기 브라우저의 프로그래밍은 확장 가능하기 때문에, "m" 접두어(prefix)뿐만 아니라 다른 유형의 모바일 접두어도 사용될 수 있다. 예를 들어, 상기 창이 상기 최소화 모드로 최소화되는 경우, 브라우저 자체를 모바일 브라우저라 할 때, ".mobi"라는 최상위 레벨(top-level) 도메인을 가진 URL은 사용될 수 있다.

도 2a 내지 도 2g 는 메타 웹 페이지를 형성하기 위한 시스템으로부터의 스크린 샷을 나타낸다. 일반적으로, 상기 메타 페이지는 사용자가 토피컬(topical) 페이지를 생성하기 위해, 다양한 방법으로 다양한 동일한 도메인 또는 상이한 도메인 각각으로부터의 개별 페이지를 결합하는 것을 허용하며, 토피컬 페이지의 개별 구성 요소는 상기 메타 페이지를 상하로 스크롤함으로써 접속될 수 있다. 그러므로, 예를 들면, 사용자는 모든 주요 전국지 신문으로부터 그것 페이지 위에 드래그 함으로써 메타 페이지를 형성할 수 있다. 매일 아침, 상기 사용자는 각 페이지를 개별적으로 로드하고, 각 페이지의 탭 사이를 전환할 필요 없이, 모든 신문(여기서, 상기 메타 페이지는 사용자의 북마크로서 저장될 수 있는 그 자신만의 URL 또는 pseudo-URL을 가질 수 있다.)의 헤드라인을 보기 위해 상기 메타 페이지를 통하여 단순히 스크롤해 내려갈 수 있다.

도 2a는 운영체제 데스크탑 에 있어서, 메타 페이지의 축소된 표현을 나타낸다. 이 예에 있어서, 상기 메타 페이지는 2개의 하위 페이지(-이메일 페이지 및 캘린더 페이지)를 포함한다. 이렇게 하여, 상기 사용자는 사실상 개인 정보 관리 페이지를 생성하였다.

도 2b에 있어서, 상기 사용자는 도 2a의 메타 페이지를 클릭함으로써 상기 페이지를 보기로 선택하였다(도 2b에 이중 동그라미(lingering) 선택점으로 표시된 것으로서, 이곳은 도 2a에서 이전에 상기 메타 페이지가 있었음). 여기서는 GMAIL 이메일 어플리케이션의 통상적인 모습을 볼 수 있다. 도 2c는 상기 사용자가 상기 메타 페이지에서 약간 스크롤해 내려간 것을 나타내고, 그리고 그 밑에 상기 GMAIL 하위 페이지 및 캘린더 하위 페이지 나타내고 있다.

상기 사용자는 도 2d에 있어서, 상기 캘린더 하위 페이지의 끝까지, 뉴욕 타임즈 하위 페이지까지 더욱 아래로 스크롤하였다. 여기서는 도시하지는 않았으나, 상기 사용자는 상기 메타 페이지를 강조(highlight)함으로써, 그리고 나서 "www.nytimes.com" 또는 "New York Times"를 화면상의 검색 상자에 입력함으로써,하위 페이지를 추가할 수 있었다. 그러한 정보를 입력한 이후에, 상기 페이지의 작은 표현은 도 2a에 도시된 바와 같은 메타 페이지에 추가될 수 있었다. 도 2e에 있어서, 상기 사용자는 상기 화면의 상단에 있는 탐색 상자(navigation box)에 뉴욕 타임즈의 도메인을 입력하였고, 상기 페이지는 뉴욕 타임즈로 이동(jump)하였다.

도 2f에 있어서, 상기 사용자는, GMAIL 어플리케이션까지 뒤로 스크롤하였거나, 자동적으로 그 동일한 위치까지 스크롤된 화면을 가지기 위하여 상기 탐색 상자에 적절한 정보를 입력하였다. 또한, 상기 사용자는 친구와 채팅 세션을 시작하기 위하여 친구의 사진을 나타내는 아이콘을 선택하였다. 결과적으로, 채팅 어플리케이션은 상기 화면의 상단에 있는 하위 창을 열었고, 그 곳에서 상기 사용자는 대화를 계속할 수 있다.

도 2g에 있어서, 상기 메타 페이지는 최소화되었고 그 화면은 상기 데스크탑으로 되돌아갔다. 또한 상기 사용자는 제2 메타 페이지를 생성하는 것을 시작하기 위하여, 제1의 메타 페이지로부터의 뉴욕타임즈 하위 페이지를 상기 데스크탑 위에 드래그하였다. 게다가, 상기 사용자는 이후, 2개의 URL의 페이지를 새로이 생성된 제2 메타 페이지에 추가하기 위하여, 2개의 URL을 상기 탐색 상자에 입력하였다. 상기 사용자는 그러고 나서 그들의 동작을 계속하기 위하여, 상기 2개의 메타 페이지 중 하나의 크기 축소된 렌더링 중 하나를 선택할 수 있다.

도 3은 운영 체제에, 검색 화면을 표시하는 비 크롬 브라우저의 스크린 샷이다. 다시, 이 화면은 화면의 좌측 모서리에 따라 수직 배열에 있는 아이콘을 나타낸다(비록, 그것이 다른 모서리에, 또는 플로팅 툴바(floating toolbar)로서 도시될 수 있더라도). 상기 브라우저에 표시된 페이지는 구글 검색 홈 페이지이고, 또한 상기 화면은 상기 페이지의 상단에 유니버셜 검색 상자(universal search box)를 나타내며, 여기서 상기 유저는 양 검색 상자에 쿼리(query)입력할 수 있다. 또한 이 예에서는, 그래픽(graphical) 기록이 상기 화면의 우측을 따라 도시되어 있고, 그곳에는 최근 페이지는 완전히 보여질 수 있도록, 그리고 더 오래된 페이지는 덜 완전하게 보여질 수 있도록, 최근에 방문한 페이지의 섬네일이 증가 중첩(increasing overlap)하게 도시되어 있다.

도 4는, 웹 브라우저 시스템의 사용자와 상호작용하기 위한 모바일 컴퓨팅 장치의 모식도이다. 여기서, 상기 장치는 스마트 폰의 형태로 도시되어 있으나, 데스크탑 PC, 넷북 또는 랩탑 컴퓨터와 같은 다양한 다른 형태를 취할 수 있다. 이 예에 있어서는, 모바일 장치(402)는 입력 및 출력을 위한 터치 화면(404) 및 대체 입력 메커니즘으로서의 트랙볼(406)을 가진 슬라이드 기반 스마트 폰이다.

화면(404)은 상기 페이지와 같은 방법으로, 비 크롬 브라우저에 표시된 지도 어플리케이션의 예시 및 상술한 바와 같은 정보 패널을 나타낸다.

이상 및 이하에 더욱 상세히 설명된 바와 같이, 특징과 연관된 상기 장치의 구성 요소를 나타내기 위하여, 수많은 구성 요소는 장치(402)의 내부에 모식적으로 도시되어 있고, 상기 특징을 실시하기 위하여 이용된다. 이 예에 있어서, 설명의 명확성을 위해 특정한 구성 요소가 분리되어 도시되어 있더라도, 하나 또는 그 이상의 상기 구성요소는 장치(402) 상의 프로그래머블 마이크로 프로세서(programmable microprocessor)의 일부로서 실시될 수 있다. 다른 구성 요소들의 배치 역시 고려될 수 있다.

입력 관리부(412)가 상기 터치 화면 또는 트랙볼(406)과 같은 다른 메커니즘으로부터 수신하는 입력을 관리하는 한편, 장치(402)는 터치 화면(404) 상에 사용자에게 표시되는 다양한 요소를 제어하기 위한 화면 관리부(408)를 포함한다. 상기 화면 관리부는 다양한 어플리케이션 및 상기 운영체제의 다른 구성 요소로부터의 정보를 수신할 수 있고, 어떤 요소가 다른 요소와 관련하여 표시되어야 하는지, 어느 요소를 숨겨야 하는지 및 어떻게 시각적 요소를 상호 관련하여 표시할 것인지를 결정할 수 있다. 입력 관리부(412)는 사용자가 상기 장치에 취하는 동작을 해석하기 위하여 상기 화면 관리부와 조정(coordinate)할 수 있다. 예를 들면, 사용자는 그들의 손가락을 터치 화면(404) 위에 위치시킬 수 있고, 터치 화면(404) 상의 포인터를 움직이게 할 수 있으며, 그러고 나서 선택을 할 수 있다. 상기 입력 관리부(412)는 그러한 동작에 의하여 어떠한 아이템을 상기 사용자가 선택하였는지 알아내기 위해 상기 화면 관리부를 참조할 수 있고, 이벤트 관리부(410) 등을 이용하여, 그러한 이벤트를 정기적으로 수신할 수 있는 다양한 다른 구성 요소로 전달될 수 있는 이벤트를 생성할 수 있다.

장치(402)는, 상기 장치에서 구동하는 어플리케이션 및/또는 상기 장치의 운영체제가 이용 가능하도록 만들어질 수도 있는 다양한 서비스를 제공받을 수 있다. 예를 들면, 널리 상업적으로 입수되는 모듈일 수 있는 GPS모듈은 장치(402)의 위치에 관한 결정을 내릴 수 있고, 운전 방향을 제공하는, 상기 사용자의 위치를 소셜 네트워크와 같은 것을 통해서 상기 사용자의 친구에게 참고로서 제공하는 어플리케이션과 같은 다양한 어플리케이션에 그러한 정보를 제공할 수 있다. 유사한 방식으로, 맞춤법 교정기(416)는, 어플리케이션으로 하여금 상기 사용자가 입력한 데이터를 교정하거나 상기 사용자에게 그 입력에 관한 문제점에 대해 알릴 수 있도록, 상기 장치 상에서 구동하는 다양한 어플리케이션이 일반적으로 이용 가능한 서비스를 제공할 수 있다.

다양한 물리적인 출력 메커니즘은 또한 상기 장치(402)에서 제공될 수 있다. 예를 들면, 진동기(422)는 촉각적인 피드백을 사용자에게 부여하기 위해 제공될 수 있다. 진동기(422)는 상기 장치 상의 다양한 어플리케이션이나 서비스에 의하여 호출될 수 있는 연관된 제어기(미도시)를 가질 수 있다. 예를 들면, 맞춤법 교정기(416)는, 맞춤법 교정기(416)에 의하여 맞춤법 오류가 인식될 때마다 상기 장치를 진동하게 할 수 있다. 또한, 사운드 제어기(424) 및 연관된 오디오 스피커는 신호음 또는 합성된 음성과 같은 형태로 사용자에게 추가적인 피드백을 부여하기 위하여 제공될 수 있다.

다양한 어플리케이션(418, 420)은 상기 장치 상에서 실행될 수 있고 화면 관리부(412)를 통하여 표시되는 그래픽 데이터를 제공할 수 있다. 상기 어플리케이션은 장치(402) 상의 운영체제의 일부일 수 있고, 온라인 마켓 등으로부터 상기 장치의 사용자에 의하여 부가될 수 있다. 이 예에 있어서, 제1 어플리케이션은 지도 어플리케이션이고, 독립형(standalone) 어플리케이션, 또는 하나의 어플리케이션 또는 브라우저 어플리케이션(420)에서 실행되는 플러그인(plug in)으로서 실행될 수 있다. 상기 브라우저 어플리케이션은 독립형 어플리케이션 또는 장치(402) 상에서 실행되는 운영체제 안에 설치된 구성 요소일 수 있으며, 본 명세서의 다른 부분에서 상세히 설명된 것과 같은 화면을 생성할 수 있다.

상기 운영체제 및 상기 어플리케이션을 위한 다양한 메시지는 무선 인터페이스(426)를 통하여 인터넷에 연결된 무선 통신 네트워크와 같은 네트워크로부터 수신될 수 있다. 하나 또는 그 이상의 원격 서버와 같은 상기 네트워크로부터 수신된 정보는 상기 어플리케이션(418, 420)에 제공될 수 있고, 정보는 상기 어플리케이션(418, 420)으로부터 상기 네트워크로 다시 전송될 수 있다.

이에 더하여, 휘발성 저장소 및 비휘발성 저장소를 포함한 다양한 형태의 저장소는 장치(402) 상에 제공될 수 있다. 상기 비휘발성 저장소는 어플리케이션 데이터(428), 사전(辭典) 데이터(430) 및 사용자 정보(432)와 같은 다양한 데이터 스토어(data store)를 포함할 수 있다. 상술한 바와 같이, 상기 사전은 맞춤법 교정기(416)와 협력(coordinate)하고, 맞춤법 교정기(416)에 의하여 이용된다. 어플리케이션 데이터(428)는 상기 다양한 어플리케이션이 필요로 하는 모든 데이터를, 그들의 기능을 수행하기 위하여, 포함할 수 있다. 상기 어플리케이션에 따라서는, 원격 서버 시스템 상에 저장되기 거부된다면, 더 많거나 더 적은 데이터가 로컬하게(locally) 장치(402)에 저장될 수도 있다. 예를 들면, 다른 장치는 사용자가 지도 상을 탐색함에 따라서 원격 서버로부터 지도 데이터(예를 들어, 지리적 공간의 일부분의 영상을 보여주는 지도 타일(tile))를 얻을 수 있고, 곧바로 그 데이터는 지워질 수도 있는 반면, 어떤 장치는 지도 어플리케이션의 데이터를 로컬하게 저장할 수 있다.

사용자 정보(432)는 컴퓨팅 장치(402)의 하나 또는 그 이상의 사용자의 특정 정보를 포함할 수 있다. 예를 들면, 상기 사용자 정보는 상기 사용자와 장치(402)의 상호작용을 제어하는 설정 정보뿐만 아니라 상기 사용자의 프로필 정보도 포함할 수 있고, 그리고 다양한 어플리케이션이 장치(402) 상에서 작동하는 방법을 제어할 수도 있다. 여기서는 명확성을 위하여 3개의 다양한 데이터 저장소가 도시되었지만, 더 많은 다른 정보는 있을 수 있으며, 장치(402) 상에 저장될 수 있고, 또한 여기서 도시된 바와 같이 열거되어 있을 필요는 없다.

도 5a는, 웹 페이지 간 전환을 할 때, 웹 페이지 미리보기를 표시하기 위한 프로세스의 플로차트이다. 일반적으로, 상기 프로세스는 사용자 입력에 대하여 응답하여, 탭된 웹 브라우저에서의 두 번째 페이지와 같이, 상기 브라우저에, 현재 포커스 페이지는 아니나, 상기 브라우저에 열려있는 웹 페이지의 표현을 표시하는 것을 포함한다. 상기 도 1a 및 도 1b에 도시된 예시들과 같이, 상기 페이지의 상기 표현은 상기 가려진 페이지의 섬네일 이미지와 같이 형성될 수 있고, 상기 사용자가 어느 페이지로 전환할 것인지 결정할 때 사용자에게 표시될 수 있다.

상기 프로세스는 단계 502에서 시작하며, 그 단계에서 컴퓨팅 장치는, 브라우저 상에 하나 또는 그 이상의 시각적으로 볼 수 있는 열린 페이지, 및 하나 또는 그 이상의 가려진 페이지를 가지는 웹 브라우저 창을 표시한다. 이 예에 있어서의 열린 페이지는 단일 웹 페이지 또는 상기 도 2a 내지 도 2g와 관련하여 설명한 것과 같은 복수개의 분리된 페이지로 구성된 메타 페이지일 수 있다. 웹 페이지는 또한 다른 포맷을 취할 수 있고, 상기 컴퓨팅 장치로부터 떨어진 원격 콘텐츠 또는 상기 컴퓨팅 장치의 로컬 콘텐츠 혹은 양자 모두를 표시할 수 있으며, 웹 브라우저의 창(pane) 또는 탭 상에서 생성될 수 있는 어떤 적절한 유형의 화면으로 구성될 수 있다.

상기 시각적으로 볼 수 있는 열린 페이지는 일반적으로, 상기 가려진 페이지들의 맨 위면 위에 시각적으로 놓여진 페이지로서 표현될 것이다. 상기 가려진 페이지는, 상기 시각적으로 볼 수 있는 페이지의 모서리로부터 늘어져 있는 탭과 같이, 시각적인 요소와 함께 상기 시각적으로 볼 수 있는 페이지 뒤에 숨겨진 대부분 혹은 모든 그것들의 페이지 콘텐츠를 가질 것이다. 탭과 같이, 상기 늘어져 있는 요소는 일반적으로 상기 요소를 클릭함으로써 사용자에 의하여 선택되고, 이것은 그 선택된 가려진 페이지가 이전에 상기 시각적으로 볼 수 있는 페이지였던 상기 페이지의 앞으로 시각적으로 움직임으로써, 상기 시각적으로 볼 수 있는 페이지가 되도록 한다. 또, 다른 가려진 페이지는 상기 사용자에 의하여 유사한 그리고 친숙한 방법으로 선택될 수 있다.

단계 504에서는, 상기 프로세스는 상기 가려진 페이지를 체크하려는 상기 사용자에 의한 의도를 나타내는 사용자 입력을 수신한다. 예를 들면, 상기 사용자는 그들이 생각하는 콘텐츠가 상기 가려진 페이지 중 하나 상에 있는 것을 리뷰하기 원할 수 있으나, 그들은 어느 페이지가 원하는 콘텐츠를 담고 있는지 확신하지 못하기 때문에, 그들은 전환하기 전에 상기 페이지를 체크하기 원할 수 있다. 혹은, 사용자는 페이지 상의 콘텐츠가 마지막으로 그들이 그것을 리뷰한 이후에 업데이트되었는지, 그 페이지로 완전히 전환할 필요없이 알아내기 원할 수 있다. 결국, 상기 사용자는, 그가 그러한 페이지 중 하나로 전환할 것인지 결정할 수 있도록, 상기 가려진 페이지 각각의 페이지 미리보기의 한 형식을 보기 희망할 수 있다.

상기 사용자는 다양한 방법으로 상기 가려진 페이지를 체크하려는 그들의 의도를 표시할 수도 있다. 한 예로서, 사용자는 그들의 포인터를 그 페이지의 탭 위에 머물게 함으로써, 특정 가려진 페이지의 미리보기를 보려는 상기 의도를 표시할 수 있다. 상기 사용자는, 상기 웹 브라우저의 탭 주위에 보이는 배경 공간과 같이, 모든 탭이 표시된 공간 위에 그들의 포인터를 머물게 함으로써, 모든 조작된(steered) 페이지의 미리보기를 수신하려는 의도를 표시할 수 있다. 대안적으로, 사용자는 "페이지 전환"이라 말하는 등 페이지를 미리 보려는 의도를 나타내는 음성 명령을 제공할 수 있다. 또한, 상기 사용자는 키 조합을 입력하는 등 키보드 입력에 의한 방법으로써 그러한 의도를 나타낼 수도 있다. 운영체제에 있어서, 그러한 어플리케이션 간 전환 기술 중 하나는 마이크로소프트 윈도우의 ALT-TAB 키 조합이다.

단계 506에서, 상기 프로세스는 하나 또는 그 이상의 상기 가려진 페이지의 스크린 샷을 취한다. 페이지 이미지의 그러한 취득은, 상기 페이지의 최신 업데이트된 이미지를 제공하기 위하여, 상기 사용자가 그의 의도를 나타낸 후에 실시간으로 일어날 수 있으며, 또한 상기 사용자가 상기 페이지를 마지막으로 로드하거나 또는 또다른 적절한 때 등에 미리 일어나 있을 수 있다. 상기 이미지의 취득은 다양한 알려진 방법으로 일어날 수 있고, 특정 방법은 요구된 해상도 레벨, 요구된 미리보기의 크기 및 다른 유사한 요인에 의존한다. 상기 이미지는 일반적으로 전체 페이지와 비교하여 축소된 크기이고, 이는 사용자에게 상기 컴퓨팅 장치의 화면의 많은 부분을 보기 힘들게 하지 않으면서 간편히 표시될 수 있게 하기 위한, 페이지의 섬네일 이미지로 통상 알려져 있다. 상기 용어, 섬네일은, 섬네일로써 표시될 원본 이미지로부터 실질적으로 크기가 축소된, 그러한 이미지를 나타내기 위하여 이용된다.

단계 508에서는, 상기 컴퓨팅 장치는 페이지 탭에 인접하여 하나 또는 그 이상의 가려진 페이지의 섬네일을 표시한다. 그러한 화면은 모든 또는 더 적은 상기 조작된(steered) 페이지일 수 있다. 예를 들면, 특정 페이지의 탭 위에 사용자가 머무르는 것에 의해 상기 화면이 작동된 곳에서, 상기 화면은 그 페이지만을 가질 수 있다. 그렇지만, 상기 사용자에 의한 상기 입력이 하나 이상의 가려진 페이지를 리뷰하려는 의도를 나타낼 때, 상기 화면은 상기 페이지 모두를 가질 수 있고, 상기 섬네일은 상기 도 1b에서 도시된 것과 같은 방법으로 배열될 수 있다.

단계 510에서는, 상기 시스템은 섬네일 또는 그 섬네일에 상응하는 탭에 대한 사용자 선택을 수신한다. 예를 들어, 사용자가 섬네일 선택 프로세스를 작동시키기 위해 화면상에 클릭해왔던 곳에서, 상기 사용자는, 섬네일과 연관된 페이지가 상기 웹 브라우저의 포커스 페이지가 되도록 하는 관심을 나타내기 위하여, 표시된 상기 섬네일 중 하나를 이어서 클릭할 수 있다. 대안적으로, 키 조합이 상기 프로세스를 시작하기 위하여 이용된 곳에서는, 상기 선택은 상기 선택된 키를 뗌으로써 이루어진다.

단계 512에서, 상기 프로세스는 상기 선택된 가려진 페이지를 시각적으로 볼 수 있는 페이지로 바꾸고, 이전에 시각적으로 볼 수 있었던 페이지를 가려진 페이지로 바꾼다. 그러한 전환은, 탭된 브라우저 시스템에 있어서 포커스된 탭 전환의 이미 알려진 프로세스와 유사하다. 특히, 이전에 가려졌던 페이지는 탭된 페이지 그룹의 앞으로 시각적으로 이동될 수 있고, 이로써 그것의 탭은 상기 페이지로부터 늘어지도록 도시되며, 그리고 다른 탭들은, 그 다른 페이지들이 상기 브라우저의 포커스된 새로운 페이지 뒤에 가려지는 것을 시각적으로 나타내기 위하여 상기 페이지의 뒤에서부터 늘어지도록 도시된다. 그리고 나서 상기 사용자는 상기 프로세스를 반복하면서 페이지를 바꾸기 위한 추가적인 선택을 하고, 이전에 표시되었던 섬네일은 상기 사용자를 위하여 위치가 유지될 수 있거나, 제거될 수도 있으며, 상기 브라우저 화면은 상기 사용자가 다른 페이지로 바꾸기 위한 의도를 표시하기 전의 그것의 일반적인 오리엔테이션(orientation)으로 되돌아갈 수 있다.

도 5b는 웹 브라우저와 함께 표시될 수 있는 정보 패널과의 상호작용을 위한 프로세스의 플로차트이다. 일반적으로, 상기 프로세스는 웹 브라우저에 관련된 패널을 표시하는 것을 포함하고, 여기서, 상기 패널은 상기 웹 브라우저 및 상기 웹 브라우저 상에서 표시되는 페이지에 관한 특정 정보를 포함한다. 상기 정보는 예를 들어, 사용자가 북마크 표시하였던 페이지와 상호 연관된 정보 또는 사용자가 최근에 브라우징한 기록에 있는 정보를 포함할 수 있다.

단계 514에서는, 웹 페이지는 패널 작동 컨트롤과 함께 표시된다. 이 예에 있어서, 상기 정보 패널은, 상기 브라우저의 컨트롤보다는, 화면 공간의 최대량이 상기 웹 페이지 자체를 표시하는 것에 사용될 수 있게 하기 위하여, 처음에는 상기 브라우저와 함께 표시되지 않는다. 상기 패널 작동 컨트롤은 상기 페이지 또는 상기 브라우저의 모서리 인근에 있는 작은 시각적 요소로서 표시될 수 있고, 아이콘의 형태를 취할 수도 있으며, 여기서, 상기 아이콘은 사용자에게 그것의 선택이 현재 상기 화면의 모서리에 숨겨져 있는 정보가 상기 화면 위로 시각적으로 이동하는 것을 야기시킨다는 것을 나타낸다. 일례로서, 상기 아이콘은, 상기 아이콘의 선택이 그러한 변환이 일어나도록 야기한다는 것을 나타내는 화살표 또는 다른 유사한 시각적인 신호(cue)를 포함할 수 있다.

단계 516에서는, 컴퓨팅 장치는 상기 패널 작동 컨트롤의 사용자 선택을 수신한다. 그러한 선택은 사용자가 패널 작동 컨트롤을 클릭함으로써, 상기 사용자가 상기 컨트롤을 클릭하고 상기 화면의 중간을 향하여 상기 컨트롤을 안쪽으로 드래그함으로써, 또는 사용자가 터치 패드의 표면에서 떨어진 곳에서부터 터치 패드 위로, 및 상기 컨트롤이 표시되어 있는 상기 브라우저의 모서리에 상응하는 상기 터치 패드의 모서리에서 상기 터치패드 안으로 스와이프(swipe)함으로써 등 다양한 방법으로 일어날 수 있다.

단계 518에서는, 정보 패널은, 상기 패널을 상기 화면의 숨겨진 모서리로부터 떨어져서 및 상기 화면 위로 슬라이드함으로써, 상기 웹 페이지의 상단부에 걸친 위치에 애니매이션화(animate)된다. 혹은, 상기 패널은 상기 웹 페이지를 한 쪽으로 밀어낼 수 있고, 상기 웹 페이지에 인접하여 표시될 수 있다. 상기 패널은 다양한 정보를 표시할 수 있고, 상기 사용자에 의하여 선택될 수 있는 수많은 컨트롤을 포함할 수 있다. 예를 들면, 상기 패널은, 잘 알려진 바와 같이, 상기 사용자가 그에게 있어 관심있다고 사전에 표시하였던 웹 페이지의 제목 형식으로 북마크 목록을 표시할 수 있다. 상기 패널은, 페이지 기록의 형식으로, 상기 사용자가 방문했던 최근 페이지를 나타내는 페이지 목록을 유사하게 표시할 수 있다. 또한 상기 북마크 및 기록의 화면은, 상기 사용자가 과거에 자주 방문하였던 페이지처럼, 상기 브라우저에 의하여 북마크가 자동적으로 선택되도록 결합될 수 있고, 토픽 그룹 또는 상기 사용자가 이들 페이지를 방문한 빈도를 포함하여, 다른 기준에 따라 자동적으로 정렬될 수 있다. 예를 들면, 페이지의 목록은 처음에 상기 사용자가 최근에 방문하였던 페이지를 나타내기 위하여, 역 시간대 순으로 정렬될 수 있지만, 자주 방문된 페이지는, 방문되었으나 자주 방문되지 않은 페이지보다 페이지 리스트에서 순위가 상승될 수 있다. 또한 상기 정보 패널은, 채팅 어플리케이션의 최근에 온라인이었던 사용자의 친구를 나타내는 그래픽 화면과 같은 다른 토픽을 위한 정보 컨트롤, 및 보안 설정 등과 같은 상기 브라우저의 설정을 변경할 수 있는 컨트롤을 표시할 수도 있다. 이에 더하여, 상기 패널은 친숙한 방법으로 사용자가 그 안에 검색 쿼리를 입력할 수 있는 검색 상자를 포함할 수 있다.

단계 522에서, 상기 프로세스는 웹 페이지 제공자로부터 상기 웹 페이지에 관한 실시간 정보를 불러온다(fetch). 정보가 불러내어지는 상기 웹 페이지는 상기 기록 또는 북마크에 등재된 웹 페이지를 포함할 수 있다. 상기 정보를 얻기 위하여, 상기 프로세스는 (상기 장치 위에 구동하고 있는 상기 컴퓨팅 장치를 통하여) 상기 웹 페이지 자체를 호출할 수도 있으며, 상기 웹 페이지는 태그 또는 그 웹 페이지의 간략(brief), 업데이트, 요약 정보를 지정하는 다른 정보를 포함할 수 있고, 상기 브라우저는 그러한 정보를 추출(extract)할 수 있다. 대안적으로, 상기 프로세스는, 기본 웹 페이지와 동일한 명칭을 가지는 페이지 등, 기본 웹 페이지와 관련된 페이지를 호출할 수 있으나, 그것은 기본 웹 페이지와 관련된 인접하는 미리 정해진 경로에 위치하고 있거나, 또는 그것은 동일한 명칭을 가지지만 기본 웹페이지의 확장자와 상이한 확장자를 가진다.

상기 프로세스에 제공되는 상기 정보는 다양한 형태를 취할 수 있으나, 일반적으로 매우 작은 공간에 표시될 수 있는, 그리고 상기 기본 웹 페이지와 관련된 정보의 형태를 가진다. 그러한 정보는 통상, 뉴스 헤드라인, 스포츠 스코어, 언론이 배포하는 헤드라인 및 상기 기본 웹 페이지와 연관된 다른 간략한 시사적 정보를 포함할 수 있다.

단계 524에서, 상기 웹 페이지에 관련하여 수집된 상기 실시간 정보는 상기 사용자에게 표시되는 등재된 웹 페이지 제목에 추가될 수 있다. 예를 들면, 상기 정보가 수신될 때, 그것은 상기 정보 패널에 표시되는 상기 기록 또는 북마크 목록에 있는 상기 웹 페이지의 명칭의 우측에 추가될 수 있다. 그러한 실시간 웹 페이지 정보는 정적으로 혹은 동적으로 표시될 수 있다. 정적인 표시는 상기 패널에 단일 세트의 정보를 나타내는 것 및 상기 패널에 있는 그 정보를 유지(maintenance)하는 것을 포함할 수 있다. 동적인 표시는 상기 패널에 최초 정보를 표시하는 것 및 문자 슬라이드 쇼 형식 또는 티커-페이프 유형의 프레젠테이션과 같이, 이후에 추가적인 정보로 바꾸는 것을 포함할 수 있다.

그러면, 이러한 프로세스를 이용함으로써, 브라우저는 상기 브라우저의 사용자에게 더욱 유용한 웹 페이지 제목의 목록을 만들 수 있고, 상기 사용자는 (그것의 추가된 유용성으로 인하여) 그들이 브라우징하고 있는 동안 상기 정보 패널을, 그들의 컴퓨팅 장치의 화면에서 그것을 제거하는 대신, 그 자리에 남길 수도 있다. 예를 들면, 사용자는 그들의 다양한 선호하는 페이지의 헤드라인 업데이트를 보는 것을 고마워할 수 있고, 따라서 상기 패널을 상기 페이지의 모서리에 열어둔 채로 둘 수 있다. 또한 이와 같은 방법으로, 베이직 웹 북마크(basic Web bookmark)는 북마크 또는 기록 목록으로 표시되는 상기 웹 페이지 명칭과 함께 표현되는 동적 콘텐츠를 가짐으로써, 웹 위젯 또는 가젯의 몇몇 이점을 가질 수 있다.

도 5c는 웹 페이지의 파비콘을 자동적으로 생성하는 프로세스의 플로차트이다. 일반적으로, 상기 프로세스는 파비콘을 가지지 않는 웹 페이지를 식별하는 것 및 그러한 페이지의 유효한 파비콘을 자동적으로 생성하는 것을 포함한다. 파비콘은 일반적으로 웹 페이지에 상응하는 작은 아이콘 또는 컴퓨팅 장치의 사용자가 그 웹 사이트의 아이덴티티(identity)와 소통하는 것을 도와주는 웹 사이트로 이해된다. 아이콘은 웹 페이지가 표시될 때 웹 브라우저의 제목바에, 또는 웹 페이지 기록 또는 북마크가 표시될 때 웹 페이지 제목의 목록 옆에 종종 표시된다. 파비콘은 수많은 웹 페이지의 목록에 있어서, 상기 사용자가 각각의 웹 페이지 제목을 주의 깊게 읽을 필요 없이, 재빨리 특정 페이지를 식별하는 것을 도와주는데 유용할 수 있다.

상기 프로세스는 단계 526에서 시작하고, 이 단계에서 명령은 웹 페이지 제목을 나타내기 위하여 수신된다. 상기 명령은, 사용자에 의하여 수많은 웹 페이지 제목을 포함하는 북마크 또는 웹 페이지 기록의 목록을 나타내기 위한 컨트롤을 선택하는 것과 같이 암시적(implicit)일 수 있다. 또한, 사용자가 웹 페이지의 URL에 입력함에 있어서, 브라우저가 상기 웹 페이지를 여는 것에 있어서, 그리고 상기 브라우저가 제목바에 상기 웹 페이지의 명칭 및 상기 웹 페이지의 파비콘을 포함함에 있어서 상기 명령은 암시될 수도 있다.

단계 528에서는, 상기 페이지가 그 자신의 파비콘을 포함하는지 여부에 관한 결정이 이루어질 수 있다. 그러한 결정은 파비콘이 저장되어 있을 수 있는 파일에 접속 또는 접속을 시도하는 친숙한 방법으로 이루어질 수 있다. 파비콘이 식별되면, 단계 530에서 나타낸 바와 같이, 그것은 상기 웹 페이지의 제목과 함께 표시될 수 있다.

상기 페이지의 파비콘이 없다는 것이 식별되면, 프로세스는 상기 웹 페이지의 파비콘을 자동적으로 작성하기 시작할 수 있다. 이 프로세스에 의하여, 단계 532에서는, 상기 관련된 웹 페이지의 페이지 URL은 페이지 분류기(page classifier)에 제출된다. 상기 페이지 분류기는, 예를 들어, 페이지 및 어쩌면 그 페이지와 유사한 주소 또는 링크에 있는 다른 페이지와 관련된 단어들(words) 및 메타 데이터를 분석하고, 상기 페이지의 토픽인 하나 또는 그 이상의 단어를 생성하는 분류기를 포함할 수 있다. 예를 들면, 베이즈 분석(Bayesian analysis)은 상기 페이지의 토픽을 식별하기 위하여, 단어들을 묶고(group), 이들을 다른 페이지의 단어 그룹과 비교하기 위하여 이용될 수 있다. 상기 페이지 분류기는 구글 애드 센스(GOOGLE AD SENSE) 서비스를 위한 페이지를 분류하는데 이용되는 서비스와 같이, 상기 프로세스에 의하여 외부적으로 접속될 수 있는 서비스일 수 있다. 일례로서, 스포츠와 관련된 웹 사이트는 수많은 기사를 실을 수 있고, 또는 그 사이트의 페이지는 기사를 실을 수 있으며, 이는 프로 선수들의 이름 및 야구, 루(base), 도루, 경기 및 그러한 다른 단어들을 사용한다. 그 페이지의 분석은 "야구"와 같은 용어 또는 "메이저 리그 베이스볼"과 같은 용어를 상기 페이지의 토픽으로서 생성할 수 있다.

단계 534에서, 상기 프로세스는 상기 페이지 분류기로부터 상기 페이지 토픽을 수신한다. 상기 페이지 토픽은 예를 들면, 상기 예시에서의 "메이저 리그 베이스볼"과 같은 용어를 포함하여, 단일 또는 복수의 단어의 형태로 수신될 수 있다. 하나 또는 그 이상의 수신된 용어들은 그리고 나서, 구글 이미지 검색 서비스(GOOGLE IMAGE SEARCH service)와 같은 이미지 데이터 베이스로 제출될 수 있다. 또한 제출(submission)은, 특정 크기 또는 유형(type)의 이미지를 요청하는 파라미터와 같이, 하나 또는 그 이상의 파라미터를 동반할 수도 있다. 예를 들면, 축소를 요하는 지나치게 자세한 이미지를 수집하는 것을 회피하기 위하여, 파비콘으로 쉽게 변환될 수 있는 작은 이미지는 요청될 수 있다. 또한 그러한 이미지가 크기에 있어 만족스럽게 축소되기 더 쉬워지도록, 상기 요청은 선화(線畵, line drawing) 이미지에 대한 것만으로 이루어질 수도 있다.

상기 페이지 분류기가 복수의 용어를 리턴함에 있어서, 상기 복수의 용어는 이미지 데이터 베이스로 제출될 수 있고, 하나의 이미지는 상기 복수의 요청으로부터 리턴된 모든 결과 중에서 선택될 수 있다. 예를 들면, 복수의 상기 요청으로부터의 상기 검색 결과와 공통된 가장 매칭이 잘된 이미지는, 가장 관련있는 이미지로서 선택될 수 있다. 대안적으로, 선화와 같이, 가장 관련있는 것으로서 정해진 그리고 만족스럽게 축소될 수 있는 품질을 가진 이미지는 선택될 수 있다. 또한, 복수의 가장 적합한 이미지는 선택될 수도 있고, 그리고 나서 복수의 이미지를 통틀어 인덱스하는 애니메이션화된 파비콘으로서 표시될 수 있다.

또한, 파비콘의 이미지로 그 페이지 자체 상의 이미지가 선택될 수도 있다. 예를 들면, 상기 프로세스는 페이지 상단 부근의 이미지가 회사의 로고일 것 같은 것을 알아낼 수 있고, 그 페이지로부터 그 이미지를 추출할 수 있고, 그것을 사각형으로 만들거나 또는 상기 로고에 단독으로 초점을 맞추기 위하여 그 이미지를 잘라낼 수 있으며, 그리고 상기 이미지를 파비콘으로 변환할 수 있다.

또한, 이미지는, 선택되는 이미 존재하는 이미지 대신에, 상기 프로세스에 의하여 만들어 질 수도 있다. 상기 예시에 있어서, 메이저리그 베이스볼 토픽에 상응하는 그러한 문자를 알아냄으로써, 상기 파비콘은 문자 "MLB"로 표현될 수 있다. 또한, 상기 이미지 데이터베이스는, 상기 분류기에 의하여 생성된 토픽에 상응하는 연관된 토픽을 가지는, 제한된 이미지 세트로 만들어질 수도 있다. 예를 들면, 풋볼 또는 야구의 이미지는 "스포츠"와 같은 용어와 연관되어 있을 수 있고, 그 이미지는 상기 분류기가 페이지의 "스포츠"라는 단어를 리턴할 때마다 사용될 수 있다.

단계 536에서는, 상기 프로세스는 상기 파비콘의 색상을 알아낸다. 파비콘 또는 색상을 선택하는 것은 웹 브라우저의 사용자가 재빨리 상기 파비콘을 식별하는데 더욱 도움이 될 수 있다. 예를 들면, 특정 토픽의 조직체(organization)는 특정한 색상과 손쉽게 연관되어 있고(예를 들어 UPS와 갈색), 컴퓨팅 장치의 사용자는 그 색상이 없는 경우보다 더욱 빨리 그들의 마음속에 그와 같은 연관성을 형성할 수 있다. 색상을 선택하는 것은, 배경 색상 또는 그 페이지, 그 페이지 상단 인근에 도시된 로고의 색상을 식별하거나, 또는 다른 메커니즘에 의한 것과 같은, 다양한 방법으로 일어날 수 있다. 그리고 나서, 상기 파비콘의 배경 색상으로서 그 색상을 적용하는 등으로, 상기 색상은 이전 단계에서 선택된 상기 이미지에 적용될 수 있다.

단계 538에서, 커스텀(custom) 파비콘은 생성되었고, 상기 웹 브라우저에 있어서의 상기 페이지 제목 옆에 표시된다. 또한, 상기 파비콘은, 앞으로 사용자의 컴퓨터 장치 또는 서버가 상기 웹 사이트의 명칭을 표시할 때, 이미 존재하는 파비콘이 상기 사용자에게 제공될 수 있도록 사용자의 컴퓨터 장치 또는 서버에 저장될 수도 있다. 또한, 생성된 상기 파비콘은 상기 웹 브라우저와 연관된 서버 시스템을 통하여 다른 사용자와 공유될 수도 있다. 나아가, 상기 서버 시스템은 그 자체로, 인덱스되어 있지만 파비콘을 가지지 않는 페이지를 식별함으로써 상술한 상기 프로세스를 대량 방식(bulk manner)으로 수행할 수 있고, 그러한 웹 페이지를 분석하는 것 및 이어서 생성되는 커스텀 파비콘을 사용자가 채택할 수 있는 웹 브라우저의 예시가 이용 가능하게 하는 것을 수행할 수 있다.

도 5d는 기입 양식과 같이, 웹 페이지 상의 정보 수신 요소에 정보를 제공하는 프로세스의 플로차트이다. 일반적으로, 상기 프로세스는 상대적으로 안전한 방법으로 웹 페이지의 글로벌 포럼(global forum)과 같은 요소에 데이터를 제공하는 것을 포함한다. 상기 프로세스는, 웹 페이지가 기입 양식을 가지는 것이 표시되어 있는 단계 540에서 시작한다. 상기 기입 양식은, 상품이나 서비스를 주문하기 위한 개인 정보와 같이, 사용자가 정보를 입력할 수 있는 복수의 텍스트 입력 상자를 표시하는 것을 포함하여, 다양한 방식으로 제시될 수 있다. 또한 상기 기입 양식은, 이하에 설명할 바와 같이, 사용자가 그안에 시각적으로 정보를 배치할 수 있는 아이콘으로서 표시될 수도 있다.

상기 기입 양식에 제공될 상기 정보는 어떠한 관련된 정보일 수 있으나, 종종 사용자의 개인, 재무 또는 보안 정보를 포함한다. 예를 들어, 상품을 온라인으로 주문하는 사용자는 배송 주소 및 신용카드 정보를 제출할 필요가 있을 수 있다.

그러한 형식은 통상적인 관례로 자동 기입되는 것일 수 있으나, 사용자는 신용카드 데이터와 같은 특정 정보가 자동적으로 기입되는 것을 원하지 않을 수 있다. 동시에, 상기 사용자는 온라인으로 상품을 구매할 때마다, 그들의 신용카드를 옆에 두고 그리고 나서 그들의 신용카드 정보를 수동으로 입력하는 것을 원하지 않을 수도 있다. 따라서, 그러한 사용자는 그들의 정보를 취하는, 그것과 데스크탑 아이콘과 연관시키는 어플리케이션을 제공받을 수 있다. 일반적으로, 상기 아이콘은 상기 브라우저의 바깥쪽에 표시될 수 있고, 상기 브라우저에 의한 접속 또는 상기 브라우저에 있는 콘텐츠로부터 보호될 수 있다. 단계 542에 나타낸 바와 같이, 도 1d에 도시된 것과 같은 기입 양식에 맞닥뜨린 상기 사용자는, 상기 아이콘을 선택할 수 있고 상기 기입 양식과 연관된 시각적 요소가 위치한 상기 웹 페이지 위로 드래그할 수 있다.

그러한 동작의 조합이 사용자에 의하여 이루어졌던 것을 알아낸 이후에(단계 542, 544), 상기 프로세스는 상기 사용자가 그들의 정보를 상기 양식으로 제출하고자 하는 것을 미루어 알 수 있다. 그러한 프로세스는, 상기 사용자가 그러한 정보를 무심코 제출할 수 있는 위험을 상당 부분 제거하기 위하여, 그 사용자의 충분한 수준의 신중한 동작을 요한다. 하지만, 상기 사용자에 의한 상기 정보의 제출은 상대적으로 쉽고 직관적이며, 메모지철로부터 그 정보를 입력하는 것보다는 훨씬 간이하다.

또한, 상기 프로세스는, 웹 페이지의 제공자가 불법으로 또는 우연하게 사용자가 공유하기 의도하지 않은 정보를 수신할 수 없도록 보장하기 위한 보안을 포함할 수도 있다. 예를 들면, 사용자가 데이터 공유를 위한 아이콘을 설치하였을 때, 그 상응하는 어플리케이션은 상기 사용자에게 상기 정보에 적용되는 보안 유형을 식별하는 보안 프로필을 기입하도록 요구할 수 있다. 또한, 상기 사용자가 상기 아이콘을 기입 양식의 컨트롤 위로 드래그하는 것을 시도할 때, 상기 시스템은 그들이 (공유되고 있는 상기 특정 정보를 식별하는 것을 포함하여) 그러한 정보를 공유하고 있다는 것을 상기 사용자에게 재차 알리는 경고, 및 상기 사용자에게 그들이 상기 정보를 공유하길 원한다는 확인 요청을 표시할 수 있다. 이 보안 체크가 일치하면 상기 정보는 보안 접속을 포함하여 친숙한 방식으로 상기 웹 페이지의 제공자에게 전달된다(단계 548).

도 5e는 복수의 포맷에 있어서, 페이지의 웹 페이지 데이터를 표시하는 프로세스의 플로차트이다. 일반적으로, 상기 프로세스는 복수개의 스타일로 웹 페이지의 정보를 표시하는 것을 포함한다. 제1 스타일에서는, 상기 정보는 브라우저 및 친숙한 방법으로 완전한 기능을 구비한(full-featured) 웹 페이지로서 표시된다. 일반적으로, 그러한 페이지가 최소화 또는 크기가 축소되면, 페이지의 제목만이 표시되거나(예를 들어, 시스템 트레이에서), 또는 상기 원래의 완전한 기능을 구비한 페이지는 임의로 일부가 생략된 방식으로 표시된다 예를 들어, 사용자가 브라우저 창의 우측 모서리를 왼쪽으로 밀어내면, 그 콘텐츠는 동일하지만, 그 페이지의 텍스트는 잘리거나, 또는 그것은 상기 창의 새로운 모서리에서 겹쳐진다. 이 프로세스에 있어서, 제2 스타일은 가젯 또는 위젯과 더 유사할 수 있고, 가젯 또는 위젯의 콘텐츠는 그 기본(base) 웹 페이지의 콘텐츠와 조정(coordinate)되어 있다.

프로세스는 단계 550에서 시작하고, 여기서는 하나 또는 그 이상의 웹 페이지는 웹 브라우저에 의하여 친숙한 방식으로 표시된다. 단계 552에서, 사용자는 상기 브라우저 및 기본 페이지를 최소화시키는 명령을 제공한다. 단계 554에서, 상기 프로세스는, 시스템 트레이에 선택 가능 컨트롤을 제공 등 함으로써 상기 페이지를 최소화시키고, 그 시스템 트레이에서, 상기 컨트롤의 사용자 선택은 상기 브라우저가 다시 최대화되도록 할 수 있다.

단계 556에서, 상기 프로세스는 그래픽 유저 인터페이스(graphical user interface)가 위젯이나 가젯 형태로 상기 미리 표시된 웹 페이지 중 하나와 각각 상응하는 객체를 표시하는 것을 예시로서 나타내고(instantiate) 있다(이들 페이지가 여기서 설명된 상기 프로세스를 지원하는 한도에서). 여기서 위젯 또는 가젯을 나타냄에 있어, 우리는 상대적으로 작은 면적의, 그리고 일반적으로 운영 체제 배경의 상단에 있는, 데이터를 표시하는 프로그래밍 메커니즘을 나타낸다. 상기 위젯 또는 가젯은 그 상응하는 최소화된 페이지와 직접적으로 상호 관련된 정보를 나타낼 수 있다. 예를 들면, 페이지가 스포츠 사이트의 야구 페이지라면, 상기 객체는 리그를 통틀어 최신의 야구 스코어를 표시할 수 있다. 상기 페이지가 신문의 표지 페이지라면, 상기 객체는 그 페이지의 헤드라인을 표시할 수 있다. 상기 객체에 표시된 그 콘텐츠의 어떤 사용자 선택은 상기 사용자가 선택한 특정 아이템에 대한 그것의 포커스와 함께, 상기 브라우저가 자동적으로 다시 표시될 수 있도록 야기할 수 있다. 예를 들면, 상기 브라우저가 이전에 야구 페이지를 표시하였고, 사용자가 상기 페이지가 최소화되었을 때 나타나는 상기 객체에 있는 특정 스코어를 선택하면, 실시간 박스 스코어(box score)는 상기 브라우저가 다시 표시될 때 자동적으로 상기 브라우저의 탭에 표시될 수 있다. 이전의 야구 페이지는 또다른 탭에 유지될 수 있거나, 또는 제거될 수 있다.

단계 558에 있어서, 상기 프로세스는 적절한 웹 페이지의 피드와 접속한다. 상기 피드는 위젯 및 가젯이 현재 정보를 수신하는 방법과 같이 알려진 방법으로 접속될 수 있다. 적절한 피드의 포인터는 원래의 웹 페이지 자체 상의 태그에서 비롯될 수 있고, 여기서, 웹 페이지의 퍼블리셔는, 더 많은 사용자가 그 퍼블리셔에 의하여 운영되는 사이트를 방문하길 원하도록 만드는 서비스로서, 조정된(coordinated) 정보의 긴 형태 및 짧은 형태로된 표현을 퍼블리시할 의무를 부담한다. 또한 메커니즘은, 사용자가 객체에 표시되는 특정 페이지 또는 퍼블리셔의 정보 유형을 정의할 수 있도록 제공될 수 있다. 예를 들면, 사용자는, 그가 스포츠 관련 사이트를 최소화시켰을 때, 헤드라인을 수신하기보다는 그가 현재 스코어를 보길 원한다는 것을 정의할 수 있다.

단계 560에서, 상기 페이지는 최소화되는 반면, 상기 피드로부터 수신된 정보는 상기 객체에 표시된다. 그러한 새로운 헤드라인이 출현하면, 토픽에 있는 헤드라인의 목록의 맨 위에 헤드라인을 추가하는 등으로, 그러한 정보는 지속적으로 업데이트 될 수 있다. 단계 562에서, 상기 시스템은 상기 브라우저를 최대화하는 사용자 명령을 수신하고, 그 응답으로서, 그것은 상기 브라우저가 최소화되기 전에 그가 보았던 방식에 따라 상기 페이지를 다시 표시한다. 일부 예시에 있어서, 상기 브라우저가 최소화되는 동안, 상기 객체와의 사용자 상호작용은 상기 브라우저에 해석될 수 있고 제공될 수 있으므로, 상기 브라우저가 최대화되었을 때에 표시되는 상기 페이지는 상기 브라우저가 최소화되었을 때의 페이지와 다르다.

이러한 방식으로, 웹 페이지 퍼블리셔들은 그들의 페이지가 최소화된 때에도 사용자들 앞에 존재를 유지할 수 있고, 사용자는 그러한 것이 그의 포커스일 때 상세한 정보, 및 그가 다른 토픽에 대하여 더욱 포커스하고자 할 때 관련된 요약 정보를 얻을 수 있다. 또한, 긴 형태 및 짧은 형태의 상기 정보의 제공은 사용자가 흥미있어 하는 상기 토픽을 식별할 수 있도록 (예를 들어, 상기 토픽에 대한 웹 페이지를 탐색함으로써) 조정(coordinate)될 수 있고, 그러한 정보의 분리된 자원을 별개로 찾지 않고, 그 토픽에 관한 짧은 형태의 정보에 접속하게 할 수 있다.

도 6은, 여기서 설명된 기술에 이용될 수 있는 포괄적인(generic) 컴퓨터 장치(600) 및 포괄적인 모바일 컴퓨터 장치(650)의 일례를 나타낸다. 컴퓨팅 장치(600)은 다양한 형태의 랩탑, 데스크탑, 워크스테이션, PDA(personal digital assistants), 서버, 블레이드 서버(blade server), 메인 프레임 및 다른 적절한 컴퓨터와 같은 디지털 컴퓨터를 나타내도록 의도되었다. 컴퓨팅 장치(650)은 와 PDA, 휴대폰, 스마트폰 및 다른 유사한 컴퓨팅 장치와 같은 다양한 형태의 모바일 장치를 나타내도록 의도되었다. 상기 여기서 도시된 구성 요소, 그들의 연결 및 관계 및 그들의 기능은 본보기의 의미만을 가지고, 본 명세서에 있어서, 설명된 및/또는 권리로서 주장된 본 발명의 실시를 제한하는 의미가 아니다 .

컴퓨팅 장치(600)는 프로세서(602), 메모리(604), 저장 장치(606), 메모리(604)와 고속 확장 포트(610)를 연결하는 고속 인터페이스(608) 및 저속 버스(614)와 저장 장치(606)를 연결하는 저속 인터페이스(612)를 포함한다. 구성요소(602, 604, 606, 608, 610, 및 612) 각각은 다양한 버스를 이용하여 상호 연결되어 있고, 공통 마더보드 위에 또는 다른 적절한 방법으로 실장(mount)될 수 있다. 프로세서(602)는, 메모리(604)에 혹은 고속 인터페이스(608)와 연결되어 있는 표시부(616)와 같은, 외부 입력/출력 장치 상의 GUI 그래픽 정보를 표시하기 위한 저장 장치(606)에 저장되어 있는 지령을 포함하여, 컴퓨팅 장치(600) 내의 실행을 위한 지령을 처리할 수 있다. 다른 실시예에 있어서는, 복수의 프로세서 및/또는 복수의 버스는 복수의 메모리 및 메모리 유형과 함께 적절히 사용될 수 있다. 또한 복수의 컴퓨팅 장치(600)는 필요한 동작의 일부를 제공하는 각 장치(예를 들어, 서버 뱅크, 블레이드 서버 그룹 또는 멀티 프로세서 시스템)와 연결될 수도 있다.

메모리(604)는 컴퓨팅 장치(600) 내에서 정보를 저장한다. 일 실시예에 있어서, 메모리(604)는 휘발성 메모리 유닛(들)이다. 또다른 실시예에 있어서, 메모리(604)는 비휘발성 메모리 유닛(들)이다. 또한, 메모리(604)는 자기 또는 광학 디스크와 같은 또다른 형태의 컴퓨터로 판독 가능한 매체일 수 있다.

저장 장치(606)은 컴퓨팅 장치(600)를 위하여 대량 저장소를 제공할 수 있다. 일 실시예에 있어서, 저장 장치(606)는 플로피 디스크 장치, 하드 디스크 장치, 광학 디스크 장치 또는 테이프 장치, 플래시 메모리 장치 또는 다른 유사한 고체 상태 메모리 장치와 같은 컴퓨터로 판독 가능한 매체, 혹은 저장 공간 네트워크 또는 다른 구성(configuration)에 있는 장치들을 포함한 장치들의 배열(array)일 수 있거나 또는 이를 포함할 수도 있다. 컴퓨터 프로그램 제품은 정보 캐리어(carrier)로 유형적으로 구현될 수 있다. 또한, 상기 컴퓨터 프로그램 제품은, 상술한 바와 같이, 실행되면 하나 또는 그 이상의 방법을 수행하는 지령을 포함할 수도 있다. 상기 정보 캐리어는 메모리(604), 저장 장치(606), 프로세서(602) 상의 메모리 또는 전파되는 신호와 같이 컴퓨터, 또는 기계로 판독 가능한 매체이다.

저속 컨트롤러(612)는 낮은 대역폭-집중적인(bandwidth-intensive) 동작을 관리하는 반면, 고속 컨트롤러(608)은 컴퓨팅 장치(600)의 대역폭-집중적인 동작을 관리한다. 그러한 기능의 할당은 본보기일 뿐이다. 일 실시예에 있어서, 고속 컨트롤러(608)는 메모리(604), (예를 들어, 그래픽 프로세서 또는 가속기를 통하여) 표시부(616), 및 다양한 확장 카드(미도시)를 받아들일 수 있는 고속 확장 포트(610)와 연결된다. 상기 실시예에 있어서, 저속 컨트롤러(612)는 저장 장치(606) 및 저속 확장 포트(614)에 연결되어 있다. 다양한 통신 포트(예를 들어, USB, 블루투스(Bluetooth), 이서넷(Ethernet), 무선 이서넷)를 포함할 수 있는 상기 저속 확장 포트는, 키보드, 포인팅 장치, 스캐너, 또는 예를 들어 네트워크 어댑터를 통한 스위치나 라우터 등 네트워킹 장치와 같은, 하나 또는 그 이상의 입력/출력 장치에 연결되어 있을 수 있다.

컴퓨팅 장치(600)는 상기 도면에 도시한 바와 같이, 수많은 상이한 형태로 실시될 수 있다. 예를 들면, 그것은 표준 서버(standard server)(620)로서 또는 그러한 서버의 그룹에 있는 복수배(multiple times)로서 실시될 수 있다. 또한, 그것은 랙 서버 시스템(rack server system)(624)의 일부로서 실시될 수도 있다. 이에 더하여, 그것은 랩탑 컴퓨터(622)와 같은 PC에 실시될 수 있다. 대안적으로, 컴퓨팅 장치(600)의 구성 요소들은, 장치(650)와 같은 모바일 장치(미도시)에 있는 다른 구성 요소와 결합될 수도 있다. 그러한 장치들의 각각은 하나 또는 그 이상의 컴퓨팅 장치(600, 650)를 포함할 수 있고, 전체 시스템은 서로 통신하는 복수의 컴퓨팅 장치(600, 650)로 만들어질 수 있다.

컴퓨팅 장치(650)는 다른 구성 요소들 사이에 프로세서(652), 메모리(664), 표시부(654), 통신 인터페이스(600) 및 트랜시버(transceiver)(668)와 같은 입력/출력 장치를 포함한다. 또한, 장치(650)는 마이크로 드라이브(microdrive) 또는 추가적인 저장소를 제공하는 다른 장치와 같은, 저장 장치를 제공받을 수 있다. 구성 요소(650, 652, 664, 654, 666 및 668)의 각각은 다양한 버스를 이용하여 상호 접속되어 있고, 몇몇의 구성 요소는 공통 마더보드 상에 또는 다른 적절한 방법으로 실장될 수도 있다.

프로세서(652)는 메모리(664)에 저장된 지령을 포함하여 컴퓨팅 장치(650) 안에 있는 지령을 실행할 수 있다. 상기 프로세서는 분리된, 및 복수의 아날로그 및 디지털 프로세서를 포함하는 칩들의 칩셋(chipset)으로서 실시될 수 있다. 상기 프로세서는, 예를 들어, 사용자 인터페이스, 장치(650)에 의하여 구동되는 어플리케이션 및 장치(650)에 의한 무선 통신의 제어와 같은 장치(650)의 다른 구성 요소들의 조정(coordination)을 제공할 수 있다.

프로세서(652)는 제어 인터페이스(658) 및 표시부(654)와 연결된 표시부 인터페이스(656)를 통하여 사용자와 소통할 수 있다. 표시부(654)는 예를 들어, TFT LCD (Thin-Film-Transistor Liquid Crystal Display) 또는 OLED (Organic Light Emitting Diode) 디스플레이 또는 다른 적절한 디스플레이 기술일 수 있다. 표시부 인터페이스(656)는 그래픽 및 여타 정보를 사용자에게 제공하기 위한, 표시부를 구동하기 위한 적절한 회로로 구성될 수 있다. 제어 인터페이스(658)는 사용자로부터의 명령을 수신할 수 있고, 프로세서(652)로 제출하기 위하여 이를 변환할 수 있다. 이에 더하여, 외부 인터페이스(662)는, 장치(650)의 다른 장치들과의 근거리 통신을 가능하게 하기 위하여, 프로세서(652)에 통신함에 있어 제공될 수 있다. 외부 인터페이스(662)는 예를 들어, 일부 실시예에 있어서 유선 통신 및 다른 실시예에 있어서 무선 통신을 제공할 수 있으며, 또한 복수의 인터페이스도 사용될 수 있다.

메모리(664)는 컴퓨팅 장치(650)에 있는 정보를 저장한다. 메모리(664)는 하나 또는 그 이상의 컴퓨터로 판독 가능한 매체 또는 매개체, 휘발성 메모리 유닛(들) 또는 비휘발성 메모리 유닛(들)로서 실시될 수 있다. 또한 확장 메모리(674)는, 예를 들어, SIMM (Single In Line Memory Module) 카드 인터페이스를 포함할 수 있는 확장 인터페이스(672)를 통하여 장치(650)에 제공 및 연결될 수 있다. 그러한 확장 메모리(674)는 장치(650)에 추가 저장 공간을 제공할 수 있으며, 또한 장치(650)의 어플리케이션 또는 다른 정보를 저장할 수도 있다. 특히 확장 메모리(674)는 상술한 프로세스를 수행 또는 보조하는 지령을 포함할 수 있으며, 또한 보안 정보를 포함할 수도 있다. 따라서, 예를 들어, 확장 메모리(674)는 장치(650)의 보안 모듈로서 제공될 수 있고, 장치(650)의 보안 사용을 허용하는 지령으로 프로그래밍될 수 있다. 또한, 보안 어플리케이션은, SIMM 카드에 해킹 불가능한 방법으로 식별 정보를 두는 등으로, 추가적인 정보와 함께 SIMM 카드를 통하여 제공될 수 있다.

상기 메모리는, 이하에 논의할 바와 같이, 예를 들어 플래시 메모리 및/또는 NVRAM 메모리를 포함할 수 있다. 일 실시예에 있어서, 컴퓨터 프로그램 제품은 정보 캐리어로 유형적으로 구현된다. 상기 컴퓨터 프로그램 제품은 실행되었을 때, 상술한 것과 같은 하나 또는 그 이상의 방법을 수행하는 지령을 포함한다. 상기 정보 캐리어는 메모리(664), 확장 메모리(674), 프로세서 상의 메모리(652) 또는 예를 들어 트랜시버(668) 또는 외부 인터페이스(662)를 통해 수신될 수 있는 전파된 신호와 같이, 컴퓨터 또는 기계로 판독 가능한 매체이다.

장치(650)는 필요한 곳에 디지털 신호 처리 회로를 포함할 수 있는 통신 인터페이스(666)를 통하여 무선 통신할 수 있다. 통신 인터페이스(666)는 다른 것들 사이에서의 GSM 음성 통화, SMS, EMS 또는 MMS 메시징, CDMA, TDMA, PDC, WCDMA, CDMA2000, 또는 GPRS와 같은 다양한 모드 또는 프로토콜 하에 통신을 제공할 수 있다. 그러한 통신은 예를 들어, 라디오-주파수 트랜시버(radio-frequency transceiver)(668)를 통하여 일어날 수 있다. 이에 더하여, Bluetooth, WiFi 또는 다른 그러한 트랜시버(미도시) 등을 사용하여 단거리 통신도 일어날 수 있다. 또한, GPS(Global Positioning System) 수신기 모듈(670)은, 장치(650) 상의 어플리케이션에 의하여 적절히 사용될 수 있는 추가적인 경로 탐색(navigation) 및 위치 관련 무선 데이터를 장치(650)에 제공할 수 있다.

또한, 장치(650)는, 사용자로부터의 음성 정보를 수신할 수 있는 오디오 코덱(660)을 사용하여 음성적으로 통신할 수 있고, 그것을 사용 가능한 디지털 정보로 변환할 수 있다. 또한, 오디오 코덱(660)은, 예를 들어, 사용자를 위해, 장치(650)의 핸드셋(handset)에 있는 스피커 등을 통하여 음성 사운드를 생성할 수 있다. 그러한 사운드는 음성 전화 통화로부터의 사운드를 포함할 수 있고, 녹음된 사운드(예를 들어 음성 메시지, 음악 파일 등)를 포함할 수도 있으며, 또한 장치(650) 상에서 작동되는 어플리케이션에 의하여 생성된 사운드를 포함할 수도 있다.

컴퓨팅 장치(650)는 도면에 도시된 바와 같이, 수많은 상이한 형태로 실시될 수 있다. 예를 들어, 그것은 휴대폰(680)으로서 실시될 수 있다. 그것은 또한 스마트 폰(682), PDA 또는 다른 유사한 모바일 장치의 일부로서 실시될 수도 있다.

여기서 설명된, 상기 시스템 및 기술의 다양한 실시예는 디지털 전자 회로, 집적 회로, 특별히 설계된 ASICs(application specific integrated circuits), 컴퓨터 하드웨어, 펌웨어, 소프트웨어 및/또는 이들의 조합으로 실현될 수 있다. 이러한 다양한 실시예는, 적어도 하나 이상의 프로그래머블 프로세서를 포함하는 프로그래머블 시스템 상에서 실행 가능한 및/또는 해석 가능한, 하나 또는 그 이상의 프로그램에서의 실시예를 포함할 수 있다. 이들은 특정한 또는 일반적인 목적을 가질 수 있으며, 저장 시스템, 적어도 하나의 입력 장치 및 적어도 하나의 출력 장치로부터 데이터 및 지령을 수신하기 위하여, 그리고 데이터 및 지령을 이들로 전송하기 위하여 연결될 수 있다.

이러한 (프로그램, 소프트웨어, 소프트웨어 어플리케이션 또는 코드로 알려진) 컴퓨터 프로그램은 프로그래머블 프로세서의 기계 지령을 포함하고, 그리고 고급 절차 및/또는 객체 지향 프로그래밍 언어, 및/또는 어셈블리어/기계어로 실시될 수 있다. 여기서 사용된 바와 같이, "기계로 판독 가능한 매체", "컴퓨터로 판독 가능한 매체"라는 용어는, 기계로 판독 가능한 신호로서의 기계 지령을 수신하는 기계로 판독 가능한 매체를 포함하여, 기계 지령 및/또는 데이터를 프로그래머블 프로세서에 제공하는데 이용되는 어떤 컴퓨터 프로그램 제품, 장치 및/또는 디바이스(예를 들어, 자기 디스크, 광학 디스크, 메모리, PLDs(Programmable Logic Devices))를 의미한다. "기계로 판독 가능한 신호"라는 용어는 기계 지령 및/또는 데이터를 프로그래머블 프로세서에 제공하는데 이용되는 어떤 신호를 의미한다.

사용자와의 상호작용을 제공하기 위하여, 여기서 설명된 상기 시스템 및 기술은, 정보를 사용자에게 표시하는 표시 장치(예를 들어, CRT(cathode ray tube) 또는 LCD(liquid crystal display) 모니터) 및 사용자가 컴퓨터에 입력을 제공할 수 있는 키보드 및 포인팅 장치(예를 들어, 마우스 또는 트랙볼)를 가지는 컴퓨터 상에서 실시될 수 있다. 또한, 다른 종류의 장치는 사용자와의 상호작용을 제공하기 위하여 이용될 수 있다; 예를 들면, 상기 사용자에게 제공되는 피드백은 어떠한 형태의 감각 피드백(시각적 피드백, 청각적 피드백 또는 촉각적 피드백)일 수 있다; 그리고, 상기 사용자로부터의 입력은 청각적, 음성적 또는 촉각적 입력을 포함하여, 어떤 형태로도 수신될 수 있다.

여기서 설명된 상기 시스템 및 기술은, 백 엔드 요소(back end component)(예를 들어, 데이터 서버), 또는 미들웨어 요소(middleware component)(예를 들어, 어플리케이션 서버), 또는 프론트 엔드 요소(front end component)(예를 들어, 그래픽 유저 인터페이스 또는 웹 브라우저를 가지는 클라이언트 컴퓨터, 이를 통해 사용자는 여기서 설명된 상기 시스템 및 기술의 실시예와 상호작용할 수 있다.), 또는 그러한 백 엔드, 미들웨어 또는 프론트 엔드 요소의 어떤 조합을 포함하는 컴퓨팅 시스템에서 실시될 수 있다. 상기 시스템의 요소들은 디지털 데이터 통신의 어떤 형태 또는 매개체에 의하여(예를 들어, 통신 네트워크) 상호 연결될 수 있다. 통신 네트워크의 예는 LAN(local area network), WAN(wide area network) 및 인터넷을 포함한다.

상기 컴퓨팅 시스템은 클라이언트 및 서버를 포함할 수 있다. 클라이언트 및 서버는 일반적으로 서로 떨어져 있고, 일반적으로 통신 네트워크를 통하여 상호작용한다. 클라이언트와 서버의 관계는, 각각의 컴퓨터 상에서 구동하는, 그리고 서로 클라이언트-서버 관계를 가지는 컴퓨터 프로그램에 의하여 일어난다.

수많은 실시예가 설명되어 왔다. 그럼에도 불구하고, 본 발명의 기술사상 및 권리범위를 벗어나지 않고도, 다양한 변형례가 이루어질 수 있다고 이해되어야 할 것이다. 예를 들면, 본 명세서의 대부분은 TV 광고와 관련하여 설명되어왔으나, 미래의 다른 형태, 예를 들어 라디오 광고 및 온라인 비디오 광고와 같은 시청자 기반 광고 또한 다뤄질 수 있다.

이에 더하여, 도면으로 묘사된 상기 논리 흐름은 바람직한 결과를 얻기 위하여, 도시된 특정한 순서 또는 순차적인 순서를 필요조건으로 하지 않는다. 아울러, 다른 단계는 제공될 수 있거나, 또는 상기 설명된 흐름에서 단계들은 제거될 수 있고, 다른 구성 요소는 추가되거나, 또는 상기 설명된 시스템에서 구성 요소는 제거될 수 있다. 따라서, 다른 실시예들은 이하 특허 청구 범위의 권리범위 내에 있다.

102, 120, 140 화면
104 인포메이션 바
106, 122 탭
106A 파비콘
106B 페이지 제목
108 URL 및 검색 입력 영역
110, 136 페이지
112 포인터
114, 114A, 114B, 114C 미리보기
118 선택 가능 컨트롤
124 패널
128 북마크
130 기록
132 채팅 어플리케이션
142 브라우저
146, 148 아이콘
402 장치
404 터치 화면
208 화면 관리부
210 이벤트 관리부
212 입력 관리부
214 GPS 모듈
216 맞춤법 교정기
218 지도 어플리케이션
220 브라우저 어플리케이션
222 진동기
224 사운드 제어기
226 무선 인터페이스
228 어플리케이션 데이터
230 사전
232 사용자 정보

Claims

웹 페이지를 표시하기 위한 컴퓨터로 실시되는 방법으로서:
제1 웹 페이지의 코드를 수신하는 단계로서, 상기 코드는 적어도 2개의 상이한 표시 모드로 상기 웹 페이지를 표시하기 위한 포맷(format)을 정의하는 단계;
브라우저에 제1 표시 모드로 상기 웹 페이지를 표시하는 단계로서, 상기 제1 표시 모드는 상기 브라우저의 창(pane) 내의 전체 페이지(full page) 표시인, 단계;
상기 웹 페이지를 제2 표시 모드로 표시하기 위한 사용자 명령을 수신하는 단계; 및
상기 웹 페이지를 제2 표시 모드로 자동 표시하는 단계로서, 상기 제2 표시 모드는 상기 제1 표시 모드의 크기 축소된 또는 잘라내어진(cropped) 버전(version)이 아닌, 단계;
를 포함하는 방법.
청구항 1에 있어서,
상기 제2 표시 모드는, 상기 브라우저로부터 분리된 가젯에 의하여 표시되는, 방법.
청구항 1에 있어서,
상기 웹 페이지를 최소화시키기 위한 사용자 명령을 수신하는 단계, 및 상기 사용자 명령에 응답하여 운영체제에 있어서 상기 웹 페이지가 최소화되도록 자동적으로 야기시키는 단계
를 더 포함하는 방법.
청구항 1에 있어서,
상기 코드는, 상기 제1 모드 및 상기 제2 모드로 표시되는 정보의 특정 유형을 정의하는, 방법.
청구항 1에 있어서,
상기 제2 모드는, 상기 제1 모드로 표시되는 정보의 요약을 표시하는, 방법.
청구항 1에 있어서,
상기 제1 모드의 코드는, 상기 제2 모드로 상기 웹 페이지를 표시하기 위한 상기 사용자 명령 수신 전에 수신되고, 상기 제2 모드의 코드는, 상기 제2 모드로 상기 웹 페이지를 표시하기 위한 상기 사용자 명령 수신 후에 수신되는, 방법.
청구항 1에 있어서,
상기 제2 모드의 표시 공간은 상기 제1 모드의 표시 공간보다 실질적으로 작게 자동 생성되는, 방법.
청구항 1에 있어서,
상기 제2 표시 모드는, 상기 제1 웹 페이지의 모바일 버전을 표시하는 것을 포함하는, 방법.
청구항 1에 있어서,
상기 제1 표시 모드로 상기 웹 페이지를 표시하기 위한 그 다음의 사용자 명령을 수신하는 단계; 및
상기 그 다음의 사용자 명령 수신에 응답하여, 상기 제1 모드로 상기 웹 페이지를 표시하는 단계를
더 포함하는 방법.
컴퓨팅 장치의 프로세스로서,
컴퓨팅 장치 상의 브라우저에서 웹 페이지의 제1 버전을 표시하는 단계;
상기 웹 브라우저의 크기를 축소하기 위한 상기 컴퓨팅 장치 상의 제1 사용자 명령을 수신하는 단계;
상기 제1 사용자 명령 수신에 응답하여, 상기 브라우저에 상기 웹 페이지의 제2 버전을 표시하는 단계로서, 상기 제2 버전은 상기 제1 버전의 부분집합을 포함하는, 단계;
를 포함하는 프로세스
청구항 10에 있어서,
상기 웹 페이지의 상기 제2 버전은 상기 웹 페이지의 모바일 버전을 포함하는, 프로세스.
청구항 10에 있어서,
상기 웹 페이지의 상기 제1 및 제2 버전은 상이한 URL와 연관되어 있는, 프로세스.
청구항 10에 있어서,
상기 제2 버전의 포맷은 상기 제1 버전의 포맷과 상이한, 프로세스.
청구항 10에 있어서,
상기 웹 페이지의 상기 제2 버전은 상기 제1 버전보다 멀티미디어(multimedia)를 적게 포함하는, 프로세스.
청구항 10에 있어서,
상기 웹 페이지의 상기 제2 버전의 표시 공간은 상기 웹 페이지의 상기 제1 버전의 표시 공간보다 실질적으로 작은, 프로세스.
청구항 10에 있어서,
상기 웹 브라우저의 크기를 확대하기 위한 상기 컴퓨팅 장치 상의 제2 사용자 명령을 수신하는 단계; 및
상기 제2 사용자 명령 수신에 응답하여, 상기 브라우저에 상기 웹 페이지의 상기 제1 버전을 표시하는 단계;
를 더 포함하는 프로세스.
컴퓨팅 장치 상의 그래픽 디스플레이;
상기 그래픽 디스플레이 상에 웹 페이지를 표시할 수 있는 브라우저; 및
상기 브라우저를 조작하기 위한 사용자 명령을 수신할 수 있는 사용자 입력 장치
를 포함하고,
상기 브라우저는 적어도 제1 표시 모드 및 제2 표시 모드로 콘텐츠를 표시하기 위하여 프로그래밍되어 있으며, 상기 제2 표시 모드는 상기 제1 표시 모드의 크기 축소된 또는 잘라내어진 버전이고, 상기 브라우저의 크기 축소를 위한 사용자 명령에 응답하여, 상기 제1 표시 모드로 자동 표시되는
시스템.
청구항 16의 시스템에 있어서,
제2 표시 모드로 콘텐츠를 표시하기 위하여 상기 브라우저에 의해 예시된 가젯.
청구항 17에 있어서,
상기 가젯은 상기 브라우저로부터 분리된, 시스템
웹 페이지를 표시하는 컴퓨터로 실시되는 방법으로서,
제1 웹 페이지의 코드를 수신하는 단계로서, 상기 코드는 적어도 2개의 상이한 표시 모드로 상기 웹 페이지를 표시하기 위한 포맷을 정의하는, 단계;
브라우저에 제1 표시 모드로 웹 페이지를 표시하는 단계로서, 상기 제1 표시 모드는 브라우저 창 내의 전체 페이지 표시인, 단계;
제2 표시 모드로 상기 웹 페이지를 표시하기 위한 사용자 명령을 수신하는 단계; 및
제2 표시 모드로 상기 웹 페이지를 표시하는 단계로서, 상기 제2 표시 모드는 상기 제1 표시 모드의 크기 축소된 또는 잘라내어진 버전인, 단계;
를 포함하는 방법.