JP5769280B2

JP5769280B2 - ブランド化されたブラウザーフレーム

Info

Publication number: JP5769280B2
Application number: JP2013529137A
Authority: JP
Inventors: ウィリアムズ，メアリー−リン; ホルブルック，ジェス・エス; ホール，マーティン・ジェイ; キム，ジェーン・ティー; バウワーズ，サラ・ジェイ; スティーブンス，ウォーレン・ジー; マンディク，ミーコ; モーガン，ブルース・エイ; ゲーリング，ローラ・ジェイ; マレク，アレクサンダー・エイチ; ヒレリオ，イスラエル; エンス，マイケル・ジェイ; デイビス，ジョン・イー
Original assignee: Microsoft Corp
Current assignee: Microsoft Corp
Priority date: 2010-09-14
Filing date: 2011-02-21
Publication date: 2015-08-26
Anticipated expiration: 2031-02-21
Also published as: AU2011302571A1; KR20130116241A; WO2012036756A1; MX2013002863A; US20120066634A1; EP2616917A1; RU2013111294A; CA2810365A1; BR112013006036A2; CN102402578A; EP2616917A4; JP2013539875A

Description

本発明は、ブランド化されたブラウザーフレームに関する。

[0001]研究では、人々は、ブラウジングアクティビティを実施しているときに、Ｗｅｂサイトコンテンツを重視したいと考えており、必ずしも自分のＷｅｂブラウザーの機能を重視したいと考えているわけではない傾向があるということが分かっている。

それにもかかわらず、ブラウザー設計は、ブラウザーの機能を強調するユーザーインターフェイスを重視する傾向があり、したがって、ユーザーがＷｅｂサイトのコンテンツを重視することをより困難なものとしている。さらに、最近、Ｗｅｂサイトの側でその機能をユーザーによって知覚されるように、どちらかと言えばデスクトップアプリケーションのようにモデル化する動きがある。この文脈では、アプリケーションとして働くＷｅｂサイトの概念を強化するコンテンツプレゼンテーションを容易にするという課題が存在する。

[0002]この概要は、発明を実施するための形態において以下でさらに説明される、簡略化した形態での概念の選択肢を紹介するために提供される。この概要は、特許請求される主題の主要な機能または必須の機能を特定することを意図するものでもなく、特許請求される主題の範囲を限定するために使用されることを意図するものでもない。

[0003]様々な実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、Ｗｅｂブラウザーユーザーインターフェイスの上部にある１行に沿って均等配置された、選択したコントロールのサブセットを含む。コントロールのレイアウトは、左から右にまたは右から左にすることができる。具体的には、左から右のレイアウトでは、一定の基準を満たす選択したコントロールは、他のコントロールの左側に現れることができる。同様に、右から左のレイアウトでは、一定の基準を満たす選択したコントロールは、他のコントロールの右側に現れることができる。少なくともいくつかの実施形態では、１行に沿って均等配置されて現れるコントロールの少なくともいくつかは、何らかのタイプのナビゲーションに関連するコントロールである。そのようなコントロールは、テキスト入力がユーザーによって提供されることを可能にするコントロールを含むことができる。

[0004]加えて、少なくともいくつかの実施形態では、コントロールセットを、コントロールよりもサイトコンテンツを一層強調する方法で、Ｗｅｂブラウザーユーザーインターフェイス内で視覚的に扱うことができる。

[0005]少なくともいくつかの実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、サイトのブランド化および機能を有効にするように設計される。具体的には、Ｗｅｂサイトは、Ｗｅｂブラウザーユーザーインターフェイスの上部付近のコントロールレイアウト領域で利用することができるコンテンツを提供して、ブランド化手段およびサイトのホームボタンとしての２つの役割を果たす「お気に入りアイコン（ｆａｖｉｃｏｎ）」と呼ばれるカラーアイコンおよび／またはサイト提供アイコンを使用することによって、ブランド化を強化することができる。さらに、少なくともいくつかの実施形態では、１つまたは複数のＷｅｂブラウザーナビゲーションコントロールを表示するために利用されるサイト関連のカラーを使用することによって、ブランド化を強化することができる。

[0006]同様の機能を参照するために、図面全体を通して同じ番号が使用される。

[0007]１つまたは複数の実施形態による、本明細書に記載される様々な原理を用いることができる運用環境を示す図である。 [0008]１つまたは複数の実施形態による例示的なＷｅｂブラウザーを示す図である。 [0009]１つまたは複数の実施形態によるコントロールレイアウト領域を示す図である。 [0010]別の実施形態によるコントロールレイアウト領域を示す図である。 [0011]別の実施形態によるコントロールレイアウト領域を示す図である。 [0012]別の実施形態によるコントロールレイアウト領域を示す図である。 [0013]１つまたは複数の実施形態による例示的なＷｅｂブラウザーを示す図である。 [0014]別の実施形態によるコントロールレイアウト領域を示す図である。 [0015]別の実施形態によるコントロールレイアウト領域を示す図である。 [0016]１つまたは複数の実施形態による方法のステップを説明する流れ図である。 [0017]１つまたは複数の実施形態を実施するために使用することができる例示的なシステムを示す図である。

