設計プロセス

新しいWeb注文：コンテンツファーストデザインの概要

デザイナーは単に装飾するだけでなく、コンテンツを移動する体験を生み出します。しかし、クライアントやチームメンバーが、コンテンツがどのようにデザインを推進すべきかを理解していない場合はどうなるでしょうか。逆さまのプロセスを回避するために、コンテンツの重要性を説明し、事前にコンテンツを作成するためにチームを結集するのに役立つ戦略があります。

ユーザーエクスペリエンスと優れたコンテンツは、製品設計を成功させるために不可欠であると認識されています。それでも、美学に次ぐものと考えるのは簡単です。製品チームは、スタイルの背後にある要素ではなく、ルックアンドフィールに簡単に焦点を当てて注意を向けることができます。プロジェクトが最初の行動を促すフレーズとしてビジュアルデザインプロセスで開始された場合、非効率性が必ず発生します。

デザインの美学は、ビジネス目標に基づいている必要があります、ユーザー調査、およびコンテンツ。クライアントはビジネス目標を提供できる可能性が高く、ユーザー調査はすでに存在している可能性があります。または、適切なチームで簡単に達成できます。コンテンツの作成はプロジェクトの長くて退屈な部分であり、見過ごされがちですが、コンテンツの作成が設計プロセスで、そして最終的には製品の成功で果たす役割は、広く誤解され続けています。

ここでは、コンテンツの重要性と、チームがコンテンツファーストのデザインを作成するために使用できる戦略を確立します。

コンテンツファーストデザインの例

に関する記事のフレームワーク BBCスポーツページに表示されるさまざまなタイプとサイズのコンテンツに基づいて設計されました。

コンテンツ主導のデザインの重要性

コンテンツの優先順位が下げられ、コンテンツの作成と照合が最後の最後まで行われると、重大な問題が必然的に発生します。

製品の設計、構築、発売に遅れが生じます。
テンプレートがコンテンツに適切に適合していません。
作成されるテンプレートが多すぎる（または少なすぎる）。
実際のコンテンツは、ウェブサイトのデザインのビジョンと一致していません。
ダミーコンテンツを使用すると問題が発生する可能性があります。
美しいプレースホルダー画像が使用可能な低品質の画像に置き換えられると、デザインが損なわれます。

クライアントとデザイナーを最初から調整する

クライアントに実際のコンテンツを要求するときによく発生する問題は、「鶏が先か卵が先か」のシナリオです。クライアントは、作成する必要のあるコンテンツを知るためにデザインを確認する必要があると確信しています。

これは、デザインのプロセスに精通していない可能性のある人、つまり何もないところから何かを作成するという観点からは理にかなっています。コンテンツがどうあるべきか（そしてできるか）に関する意思決定プロセスを促進するのは設計者の責任です。イノベーションエージェンシーSmashingIdeas アドバイスデザイナーが「利害関係者が意見を表明し、フィードバックを提供するための十分な機会を与えるとき、あなたは彼らを旅に連れて行き、あなたの製品とアプローチの両方がより強くなるだけです」。

このコンテンツファーストの設計プロセスを通じて、最終製品のビジョンは、実現可能性や予算の制約などに関して、協調的かつ現実的な観点から確立されます。クライアントと利害関係者は、優れた設計がデータとコンテンツにどのように基づいているかを確認することにさらに投資します。最初にクライアントを調整することにより、最終的な設計を承認する時期になると、チームはより多くの情報を得ることができます。

リサーチに基づくユーザーエクスペリエンスデザインとコンテンツのベース

データを使用した設計設計者は、実際のユーザーとその行動に基づいてソリューションを作成できます。しかし、これはほんの始まりに過ぎません。調査により、ユーザーのニーズを満たすために必要なコンテンツが示唆されたら、それを作成する必要があります。

「コンテンツがない場合のデザインはデザインではなく、装飾です。」 -ジェフリーゼルドマン

コンテンツ主導の設計にはユーザー調査が必要

