web-dev-qa-db-ja.com

UIの設計にUMLクラス図は必要ですか?

フローとプロセスの関係を表すユースケース図、アクティビティ図、シーケンス図に基づいて、UIプロトタイプとワイヤーフレームを設計したいと思います。クラス図をデザインに含める必要はありますか?

5
Armin

クラス図は、

a。ソフトウェアコンポーネントの低レベル設計の説明

b。データモデルの説明。

Wireframesは、ユーザーとシステムの相互作用とエクスペリエンスを設計するためのものです。 使用例は、ワイヤーフレームの入力として機能します。

ユースケースは、テキスト(俳優、前提条件、主な成功シナリオ、事後条件、分岐、例外)またはアクティビティ図で詳細に説明できます。

シーケンス図は、ユースケースがクラス図のクラスの上にどのように実装され、UI設計の実際の入力ではないかを示します。


カスタムUIエンジンの仕組みを説明したい場合は、クラス図を使用してください。

ユーザーがUIを操作する方法を説明する場合は、ワイヤーフレームを使用します。

クラス図実装およびデータモデルの設計用です。
wireframes[〜#〜] ux [〜#〜]を設計するためのものであり、(ユースケースとともに)要件の一部ですソフトウェア設計に先行するべき定義。

I低レベルデザイン-UI内の特定のフィールドの設計に到達したら、UXデザイン(ワイヤーフレーム)と必要なデータ(データモデル-クラスダイアグラム)を考慮に入れます。 UIが目的のエクスペリエンスに従っていることと、必要な入力がすべて提供されていることを確認してください。入力の一部が目的のUXと一致しないことを発見し、戻って調整することもできます。ウィンドウまたはコントロールを追加して、UIの低レベルデザインに戻り、ワイヤーフレームの変更に応じて調整します。

6
Danny Varod

UMLクラスダイアグラムは、UIデザインでは必要ではありません。ただし、存在する場合は、ドメインに存在するエンティティの属性のソースになる可能性があります。したがって、たとえば、AuthorクラスとBookクラスには属性があり、UIで実装できます。しかし、図には、フォーム上にあるべき属性を示すデータはありません。
enter image description here

UMLクラスダイアグラムをUIの入力仕様としてのみ持つUIデザイナーの場合、UIを実装する危険があります。これは、データモデルに厳密に従いますが、UXが悪くなります。例としては、ユーザー登録フォームの実装があります。これには、登録フォームのすべてのユーザープロファイル属性が含まれます。

したがって、UMLクラスダイアグラムを追加の情報源として使用しますが、それに固執しないでください。

2