概要
[0018]様々な実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、Ｗｅｂブラウザーユーザーインターフェイスの上部にある１行に沿って均等配置された、選択したコントロールのサブセットを含む。コントロールのレイアウトは、左から右にまたは右から左にすることができる。具体的には、左から右のレイアウトでは、一定の基準を満たす選択したコントロールは、他のコントロールの左側に現れることができる。左から右のレイアウトは、ユーザーが左から右に読むロケールにおいてうまく機能する。こうしたことは、快適で直感的なエクスペリエンスを提供する。同様に、右から左のレイアウトでは、一定の基準を満たす選択したコントロールは、他のコントロールの右側に現れることができる。右から左のレイアウトは、ユーザーが右から左に読むロケールにおいてうまく機能する。こうしたことは、これらのユーザーに快適で直感的なエクスペリエンスを提供する。任意の適切なタイプの基準を利用して、選択したコントロールを１行に沿って均等配置する方法を決定することができる。選択したコントロールを１行に沿って均等配置することで、水平方向および垂直方向双方のスクリーンリアルエステート（ｓｃｒｅｅｎｒｅａｌｅｓｔａｔｅ）を効率的に使用する。具体的には、水平方向の次元では、選択したコントロールを１行に沿って均等配置することで、少なくともいくつかの実施形態で最も多く使用されるコントロールの迅速な視覚的識別が容易になる。これにより、垂直方向の次元におけるスクリーンリアルエステートを、例えば、使用されることが少ない可能性がある他のコントロールに利用することが可能になる。

[0019]少なくともいくつかの実施形態では、１行に沿って均等配置されて現れるコントロールの少なくともいくつかは、何らかのタイプのナビゲーションに関連するコントロールである。例えば、そのようなコントロールは、例として限定することなく、戻るナビゲーションボタンおよび進むナビゲーションボタン、アドレスバーまたは検索バーなどの入力フィールドを提供するナビゲーションコントロール、ならびに／またはユーザーがタブなどの異なるコンテンツのビューを切り替えることを可能にする入力手段を含むことができる。

[0020]加えて、少なくともいくつかの実施形態では、コントロールセットを、コントロールよりもサイトコンテンツを一層強調する方法で、Ｗｅｂブラウザーユーザーインターフェイス内で視覚的に扱うことができる。

[0021]少なくともいくつかの実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、サイトのブランド化および機能を有効にするように設計される。具体的には、Ｗｅｂサイトは、Ｗｅｂブラウザーユーザーインターフェイスの上部付近のコントロールレイアウト領域で利用することができるコンテンツを提供して、ブランド化手段およびサイトのホームボタンとしての２つの役割を果たす「お気に入りアイコン」と呼ばれるカラーアイコンおよび／またはサイト提供アイコンを使用することによって、ブランド化を強化することができる。さらに、少なくともいくつかの実施形態では、１つまたは複数のＷｅｂブラウザーナビゲーションコントロールを表示するために利用されるサイト関連のカラーを使用することによって、ブランド化を強化することができる。さらに、少なくともいくつかの実施形態では、Ｗｅｂサイトは、ブラウザーの機能のすべてを提供する必要がない。むしろ、サイトは、その特定のＷｅｂサイトに最も適した機能を提供または特定することができる。このようにして、邪魔なものが少ない、よりサイトを重視したエクスペリエンスを提供する一方で、それと同時に、少なくともいくつかのブラウザーコントロールを提供することによって、ユーザーエクスペリエンスが高められる。例えば、いくつかのＷｅｂサイトは、他のＷｅｂサイトよりも、アプリケーションのように動作するのにより適している。それにもかかわらず、これらのＷｅｂサイトは、依然として、少なくともいくつかのブラウザー機能の恩恵を受けることができる。例えば、ニュースサイトは、ナビゲーションボタンなどの主要なブラウザー機能の大半を利用して、サイトの異なる部分に移動することができる。しかし、ニュースサイトには、タブにおける記事を再生待ちに追加する（ｑｕｅｕｅｕｐ）機能がない場合がある。ユーザーに公開されるユーザーインターフェイスを介してアプリケーションのようなエクスペリエンスを可能にし、それと同時に、タブなどのブラウザーコントロールを利用可能にすることによって、少なくともいくつかのブラウザー機能を有するサイト中心のエクスペリエンスを提供する限りにおいて、ユーザーエクスペリエンスが高められる。別の例として、サイト上の情報を迅速に検索する機能を提供する没入型サイトなどの状況について検討する。例えば、ユーザーは、Ｗｅｂ電子メールアプリケーションを使用し、映画に行こうという友人からの電子メールを受信することができる。フルＷｅｂブラウザーにアクセスする必要がない代わりに、ユーザーは単に、自分のＷｅｂ電子メールアプリケーション内で新しいタブを開き、電子メールアプリケーションのコンテキストを失うことなく検索を実行することができる。