ユーザーインタビューとユーザー調査は、コンテンツベースの決定に情報を提供する洞察を提供します。

デザインとコンテンツがに基づいて作成される場合ユーザー調査、デザイナーはユーザーを効果的にターゲットにする何かを作成します。プロジェクトの開始時にさらに検討する必要がありますが、クライアントのコンテンツスコープの制約を大幅に変更する必要はありません。あいまいなアイデアではなく、ユーザー調査に基づいてコンテンツを決定することにより、製品はより合理化され、エンドユーザーに焦点を合わせます。

コンテンツファーストの設計で時間とお金を節約

コンテンツに優先順位が付けられていない場合、プロジェクト全体で非効率性が蓄積されます。デザイナーが作成するテンプレートが多すぎる（または少なすぎる）場合、実際のコンテンツが収まらない場合はレイアウトを調整する必要があり、実際の画像が望ましくない場合はデザインを再評価します。プロセスの後半でコンテンツが作成されたときにデザインを再検討するのにかかる時間は不要であり、チームに負担がかかります。

多くの場合、コンテンツの作成に必要な時間とリソースは過小評価されており、コンテンツはプロジェクトの最後にプッシュされます。これは、設計プロセス中のコンテンツの不足をサポートするリソースによって簡単になります。のようなウェブサイト Lorem Ipsum そしてプレースホルダーコンテンツのないデザインのダミーコピーと画像を生成すると便利です。これらは見栄えの良いデザインを作成するのに役立ちますが、実際のコンテンツを配置すると、物事が崩壊する可能性があります。デジタルデザインエージェンシーのチーフデザインオフィサー、カイルフィードラー Thoughtbot は、「デザインにlorem ipsumを追加することで、キングのサイズを知る前に、基本的にキングをドレスアップしている」と考えています。

ダミーコピーはデザインとコンテンツを狂わせる可能性があります

デザインとコンテンツの調整が不十分なWebサイトでは、コンテンツが作成される前にLoremIpsumとプレースホルダー画像が使用されます。実際のコンテンツを入れるとデザインが残念です。

コンテンツが作成される前に製品が設計およびコーディングされると、問題が増幅されます。上の画像は、ダミーコンテンツが実際のコンテンツとどのように一致しないかを示しています。タイトルとメタコピーははるかに長く、うまくレイアウトされたボックスの制約を超えています。一部の領域でコンテンツが不足すると空のスペースが作成され、実際の画像がはるかに小さく、解像度が低いと、レイアウトに大きな問題が発生します。

このチームは現在、設計を調整し、潜在的に製品のコードを調整する必要に直面しています。これは、設計と開発に取り掛かる前にコンテンツを作成することで回避できたはずです。

コンテンツファーストデザインの戦術

コンテンツ監査とインベントリ

コンテンツを収集するための最初のステップは、コンテンツの監査とインベントリを実行することです。これには、Webサイトなど、現在の製品に存在するすべてのコンテンツの分析が含まれます。これは、必要なコンテンツの範囲についてチームにアイデアを提供するため、洞察に満ちた有益なプロセスになる可能性があります。さらに、それはの出発点として使用することができます情報アーキテクチャ。

コンテンツファーストの戦略ワークショップ

一般に、グループセッションとコラボレーションでは、コンテンツを作成するときに全員を同じページに集めて、統一されたコンテンツ戦略を作成できます。ワークショップは通常、コンテンツタイプの明確化、コンテンツの責任の特定、概要の作成、およびコンテンツ制作プロセスのマッピングに焦点を当てています。ワークショップでは、次のことも強調できます。

ボトルネック
既知の問題点
内部コンテンツスキルの欠如
内政

ワークショップは、コンテンツファースト戦略の開発に役立ちます

コンテンツワークショップは、デザイナー、利害関係者、およびチームメンバーを最初から調整するコンテンツファースト戦略を確立するのに役立ちます。

コンテンツの収集

