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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

多くの場合、コンテンツの作成に必要な時間とリソースは過小評価されており、コンテンツはプロジェクトの最後にプッシュされます。 これは、設計プロセス中のコンテンツの不足をサポートするリソースによって容易になります。 Lorem IpsumやPlaceholderなどのWebサイトは、コンテンツのないデザインのダミーコピーと画像を生成するのに役立ちます。 これらは見栄えの良いデザインを作成するのに役立ちますが、実際のコンテンツを配置すると、物事が崩壊する可能性があります。 デジタルデザインエージェンシーthoughtbotのチーフデザインオフィサーであるKyleFiedlerは、「デザインにlorem ipsumを追加することで、王様のサイズを知る前に、基本的に王様に服を着せることができる」と信じています。

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

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

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

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

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

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

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

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

コンテンツの収集

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

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

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

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

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

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

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

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

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

コンテンツをリードする

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

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

Toptal Designブログでさらに読む：

• 言葉の問題-UXコピーの真の価値
• 情報アーキテクチャの包括的なガイド
• ユーザー調査の価値
• 数字の強さ-データ駆動型設計の概要
• 読みやすさのための設計-Webタイポグラフィのガイド（インフォグラフィック付き）