[0022]以下に続く説明では、「運用環境」と題されたセクションが提供され、このセクションは、１つまたは複数の実施形態を用いることができる１つの環境について説明する。これに続いて、「例示的な線形コントロールレイアウトモジュール」と題されたセクションは、１つまたは複数の実施形態による例示的な線形コントロールレイアウトモジュールについて説明する。次に、「サイトコンテンツを強調するためのコントロールの視覚的処理」と題されたセクションは、１つまたは複数の実施形態に従って、どのようにコントロールを視覚的に処理して、サイトコンテンツを強調することができるかについて説明する。これに続いて、「コントロールレイアウト領域に現れる特定のコントロールを視覚的に強調する」と題されたセクションは、１つまたは複数の実施形態に従って、どのように特定のコントロールを視覚的に強調することができるかについて説明する。次に、「タブバンドに対してアドレスバーをサイズ調整する」と題されたセクションは、１つまたは複数の実施形態に従って、タブバンドに対して、どのようにアドレスバーをサイズ調整およびサイズ変更することができるかについて説明する。次に、「ブランド化されたブラウザーフレーム」と題されたセクションは、１つまたは複数の実施形態に従って、どのようにＷｅｂブラウザーユーザーインターフェイスをブランド化することができるかについて説明する。これに続いて、「例示的な方法」と題されたセクションは、１つまたは複数の実施形態による例示的な方法について説明する。最後に、「例示的なシステム」と題されたセクションは、１つまたは複数の実施形態による例示的なシステムについて説明する。
運用環境
[0023]図１は、１つまたは複数の実施形態による運用環境の全体を１００で示す。環境１００は、１つまたは複数のプロセッサ１０４、１つまたは複数のコンピューター可読記憶媒体１０６および、コンピューター可読記憶媒体に常駐し、（１つまたは複数の）プロセッサによって実行可能な１つまたは複数のアプリケーション１０８を有するコンピューティングデバイス１０２を含む。コンピューター可読記憶媒体は、例として限定することなく、すべての形態の揮発性メモリおよび不揮発性メモリならびに／または通常コンピューティングデバイスに関連付けられる記憶媒体を含むことができる。そのようなメディアとしては、ＲＯＭ、ＲＡＭ、フラッシュメモリ、ハードディスク、リムーバブルメディアなどを挙げることができる。コンピューティングデバイスの１つの具体的な例が図１０に示され、以下で説明される。

[0024]加えて、コンピューティングデバイス１０２は、上記および以下で説明されるように動作するＷｅｂブラウザーユーザーインターフェイスを提供するために線形コントロールレイアウトモジュール１１１を含む、またはそうでない場合は線形コントロールレイアウトモジュール１１１を利用するＷｅｂブラウザー１１０の形態のソフトウェアアプリケーションを含む。線形コントロールレイアウトモジュールは、ユーザーがＷｅｂサイトのコンテンツを重視する一方で、コントロールによって提供することができる邪魔なものの一部を削除するのを支援するように設計される。例えば、Ｗｅｂブラウザーユーザーインターフェイスは、線形コントロールレイアウトモジュールを介して、Ｗｅｂブラウザーユーザーインターフェイスの上部にある１行に沿って均等配置された、選択したコントロールのサブセットを含むことができる。コントロールのレイアウトは、上述したように、左から右にまたは右から左にすることができる。任意の適切なタイプの基準を利用して、選択したコントロールを１行に沿って均等配置する方法を決定することができる。例えば、１つの基準は、一群のユーザーにおける特定のコントロールの使用頻度を含むことができる。あるいはまたはそれに加えて、別の基準は、１行に沿ったコントロールの出現がユーザーカスタマイズ可能となるような個々のユーザーの嗜好を含むことができる。さらに、少なくともいくつかの実施形態では、１行に沿って均等配置されて現れるコントロールの少なくともいくつかは、何らかのタイプのナビゲーションに関連するコントロールである。例えば、そのようなコントロールは、例として限定することなく、戻るナビゲーションボタンおよび進むナビゲーションボタン、アドレスバーまたは検索バーなどの入力フィールドを提供するナビゲーションコントロール、ならびに／またはユーザーがタブなどの異なるコンテンツのビューを切り替えることを可能にする入力手段を含むことができる。

[0025]加えて、少なくともいくつかの実施形態では、以下で明らかとなるように、コントロールセットを、コントロールよりもサイトコンテンツを一層強調する方法で、Ｗｅｂブラウザーユーザーインターフェイス内で視覚的に扱うことができる。

[0026]さらに、少なくともいくつかの実施形態では、線形コントロールレイアウトモジュールは、上記および以下で説明されるように、Ｗｅｂサイトが１つまたは複数のＷｅｂブラウザーコントロールをブランド化して、Ｗｅｂサイトの関連付けを強化し、ブランド統合されたユーザーエクスペリエンスを提供することを可能にするように設計される。

[0027]加えて、環境１００は、インターネットなどのネットワーク１１２、および上記および以下で説明されるようにコンテンツを送受信することができる１つまたは複数のＷｅｂサーバー１１４を含む。そのようなコンテンツは、Ｗｅｂサーバーから受信されるＷｅｂページを含むことができる。

[0028]コンピューティングデバイス１０２は、例として限定することなく、デスクトップコンピューター、ポータブルコンピューター、携帯情報端末（ＰＤＡ）、携帯電話などのハンドヘルドコンピューターなどの任意の適切なコンピューティングデバイスとして具体化され得る。

[0029]例示的な運用環境について説明してきたが、次に、線形コントロールレイアウトモジュール１１１を利用することができるいくつかの例示的な実施形態の説明について検討する。
例示的な線形コントロールレイアウトモジュール
[0030]図２は、１つまたは複数の実施形態による例示的なＷｅｂブラウザーの全体を２００で示す。この特定の例では、Ｗｅｂブラウザー２００はＷｅｂブラウザーユーザーインターフェイス２０２を含み、Ｗｅｂブラウザーユーザーインターフェイス２０２は、コンテンツレンダリング領域２０６に隣接し、コンテンツレンダリング領域２０６の上にあるコントロールレイアウト領域２０４を含む。

