web-dev-qa-db-ja.com

ブラウザウィンドウで多数のタブを管理するための戦略やデザインパターンはありますか?

Web上の情報を閲覧したり読んだりする人々の性質が変化しているため、ブラウザウィンドウ(または複数のブラウザウィンドウ)でタブを開いたままにする人々に比べて、ブックマークへの愛着が薄れています。

ユーザーが多数のタブを管理できるようにするデザインパターンの例はありますか?

6
Michael Lai

Firefoxは少し前にタブのグループ化機能( "Panorama")を導入しました しかし再び削除しました 。アイデアは良かったと思いますが、実装には問題(バグ、パフォーマンスの低下)がありました。寄稿者 ブログ投稿の状態 削除のもう1つの理由は使いやすさでしたが、詳細には触れませんでした。

パノラマは次のように機能しました:

  • パネルを開くボタン(およびキーボードショートカット)がUIにあります。

  • そのパネルでは、タブグループを作成/管理できます(オプションでタブグループに名前を付けることができます)。すべてのタブはタブグループにあります(デフォルトでは名前のないタブです)。ここでもタブを移動して閉じることができます。

    Panorama: tab group panel

    (スクリーンショットは3つのタブグループを示しています。左上のグループには名前がなく、非常に多くのタブが含まれているため、スタックとして表示されます。そのタブグループを十分に大きくすると、次のようにタブが個別に表示されます。他の2つのタブグループ)

  • そのパネルでは、すべてのタブグループ内のタブを検索することもできます。一致するタブを強調表示します。

    Panorama: searching for a keyword, highlighting matching tabs

  • このパネルのタブをクリックすると、そのタブがフォーカスされている通常のブラウザモードに切り替わります。開いている他のすべてのタブは、同じタブグループからのものです。

  • 通常のブラウザモードの場合、タブを特定のタブグループに移動できます。コンテキストメニューから:

    Panorama: context menu to move a tab into a tab group

    (「グループに移動」のようなもので、自分のグループ「答えるStack Exchangeの質問」を選択しています。)

それはまさに私が必要とするものでした:タブが導入される前に、私は複数のブラウザーウィンドウを開いていましたが、これは混乱でした。タブを使用すると、かなり整理されていましたが、以前よりもはるかに多くのページを開いたため、ある時点で、どういうわけかタブを整理する必要がありました。それぞれにタブのセットがある複数のブラウザーウィンドウに戻ることも1つの解決策でしたが、やはり混乱しました。
Panoramaのコンセプトは、複数のブラウザウィンドウを持ち、それぞれに独自のタブがあることと似ていますが、ウィンドウが1つしかなく、すべてのタブで検索できるという利点があります。

(アドオン Tab Groups は、この機能を現在のFirefoxバージョンにもたらすことができますが、私はまだそれを使用していなかったため、何か別のことをするかどうかはわかりません。)

4
unor

階層。

私のお気に入りのツールの1つは、タイルウィンドウマネージャーです。これにより、非常に優れた階層構造で多くのウィンドウを管理できます。大まかな簡略化は次のとおりです。

  • いくつかのワークスペース(別名:仮想デスクトップ)があります。
  • 各ワークスペースには一連のペインがあります。ペインは
    • ウィンドウ、
    • ペインのタブストリップ(ブラウザのような)、
    • ペインの水平または垂直「タイル」。

これにより、アクティブなウィンドウをtonにすることができます。私はそれらを使用していませんが、独自のタブストリップをまったく持たない、特にタイルウィンドウマネージャー用のブラウザーがあります。タイルウィンドウマネージャーを使用するだけです。

次に、たとえば、

  • 10個のワークスペース、
  • それぞれにいくつかのペインのレイアウトがあります(実行している内容に応じて、フルスクリーンエクスペリエンスまたは複数の可視ウィンドウを好む場合があります)
  • それぞれに一連のタブがあります(これはウィンドウマネージャーのタブストリップまたはブラウザーのタブかもしれません)。

このワークフローは、数百のタブだけでなく、あらゆる種類の数百のウィンドウに簡単に対応します。

これはunorの回答のタブグループが行うことですが、いくつかの違いがあります。

  • 物事を空間的にレイアウトする試みはありません。空間レイアウトには魅力がありますが、使い勝手に問題があります。空間レイアウト
    • タブを追加したり削除したりすると、リストよりも多くの変更が行われます。
    • 認知負荷が高い
    • 整理や並べ替えが難しい
    • キーボードショートカット(特にnextおよびprevious)にうまくマッピングしない、
    • モーダルインターフェイスを必要とするUIスペースを占有します。
  • 現在のコンテキストは常に利用可能です。コンテンツがオンになっているワークスペースのリストは、画面下部のメインバーにあります。使用可能なペインが表示され、タブ付きペインのタブがペインの上部にあります。

今、私はではありませんタイルウィンドウマネージャをコピーすることを提案しています。タイリングウィンドウマネージャーは深刻なパワーユーザーツールであり、平均的なユーザーにとってトレードオフを適切にすることはめったにありません。 (ヘック、私はCapslockを修飾キーに再マッピングしました。)

ただし、本当にうまくいくのは、シンプルでフラットな階層を持つことです。私はこのようなものを提案します:

Simplified hierarchical tabs

四角はタブグループを選択します。ユーザーはwindowsgroupsタブ。四角はユーザー名の変更をサポートしている場合があります。

2
Veedrac