architecture - Web サイトのアーキテクチャを作成するために何を使用しますか?

Question

もちろん、単純な箇条書きリストやマインドマップを使用することもできます。しかし、より優れた、よりインタラクティブな方法が必要です。ウェブサイトのアーキテクチャを開始するときに何を使用しますか?

Answer 1

物理的および論理的なアーキテクチャの観点から、ホワイトボードに勝るものはなく、アプリケーションのレイヤー/ティアをボックスで作成します。次に、Visioを使用して電子コピーを作成します。

その後、各レイヤーに繰り返し飛び込み、適切なツールと手法を使用して設計します。これが私がよく使うものです：

1. データベース：ERD
2. ビジネスオブジェクト（およびサービスコントラクト）：UMLクラス図
3. UI：プロトタイプとワイヤーフレーム
4. ワークフローと非同期操作：フローチャートとシーケンス図

Answer 2

ペンと紙でデザインをスケッチするのが好きです。真剣に。コンピューターはありません。ナビゲーション バーを含むホーム画面をレイアウトします。ここから、2 層目と 3 層目のページをどのようにするかを考えます。

物事を紙に書き出すこのプロセスは、サイトに何を求めているかを考えるのに本当に役立つことがわかりました。いくつかの画面のテンプレートを作成してみてください。次に、含めたいコンテンツのアウトラインを作成します。

Answer 3

ペーパー プロトタイピング ベイビー - ホワイトボードにポストイットを作成します (ページのアイデア自体を変更することなく、それらを移動して関係を流動的に保つことができます)。それからもちろん、インターフェイス デザインの核心に取り掛かったら、それらのポストイットのそれぞれを「ズームイン」し、それらを使用して個々の要素を表します。ユーザビリティ テスト、コードの重複の回避、クリーンな構造など、ほぼすべてに適しています。さらに、それは安価で非常に高速です。

Answer 4

「アーキテクチャ」とは、最初のサイト マップのことですか? そうでない場合は、説明を投稿してください。回答を編集します。

技術チームは、クリエイティブ部門が作業を完了した後に開発を開始します。得られるものの一部は、情報アーキテクトからの出力です。彼は、グラフィカルなサイトマップ、詳細なサイトマップを Excel シートとして、一連のワイヤーフレームを PDF で渡します。