web-dev-qa-db-ja.com

UI:複数列インターフェースの名前?

複数の列があるUIの「適切な」名前はありますか。最初の列を操作すると、2番目の列に適切なデータが入力されますか?これらの列は、次の列に表示するコンテンツを決定するソートのフィルターとして機能します。

たとえば、最初の列には国のリストがあります。 USAを選択した場合、次の列には米国の州のリストなどが含まれます。

モバイルデバイスでは、これらは通常、右向きの矢印が付いたナビゲーションアイテムのリストとして表示されます。アイテムをクリックすると、別の「ページ」に移動します。

これを行うにはjQueryプラグインを見つける必要があるので、私は尋ねています。技術的な質問もいくつかあります。しかし、最初に、私はこれが何と呼ばれるかを知る必要があります。

3

ミラーカラムのように聞こえますか? http://en.wikipedia.org/wiki/Miller_columns

5
Wander

Mobileでは drilldown と呼ばれ、jQuery Mobileではほとんどデフォルトです。基本的にリンク付きのリストを定義し、それを実行します。

デスクトップでは、適切な名前はMiller Columnですが、より頻繁にcolumn navigationまたはcolumn view、これも同様です jQuery plugin

1
Aadaam

Designing Interfaces は、このUIパターンを「カスケードリスト」(第5章:モノのリスト)と呼んでいます。

カスケードリストの例:

Cascading Lists

その原則は次のとおりです。

各階層レベルのアイテムの選択可能なリストを表示して、階層を表現します。アイテムを選択すると、そのアイテムの子が次のリストに表示されます。

この本の別の例は、キャプテンによって他の回答で提供された「Miller Column」ウィキペディアのページと同じアプリケーションです。

したがって、誰もがこのUIパターンを指すために使用する単一の一般的な用語はないかもしれませんが、「カスケードリスト」は少なくとも誰でも簡単に理解できるものです。

詳細については、このリンク(同じ本に記載されているリンク)をご覧ください。 Quince UXパターン:カスケードリスト

1
Padrig