[0031]コントロールレイアウト領域２０４は、線形コントロールレイアウトモジュール１１１（図１）の影響下で提供される。コントロールレイアウト領域２０４は、ユーザーがコンテンツレンダリング領域２０６内に表示されるものなどのＷｅｂサイトのコンテンツを重視する一方で、コントロールによって提供することができる邪魔なものの一部を削除するのを支援するように設計される。例えば、Ｗｅｂブラウザーユーザーインターフェイスは、線形コントロールレイアウトモジュールを介して、Ｗｅｂブラウザーユーザーインターフェイスの上部にある１行に沿って均等配置された、選択したコントロールのサブセットを含むことができる。これは、図３により詳細に示される。

[0032]図３は、１つまたは複数の実施形態によるコントロールレイアウト領域２０４をより詳細に示す。この例では、複数のコントロールは、「ｌ」で示された１行に沿って均等配置される。上述したように、コントロールのレイアウトは、左から右にまたは右から左にすることができる。任意の適切なタイプの基準を利用して、選択したコントロールを１行に沿って均等配置する方法を決定することができ、その例は上記で提供されている。１つまたは複数の実施形態では、コントロールのグループ化は、以下で明らかとなるように、コントロールが互いに有する関係に基づくことができる。例えば、少なくともいくつかの実施形態では、１行に沿って均等配置されて現れるコントロールの少なくともいくつかは、何らかのタイプのナビゲーションに関連するコントロールである。例えば、そのようなコントロールは、例として限定することなく、戻るナビゲーションボタンおよび進むナビゲーションボタン３００、アドレスバーまたは検索バーなどの、テキストを受信または提示するための入力フィールドを提供するナビゲーションコントロール３０２、ならびに／またはユーザーがタブ３０４などの異なるコンテンツのビューを切り替えることを可能にする入力手段を含むことができる。

[0033]図示され、説明された例では、戻るナビゲーションボタンおよび進むナビゲーションボタンはそれぞれ、ナビゲーションに関連するので、これらのボタンを一緒にグループ化することが望ましい場合がある。さらに、少なくともいくつかの実施形態では、戻るボタンおよび進むボタンに隣接する、ナビゲーションコントロール３０２によって表されるものなどのアドレスバーをグループ化することが望ましい場合がある。これは、アドレスバーが、いくつかの例では戻るボタンおよび進むボタンを介して、ブラウザーを移動する先のＵＲＬを示す限りにおいて、アドレスバーおよび戻る／進むボタンが関連しているからである。

[0034]加えて、いわゆるセカンダリコントロール３０６などの他のコントロールを、線ｌに沿って均等配置することができる。次いで、視覚的な観点から、線ｌは、少なくともいくつかの実施形態では、何らかの１つまたは複数の基準を満たすコントロールの観点から均等配置された一連のコントロールを、上記の１つまたは複数の基準をあまり（または全く）満たさないコントロールと区別する。少なくともいくつかの実施形態では、線ｌはＷｅｂブラウザーユーザーインターフェイスの上部に配置され（図２）、少なくともいくつかのナビゲーションコントロールを含み、そのナビゲーションコントロールの上には他のナビゲーションコントロールは現れない。さらに他の実施形態では、線ｌはＷｅｂブラウザーユーザーインターフェイスの上部に配置され、１つまたは複数のタブを含むタブバンドを含み、そのタブバンドの上には他のナビゲーションコントロールは現れない。

[0035]図４は、別の実施形態によるコントロールレイアウト領域２０４を示す。図３の実施形態と同じ番号を利用して、同じ構成要素を示す。この例では、コントロールレイアウト領域２０４は、アドレスバーまたは検索バーなどの入力フィールドを提供するナビゲーションコントロール３０２、およびユーザーが線ｌに沿って均等配置されたタブ３０４などの異なるコンテンツのビューを切り替えることを可能にする入力手段を含む。

[0036]図５は、別の実施形態によるコントロールレイアウト領域２０４を示す。図３の実施形態と同じ番号を利用して、同じ構成要素を示す。この例では、コントロールレイアウト領域２０４は、戻るナビゲーションボタンおよび進むナビゲーションボタン３００、およびユーザーが線ｌに沿って均等配置されたタブ３０４などの異なるコンテンツのビューを切り替えることを可能にする入力手段を含む。

[0037]図６は、別の実施形態によるコントロールレイアウト領域２０４を示す。図３の実施形態と同じ番号を利用して、同じ構成要素を示す。この例では、コントロールレイアウト領域２０４はタブ６００を含み、タブ６００内にアドレスバーが現れる。明確にするために、線ｌは途切れている。この例では、アドレスバーをタブ内に含めることで、現在の場所の明確性および視覚的識別を促進する。具体的には、この共有情報を１つのコントロールに出現させることで、ユーザーが移動した先の場所の１つの明確なアドレスを提供する。場所を切り替え、移動する場合は、より少ないステップしか必要とせず、より少ない認知負荷を利用する。
サイトコンテンツを強調するためのコントロールの視覚的処理
[0038]加えて、少なくともいくつかの実施形態では、以下で明らかとなるように、コントロールセットを、コントロールよりもサイトコンテンツを一層強調する方法で、Ｗｅｂブラウザーユーザーインターフェイス内で視覚的に扱うことができる。

