テーブルマスタービューを使用したマスター詳細ビュー
テーブルビューを使用して、画像を含むコンテンツを表示する必要があります。行をクリックすると、フォームレイアウト内のすべてのテキスト要素を含む詳細ビューが表示されます。
機能的には、私はそれをうまく達成できましたが、結果は恐ろしく見えます。私はUIに関してはかなり先を行っており、モックアップを投稿するための準備をしていないため、実際のスクリーンショットを投稿しているバックエンドプログラマーです。
以下についていくつかの提案を得ることができれば、非常に役立ちます。
- この場合、表形式に制約されてデータを異なる方法で構造化するにはどうすればよいですか？
- このビューのUXを改善するために他に何ができますか？
テーブルヘッダーフォントの太さを大きくしてテーブルヘッダーを目立たせ、行よりも背景色を暗くすることができます。
スクロールバーテーブルがよく見えない水平スクロールバーが表示されます。列の数が多い場合は、矢印を使用して追加の列を表示するか、列を減らします幅とホバー時に完全な値が表示されます。
詳細ビューそして、詳細ビューを表示するには、ユーザーを別のページに移動する方法を教えてください。このページだけにすべての詳細を表示したい場合は、フィールドが多すぎない場合は、行を展開できます。編集するオプションを提供する場合は、テキストボックス内に詳細をフォームに配置できます。読み取り専用の場合は、テキストボックスを削除する方が適切です。