web-development-kb-ja.site

UIの相互作用とデータのマッピング(サーバー側からクライアント側へ)をどのように指定しますか?

特定のデータモデルとビジネスロジック(データを処理/抽出する)について、開発者が作成できる方法でそのデータを表示/操作するためのUIをどのように指定しますか。

簡単な例:は、および性別が-とともにデータベースに格納されていることになりますsignUpDate。ビジネスロジックはfullNameプロパティ(forename + "" + surnameから構成される)を公開します。

UIの要件は、UIがfullNameラベルとsexの値に応じて男性/女性のアイコンを表示することです。ラベルの上にマウスを置くと、signUpDate値が表示されます。

これをどのように指定しますか

  • 顧客は何が表示されているかを理解でき、ユーザーはUIを操作します(マウスオーバーなど)?
  • 開発者はデータがどこから来ているのか、データに応じて動的に変化することを理解できますか?

現在、私たちはBalsamiq、ER図、シーケンス図、データモデル図、単語の組み合わせを使用して、複雑なレイアウト/データマッピング/相互作用を説明しています。

編集:特にHTMLベースのWebサイトではなくRIAの観点から(Silverlight/Flash/GWTを考えてください)

5
Chris Buckett

Axure はこれにとってかなり素晴らしいです-ワイヤーフレームを設計し、インタラクティブなHTMLクリックスルーを作成するインタラクティブな要素を実行できます。費用はかかります。

2
Julian H

相互作用を指定するbest方法は、インタラクティブプロトタイプを使用することです。プロトタイプは実際のものにできるだけ近いので、デザインと最終的なアプリの間の抽象化のほぼすべてのレイヤーが削除され、物事がどのように機能するかを伝えるのが簡単になります。これにより、お客様の理解が大幅に高まります。また、不確かなものをテストすることもできます(ユーザーがマウスオーバーで操作するように指定する方法について尋ねているため)。

開発者の状態とそれらの状態の変化を示すには、プロトタイプモデルがそれらの状態をサポートし、プロトタイプを表示している人がアプリのさまざまな状態をアクティブにできるようにする必要があります。これは、モックデータ(実際のモックデータである必要があります lorem ipsumフィラーではない )と、モダリティを考慮した単純なテンプレートを使用して実行できます。

プロトタイプの形式は、最終製品と同じである必要はありません。最終的な製品と同じように相互作用を表す必要があるだけです。したがって、たとえば最終的なアプリがデスクトップクライアントやSilverlightアプリになる場合でも、HTMLを使用してプロトタイプを作成できます。

上記のすべては 開発中の製品 でサポートされており、あなたが説明している状況ではこれをお勧めします。

1
Rahul