[0039]一例として、図２の実施形態と同じ番号を利用して、同じ構成要素を示す図７について検討する。図７には、１つまたは複数の実施形態による例示的なＷｅｂブラウザー２００が示されている。この特定の例では、Ｗｅｂブラウザー２００はＷｅｂブラウザーユーザーインターフェイス２０２を含み、Ｗｅｂブラウザーユーザーインターフェイス２０２はコントロールレイアウト領域２０４およびコンテンツレンダリング領域２０６を含む。

[0040]上記の例と同様に、コントロールレイアウト領域２０４は、線形コントロールレイアウトモジュール１１１（図１）の影響下で提供される。コントロールレイアウト領域２０４は、ユーザーがコンテンツレンダリング領域２０６内に表示されるものなどのＷｅｂサイトのコンテンツを重視する一方で、コントロールによって提供することができる邪魔なものの一部を削除するのを支援するように設計される。例えば、Ｗｅｂブラウザーユーザーインターフェイスは、線形コントロールレイアウトモジュールを介して、Ｗｅｂブラウザーユーザーインターフェイスの上部にある１行に沿って均等配置された、選択したコントロールのサブセットを含むことができる。さらに、この例では、Ｗｅｂブラウザーユーザーインターフェイスは、灰色の点状パターンで表されるテーマを含むクライアントデスクトップ７００に対して表示されるものとして示されている。任意の適切なテーマを使用することができる。

[0041]図示され、説明された実施形態では、コンテンツレンダリング領域２０６内に表示されるコンテンツをより視覚的に強調するために、コントロールレイアウト領域２０４は、基礎となるテーマを反映するために効果的に明確になるように表示され得る。具体的には、この例では、コンテンツレンダリング領域に現れるコントロールは、灰色の点状パターンで示される基礎となるテーマを反映することに留意されたい。少なくともいくつかの実施形態では、ユーザーがコントロールレイアウト領域２０４内に現れる特定のコントロールを選択するとき、そのコントロールは、コントロール領域２０４に現れるコントロールの発見を容易にすることができる異なるカラーをとることができる。

[0042]あるいはまたはそれに加えて、コントロールレイアウト領域２０４内に現れるコントロールを単色で表示することができ、コントロールおよびコントロールが現れる関連するコントロールレイアウト領域を、コンテンツレンダリング領域２０６に現れるコンテンツを強調するために選択された１つのカラーで表示することができる。例えば、コントロールおよびコントロールレイアウト領域２０４をグレースケールで表示して、コンテンツレンダリング領域２０６を強調することができる。ユーザーがコントロールを選択すると、そのコントロールは、当該のコントロールを強調するために異なるカラーをとることができる。
コントロールレイアウト領域に現れる特定のコントロールを視覚的に強調する
[0043]少なくともいくつかの実施形態では、コントロールレイアウト領域に現れる特定のコントロールを視覚的に強調することができる。一例として、代替実施形態による、図３の例のコントロールレイアウト領域２０４を示す図８について検討する。図３の例と同じ番号を利用して、同じ構成要素を示す。

[0044]この例では、上記の例と同様に、複数のコントロールは、「ｌ」で示された１行に沿って均等配置される。例示的なコントロールは、例として限定することなく、戻るナビゲーションボタンおよび進むナビゲーションボタン３００、アドレスバーまたは検索バーなどの入力フィールドを提供するナビゲーションコントロール３０２、ならびに／またはユーザーがタブ３０４などの異なるコンテンツのビューを切り替えることを可能にする入力手段を含むことができる。

[0045]この例では、戻るナビゲーションボタン８００が進むナビゲーションボタン８０２よりも大きく現れていることに留意されたい。この例では、ボタン８００がより大きいのは、ボタン８００が進むナビゲーションボタン８０２よりも頻繁に使用されるからである。特許請求される主題の趣旨および範囲から逸脱することなく、他の視覚的強調の技術が使用され得る。
タブバンドに対してアドレスバーをサイズ調整する
[0046]表示画面サイズが水平方向に大きくなると、ワイドスクリーンユーザーエクスペリエンスをもたらす傾向がある。確かに、上記で説明された実施形態の少なくともいくつかの動機付けの一部は、水平方向で利用可能なスクリーンリアルエステートを効率的に使用することによって、改善されたユーザーエクスペリエンスをもたらすことに関連する。

[0047]少なくともいくつかの実施形態では、Ｗｅｂブラウザーは、Ｗｅｂブラウザーウィンドウがサイズ変更されるときに、コントロールレイアウト領域においてコントロールを効率的に管理する方法で設計される。例えば、Ｗｅｂブラウザーは表示画面の水平方向解像度を確認することができ、ウィンドウのサイズ変更操作に応答して、タブおよびアドレスバーのレイアウトをインテリジェントに管理することができる。