コンテンツ作成者を悩ませている問題の1つは、効率的にアクセス、共有、編集できる方法でコンテンツを収集することです。適切なワークフローがないと、何百もの個別のドキュメントが作成される可能性が高く、それぞれにさまざまなバージョンがあり、メールチェーンを介して一貫性のない方法で送信されたり、一部のユーザーのみがアクセスできるようにクラウドにアップロードされたりします。これは、誤解と非効率のシーンを設定します。

最初からワークフローソリューションに同意し、必要なすべてのチームメンバーにアクセスを提供することが重要です。 Googleドライブは適切なソリューションですが、次のような専用ツールがあります。コンテンツを収集するこれにより、さまざまなコンテンツ管理システムでの共有、編集、バージョン管理、およびエクスポートが可能になります。

効果的かつ効率的にコンテンツを作成する方法

コピーライターに投資する

最も成功しているプロジェクトは、社内の利害関係者が緊密に協力しているプロジェクトです。コピーライター初めに。これは、クライアントの心の中でコンテンツを優先します。プロジェクトリーダーは、プロジェクトを効果的に管理し、コンテンツの作成をプロのライターに任せることができます。これらのプロジェクトでは、設計段階の前に十分に現実的なコンテンツを作成できます。

コンテンツクリエーターを参加させる

コピーライターが予算に収まらない場合は、内部チームの誰かがクライアントと緊密に連携してコンテンツ作成を調整するように任命されることが重要です。チームの各メンバーは、コンテンツの作成または照合を担当できます。何が必要かを定義する明確な概要は、優れたコンテンツファースト戦略計画で明確に表現する必要があります。

プロトコンテンツから始める

最後の手段として、プロトコンテンツを使用できます。プロトコンテンツは、クライアントの現在のWebサイトまたは競合他社のWebサイトから取得され、モックアップデザインで使用されます。ダミーテキストではなくこれを使用することにより、コンテンツは、作成される実際のコンテンツをよりよく表します。タイトルの長さ、本文のコピーの長さ、メタデータ、および既存のWebサイトから取得した画像は、loremipsumよりもレイアウトを設計する方法についてより現実的なアイデアを与えることができます。

コンテンツをリードする

全員が製品デザインクライアントや利害関係者を含むチームは、コンテンツが果たす役割を理解しています。プロジェクトの開始時に明確なコンテンツファースト戦略を確立することにより、チームは時間とお金を節約します。最終製品は、製品のビジョンと一致し、ユーザーのニーズをより効果的に満たす可能性が高くなります。

コンテンツファーストの設計プロセスを重視する設計者は、合理化されたプロセスを通じて目的のある製品を作成するのに適しています。疑似コンテンツは、他の生産的な戦術に道を譲るために取り残される可能性があります。コンテンツにふさわしい注意が払われると、誰もが勝ちます。

•••

ApeeScapeデザインブログの詳細：

基本を理解する

コンテンツ監査を行うにはどうすればよいですか？

コンテンツ監査はさまざまな方法で実行できますが、常に現在存在するすべてのコンテンツのコレクションと必要なものの分析を含める必要があります。チームは最初にツールとワークフローを選択する必要があります。コンテンツは、コンテンツファースト戦略ワークショップのきっかけにもなります。

C言語を学ぶ方法

コンテンツ監査とはどういう意味ですか？

製品設計プロセスのコンテンツ監査には、Webサイトなど、現在の製品に存在するすべてのコンテンツの分析が含まれます。これは、必要な設計とコンテンツの範囲、および情報アーキテクチャの開始点のアイデアを提供するため、洞察に満ちた有益な情報になる可能性があります。

なぜLoremIpsumを使用するのですか？

Lorem Ipsumは、コンテンツがまだ存在しないときに設計されているレイアウトで役立ちます。ダミーコピーは実際のテキストの印象を与えるので、デザインを効果的に評価することができます。しかし、実際のコンテンツが異なる場合、LoremIpsumは問題を引き起こします。コンテンツファーストのデザインでは、最初に現実的なコンテンツが必要です。