Millerカラムを後方に移動する

Question

Webアプリケーションに、ページ幅よりも広いミラーカラムのセットがあります。つまり、これは階層の最初のレベルが表示されなくなる可能性があることを意味します。 ユーザーがミラー列のセットで「戻る」のに最も効果的な方法は何ですか？

いくつかのアイデアは次のとおりです。

水平スクロールバー
右上のどこかにある「戻る」ボタン
各リストの最後/最初のアイテムとしての「戻る」アイテム

これらすべての動作例：

mockup

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

（注：私のデータは実際には一連のレポートですが、これはより良い例になると思いました）

または、多分それは列を自動スクロールして、フォーカスされている列が常に中央になるように十分に機能しますか？または、他の何か？

Koen Lageveen · Accepted Answer

フォーカスされているアイテムをビューポートに保持することは常に良い考えです。ただし、ユーザーが画面の位置を制御した（たとえば、横にスクロールする）とすぐに、再配置（たとえば、フォーカスされたアイテムをビューポート内に戻すためにスクロールして戻す）に注意する必要があります。新しい/別の列がフォーカスを取得したときにのみ、これを最初に行うことを提案します。

水平スクロールバーは当然の選択ですが、タッチ以外のすべてのもので使用するのも非常に扱いにくいです。

モックアップのレイアウトで考えられる問題は、3つの列が正確にフィットすることです。このようにして、ビューポートの外側にもっとあるという明確な視覚的な手掛かりを得ることができません。

戻る/進むボタンの代わりに、クリック可能な領域（一般的に使用されるライトボックスUI）を使用することもできます。それらは、ビューポートの外に何かがあり、簡単にヒットできることを示しています。ただし、アプリケーションにこれらの列が多数ある場合、スクロールバーは、より高速なスクロールモードを提供しながら、列のリストのどこにいるかをより明確に示します。

mockup

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

Charles Wesley · Answer

Mac OSでは、Finderのミラーカラムはスクロールとブレッドクラムの組み合わせを使用してナビゲーションをサポートします。

Finder's Miller Columns

このアプローチの利点は、スクロールによって公開された階層の各レベルですべてのアイテムを表示できる一方で、パンくずリストによって現在のレベルへの階層パスが明示的になることです。

あなたのユースケースでは、Miller Columnラッパーとブレッドクラム内でのスクロールの組み合わせも機能すると考えられます。これは、レポートで両方のユースケースが有効であることを確認できるためです（つまり、ここに至るまでの経路と、その他のオプションは何ですか）。上流を選択した可能性があります）。