[0048]例えば、Ｗｅｂブラウザーは、タブを含むタブバンドのサイズとアドレスバーの比を選択することができる。この比は、表示画面の水平方向解像度の変更と関連して変更することができる。さらに、タブバンドとアドレスバーの比が選択されると、Ｗｅｂブラウザーウィンドウがサイズ変更される、例えば、小さくされるときに、Ｗｅｂブラウザーはこの比を維持しようと試みることができる。ただし、Ｗｅｂブラウザーウィンドウのサイズが縮小されたときの何らかの閾値レベルにおいて、Ｗｅｂブラウザーは縮小されたアドレスバー幅に切り替えることができ、セカンダリコントロールなどのコントロールの削除を開始することができる。アドレスバーの縮小された幅の寸法は、アドレスバー内に所望の量のテキストを保持するように選択され得る。ウィンドウのサイズが縮小され続けると、Ｗｅｂブラウザーは、非常に小さい画面サイズであってもアドレスバーおよびナビゲーションコントロールが表示可能となるように、タブの削除を開始することができる。

[0049]次に、ブラウザーのフレームをブランド化して、１つまたは複数の実施形態によるＷｅｂサイトの関連付けを強化することができる実施形態について検討する。
ブランド化されたブラウザーフレーム
[0050]上述したように、少なくともいくつかの実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、サイトのブランド化および機能を有効にするように設計される。具体的には、Ｗｅｂサイトは、Ｗｅｂブラウザーユーザーインターフェイス（その一部は、ブラウザーのいわゆる「フレーム」を構成する）の上部付近のコントロールレイアウト領域で利用することができるコンテンツを提供して、ブランド化手段およびサイトのホームボタンとしての２つの役割を果たす「お気に入りアイコン」と呼ばれるカラーアイコンおよび／またはサイト提供アイコンを使用することによって、ブランド化を強化することができる。コンテンツは、Ｗｅｂサイトによって任意の適切な方法で提供され得る。例えば、少なくともいくつかの実施形態では、そのようなコンテンツは、Ｗｅｂサイトがデスクトップのタスクバーにピン留めされる（ｐｉｎｎｅｄ）ようになる、いわゆる「ピン設定（ｐｉｎｎｉｎｇ）」プロセスを介して、Ｗｅｂサイトによって提供され得る。当然のことながら、Ｗｅｂサイトによって提供されるコンテンツは、ピン設定プロセスとは無関係に提供され得ることを諒解および理解されたい。例えば、デスクトップショートカットが作成されるおよび／またはデスクトップのスタートメニューにＷｅｂサイトを追加する場合、コンテンツが提供され得る。

[0051]ユーザーがブラウザーのアドレスバーからＷｅｂサイトのアイコンをドラッグし、そのアイコンを自分のタスクバーにドロップするドラッグアンドドロップ操作などのユーザー動作によって、Ｗｅｂサイトがデスクトップのタスクバーにピン留めされるようになり得る。そうすることにより、Ｗｅｂサイトによって提供することができるコンテンツを含むＷｅｂアプリケーションファイルがローカルクライアントに作成される。例えば、そのようなコンテンツは、例として限定することなく、ブラウザーによって表示される最初のページである開始ＵＲＬ、Ｗｅｂサイトが指定した様々なナビゲーションドメイン、Ｗｅｂアプリケーションタイトル、および「お気に入りアイコン」と呼ばれるサイト提供アイコンを含むことができる。お気に入りアイコンはタスクバーに現れ、クリックされると、ブラウザーのインスタンス化および開始ＵＲＬに関連付けられた最初のページへのナビゲーションをもたらす。同様に、Ｗｅｂサイトがデスクトップに追加されている場合、お気に入りアイコンはデスクトップに現れる。あるいはまたはそれに加えて、スタートメニューまたはアプリケーションメニューに追加されている場合、お気に入りアイコンはそこに表示される。

[0052]一例として、代替実施形態による、図３の例のコントロールレイアウト領域２０４を示す図９について検討する。図３の例と同じ番号を利用して、同じ構成要素を示す。
[0053]この例では、上記の例と同様に、複数のコントロールは、「ｌ」で示された１行に沿って均等配置される。例示的なコントロールは、例として限定することなく、戻るナビゲーションボタンおよび進むナビゲーションボタン３００、アドレスバーまたは検索バーなどの入力フィールドを提供するナビゲーションコントロール３０２、ならびに／またはユーザーがタブ３０４などの異なるコンテンツのビューを切り替えることを可能にする入力手段を含むことができる。この例では、コントロール９０４が提供され、コントロール９０４はＷｅｂサイトに関連付けられたコンテンツ（ここではＷｅｂサイトのタイトル「ＣＮＮ」）および／またはお気に入りアイコンを含む。加えて、コントロール９０４は、Ｗｅｂサイトのお気に入りアイコンのプライマリカラーでブランド化されている。コントロール９０４をブランド化するために利用されるカラーは、任意の適切な方法で確認され得る。例えば、少なくともいくつかの実施形態では、カラーは、Ｗｅｂサイトのお気に入りアイコンに現れる最も目立つカラーを判定することによって確認され得る。あるいはまたはそれに加えて、カラーは、Ｗｅｂサイト開発者によって指定され、クライアントデバイス上で記憶されたＷｅｂアプリケーションファイルにリストアップされ得る。

[0054]少なくともいくつかの実施形態では、コントロール９０４は、ブランド化機構およびＷｅｂサイトのホームページボタンの両方としての２つの役割を果たす。具体的には、ユーザーが特定のＷｅｂサイトの深くまで移動した場合、ユーザーは、コントロール９０４をクリックすることによって、そのサイトのホームページに直ちに戻ることができる。

