アプリケーション設計に関するよくある質問

Workshop モジュールにほかのモジュールを埋め込むべきなのはどのような場合ですか？

ユーザーが移動する必要のある独立したページや、異なるコンポーネントを数多く含む大規模なモジュールでは、Workshop モジュールを埋め込むことで、ロジックを分離し、1個のモジュールに含まれる変数の数を減らせます。単一のモジュール内の複数のページでインターフェースを再利用する場合は、長期的なモジュールの保守を効率化するために、埋め込みモジュールの使用を検討してください。

画面中央のポップアップウィンドウと、ユーザーの画面の片側に表示されるドロワーポップオーバーは、どのように使い分けるべきですか？

確認、アラート、アクションフォームなど、ユーザーが集中して取り組む必要のある重要なタスクや判断には、画面中央のポップアップウィンドウを使用します。

コンポーネントの詳細、設定、補助的なアクションなど、補足情報を含む補助的なタスクには、ドロワーポップオーバーを使用します。ポップオーバーに埋め込まれた補助的なタスクを完了するために、ユーザーがモジュールのメインコンテンツを参照する必要がある場合もあるため、ドロワーポップオーバーではメインコンテンツが表示されたままになります。

オブジェクトテーブルとオブジェクトリストは、どのように使い分けるべきですか？

複数の属性や列を持つデータを表示し、比較、並べ替え、一括アクションを可能にするには、オブジェクトテーブルを使用します。

属性が少なく、順に表示するシンプルなコンテンツで、すばやい確認や単一項目へのアクションを可能にするには、オブジェクトリストを使用します。

折りたたみ可能なセクションと、完全に非表示でユーザーがボタンを選択して開くセクションは、どのように使い分けるべきですか？

セクションの場所を表示したまま、ユーザーがコンテンツを表示したり非表示にしたりできるようにするには、折りたたみ可能なセクションを使用します。折りたたみ可能なセクションは、補足情報を含むサイドパネルやフィルターに最も適しています。表示設定は、ユーザーが操作するトグル、または変数に基づくロジックで設定できます。折りたたみ可能なセクションを積み重ねて配置することは避けてください。

セクションのコンテンツがモジュール内の特定のアクションやユースケースにのみ関係する場合は、そのセクションを非表示にし、ユーザーがボタンを選択して表示できるようにします。この方法は、ユーザーインターフェースが高密度なモジュールや、すでに折りたたみ可能なセクションを使用していて画面のスペースが限られている場合にも役立ちます。

モバイルデバイスで使用するアプリケーションを作成する場合は、モバイル設計のベストプラクティスのドキュメントを確認してください。

サイドパネルをデフォルトで表示すべきなのはどのような場合ですか？

次の場合は、サイドパネルをデフォルトで表示します。

• モジュール内の移動を支援するコンテンツや重要なメトリクスなど、パネルのコンテンツが不可欠である、または頻繁に使用される場合。
• パネルのユーザーインターフェースがシンプルな場合。
• ユーザーが主に大きな画面でモジュールを使用するため、スペースの制約がない場合。

パネルが任意である場合、補助的な情報を含む場合、またはユーザーが主に小さな画面でモジュールを使用する場合は、折りたたみ可能なセクションまたは非表示のセクションを使用してください。

ページオーバーレイを作成すべきなのはどのような場合ですか？

基本概念のドキュメントのオーバーレイに関するセクションを確認し、特定のワークフローにオーバーレイが適しているかを判断します。