Webアプリケーションを再設計するためのドキュメントを作成する際に留意すべき点は？
私はウェブサイトを再設計し、私の設計アプローチと思考プロセスを説明するドキュメントを書きたいです。レイアウトを再作成し、提案された変更を説明しました。ドキュメントのコンテンツはありますが、すべて整理されていません。また、レイアウトとデザインでユーザーとの良好な相互作用を生み出したと思われるサービスベースのWebサイトもリストしました。
デザインの必要なすべての側面をカバーし、コンテンツを構成するために、ドキュメントの小見出しは何を心に留めておくべきか、または正確には誰かが提案できますか？テンプレートやサンプルデザインのドキュメントがあった場合に最適です。
以下は、そのようなドキュメントについて私が従うドキュメントレイアウトの大まかなガイドラインです。
- 問題の説明：現在の会社が直面している問題と問題の説明
- ユーザーリサーチ\オーディエンスリサーチ：サイトのユーザーベースの説明と、それらが問題ステートメントにどのように影響するか
- 利害関係者分析-さまざまな利害関係者と、サイトの設計、レイアウト、およびメッセージに対する効果的な影響を示すマトリックス。ここではサイトのビジネス目標を定義する内部関係者のみを参照しているため、このセクションにはユーザーを含めていませんが、ユーザーベースがこれらの内部関係者である場合は、このセクションを前のセクションとマージできます。
- 競合分析-これは、ベストプラクティスを決定し、ガイドラインまたはベースラインとして使用できる市場にすでに存在するものを確認するためのものです
- 提案された情報アーキテクチャと分類-これには、サイト情報アーキテクチャと分類が含まれます
- サイトフロー図-これは、チェックアウトプロセスや登録プロセスなどのプロセスフローのようなものを作成している場合に適用されます。
- 注釈付きの主画面の説明-このセクションでは、通常、主画面のスクリーンショットと注釈を提供します。注釈は、ページの主要なポイント（主なフォーカスポイントや行動を促すフレーズなど）や、ユーザーを行動を促すフレーズに誘導する方向補助などを呼び出します。
- 設計仕様とブランドガイドライン-技術的にはこのブランドガイドを呼び出すことができますが、このセクションの主な目的は、使用されているブランドガイドラインを呼び出すことです
- サイト解像度の詳細-このセクションを前のセクションと組み合わせることができますが、このセクションでは通常、サイトを設計する解像度と計画しているさまざまな画面サイズを呼び出します
- 技術的な詳細-このセクションでは、主に実装の詳細、バックエンドスタック、プラットフォームなどの技術的な詳細を呼び出します。これは、設計ドキュメントで必要な場合と必要でない場合がありますが、開発チームを支援するためのものです。技術的な制約と、彼らが認識する必要がある側面について。
このリストはすべてを網羅しているわけではなく、順序はリストの構成方法とは異なる場合がありますが、その出発点であることに注意してください。
テキストを使用して視覚的なデザインを試して説明すると、イライラする可能性が高く、結果はほとんど使用されません。
むしろ、スケッチ、コンセプトアート、モックアップを使用して、再設計を文書化します。もちろん説明が必要な部分もありますが、表示する画像で説明すると、誰かにテキストの壁を与えるよりもはるかに効果的です。
これは、コミュニケーションデザインに取り組むための個人的なメンタルハックです。
UXの問題として扱います
誰と通信していますか？何を伝えようとしているの？どうして？彼らの目標は何ですか？あなたの目標は何ですか？設計プロジェクトについて尋ねるすべての通常の質問-作成しているドキュメントについて尋ねます。
そうすることで、情報を取得するための最良の方法に集中できます。
おそらくあなたは書類を必要としません。多分あなたは会話をする必要があります。または会議とプレゼンテーション。またはナプキンにいくつかのスケッチ。またはウェブサイト。または、他の何か。
「ドキュメントの小見出しをどうするべきか」という質問は、文脈なしで「ウェブサイトのセクションをどうするべきか」に答えようとするようなものです。 Webサイトの目的とWebサイトを使用するユーザーを理解しないと、正しい答えや役立つ答えはありません。
コミュニケーションデザインに使用できるドキュメントの種類の例が必要な場合は、 nify from 8shapes を参照してください。本 Communicating the User Experience と Communicating Design も良い読み物です。