[0055]また、この例では、戻るナビゲーションボタン９００が進むナビゲーションボタン９０２よりも大きく現れていることに留意されたい。この例では、ボタン９００がより大きいのは、ボタン９００が進むナビゲーションボタン９０２よりも頻繁に使用されるからである。また、この実施形態では、コントロール９０４をブランド化するために使用されるカラーでコントロール９００、９０２を表示することによって、サイトのブランド化が強化されることに留意されたい。

[0056]また、少なくともいくつかの実施形態では、タブ３０４に現れるＷｅｂサイトアイコン９０６を使用することによって、ブランド化がさらに強化されることに留意されたい。

[0057]少なくともいくつかの実施形態では、ナビゲーションボタン９００、９０２、ならびに他のコントロールは、サイト関連のカラーを利用して、アクティブ状態および非アクティブ状態を示すことができる。具体的には、ナビゲーションボタン９００、９０２などのコントロールがアクティブおよび非アクティブの両方であるときに、サイト関連のカラーが利用され得る。非アクティブ状態では、サイト関連のカラーに加えて、他のカラーを利用して、非アクティブ状態を示すことができる。例えば、本例では、ボタンが非アクティブであるとき、進むボタン９０２に現れる白の矢印はグレースケールで表示され得る。

[0058]少なくともいくつかの実施形態では、サイトのＷｅｂ開発者によっておよび／またはエンドユーザーによって指定することができるカスタマイズパラメーターに基づいて、個々のＷｅｂサイトをカスタマイズすることができる。例えば、ニュースサイトの場合、お気に入りバーは、記事を「クリップ」し、保存することを可能にすることが望ましいことがある。一方、「フラグ（ｆｌａｇｇｉｎｇ）」という独自の概念を有する電子メールアプリケーションの場合、お気に入りバーは重複し、したがって、不要となる。

[0059]操作の際、ユーザーがサイトのコンテンツ内を移動するとき、ブランド化されたコントロールを含むＷｅｂブラウザーのブランド化されたフレームは、コンテンツがＷｅｂサイトに所属すること（ａｆｆｉｌｉａｔｉｏｎ）をユーザーに通知する。

[0060]上記で説明された実施形態の様々な機能は、同じ図面において一緒に現れていない場合があっても、他の説明された機能のいずれかとともに利用され得ることを諒解および理解されたい。
例示的な方法
[0061]図１０は、１つまたは複数の実施形態による方法のステップについて説明する流れ図である。この方法は、任意の適切なハードウェア、ソフトウェア、ファームウェア、またはこれらの組合せに関連して実施され得る。少なくともいくつかの実施形態では、この方法は、上記で説明されたものなどのＷｅｂブラウザーおよび／または線形コントロールレイアウトモジュールの形態のソフトウェアにおいて実施され得る。

[0062]ステップ１０００は、Ｗｅｂブラウザーユーザーインターフェイスを表示する。ステップ１００２は、選択したコントロールを、Ｗｅｂブラウザーユーザーインターフェイスの上部に隣接する１行に沿って均等配置する。選択したコントロールの例は、上記で提供されている。
例示的なシステム
[0063]図１１は、上記で説明された様々な実施形態を実施するために使用することができる例示的なコンピューティングデバイス１１００を示す。コンピューティングデバイス１１００は、例えば、図１のコンピューティングデバイス１０２またはＷｅｂサーバー１１４とすることができる。

[0064]コンピューティングデバイス１１００は、１つまたは複数のプロセッサもしくは処理ユニット１１０２、１つまたは複数のメモリおよび／もしくは記憶コンポーネント１１０４、１つまたは複数の入力／出力（Ｉ／Ｏ）デバイス１１０６、ならびに様々なコンポーネントおよびデバイスが互いに通信することを可能にするバス１１０８を含む。バス１１０８は、様々なバスアーキテクチャのいずれかを使用するメモリバスまたはメモリコントローラー、周辺バス、アクセラレーテッドグラフィックスポート、およびプロセッサまたはローカルバスを含む、いくつかのタイプのバス構造のいずれかの１つまたは複数を表す。バス１１０８は、有線バスおよび／または無線バスを含むことができる。

[0065]メモリ／記憶コンポーネント１１０４は、１つまたは複数のコンピューター記憶媒体を表す。コンポーネント１１０４は、（ランダムアクセスメモリ（ＲＡＭ）などの）揮発性メディアおよび／または（読取り専用メモリ（ＲＯＭ）、フラッシュメモリ、光ディスク、磁気ディスクなどの）不揮発性メディアを含むことができる。コンポーネント１１０４は、固定メディア（例えば、ＲＡＭ、ＲＯＭ、固定ハードドライブなど）ならびにリムーバブルメディア（例えば、フラッシュメモリドライブ、リムーバブルハードドライブ、光ディスクなど）を含むことができる。

[0066]１つまたは複数の入力／出力デバイス１１０６により、ユーザーはコマンドおよび情報をコンピューティングデバイス１１００に入力することができ、また、情報をユーザーおよび／または他のコンポーネントもしくはデバイスに提示することができる。入力デバイスの例としては、キーボード、カーソル制御デバイス（例えば、マウス）、マイクロホン、スキャナーなどが挙げられる。出力デバイスの例としては、表示デバイス（例えば、モニターまたはプロジェクター）、スピーカー、プリンター、ネットワークカードなどが挙げられる。

