UIパターン：リストと詳細に割り当て

Question

リストへのアイテムの割り当てはよく知られているUIパターンであり、既に x.se で説明されています。

例：

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

最近数回偶然見つけたのは、アイテムをリストに割り当て、アイテムの詳細を表示する場合です。モバイルにはさまざまな要件があるため、UIパターンはデスクトップWebアプリケーションでのみ使用されます。

私は2つのアプローチを想像できます。

1。両方のリストに1つの共有詳細ビュー

ユーザーは、1つの領域が2つの異なる領域に使用されていると混乱しないでしょうか？

補足：現在のアプローチでは、チェックボックスを含む1つのリストを使用し、選択したチェックボックスのみを表示するフィルターを提供しています。私はアイデアが好きですが、それは非常に一般的ではなく、2番目のアプローチを処理できません。

2。各リストの詳細-詳細情報の比較が可能

要件は、同じページに4つのビューすべてを表示できる可能性があることです。

誰かが適切な解決策を思いついたのでしょうか？

それがどのように見えるか：

^{bmmlソースをダウンロード}

Answer 1

ThaSaleniに追加すると、リストを2つの部分に分けることができます。上部の「オスカーアワード」とその下の「オスカーノミネート」では、このようにして、受賞した映画を簡単に見つけることができます。

Answer 2

これが私の提案です：

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

基本的に、すべてのリストと、実際に賞を獲得した映画を表示するインラインラベルがあります。