[0067]ソフトウェアまたはプログラムモジュールの一般的なコンテキストにおいて、様々な技術が本明細書に記載され得る。一般に、ソフトウェアは、特定のタスクを実行するまたは特定の抽象データタイプを実施するルーチン、プログラム、オブジェクト、コンポーネント、データ構造などを含む。これらのモジュールおよび技術の実施は、何らかの形態のコンピューター可読メディア上で記憶されるか、または伝送され得る。コンピューター可読メディアは、コンピューティングデバイスによってアクセスすることができる、任意の利用可能な１つまたは複数のメディアとすることができる。例として限定することなく、コンピューター可読メディアは、「コンピューター可読記憶媒体」を備え得る。

[0068]「コンピューター可読記憶媒体」は、コンピューター可読命令、データ構造、プログラムモジュール、または他のデータなどの情報を記憶するために任意の方法または技術で実施される揮発性メディアおよび不揮発性メディア、リムーバブルメディアおよび非リムーバブルメディアを含む。コンピューター可読記憶媒体としては、ＲＡＭ、ＲＯＭ、ＥＥＰＲＯＭ、フラッシュメモリもしくは他のメモリテクノロジ、ＣＤ−ＲＯＭ、デジタル多用途ディスク（ＤＶＤ）もしくは他の光学記憶装置、磁気カセット、磁気テープ、磁気ディスク記憶装置もしくは他の磁気記憶デバイス、または所望の情報を記憶するために使用することができ、コンピューターによってアクセスすることができる任意の他のメディアが挙げられるが、これらに限定されない。
結論
[0069]様々な実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、Ｗｅｂブラウザーユーザーインターフェイスの上部にある１行に沿って均等配置された、選択したコントロールのサブセットを含む。コントロールのレイアウトは、左から右にまたは右から左にすることができる。具体的には、左から右のレイアウトでは、一定の基準を満たす選択したコントロールは、他のコントロールの左側に現れることができる。同様に、右から左のレイアウトでは、一定の基準を満たす選択したコントロールは、他のコントロールの右側に現れることができる。少なくともいくつかの実施形態では、１行に沿って均等配置されて現れるコントロールの少なくともいくつかは、何らかのタイプのナビゲーションに関連するコントロールである。そのようなコントロールは、テキスト入力がユーザーによって提供されることを可能にするコントロールを含むことができる。

[0070]少なくともいくつかの実施形態では、Ｗｅｂブラウザーユーザーインターフェイスは、サイトのブランド化および機能を有効にするように設計される。具体的には、Ｗｅｂサイトは、Ｗｅｂブラウザーユーザーインターフェイスの上部付近のコントロールレイアウト領域で利用することができるコンテンツを提供して、ブランド化手段およびサイトのホームボタンとしての２つの役割を果たす「お気に入りアイコン」と呼ばれるカラーアイコンおよび／またはサイト提供アイコンを使用することによって、ブランド化を強化することができる。さらに、少なくともいくつかの実施形態では、１つまたは複数のＷｅｂブラウザーナビゲーションコントロールを表示するために利用されるサイト関連のカラーを使用することによって、ブランド化を強化することができる。

[0071]構造的機能および／または方法的行為に特有の文言で主題について説明してきたが、添付の特許請求の範囲で定義される主題は必ずしも上記で説明された特定の機能または行為に限定されないことを理解されたい。むしろ、上記で説明された特定の機能および行為は、特許請求の範囲を実施する例示的な形態として開示される。

Claims

コンピューティングデバイスであって、
前記コンピューティングデバイスによって実行されると、前記コンピューティングデバイスに、
Ｗｅｂアプリケーションユーザーインターフェイスと、
前記Ｗｅｂアプリケーションユーザーインターフェイス内のコンテンツレンダリング領域と、
前記コンテンツレンダリング領域に隣接し、前記コンテンツレンダリング領域の上にあるコントロールレイアウト領域と
を実施させるコンピューター実行可能命令を格納するコンピューター記憶媒体であって、
前記コントロールレイアウト領域が、前記Ｗｅｂアプリケーションユーザーインターフェイスの上部にある単一の行に沿って分散された、選択したコントロールのサブセットを含むように構成され、
前記単一の行に沿って分散された前記選択したコントロールのサブセットが、Ｗｅｂサイトのホームページボタンとして働くＷｅｂサイトカラーがブランド化されたコントロール、Ｗｅｂサイトカラーがブランド化されたコントロールに隣接してその右にある、カラーがブランド化された戻るナビゲーションボタンおよび進むナビゲーションボタン、ならびに前記カラーがブランド化された戻るナビゲーションボタンおよび進むナビゲーションボタンの右に複数のタブを見せるように構成されたタブバンドを備え、
前記Ｗｅｂアプリケーションユーザーインターフェイスが、前記単一の行に沿って分散された、前記選択したコントロールの上に現れるナビゲーションコントロールを含まないように構成される、
コンピューター記憶媒体を備える、コンピューティングデバイス。
前記コントロールレイアウト領域は、前記Ｗｅｂサイトカラーがブランド化されたコントロールの右に、前記単一の行に沿って分散された少なくとも１つの他のナビゲーションコントロールを含むように構成される、請求項１に記載のコンピューティングデバイス。
前記ＷｅｂアプリケーションユーザーインターフェイスはＷｅｂブラウザーユーザーインターフェイスを備える、請求項１に記載のコンピューティングデバイス。